@font-face{font-family:"Noto Sans Hebrew";src:url("../fonts/noto-hebrew-hebrew.woff2") format("woff2");font-weight:500 800;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Noto Sans Hebrew";src:url("../fonts/noto-hebrew-latin.woff2") format("woff2");font-weight:500 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2212}
:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--ink:#3b2410;--blue:#1f6fe0;--red:#e0353b}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
html,body{margin:0;height:100%;overflow:hidden;background:#f0a04b;font-family:"Noto Sans Hebrew",Arial,sans-serif;color:var(--ink);overscroll-behavior:none;touch-action:manipulation}
button{font-family:inherit;border:0;cursor:pointer;color:inherit}
.view{position:fixed;inset:0;overflow:hidden;background:#f0a04b}
@media (min-width:700px){body{background:url(../img/field-s.webp) center/cover}.view{left:50%;right:auto;width:520px;margin-left:-260px;box-shadow:0 0 60px rgba(0,0,0,.5)}}
.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.screen.on{display:flex}
.bg{position:absolute;inset:0;background:url(../img/field.webp) center 60%/cover}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,236,200,.25),rgba(120,60,10,.25))}
/* title */
.title-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%}
.title-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,240,210,.0) 0%,rgba(0,0,0,0) 55%,rgba(60,25,0,.45) 100%)}
.corner-logo{position:absolute;top:calc(var(--sat) + 10px);left:10px;width:64px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.title-box{position:absolute;top:calc(var(--sat) + 7vh);left:0;right:0;text-align:center}
.title-pill{display:inline-block;background:rgba(255,255,255,.85);color:#7a3d06;font-weight:800;font-size:16px;padding:4px 14px;border-radius:30px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.title-h{margin:8px 0 0;line-height:1.05}
.title-h span{display:block;font-size:min(15vw,72px);font-weight:800;color:#fff7d6;text-shadow:2px 0 0 #8a3d00,-2px 0 0 #8a3d00,0 2px 0 #8a3d00,0 -2px 0 #8a3d00,0 5px 0 #8a3d00,0 9px 18px rgba(0,0,0,.35)}
.title-h small{display:block;font-size:min(8vw,38px);font-weight:800;color:#fff;text-shadow:0 3px 0 #a04a00,0 5px 12px rgba(0,0,0,.35);margin-top:4px}
.big-btn.title-go{position:absolute;bottom:calc(var(--sab) + 54px)}
.credit{position:absolute;bottom:calc(var(--sab) + 12px);left:0;right:0;text-align:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}
/* buttons */
.big-btn{position:relative;font-size:24px;font-weight:800;padding:14px 34px;border-radius:30px;background:linear-gradient(180deg,#ffe38a,#ffb52e);color:#5a2c00;box-shadow:0 6px 0 #c06f00,0 10px 22px rgba(0,0,0,.25)}
.big-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #c06f00}
.big-btn:disabled{filter:grayscale(.8);opacity:.6}
.big-btn.alt{background:linear-gradient(180deg,#e9f4ff,#b9dcff);color:#0d3d70;box-shadow:0 6px 0 #6f9fd0,0 10px 22px rgba(0,0,0,.2)}
.big-btn.small{font-size:19px;padding:10px 18px}
.big-btn.wa{background:linear-gradient(180deg,#7be495,#25b04f);color:#fff;box-shadow:0 6px 0 #16803a}
.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.06)}}
.say{font-size:20px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 3px 0 #d6b98b;vertical-align:middle;padding:0}
.card{position:relative;width:min(92vw,470px);max-height:calc(100% - var(--sat) - 80px);overflow:auto;background:rgba(255,250,238,.94);border-radius:28px;padding:18px 16px 20px;text-align:center;box-shadow:0 12px 34px rgba(60,25,0,.35);border:4px solid #ffd27a;margin-top:calc(var(--sat) + 30px)}
.card h2{margin:4px 0 14px;font-size:25px;font-weight:800;color:#7a3d06}
.menu-grid{display:grid;gap:12px}
.mode-btn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;text-align:right;background:linear-gradient(180deg,#fff,#fff1d6);border-radius:22px;padding:12px 14px;box-shadow:0 5px 0 #e2b46b,0 8px 16px rgba(0,0,0,.12)}
.mode-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #e2b46b}
.mode-btn .ico{grid-row:1/3;font-size:34px}
.mode-btn .mt{font-size:21px;font-weight:800;color:#5a2c00}
.mode-btn .ms{font-size:15px;color:#8a5a2a;font-weight:600}
/* pick */
.pick-row{margin-bottom:12px;padding:8px;border-radius:20px}
.pick-row.blue{background:rgba(31,111,224,.12);border:3px solid rgba(31,111,224,.4)}
.pick-row.red{background:rgba(224,53,59,.1);border:3px solid rgba(224,53,59,.4)}
.pick-row .who{font-weight:800;font-size:19px;margin-bottom:6px}
.pick-row.blue .who{color:var(--blue)}.pick-row.red .who{color:var(--red)}
.heroes{display:flex;gap:12px;justify-content:center}
.hero{flex:1;max-width:170px;background:#fff;border-radius:20px;padding:8px 6px 6px;box-shadow:0 4px 0 #e2b46b;border:4px solid transparent}
.hero img{height:min(26vh,190px);width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto}
.duo .hero img{height:min(14vh,110px)}
.hero b{display:block;font-size:22px;font-weight:800;margin-top:4px}
.hero.sel{border-color:#ffb52e;background:#fff6d8;transform:scale(1.04)}
.name-in{margin-top:8px;width:min(80%,260px);font:inherit;font-size:20px;font-weight:700;text-align:center;padding:8px 12px;border-radius:16px;border:3px solid #ffd27a;background:#fff;color:var(--ink);-webkit-user-select:text;user-select:text}
#pick-go{margin-top:6px}
/* level map */
.map-wrap{position:relative;width:100%;height:100%;overflow:auto;padding:calc(var(--sat) + 62px) 12px calc(var(--sab) + 20px)}
.map-h{text-align:center;margin:0 0 10px;font-size:26px;color:#fff;text-shadow:0 2px 0 #8a3d00,0 4px 10px rgba(0,0,0,.4)}
.map{display:flex;flex-direction:column;gap:14px;max-width:470px;margin:0 auto}
.stage{background:rgba(255,250,238,.93);border-radius:24px;padding:10px 12px 14px;box-shadow:0 8px 22px rgba(60,25,0,.3);border:4px solid #ffd27a}
.stage h3{margin:0;font-size:22px;color:#7a3d06;display:flex;align-items:center;gap:8px;justify-content:center}
.stage .sub{font-size:15px;color:#8a5a2a;font-weight:700;margin:2px 0 10px;text-align:center}
.stage .ex{direction:ltr;unicode-bidi:isolate;display:inline-block;background:#fff;border-radius:10px;padding:0 8px;margin:0 4px;color:#5a2c00}
.path{position:relative;display:flex;justify-content:space-between;align-items:flex-start}
.path::before{content:"";position:absolute;top:34px;right:16%;left:16%;height:8px;border-radius:8px;background:repeating-linear-gradient(90deg,#d7a65a 0 14px,transparent 14px 22px)}
.lv{position:relative;width:31%;background:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.lv .dotn{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff;background:radial-gradient(circle at 35% 30%,#ffe9a8,#f5a623 55%,#c06f00);box-shadow:0 5px 0 #8a4a00,0 8px 14px rgba(0,0,0,.25);border:3px solid #fff}
.stage.s1 .lv .dotn{background:radial-gradient(circle at 35% 30%,#d6f7c0,#5cbf3a 55%,#2f7d16);box-shadow:0 5px 0 #23600f,0 8px 14px rgba(0,0,0,.25)}
.stage.s2 .lv .dotn{background:radial-gradient(circle at 35% 30%,#d4ecff,#3b8de0 55%,#1d5aa8);box-shadow:0 5px 0 #153f78,0 8px 14px rgba(0,0,0,.25)}
.stage.s3 .lv .dotn{background:radial-gradient(circle at 35% 30%,#ffd7d0,#e8584a 55%,#a82a1f);box-shadow:0 5px 0 #741a12,0 8px 14px rgba(0,0,0,.25)}
.lv:active .dotn{transform:translateY(3px)}
.lv .lt{font-size:16px;font-weight:800;color:#5a2c00;line-height:1.2}
.lv .star{position:absolute;top:-6px;left:calc(50% - 46px);font-size:24px;display:none}
.lv.done .star{display:block}
.vtag{font-size:13px;font-weight:700;color:#8a5a2a;background:#fff3d6;border-radius:12px;padding:1px 8px}
/* rules */
.rules-pic{display:flex;align-items:flex-end;justify-content:center;height:90px;margin-bottom:6px}
.rules-pic img{height:84px}
.rp-rope{width:30px;height:6px;margin-bottom:38px;background:#c9a46c;border-radius:3px}
.rules-list{text-align:right;margin:0 0 14px;padding:0 22px 0 4px;font-size:19px;font-weight:700;line-height:1.55;color:#4a2a0a}
.rules-list li{margin-bottom:4px}
/* lobby */
.code-big{font-size:54px;font-weight:800;letter-spacing:10px;color:#5a2c00;margin:4px 0 10px}
.code-big.in{display:flex;justify-content:center;gap:10px;letter-spacing:0}
.code-big.in span{width:56px;height:70px;border-radius:14px;background:#fff;border:3px solid #ffd27a;display:flex;align-items:center;justify-content:center}
.keypad{display:grid;grid-template-columns:repeat(3,72px);gap:10px;justify-content:center;margin-bottom:10px}
.keypad button{height:58px;font-size:28px;font-weight:800;border-radius:16px;background:#fff;box-shadow:0 4px 0 #e2b46b}
.keypad button:active{transform:translateY(3px)}
.sh-btn{display:inline-flex;gap:8px;align-items:center;font-size:19px;font-weight:800;padding:10px 18px;border-radius:22px;color:#fff;background:linear-gradient(180deg,#7be495,#25b04f);box-shadow:0 5px 0 #16803a;margin-bottom:10px}
.hint{font-size:15px;color:#8a5a2a;font-weight:600;line-height:1.5}
.status{margin:10px 0;font-size:18px;font-weight:700;display:flex;gap:8px;align-items:center;justify-content:center}
.status .dot{width:12px;height:12px;border-radius:50%;background:#f5a623;animation:pulse 1.2s infinite}
.status.ok .dot{background:#28b44f;animation:none}.status.bad .dot{background:#e0353b}
.vs{font-size:20px;font-weight:800;margin:6px 0}
.fail p{font-weight:700}
.fail .row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.small-btn{font-size:17px;font-weight:800;padding:9px 14px;border-radius:18px;background:#fff;box-shadow:0 4px 0 #e2b46b}
/* game */
#s-game{justify-content:flex-start;background:#ffe9c2}
.g-top{width:100%;padding:calc(var(--sat) + 8px) 64px 6px 12px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;color:#5a2c00;background:linear-gradient(180deg,#ffd27a,#ffe9c2);min-height:56px}
.g-top .lvl-pill{background:#fff;border-radius:16px;padding:3px 12px;box-shadow:0 3px 0 #e2b46b}
.arena{position:relative;width:100%;flex:0 0 auto;height:47%;overflow:hidden;background:url(../img/field.webp) center 70%/cover}
body.split .arena{height:30%}
.track{position:absolute;top:8px;left:12%;right:12%;height:16px;border-radius:10px;display:flex;overflow:visible;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:5}
.track span{flex:1}
.tr-red{background:linear-gradient(90deg,#b81f25,#ff7a7e);border-radius:0 10px 10px 0}
.tr-blue{background:linear-gradient(90deg,#7fb2ff,#1650b8);border-radius:10px 0 0 10px}
.track{flex-direction:row-reverse}
.tr-mid{flex:0 0 4px!important;background:#fff}
#tr-dot{position:absolute;top:-6px;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd23a 50%,#d88a00);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:left .6s cubic-bezier(.3,1.4,.5,1)}
.mud{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(150,95,50,.0) 0,rgba(120,70,30,0) 70%);pointer-events:none}
.midline{position:absolute;width:4px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.9) 0 8px,transparent 8px 14px);border-radius:2px;opacity:.85}
.rig{position:absolute;left:0;top:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.3,1.35,.5,1);will-change:transform}
.team{position:absolute;bottom:auto;filter:drop-shadow(0 6px 4px rgba(60,30,0,.35))}
.team.red{animation:tugR 1.1s ease-in-out infinite}
.team.blue{animation:tugB 1.1s ease-in-out infinite}
@keyframes tugR{50%{transform:translateX(-3px) rotate(-1deg)}}
@keyframes tugB{50%{transform:translateX(3px) rotate(1deg)}}
.team.heave.red{animation:heaveR .6s ease-out}
.team.heave.blue{animation:heaveB .6s ease-out}
@keyframes heaveR{30%{transform:translateX(-14px) rotate(-4deg)}}
@keyframes heaveB{30%{transform:translateX(14px) rotate(4deg)}}
.team.lurch.red{animation:lurchR .6s ease-out}
.team.lurch.blue{animation:lurchB .6s ease-out}
@keyframes lurchR{30%{transform:translateX(8px) rotate(5deg)}}
@keyframes lurchB{30%{transform:translateX(-8px) rotate(-5deg)}}
.rope{position:absolute;border-radius:6px;background:repeating-linear-gradient(115deg,#e9cf9f 0 5px,#b88d55 5px 9px);box-shadow:0 2px 3px rgba(60,30,0,.35)}
.flag{position:absolute;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:30px solid #ff2d2d;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));transform-origin:50% 0;animation:flag 1s ease-in-out infinite}
@keyframes flag{50%{transform:rotate(6deg)}}
.fx-team{position:absolute;display:none;filter:drop-shadow(0 6px 4px rgba(60,30,0,.35));z-index:4}
.fx-team.on{display:block}
.fx-team.cheer{animation:cheer .7s ease-in-out infinite}
@keyframes cheer{50%{transform:translateY(-10px)}}
.fx-team.splash{animation:splash .9s cubic-bezier(.3,1.5,.5,1)}
@keyframes splash{0%{transform:translateY(-30%) scale(.8);opacity:.4}100%{transform:none;opacity:1}}
.cpu-bubble{position:absolute;display:none;background:#fff;border-radius:16px;padding:2px 10px;font-size:20px;font-weight:800;box-shadow:0 3px 8px rgba(0,0,0,.25);z-index:6}
.cpu-bubble.on{display:block}
.banner{position:absolute;left:5%;right:5%;top:30%;text-align:center;font-size:min(7.5vw,34px);font-weight:800;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 12px rgba(0,0,0,.4);opacity:0;transform:scale(.6);transition:all .35s cubic-bezier(.3,1.5,.5,1);pointer-events:none;z-index:8}
.banner.on{opacity:1;transform:scale(1)}
.banner.b2{display:none}
body.split .banner{top:auto;bottom:6%}
body.split .banner.b2{display:block;top:6%;bottom:auto;transform:rotate(180deg) scale(.6)}
body.split .banner.b2.on{transform:rotate(180deg) scale(1)}
.panels{position:relative;flex:1;width:100%;display:flex;flex-direction:column}
body.split .panels{position:absolute;inset:0;pointer-events:none}
.panel{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px 12px calc(var(--sab) + 10px)}
body.split .panel{position:absolute;left:0;right:0;height:35%;pointer-events:auto;padding:8px 12px}
body.split .panel.p0{bottom:0;background:linear-gradient(0deg,#cfe3ff,#eef5ff);padding-bottom:calc(var(--sab) + 8px);height:35%}
body.split .panel.p1{top:0;transform:rotate(180deg);background:linear-gradient(0deg,#ffd6d6,#fff0f0);padding-bottom:calc(var(--sat) + 8px)}
body.split .arena{position:absolute;top:35%;height:30%}
body.split .g-top{display:none}
.panel .who{font-size:16px;font-weight:800;padding:2px 12px;border-radius:14px;color:#fff}
.panel .who.blue{background:var(--blue)}.panel .who.red{background:var(--red)}
.qrow{display:flex;align-items:center;gap:10px}
.q{direction:ltr;unicode-bidi:isolate;font-size:min(14vw,66px);font-weight:800;color:#3b2410;background:#fff;border-radius:22px;padding:2px 20px;box-shadow:0 5px 0 #e2b46b;letter-spacing:2px;white-space:nowrap}
body.split .q{font-size:min(10vw,46px);padding:0 16px}
.q .qm{color:#e07b00}
.tiles{display:flex;gap:min(4vw,18px);justify-content:center}
.tile{width:min(24vw,108px);height:min(24vw,108px);border-radius:24px;font-size:min(12vw,54px);font-weight:800;background:linear-gradient(180deg,#fff,#ffeec9);box-shadow:0 7px 0 #e0a84f,0 10px 16px rgba(0,0,0,.15);color:#4a2a0a;transition:transform .1s}
body.split .tile{width:min(20vw,84px);height:min(20vw,84px);font-size:min(10vw,42px)}
.tile:active{transform:translateY(4px);box-shadow:0 3px 0 #e0a84f}
.tile.ok{background:linear-gradient(180deg,#b8f5c4,#45c46a);color:#fff;box-shadow:0 7px 0 #22843f}
.tile.bad{background:linear-gradient(180deg,#ffd0d0,#ff8a8a);animation:shake .4s}
@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.panel.frozen .tile{filter:grayscale(.7);opacity:.6}
.msg{min-height:30px;font-size:min(5.6vw,24px);font-weight:800;color:#5a2c00;text-align:center}
.msg.good{color:#1b8a3b}.msg.badm{color:#c0392b}
.tools{display:flex;gap:10px;align-items:center}
.ibtn{width:46px;height:46px;border-radius:50%;font-size:22px;background:#fff;box-shadow:0 4px 0 #e2b46b;padding:0}
.timer{width:min(80%,360px);height:14px;border-radius:8px;background:rgba(0,0,0,.12);overflow:hidden}
.timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff6b5a,#ffd23a,#58c46a);transform-origin:right;border-radius:8px}
.nline{display:none;direction:ltr;width:min(94vw,440px);position:relative;height:58px}
.nline.on{display:block}
.nline .base{position:absolute;left:3%;right:3%;top:36px;height:4px;background:#7a4a1a;border-radius:2px}
.nline .tk{position:absolute;top:30px;width:2px;height:16px;background:#7a4a1a;margin-left:-1px}
.nline .nm{position:absolute;top:44px;font-size:13px;font-weight:800;transform:translateX(-50%);color:#4a2a0a}
.nline .nm.st{background:#ffd23a;border-radius:8px;padding:0 4px}
.nline svg{position:absolute;left:0;top:0;width:100%;height:40px;overflow:visible}
body.split .nline{height:50px}
/* end */
.end-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.end-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 16px}
.end-img{height:min(42vh,340px);width:auto;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35));animation:cheer .8s ease-in-out infinite}
#end-h{margin:0;font-size:min(8.5vw,40px);color:#fff;text-shadow:0 3px 0 #8a3d00,0 6px 16px rgba(0,0,0,.4)}
.end-sub{font-size:min(6vw,26px);font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}
/* cert */
.cert-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(var(--sat) + 60px) 12px calc(var(--sab) + 12px);height:100%;width:100%;justify-content:center}
.cert-img{max-width:94%;max-height:62vh;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.cert-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
/* back */
.noa-back{position:fixed;z-index:72;top:calc(var(--sat) + 10px);right:10px;display:none;width:44px;height:44px;padding:0;border-radius:50%;border:3px solid #fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h14M12.5 5.5 19 12l-6.5 6.5'/%3E%3C/svg%3E") center/22px 22px no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0 8%,rgba(255,255,255,0) 28%),linear-gradient(180deg,#5d74d6 0%,#34489a 55%,#1d2b6b 100%);box-shadow:0 5px 14px rgba(20,30,110,.35),inset 0 -4px 0 rgba(10,20,90,.28)}
@media (min-width:700px){.noa-back{right:calc(50% - 250px)}}
.noa-back.on{display:block}
.noa-back:active{transform:scale(.92)}
body.split .noa-back{top:35%;margin-top:6px;right:6px}
@media (min-width:700px){body.split .noa-back{right:calc(50% - 254px)}}
.ask{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center}
.ask.on{display:flex}
.ask-card{background:#fff;border-radius:26px;padding:18px 22px;text-align:center;width:min(84vw,330px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ask-ic{font-size:40px}
.ask-q{font-size:22px;font-weight:800;line-height:1.5;margin:6px 0 12px;color:#3b2410}
.ask-row{display:flex;gap:12px;justify-content:center}
.ask-row button{font-size:22px;font-weight:800;padding:10px 26px;border-radius:20px}
.ask-yes{background:linear-gradient(#ffe066,#ffb300);color:#5a3200;box-shadow:0 4px 0 #c77d00}
.ask-no{background:#e8f3ff;color:#0c3a66;box-shadow:0 4px 0 #9fc3e8}
.net-rules{font-size:17px;font-weight:700;color:#5a2c00;margin-top:8px;line-height:1.5}

/* zoo hub links (Nov 9 2026) */
.cert-btns{flex-wrap:wrap;justify-content:center}
.cert-img{max-height:56vh}
.big-btn.zoo-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(#8ff0a4,#26a84e);color:#fff;text-shadow:0 1px 2px rgba(0,60,20,.45);box-shadow:0 6px 0 #17803a,0 10px 22px rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.6)}
.big-btn.zoo-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #17803a}
.zoo-home{position:absolute;z-index:8;top:calc(var(--sat,0px) + 10px);left:10px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);box-shadow:0 4px 12px rgba(0,0,0,.3);font-size:24px;line-height:1;text-decoration:none}
.zoo-home:active{transform:scale(.92)}
.zoo-home{left:auto;right:10px}