@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(./chakra-petch-latin-600-normal-DVQm9bgb.woff2)format("woff2"),url(./chakra-petch-latin-600-normal-DQKfcdKo.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}:root{--panel:#041c2c8c;--accent:#52d3f2;--danger:#ff5a4d;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#06293f;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));position:fixed;inset:0}.hud-topleft{top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left));position:absolute}.hud-topright{top:calc(12px + var(--safe-top));right:calc(58px + var(--safe-right));text-align:right;position:absolute}.hud-big{letter-spacing:.02em;text-shadow:0 1px 8px #00000080;font-size:22px;font-weight:700}.hud-small{color:var(--ink-dim);white-space:pre-line;text-shadow:0 1px 6px #0009;margin-top:4px;font-size:12px;line-height:1.5}.badge{background:var(--panel);letter-spacing:.04em;border:1px solid #52d3f280;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.hud-center{left:50%;top:calc(14px + var(--safe-top));text-shadow:0 1px 8px #0009;font-size:15px;font-weight:600;position:absolute;transform:translate(-50%)}#touch{pointer-events:none;position:fixed;inset:0}#touch[hidden]{display:none}#joystick-zone{pointer-events:auto;width:50%;height:70%;position:absolute;bottom:0;left:0}#look-zone{pointer-events:auto;width:50%;height:70%;position:absolute;bottom:0;right:0}#joystick-base{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpolygon points='47,3 113,3 157,47 157,113 113,157 47,157 3,113 3,47' fill='rgba(6,41,63,.22)' stroke='rgba(243,236,217,.5)' stroke-width='3'/%3E%3Cpolygon points='52,14 108,14 146,52 146,108 108,146 52,146 14,108 14,52' fill='none' stroke='rgba(243,236,217,.16)' stroke-width='2'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:160px;height:160px;margin:-80px 0 0 -80px;display:none;position:absolute}#joystick-ghost{left:max(30%, calc(var(--safe-left) + 90px));pointer-events:none;width:0;height:0;position:absolute;bottom:32%}#joystick-ghost .ring{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='35,3 85,3 117,35 117,85 85,117 35,117 3,85 3,35' fill='none' stroke='rgba(6,41,63,.45)' stroke-width='5' stroke-dasharray='9 6'/%3E%3Cpolygon points='35,3 85,3 117,35 117,85 85,117 35,117 3,85 3,35' fill='none' stroke='rgba(243,236,217,.8)' stroke-width='2.5' stroke-dasharray='9 6'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}#joystick-ghost .dot{opacity:.85;width:40px;height:40px;margin:-20px 0 0 -20px;animation:2.4s ease-in-out infinite ghost-swipe;position:absolute;top:50%;left:50%}#joystick-ghost span{white-space:nowrap;font:600 15px var(--font);letter-spacing:.02em;color:var(--ink);text-shadow:var(--text-cut);position:absolute;top:-94px;left:0;transform:translate(-50%)}@keyframes ghost-swipe{0%,to{transform:translate(0)}25%{transform:translate(34px,-8px)}50%{transform:translateY(-30px)}75%{transform:translate(-34px,-8px)}}#joystick-knob{width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#btn-tuning{right:calc(12px + var(--safe-right));top:calc(10px + var(--safe-top));background:var(--panel);width:36px;height:36px;color:var(--ink);cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;font-size:18px;position:fixed}#tuning{right:calc(12px + var(--safe-right));top:calc(54px + var(--safe-top));z-index:10;background:#041c2cd9;border:1px solid #52d3f259;border-radius:12px;width:260px;max-height:calc(100vh - 120px);padding:10px 12px;font-size:12px;position:fixed;overflow:auto}#tuning[hidden]{display:none}#tuning h3{color:var(--accent);margin:6px 0 8px;font-size:13px}#tuning label{grid-template-columns:1fr auto;gap:2px 8px;margin-bottom:8px;display:grid}#tuning input[type=range]{grid-column:1/-1;width:100%}#tuning .value{color:var(--ink-dim);font-variant-numeric:tabular-nums}#tuning button{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;margin-top:6px;padding:6px}#rotate-hint{z-index:20;font:600 20px var(--font);letter-spacing:.03em;color:var(--ink);background:#06293f;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:fixed;inset:0}#rotate-hint i{width:96px;height:96px;color:var(--teal);animation:2.6s ease-in-out infinite rotate-phone;display:block}@keyframes rotate-phone{0%,30%{rotate:0deg}55%,to{rotate:-90deg}}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{display:flex}}#error{z-index:30;color:#ffd9d6;white-space:pre-wrap;background:#1a0b0b;padding:24px;font-size:14px;position:fixed;inset:0;overflow:auto}#error[hidden]{display:none}:root{--font:"Chakra Petch", system-ui, sans-serif;--ink:#f3ecd9;--ink-dim:#f3ecd9b3;--ink-faint:#f3ecd973;--deep:#06293f;--deep-2:#0b3a57;--sand:#d9c9a3;--sand-ink:#1b2f3d;--coral:#ff9a4d;--coral-ink:#3d1804;--teal:#2ec4b6;--algae:#9bff5a;--yellow:#ffd166;--pink:#ff6f91;--danger:#ff5a4d;--text-cut:0 1px 0 #041622d9, 0 0 6px #04162259}.fi .m{fill:currentColor}.fi .l{fill:currentColor;fill-opacity:.78}.fi .d{fill:currentColor;fill-opacity:.55}.fi .k{fill:#06293f}@supports (fill:color-mix(in oklab, red, blue)){.fi .l{fill:color-mix(in oklab, currentColor 60%, #fff6dc);fill-opacity:1}.fi .d{fill:color-mix(in oklab, currentColor 58%, #06293f);fill-opacity:1}}.plate{isolation:isolate;position:relative}.plate:before{content:"";inset:calc(-1 * var(--plate-pad,6px));background:var(--plate) center / 100% 100% no-repeat;z-index:-1;pointer-events:none;position:absolute}.btn{font:700 18px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--coral-ink);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;display:inline-flex}.btn i{width:26px;height:26px;display:block}.btn:active{translate:0 2px}.btn.sand{color:var(--sand-ink)}.btn.deep{color:var(--ink)}.btn:focus-visible{outline:2px dashed var(--yellow);outline-offset:6px}[hidden]{display:none!important}.g-topleft,.g-topright,.g-territory,.g-bottom,.round-btn,.desk-ability,.toast,.hint,.banner,.shove,.card,.eaten>*,#touch-buttons,.menu-inner,#loading .logo,#loading .loading-bar{zoom:var(--ui,1)}#ghud{pointer-events:none;z-index:2;font-family:var(--font);color:var(--ink);position:fixed;inset:0}.g-topleft{top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left));flex-direction:column;gap:5px;padding:9px 13px 10px 11px;display:flex;position:absolute}.g-species{letter-spacing:.01em;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.g-icon{width:32px;height:32px;display:inline-block}.g-dots{align-items:center;gap:3px;display:flex}.g-dots i{color:#f3ecd942;width:19px;height:19px;transition:color .25s,scale .25s;display:block}.g-dots i.on{color:var(--algae);scale:1.08}.g-dots .top-label{letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.g-dots .top-label i{width:18px;height:18px;color:var(--yellow);scale:1}.g-chain{align-items:center;gap:3px;display:flex}.g-chain i{width:22px;height:22px;display:block}.g-chain .prey{color:var(--algae)}.g-chain .me{color:var(--ink);opacity:.8;width:18px;height:18px}.g-chain .pred{color:var(--danger)}.g-chain .chev{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--ink-faint);width:0;height:0;margin:0 2px}.g-territory{left:50%;top:calc(12px + var(--safe-top));letter-spacing:.03em;white-space:nowrap;align-items:center;gap:6px;padding:5px 13px;font-size:13px;font-weight:600;display:flex;position:absolute;translate:-50%}.g-territory:empty{display:none}.g-territory i{width:16px;height:16px;color:var(--yellow);display:inline-block}.g-topright{top:calc(12px + var(--safe-top));right:calc(66px + var(--safe-right));position:absolute}.board{font-variant-numeric:tabular-nums;min-width:196px;padding:8px 12px 9px;font-size:13px;font-weight:500}.board-title{letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.board-title i{width:20px;height:20px;display:block}.board-row{grid-template-columns:14px 18px 1fr auto;align-items:center;gap:6px;padding:1px 0;display:grid}.board-row.me{color:var(--coral);font-weight:700}.board-row.earlier{opacity:.55}.board-row .rank{color:var(--ink-faint);font-weight:600}.board-row.me .rank{color:var(--coral)}.board-row i{width:18px;height:18px;color:var(--ink-dim);display:block}.board-row.me i{color:var(--coral)}.board-row .nm{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;display:flex;overflow:hidden}.board-row .nm b{width:13px;height:13px;color:var(--yellow);flex:none;display:inline-block}.board-row .sc{text-align:right}.board-row .reign{opacity:.7;margin-left:3px;font-size:10px}.board-sep{border-top:1px dashed #f3ecd933;height:0;margin:3px 0}.g-bottom{left:50%;bottom:calc(12px + var(--safe-bottom));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;translate:-50%}.g-top{letter-spacing:.02em;color:var(--yellow);align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:flex}.g-top:empty{display:none}.g-top i{width:18px;height:18px;display:block}.g-top small{color:var(--sand-ink);background:var(--yellow);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);padding:1px 6px;font-size:12px}.hunger{align-items:center;gap:9px;padding:7px 12px;display:flex}.hunger-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:700}.hunger-cells{gap:3px;display:flex}.hunger-cells b{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#f3ecd921;width:17px;height:13px;display:block}.hunger-cells b.on{background:var(--cell);background:linear-gradient(180deg, color-mix(in oklab, var(--cell) 70%, white) 0 45%, var(--cell) 45% 100%)}.hunger-cells b.part{background:linear-gradient(90deg, var(--cell) 0 var(--part), #f3ecd921 var(--part) 100%)}.hunger{--cell:var(--algae)}.hunger.mid{--cell:var(--yellow)}.hunger.low{--cell:var(--danger)}.hunger.low .hunger-cells{animation:.8s steps(2,jump-none) infinite hunger-blink}@keyframes hunger-blink{50%{opacity:.45}}#edge{opacity:0;background:radial-gradient(ellipse 95% 95% at var(--ex,50%) var(--ey,50%), transparent 72%, #ff5a4dbf 100%);transition:opacity .2s;position:absolute;inset:0}#prey-markers,#labels,#threat-markers{position:absolute;inset:0}.marker{width:24px;height:24px;color:var(--algae);will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(6,41,63,0.66)' stroke='rgba(243,236,217,0.28)' stroke-width='1.0'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;margin:-12px 0 0 -12px;padding:3px;position:absolute;top:0;left:0}.marker.same-depth{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(6,41,63,0.66)' stroke='%239bff5a' stroke-width='2'/%3E%3C/svg%3E")}.marker.revealed{color:var(--yellow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(6,41,63,0.66)' stroke='%23ffd166' stroke-width='1.6'/%3E%3C/svg%3E")}.marker.safe{color:#9aa7b0;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(6,41,63,0.45)' stroke='rgba(243,236,217,0.4)' stroke-width='1.2' stroke-dasharray='2 2'/%3E%3C/svg%3E")}.marker .dy{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-left:-5px;position:absolute;left:50%}.marker .dy.up{border-bottom:7px solid var(--ink);top:-9px}.marker .dy.down{border-top:7px solid var(--ink);bottom:-9px}.marker.threat{color:#fff3ea;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(176,32,24,0.86)' stroke='%23ff9a8f' stroke-width='1.4'/%3E%3C/svg%3E");width:30px;height:30px;margin:-15px 0 0 -15px;padding:4px}.marker.threat.coming{animation:.55s ease-in-out infinite threat-beat}.marker.threat.coming:after,#threat-pointer:after{content:"!";clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);background:var(--danger);color:#fff3ea;width:16px;height:18px;font:700 12px/18px var(--font);text-align:center;position:absolute;top:-10px;right:-8px}@keyframes threat-beat{0%,to{scale:1}50%{scale:1.2}}#prey-pointer,#threat-pointer{width:32px;height:32px;color:var(--algae);will-change:transform;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(6,41,63,0.66)' stroke='rgba(243,236,217,0.28)' stroke-width='1.0'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;margin:-16px 0 0 -16px;position:absolute;top:0;left:0}#threat-pointer{color:#fff3ea;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,1 18,1 23.4,12 18,23 6,23 0.6,12' fill='rgba(176,32,24,0.86)' stroke='%23ff9a8f' stroke-width='1.4'/%3E%3C/svg%3E");width:36px;height:36px;margin:-18px 0 0 -18px;animation:.55s ease-in-out infinite threat-beat}#prey-pointer .pi,#threat-pointer .pi{position:absolute;inset:5px}#prey-pointer .arrow,#threat-pointer .arrow{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid var(--algae);transform-origin:5px 7px;width:0;height:0;margin:-7px 0 0 -5px;position:absolute;top:50%;left:50%}#threat-pointer .arrow{border-top-width:8px;border-bottom-width:8px;border-left:12px solid var(--danger);transform-origin:6px 8px;margin:-8px 0 0 -6px}#aim-ring{will-change:transform;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpolygon points='7.6,1.5 18.4,1.5 24.5,7.6 24.5,18.4 18.4,24.5 7.6,24.5 1.5,18.4 1.5,7.6' fill='none' stroke='rgba(6,41,63,0.45)' stroke-width='3.4'/%3E%3Cpolygon points='7.6,1.5 18.4,1.5 24.5,7.6 24.5,18.4 18.4,24.5 7.6,24.5 1.5,18.4 1.5,7.6' fill='none' stroke='rgba(243,236,217,0.8)' stroke-width='1.8'/%3E%3Cpolygon points='13,10.6 15.4,13 13,15.4 10.6,13' fill='rgba(243,236,217,0.9)'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:0;left:0}.label{will-change:transform;white-space:nowrap;text-shadow:var(--text-cut);align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0}.label b{width:15px;height:15px;color:var(--yellow);display:inline-block}.toast{color:var(--yellow);text-shadow:var(--text-cut);opacity:0;white-space:nowrap;font-size:30px;font-weight:700;transition:opacity .3s,transform .4s;position:absolute;top:36%;left:50%;translate:-50%}.toast.show{opacity:1;transform:translateY(-14px)}.hint{left:50%;bottom:calc(68px + var(--safe-bottom));text-align:center;width:max-content;max-width:min(64vw,470px);color:var(--sand-ink);opacity:0;padding:9px 18px;font-size:16px;font-weight:600;line-height:1.25;transition:opacity .4s;position:absolute;translate:-50%}.hint.show{opacity:1}.banner{letter-spacing:.01em;white-space:nowrap;opacity:0;color:#fff3ea;align-items:center;gap:10px;padding:10px 20px;font-size:17px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:22%;left:50%;translate:-50%}.banner.show{opacity:1}.banner.good{color:var(--sand-ink)}.banner.good:before{background-image:var(--plate-alt)}.banner i{width:28px;height:28px;display:inline-block}.shove{text-align:center;width:min(70vw,380px);padding:10px 14px 12px;position:absolute;top:28%;left:50%;translate:-50%}.shove-label{margin-bottom:7px;font-size:14px;font-weight:700}.shove-bar{background:var(--danger);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);height:16px;position:relative}#shove-fill{background:var(--teal);border-right:3px solid var(--ink);width:50%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.flash{opacity:0;background:radial-gradient(circle,#fff4d6e6,#fff4d600 70%);transition:opacity .6s;position:absolute;inset:0}.flash.on{opacity:1;transition:none}.card{width:min(80vw,470px);color:var(--sand-ink);align-items:center;gap:16px;padding:16px 20px 16px 16px;animation:.45s cubic-bezier(.2,1.4,.4,1) card-in;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes card-in{0%{opacity:0;rotate:-3deg;scale:.8}}.card-medal{flex:none;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.card-icon{width:70px;height:70px}.card-kicker{letter-spacing:.14em;text-transform:uppercase;color:#8a5a1c;font-size:11px;font-weight:700}.card-title{margin:2px 0 6px;font-size:23px;font-weight:700;line-height:1.1}.card-fact{color:#1b2f3dd9;font-size:14px;font-weight:500;line-height:1.4}.eaten{text-align:center;background:radial-gradient(circle,#06293f59,#04121ed9);flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.eaten-icon{width:92px;height:92px;color:var(--danger)}.eaten-title{text-shadow:var(--text-cut);font-size:27px;font-weight:700}.eaten-sub{color:var(--ink-dim);max-width:80vw;font-size:15px;font-weight:500}.eaten-count{width:58px;height:58px;color:var(--coral-ink);justify-content:center;align-items:center;margin-top:8px;font-size:30px;font-weight:700;display:flex}.eaten-count:empty{visibility:hidden}.round-btn{right:calc(14px + var(--safe-right));top:calc(12px + var(--safe-top));width:46px;height:46px;color:var(--ink);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:11px;position:absolute}.round-btn i{width:100%;height:100%;display:block}.round-btn:active{translate:0 2px}#touch-buttons{right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));pointer-events:auto;align-items:flex-end;gap:16px;display:flex;position:absolute}#touch-buttons button{width:64px;height:64px;color:var(--ink);touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}#btn-ability{width:82px;height:82px}#touch-buttons button i{pointer-events:none;width:54%;height:54%;display:block}#touch-buttons button.active:before{background-image:var(--plate-alt)}#touch-buttons button.active{color:var(--sand-ink)}.cd{pointer-events:none;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px;overflow:visible}.cd .track{fill:none;stroke:#06293f8c;stroke-width:4px}.cd .fill{fill:none;stroke:var(--teal);stroke-width:3.2px;stroke-linejoin:round;transition:stroke-dashoffset .15s linear}button.ready .cd .fill{stroke:var(--yellow)}#touch-buttons button.cooling i,.desk-ability.cooling .ring i{opacity:.45}#touch-buttons button.urgent .cd .fill,.desk-ability.urgent .cd .fill{stroke:var(--danger)}#touch-buttons button.urgent,.desk-ability.urgent .ring{animation:.5s ease-in-out infinite urgent-press}@keyframes urgent-press{0%,to{scale:1}50%{scale:1.12}}.desk-ability{right:calc(20px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));color:var(--ink);text-shadow:var(--text-cut);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex;position:absolute}.desk-ability .ring{width:50px;height:50px;color:var(--ink);justify-content:center;align-items:center;display:flex;position:relative}.desk-ability .ring i{width:28px;height:28px;display:block}#menu{z-index:15;font-family:var(--font);color:var(--ink);padding:calc(14px + var(--safe-top)) calc(18px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(18px + var(--safe-left));background:linear-gradient(#06293f00 30%,#06293f8c);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.menu-inner{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);align-items:center;gap:34px;width:min(980px,100%);margin:auto;display:grid}.menu-head{flex-direction:column;gap:8px;display:flex}.logo{font:700 40px var(--font);color:var(--yellow);margin:0}.logo svg{width:100%;max-width:470px;height:auto;display:block}.tagline{letter-spacing:.02em;text-shadow:var(--text-cut);margin:0 0 6px 4px;font-size:17px;font-weight:600}.levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.level{letter-spacing:.02em;text-shadow:var(--text-cut);white-space:nowrap;flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:700;display:flex;position:relative}.level>span{text-overflow:ellipsis;overflow:hidden}.level .pic{aspect-ratio:5/3;clip-path:polygon(10% 0,100% 0,100% 78%,88% 100%,0 100%,0 18%);position:relative}.level .pic svg{display:block}.level small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:-2px;font-size:10px;font-weight:600;display:block}.level.active small{color:var(--yellow)}.level.locked .pic{filter:saturate(.25)brightness(.75);opacity:.8}.level.active .pic{outline:0}.level.active:after{content:"";aspect-ratio:5/3;border:2px solid var(--yellow);clip-path:polygon(10% 0,100% 0,100% 78%,88% 100%,0 100%,0 18%);pointer-events:none;width:calc(100% + 8px);position:absolute;top:-4px;left:-4px;right:-4px}.menu-card{flex-direction:column;gap:12px;padding:20px 22px 16px;display:flex}#menu-main{flex-direction:column;gap:12px;display:flex}.field{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.field-box{display:block}.field input{font:600 19px var(--font);letter-spacing:.02em;text-transform:none;color:var(--sand-ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;border:0;outline:none;width:100%;padding:11px 14px}.field input::placeholder{color:#1b2f3d73}.menu-buttons{flex-wrap:wrap;gap:14px;display:flex}.menu-buttons .btn{flex:auto}.menu-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);font-size:12px;font-weight:700;display:none}#menu.paused .menu-kicker{display:block}#menu.paused{background:#04121e8c}#menu.paused .tagline{display:none}#menu.wide .menu-inner{grid-template-columns:minmax(0,560px);justify-content:center}#menu.wide .menu-head{display:none}.menu-buttons #menu-play{flex:3 auto;min-height:58px;font-size:22px}.menu-buttons #menu-solo{min-width:104px}.menu-buttons button:disabled{opacity:.5}.menu-online,.menu-last{color:var(--ink-dim);font-size:13px;font-weight:500}.menu-last:empty,.menu-online:empty{display:none}.menu-foot{flex-wrap:wrap;gap:12px;padding-top:2px;display:flex}.btn.small{gap:7px;min-height:40px;padding:0 14px;font-size:13px}.btn.small i{width:20px;height:20px}.btn.on:before{background-image:var(--plate-alt)}.btn.deep.on{color:var(--sand-ink)}.settings{gap:10px;display:grid}.set-row{grid-template-columns:24px 1fr auto;align-items:center;gap:10px;font-size:14px;font-weight:600;display:grid}.set-row>i{width:22px;height:22px;color:var(--ink-dim);display:block}.seg{gap:6px;display:flex}.seg .btn{min-height:36px;padding:0 10px;font-size:12px}.toggle.btn{min-width:70px;min-height:36px;padding:0 12px;font-size:12px}.range{appearance:none;cursor:pointer;background:0 0;width:150px;height:30px}.range::-webkit-slider-runnable-track{clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#f3ecd938;height:8px}.range::-moz-range-track{background:#f3ecd938;height:8px}.range::-webkit-slider-thumb{appearance:none;background:var(--teal);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:20px;height:26px;margin-top:-9px}.range::-moz-range-thumb{background:var(--teal);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:0;border-radius:0;width:20px;height:26px}.set-info{color:var(--ink-faint);font-size:12px;font-weight:500}.ranks{font-size:14px;font-weight:500}.ranks-tabs{gap:8px;margin-bottom:10px;display:flex}.ranks-tabs .btn{flex:1;min-height:36px;font-size:12px}.ranks-row{font-variant-numeric:tabular-nums;grid-template-columns:22px 22px 1fr auto;align-items:center;gap:8px;padding:3px 0;display:grid}.ranks-row span:first-child{color:var(--ink-faint);font-weight:700}.ranks-row i{width:20px;height:20px;color:var(--ink-dim);display:block}.ranks-empty{color:var(--ink-dim);padding:6px 0}#loading{z-index:25;font-family:var(--font);background:#06293f;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading .logo{width:min(70vw,420px)}#loading.done{opacity:0;pointer-events:none}.loading-bar{gap:4px;display:flex}.loading-bar b{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#f3ecd924;width:16px;height:12px;animation:1.4s ease-in-out infinite load-cell;display:block}@keyframes load-cell{0%,to{background:#f3ecd924}30%{background:var(--teal)}}#loading-fill{display:none}@media (max-height:480px){.g-topleft{gap:4px;padding:7px 10px 8px 9px}.g-species{font-size:15px}.g-icon{width:26px;height:26px}.g-dots i{width:16px;height:16px}.g-chain i{width:18px;height:18px}.board{min-width:158px;padding:6px 10px 7px;font-size:12px}.board-row.extra{display:none}.hunger{padding:5px 10px}.hunger-cells b{width:15px;height:11px}.menu-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);gap:20px}.logo svg{max-width:340px}.tagline{margin-bottom:2px;font-size:14px}.levels{gap:6px}.level{font-size:10px}.level small{display:none}.level.locked>span{color:var(--ink-faint)}.menu-card{gap:9px;padding:14px 16px 12px}#menu-main{gap:9px}.field input{padding:8px 12px;font-size:17px}.menu-buttons #menu-play{min-height:50px;font-size:20px}.btn{min-height:46px}.btn.small{min-height:36px}.card{width:min(76vw,440px);padding:12px 16px 12px 12px}.card-medal{width:76px;height:76px}.card-icon{width:58px;height:58px}.card-title{font-size:20px}.card-fact{font-size:13px}}@media (max-width:720px) and (min-height:481px){.menu-inner{grid-template-columns:1fr;gap:18px}.levels{grid-template-columns:repeat(3,minmax(0,1fr))}}