@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&family=Space+Grotesk:wght@500;700&display=swap";:root{--cyan:#74f3e1;--blue:#67b9ff;--ink:#efffff;--muted:#9cbac7;--panel:rgba(3,20,31,.86);--line:rgba(189,244,255,.18);--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)}.evolve-card:has(.evolve-options.has-three){width:min(1120px,100%)}.evolve-options.has-three{grid-template-columns:repeat(3,1fr)}.evolve-option.is-apex{border-color:color-mix(in srgb,var(--species) 70%,#ffe68a);box-shadow:inset 0 0 35px color-mix(in srgb,var(--species) 16%,transparent),0 0 24px #ffda7014}.evolve-option img{display:block;width:100%;height:96px;margin:2px 0 12px;object-fit:contain}.evolve-copy strong{min-height:46px;font-size:20px;line-height:1.2}.evolve-copy>span{display:block;margin-top:4px;color:#9ab6c1;font-size:10px}.evolve-copy>p{min-height:50px}.evolve-copy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.evolve-copy dl div{padding:8px;border:1px solid rgba(189,244,255,.14);border-radius:9px;background:#02111b61}.evolve-copy dt{color:#8facb8;font-size:9px}.evolve-copy dd{margin:2px 0 0;color:#fff1a0;font:900 16px Space Grotesk}.evolve-copy small{display:block;min-height:34px;color:#73eadb;font-size:9px;line-height:1.6}.evolve-copy small.is-warning{color:#ffbc87}@media(max-width:900px){.evolve-options.has-three{grid-template-columns:1fr}.evolve-card:has(.evolve-options.has-three){width:min(620px,100%)}.evolve-copy strong,.evolve-copy>p{min-height:0}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02111e;color:var(--ink);font-family:Noto Sans TC,system-ui,sans-serif}body{touch-action:none;user-select:none;-webkit-user-select:none}button,input,select{font:inherit}button{border:0}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:#06243a}.home-link{position:fixed;z-index:42;top:max(12px,var(--safe-top));left:max(12px,var(--safe-left));display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;color:#e8ffff;border:1px solid var(--line);border-radius:14px;background:#02121db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-decoration:none;font-size:11px;font-weight:900}.home-link:first-letter{font-size:18px}.top-hud{position:fixed;z-index:20;top:max(12px,var(--safe-top));left:50%;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(210px,1fr);align-items:center;width:min(900px,calc(100% - 150px));min-height:62px;padding:8px 10px;border:1px solid rgba(188,245,255,.16);border-radius:20px;background:linear-gradient(135deg,#021420d6,#041f2eb8);box-shadow:0 14px 50px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.identity-panel,.connection-panel{display:flex;align-items:center;gap:10px}.identity-panel>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#75f5e238,#4796ce2e);color:var(--cyan);font-style:normal;font-size:21px}.identity-panel span,.connection-panel span{display:grid}.top-hud small{color:var(--muted);font-size:9px;letter-spacing:.08em}.top-hud strong{font-size:13px}.score-panel{display:grid;place-items:center;padding:0 24px;border-inline:1px solid var(--line)}.score-panel strong{font:900 24px Space Grotesk}.score-panel span{color:#ffdc8a;font-size:9px;font-weight:900}.connection-panel{justify-content:flex-end}.connection-panel>i{width:9px;height:9px;border-radius:50%;background:#ffcf70;box-shadow:0 0 15px currentColor}.connection-panel>i.is-online{color:#62f4bc;background:currentColor}.connection-panel button{width:40px;height:40px;margin-left:4px;color:#dffcff;border:1px solid var(--line);border-radius:12px;background:#ffffff0d;cursor:pointer}.vitals{position:fixed;z-index:20;top:max(92px,calc(var(--safe-top) + 78px));left:max(14px,var(--safe-left));display:grid;gap:8px;width:230px}.vital{padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#02121db3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vital>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:9px}.vital>span b{letter-spacing:.08em}.vital>span i{color:var(--muted);font-style:normal}.vital>em{display:block;height:6px;overflow:hidden;border-radius:10px;background:#ffffff1a}.vital>em i{display:block;width:100%;height:100%;border-radius:inherit;transition:width .15s}.health>em i{background:linear-gradient(90deg,#ff6f7c,#ffad7f)}.boost>em i{background:linear-gradient(90deg,#ffe06c,#ff9f58)}.oxygen>em i{background:linear-gradient(90deg,#6feaff,#6e98ff)}.xp>em i{background:linear-gradient(90deg,#b887ff,#71f2d8)}.mini-board{position:fixed;z-index:20;top:max(92px,calc(var(--safe-top) + 78px));right:max(14px,var(--safe-right));width:232px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#02121db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mini-board header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-board header span{color:#78f2dd;font:700 8px Space Grotesk;letter-spacing:.14em}.mini-board header span i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#6ef0b5}.mini-board header strong{font-size:11px}.board-row{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;min-height:26px;color:#a9c3ce;font-size:9px}.board-row.is-me{color:#fff}.board-row b{color:#7ef4df;font:800 10px Space Grotesk}.board-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row span{font:700 9px Space Grotesk}.event-feed{position:fixed;z-index:18;right:max(14px,var(--safe-right));bottom:max(24px,var(--safe-bottom));display:grid;justify-items:end;gap:4px;width:min(340px,45vw);pointer-events:none}.event-feed p{margin:0;padding:5px 9px;color:#c9e0e8;border-radius:8px;background:#020f198c;font-size:9px;animation:feedIn .25s ease}.ability-hint{position:fixed;z-index:20;left:50%;bottom:max(22px,var(--safe-bottom));display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:#02121dc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.ability-hint kbd{padding:6px 8px;color:#04141d;border-radius:8px;background:var(--cyan);font:900 8px Space Grotesk}.ability-hint span{display:grid}.ability-hint small{color:var(--muted);font-size:8px}.ability-hint strong{font-size:10px}.ability-hint>i{display:none;width:25px;height:25px;border:3px solid rgba(255,255,255,.15);border-top-color:#ffdf75;border-radius:50%;animation:spin 1s linear infinite}.mobile-stick,.mobile-action{display:none}.overlay{position:fixed;z-index:80;inset:0;display:none;place-items:center;padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));overflow:auto;background:#010b13ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.overlay.is-open{display:grid}.start-overlay{background:radial-gradient(circle at 72% 20%,rgba(69,173,202,.2),transparent 35%),linear-gradient(160deg,#02121ff2,#021f30e0)}.start-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.start-atmosphere i{position:absolute;border:1px solid rgba(126,243,231,.15);border-radius:50%;animation:float 10s ease-in-out infinite}.start-atmosphere i:nth-child(1){width:430px;height:430px;right:-120px;top:-120px}.start-atmosphere i:nth-child(2){width:250px;height:250px;left:9%;bottom:-100px;animation-delay:-4s}.start-atmosphere i:nth-child(3){width:14px;height:14px;left:20%;top:22%;box-shadow:40px 90px #8ef5eb1f,150px 220px #8ef5eb1a,500px 50px #8ef5eb1a}.start-layout{position:relative;display:grid;grid-template-columns:minmax(0,680px) minmax(290px,370px);gap:18px;width:min(1080px,100%)}.start-card,.ecosystem-card,.panel-card,.evolve-card,.death-card{border:1px solid rgba(179,241,247,.19);background:linear-gradient(145deg,#051d2bf5,#02111cf7);box-shadow:0 36px 110px #00000073}.start-card{padding:clamp(25px,4vw,54px);border-radius:31px}.eyebrow{margin:0;color:#73eadb;font:800 9px Space Grotesk;letter-spacing:.18em}.start-card h1{display:grid;margin:14px 0 18px;font-size:clamp(51px,6vw,88px);line-height:.83;letter-spacing:-.07em}.start-card h1 em{margin-left:clamp(35px,9vw,130px);color:transparent;-webkit-text-stroke:1.5px rgba(215,251,255,.72);font-style:normal}.start-lead{max-width:650px;margin:0;color:#b8d0da;font-size:clamp(13px,1.1vw,16px);line-height:1.8}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.feature-row span{padding:9px;border:1px solid var(--line);border-radius:10px;color:#9fb8c4;background:#ffffff06;font-size:9px}.feature-row b{display:block;color:#ffdc87;font:900 18px Space Grotesk}.name-field{display:grid;gap:6px}.name-field span,.settings-card label{color:#b8d0da;font-size:10px;font-weight:900}.name-field input,.settings-card select,.settings-card input{width:100%;min-height:48px;padding:10px 13px;color:#efffff;border:1px solid rgba(159,235,239,.23);border-radius:12px;outline:0;background:#000a128c}.name-field input:focus{border-color:#73eadb;box-shadow:0 0 0 3px #73eadb14}.room-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.room-picker button{display:flex;align-items:center;gap:9px;padding:9px 11px;color:#9eb5c0;border:1px solid var(--line);border-radius:12px;background:#ffffff06;text-align:left;cursor:pointer}.room-picker button>i{width:9px;height:9px;border-radius:50%;background:#4a6270}.room-picker button span{display:grid}.room-picker strong{font-size:10px}.room-picker small{font-size:8px}.room-picker button.is-active{color:azure;border-color:#73eadb8c;background:#73eadb14}.room-picker button.is-active>i{background:#6ef0b5;box-shadow:0 0 12px #6ef0b5}.play-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;margin-top:11px;padding:10px 16px;color:#05202a;border-radius:15px;background:linear-gradient(105deg,#73eadb,#79caff);box-shadow:0 15px 38px #56e0d533;font-weight:1000;cursor:pointer}.play-button span{display:grid;text-align:left;font-size:16px}.play-button small{font:800 8px Space Grotesk;letter-spacing:.16em}.play-button b{font-size:27px}.play-button:disabled{opacity:.55;cursor:wait}.guide-button{width:100%;min-height:42px;margin-top:7px;color:#cde1e8;border:1px solid var(--line);border-radius:12px;background:#ffffff09;font-size:10px;font-weight:900;cursor:pointer}.legal-note{margin:10px 0 0;color:#66818d;font-size:8px;line-height:1.55}.ecosystem-card{align-self:center;padding:23px;border-radius:27px}.ecosystem-card header{display:grid}.ecosystem-card header small{color:#77e8da;font:800 8px Space Grotesk;letter-spacing:.15em}.ecosystem-card header strong{margin-top:4px;font-size:22px}.depth-map{position:relative;height:310px;margin:18px 0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:linear-gradient(#79cbea 0 13%,#22769c 13% 38%,#12506f 38% 62%,#082b48 62% 82%,#041324 82%)}.depth-map:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.08),transparent 35%)}.depth-map .sun{position:absolute;z-index:2;right:22px;top:12px;color:#ffe48a;font-size:24px}.depth-map i,.depth-map b{position:absolute;display:block}.depth-map .wave{left:0;right:0;top:39px;height:8px;border-top:3px solid rgba(232,255,255,.65);border-radius:50%}.depth-map .ice{left:-15px;top:44px;width:100px;height:35px;background:#d7f5ff;clip-path:polygon(0 0,100% 0,83% 45%,60% 62%,35% 100%,13% 44%)}.depth-map .kelp{left:50px;bottom:38px;width:16px;height:130px;border-radius:50% 50% 0 0;background:#247b6e;box-shadow:28px 25px #2a907a,55px -6px #1f6c63}.depth-map .reef{left:115px;bottom:18px;width:95px;height:55px;background:#db7d7d;clip-path:polygon(0 100%,15% 33%,29% 100%,43% 8%,55% 100%,76% 35%,100% 100%)}.depth-map .vent{right:25px;bottom:0;width:42px;height:77px;background:#3b3342;clip-path:polygon(0 100%,16% 10%,38% 29%,52% 0,69% 34%,83% 13%,100% 100%);filter:drop-shadow(0 -5px 10px #ff9e57)}.depth-map .trench{left:0;right:0;bottom:0;height:30px;background:#020b15;clip-path:polygon(0 60%,17% 20%,38% 60%,55% 5%,72% 55%,100% 18%,100% 100%,0 100%)}.depth-map .fish{width:31px;height:15px;border-radius:50%;background:#89efe0}.depth-map .fish:after{content:"";position:absolute;right:-9px;top:2px;border-block:6px solid transparent;border-left:11px solid currentColor}.depth-map .fish.one{left:48%;top:34%;color:#89efe0;animation:swim 6s linear infinite}.depth-map .fish.two{left:65%;top:58%;color:#d78cff;background:#d78cff;animation:swim 8s linear infinite reverse}.depth-map .fish.three{left:30%;top:76%;color:#ffbf70;background:#ffbf70;animation:swim 7s linear infinite}.ecosystem-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.ecosystem-card li{display:grid;grid-template-columns:8px 1fr;gap:9px;color:#8faab6;font-size:9px;line-height:1.5}.ecosystem-card li>i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#73eadb;box-shadow:0 0 10px #73eadb}.ecosystem-card li strong{display:block;color:#e7fbff;font-size:10px}.panel-card{position:relative;width:min(800px,100%);padding:clamp(24px,4vw,45px);border-radius:28px}.panel-card h2,.evolve-card h2,.death-card h2{margin:9px 0 18px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.close-button{position:absolute;right:16px;top:16px;width:42px;height:42px;color:#dffcff;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;font-size:22px;cursor:pointer}.guide-lead{margin:-6px 0 18px;color:#a9c5cf;font-size:14px;line-height:1.75}.guide-lead strong{color:#efffff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-grid div{padding:17px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.guide-grid b{color:#73eadb;font:900 11px Space Grotesk}.guide-grid strong{display:block;margin:9px 0 6px;font-size:14px}.guide-grid p{margin:0;color:#a8c0c9;font-size:12px;line-height:1.7}.panel-primary{width:100%;min-height:50px;margin-top:14px;color:#04202b;border-radius:13px;background:#73eadb;font-size:14px;font-weight:1000;cursor:pointer}.settings-card{width:min(520px,100%)}.settings-card label{display:grid;gap:8px;margin-top:16px}.settings-secondary{width:100%;min-height:48px;margin-top:18px;color:#dffcff;border:1px solid rgba(116,243,225,.32);border-radius:13px;background:#74f3e114;font-size:13px;font-weight:900;cursor:pointer}.evolve-overlay{background:#010911bf}.evolve-card{width:min(860px,100%);padding:clamp(25px,4vw,44px);border-radius:28px;text-align:center}.evolve-card>p:not(.eyebrow){color:#8eaab7;font-size:11px}.evolve-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:20px}.evolve-option{position:relative;overflow:hidden;padding:19px;color:#eaffff;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--species) 20%,#071b28),#06141e);text-align:left;cursor:pointer;transition:.2s}.evolve-option:hover{transform:translateY(-4px);border-color:var(--species)}.evolve-option i{display:grid;place-items:center;width:62px;height:45px;margin-bottom:12px;border-radius:50%;background:var(--species);color:#07151d;font-style:normal;font-size:25px}.evolve-option strong{display:block;font-size:18px}.evolve-option span{color:#9ab6c1;font-size:9px}.evolve-option p{margin:9px 0 0;color:#c2d7df;font-size:10px;line-height:1.55}.death-card{width:min(500px,100%);padding:38px;border-radius:27px;text-align:center}.death-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.death-card>div span{padding:11px;color:#91aeba;border:1px solid var(--line);border-radius:12px;font-size:9px}.death-card>div strong{display:block;color:#fff;font:900 22px Space Grotesk}.death-card>p:not(.eyebrow){color:#ffbd91;font-size:11px}.death-card button{width:100%;min-height:50px;color:#05202a;border-radius:13px;background:#73eadb;font-weight:1000}.death-card button:disabled{opacity:.5}.death-card a{display:inline-block;margin-top:14px;color:#9fc4d0;font-size:10px}.toast{position:fixed;z-index:140;left:50%;top:100px;max-width:min(440px,90vw);padding:10px 15px;color:#eaffff;border:1px solid var(--line);border-radius:12px;background:#02121de8;font-size:10px;font-weight:900;opacity:0;transform:translate(-50%,-12px);pointer-events:none;transition:.22s}.toast.is-visible{opacity:1;transform:translate(-50%)}.tutorial-layer{position:fixed;z-index:65;inset:0;pointer-events:none}.tutorial-card{position:absolute;left:50%;bottom:max(18px,calc(var(--safe-bottom) + 18px));width:min(680px,calc(100% - 36px));padding:18px 20px 17px;border:1px solid rgba(139,247,232,.42);border-radius:22px;background:linear-gradient(145deg,#031824f7,#020e18fa);box-shadow:0 22px 70px #00000080,0 0 0 1px #74f3e10f inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%);pointer-events:auto}.tutorial-card>header,.tutorial-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-card>header>span{color:#79eadc;font:900 11px Space Grotesk;letter-spacing:.12em}.tutorial-card>header button{padding:7px 10px;color:#a8c2cb;border:1px solid var(--line);border-radius:9px;background:#ffffff09;font-size:11px;font-weight:900;cursor:pointer}.tutorial-copy{display:grid;grid-template-columns:58px 1fr;align-items:start;gap:14px;margin:14px 0}.tutorial-icon{display:grid;place-items:center;width:56px;height:56px;color:#06202a;border-radius:17px;background:linear-gradient(135deg,#73eadb,#79caff);box-shadow:0 9px 28px #68e7db33;font-size:26px;font-weight:1000}.tutorial-copy h2{margin:4px 0 6px;font-size:clamp(23px,3vw,32px);letter-spacing:-.035em}.tutorial-copy>div>p:last-child{margin:0;color:#b7ccd4;font-size:14px;line-height:1.7}.tutorial-task{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,220,122,.22);border-radius:13px;color:#ffdfa0;background:#ffd2680f;font-size:13px;font-weight:900}.tutorial-task i{display:grid;place-items:center;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font-style:normal}.tutorial-task.is-complete{color:#86f1c1;border-color:#68f0b54d;background:#56dca714}.tutorial-card>footer{margin-top:13px}.tutorial-card>footer small{max-width:62%;color:#87a6b1;font-size:11px;line-height:1.5}.tutorial-card>footer button{min-width:175px;min-height:45px;padding:8px 15px;color:#05202a;border-radius:11px;background:#73eadb;font-size:13px;font-weight:1000;cursor:pointer}.tutorial-card>footer button:disabled{color:#7e969f;background:#243e48;cursor:not-allowed}.tutorial-target{position:fixed;display:grid;place-items:center;border:3px solid #78f3df;border-radius:18px;box-shadow:0 0 0 5px #78f3df1a,0 0 32px #64f4dc8c;transition:left .12s linear,top .12s linear,width .18s,height .18s;pointer-events:none}.tutorial-target:before,.tutorial-target:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(139,255,236,.55);border-radius:inherit;animation:tutorialPulse 1.4s ease-out infinite}.tutorial-target:after{animation-delay:.7s}.tutorial-target>i{position:absolute;inset:0;border-radius:inherit;background:#53eed312}.tutorial-target>span{position:absolute;left:50%;top:-34px;padding:5px 9px;color:#05202a;border-radius:8px;background:#8df7e5;box-shadow:0 8px 22px #00000047;font-size:11px;font-weight:1000;white-space:nowrap;transform:translate(-50%)}.tutorial-target.is-point{border-radius:50%}.tutorial-target.is-point>i{border-radius:50%}.demo-panel{position:fixed;z-index:64;left:max(14px,var(--safe-left));bottom:max(14px,var(--safe-bottom));width:280px;padding:13px;border:1px solid rgba(255,211,106,.36);border-radius:16px;background:#03121deb;box-shadow:0 18px 60px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.demo-panel header{display:grid;margin-bottom:10px}.demo-panel header span{color:#ffda7c;font:900 10px Space Grotesk;letter-spacing:.15em}.demo-panel header strong{margin-top:3px;font-size:12px}.demo-panel label{display:grid;gap:5px;color:#a9c2cb;font-size:10px;font-weight:900}.demo-panel select{width:100%;min-height:38px;padding:7px 9px;color:#efffff;border:1px solid var(--line);border-radius:9px;background:#071d2a}.demo-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.demo-panel button{min-height:36px;padding:6px;color:#dffcff;border:1px solid var(--line);border-radius:9px;background:#ffffff0b;font-size:10px;font-weight:900;cursor:pointer}.demo-panel button:hover{border-color:#ffda7c;background:#ffda7c1a}.demo-panel button.is-active{color:#06202a;border-color:#8ff7e4;background:#8ff7e4}@keyframes float{50%{transform:translateY(22px) scale(1.04)}}@keyframes swim{0%{transform:translate(-80px)}50%{transform:translate(80px)}to{transform:translate(-80px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes feedIn{0%{opacity:0;transform:translate(10px)}}@keyframes tutorialPulse{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.28)}}@media(max-width:900px){.top-hud{top:max(8px,var(--safe-top));grid-template-columns:1fr auto;width:calc(100% - 110px);min-height:52px;border-radius:15px}.score-panel{order:3;grid-column:1/-1;display:flex;justify-content:center;gap:10px;height:22px;padding:0;border:0}.score-panel small{display:none}.score-panel strong{font-size:17px}.identity-panel>i{width:36px;height:36px}.connection-panel span{display:none}.connection-panel button{width:35px;height:35px}.vitals{top:max(83px,calc(var(--safe-top) + 74px));width:180px;gap:5px}.vital{padding:6px 8px}.mini-board{top:max(83px,calc(var(--safe-top) + 74px));width:180px}.mini-board .board-row:nth-child(n+6){display:none}.start-layout{grid-template-columns:1fr}.ecosystem-card{display:none}.start-card{padding:25px}.start-card h1{font-size:clamp(45px,12vw,70px)}.guide-grid,.feature-row{grid-template-columns:repeat(2,1fr)}.event-feed{bottom:100px}.ability-hint{display:none}.mobile-stick{position:fixed;z-index:28;left:max(22px,var(--safe-left));bottom:max(28px,var(--safe-bottom));display:block;width:116px;height:116px;border:1px solid rgba(178,245,255,.18);border-radius:50%;background:#03172252;box-shadow:inset 0 0 28px #66e2db14}.mobile-stick:before{content:"MOVE";position:absolute;left:50%;top:50%;color:#d3faff4d;font:800 8px Space Grotesk;letter-spacing:.12em;transform:translate(-50%,-50%)}.mobile-stick i{position:absolute;left:50%;top:50%;width:46px;height:46px;border:1px solid rgba(182,246,255,.35);border-radius:50%;background:#64e7db38;box-shadow:0 5px 20px #00000040;transform:translate(-50%,-50%)}.mobile-action{position:fixed;z-index:28;right:max(22px,var(--safe-right));display:grid;place-items:center;color:#eaffff;border:1px solid rgba(188,245,255,.25);border-radius:50%;background:#041d2aa3;box-shadow:0 12px 30px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-action b{font-size:20px}.mobile-action span{font-size:8px;font-weight:900}.boost-action{bottom:max(26px,var(--safe-bottom));width:82px;height:82px}.skill-action{right:max(110px,calc(var(--safe-right) + 110px));bottom:max(104px,calc(var(--safe-bottom) + 104px));width:62px;height:62px}.mobile-action.is-active{background:#74f3e173;transform:scale(.94)}.tl-game-fullscreen{right:max(16px,var(--safe-right));bottom:auto;top:max(78px,calc(var(--safe-top) + 68px))}.tutorial-card{bottom:max(132px,calc(var(--safe-bottom) + 132px));width:min(620px,calc(100% - 20px));padding:14px 15px;border-radius:18px}.tutorial-copy{grid-template-columns:48px 1fr;gap:11px;margin:10px 0}.tutorial-icon{width:46px;height:46px;border-radius:14px;font-size:22px}.tutorial-copy h2{font-size:22px}.tutorial-copy>div>p:last-child{font-size:13px;line-height:1.55}.tutorial-card>footer small{font-size:10px}.tutorial-card>footer button{min-width:140px}.tutorial-target{z-index:-1}.demo-panel{left:8px;bottom:140px;width:230px;max-height:45vh;overflow:auto}}@media(max-width:600px){.home-link{width:42px;padding:8px;justify-content:center}.home-link span{display:none}.top-hud{left:58px;right:8px;width:auto;transform:none}.vitals{left:8px;top:83px;width:145px}.vital>span i{display:none}.mini-board{right:8px;top:83px;width:152px}.mini-board header span{display:none}.event-feed{display:none}.room-picker{grid-template-columns:1fr}.start-overlay{place-items:start center}.start-card{border-radius:22px}.start-card h1{margin-top:10px}.start-card h1 em{margin-left:15px}.start-lead{font-size:12px}.guide-grid,.evolve-options{grid-template-columns:1fr}.evolve-card{padding:22px}.death-card{padding:28px 20px}.death-card>div{gap:4px}.mobile-stick{width:104px;height:104px}.boost-action{width:74px;height:74px}.skill-action{right:max(98px,calc(var(--safe-right) + 98px));bottom:max(94px,calc(var(--safe-bottom) + 94px))}.tutorial-card{bottom:max(132px,calc(var(--safe-bottom) + 132px));max-height:54vh;overflow:auto}.tutorial-card>header>span{font-size:10px}.tutorial-card>header button{font-size:10px}.tutorial-copy{grid-template-columns:42px 1fr}.tutorial-icon{width:40px;height:40px}.tutorial-copy h2{font-size:20px}.tutorial-copy>div>p:last-child{font-size:12px}.tutorial-task{padding:9px 10px;font-size:12px}.tutorial-card>footer{align-items:stretch;flex-direction:column}.tutorial-card>footer small{max-width:none}.tutorial-card>footer button{width:100%;min-height:42px}.tutorial-target>span{top:auto;bottom:-33px}}@media(max-height:500px)and (orientation:landscape){.top-hud{left:58px;width:min(760px,calc(100% - 240px));transform:none}.vitals{top:72px;width:165px}.mini-board{top:72px}.start-overlay{place-items:start center}.start-layout{max-width:920px}.start-card{padding:18px 24px}.start-card h1{display:flex;gap:13px;margin:8px 0 10px;font-size:44px}.start-card h1 em{margin:0}.start-lead{font-size:10px;line-height:1.5}.feature-row{margin:10px 0}.feature-row span{padding:6px}.name-field input{min-height:38px}.room-picker{grid-template-columns:1fr 1fr}.play-button{min-height:48px}.legal-note{display:none}.guide-button{min-height:34px}.mobile-stick{width:90px;height:90px}.boost-action{width:66px;height:66px}.skill-action{right:94px;bottom:82px;width:54px;height:54px}.mini-board .board-row:nth-child(n+4){display:none}.tutorial-card{left:auto;right:10px;bottom:10px;width:min(480px,58vw);max-height:calc(100vh - 20px);overflow:auto;transform:none}.tutorial-copy{margin:7px 0}.tutorial-copy h2{font-size:19px}.tutorial-copy>div>p:last-child{font-size:11px}.tutorial-task{padding:7px 9px}.tutorial-card>footer{margin-top:7px}.tutorial-card>footer small{display:none}}#effectsCanvas{position:fixed;z-index:6;inset:0;width:100%;height:100%;pointer-events:none}.habitat>em i{background:linear-gradient(90deg,#5be3a5,#b8f67a)}.vital.is-danger{border-color:#ff5b69b8;background:#360c17d1;box-shadow:0 0 0 1px #ff52681f inset,0 10px 34px #2d000c47}.vital.is-danger>span b,.vital.is-danger>span i{color:#ff9ca8}.vital.is-charging{border-color:#ffda689e;box-shadow:0 0 24px #ffc24a21}.vital.is-charging .boost>em i,.vital.is-charging>em i{animation:chargeGlow .42s ease-in-out infinite alternate}.habitat-alert{position:fixed;z-index:32;left:50%;top:max(91px,calc(var(--safe-top) + 78px));display:flex;align-items:center;gap:13px;width:min(470px,calc(100% - 520px));min-height:66px;padding:10px 15px;color:#fff1f3;border:1px solid rgba(255,98,113,.5);border-radius:17px;background:linear-gradient(120deg,#450c19e8,#1a0c1fe0);box-shadow:0 16px 48px #1e000a59,0 0 30px #ff455b1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;transform:translate(-50%,-14px);transition:opacity .2s,transform .2s;pointer-events:none}.habitat-alert.is-visible{opacity:1;transform:translate(-50%)}.habitat-alert>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;color:#260811;border-radius:13px;background:#ff8795;box-shadow:0 0 22px #ff677b52;font-style:normal;font-size:25px;font-weight:1000}.habitat-alert>span{display:grid;min-width:0}.habitat-alert small{color:#ff9daa;font:900 9px Space Grotesk;letter-spacing:.13em}.habitat-alert strong{font-size:15px}.habitat-alert em{overflow:hidden;color:#d8b7be;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ocean-map{position:fixed;z-index:20;right:max(14px,var(--safe-right));top:max(337px,calc(var(--safe-top) + 323px));width:260px;padding:10px;border:1px solid rgba(186,241,255,.18);border-radius:16px;background:#02121dc7;box-shadow:0 18px 55px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ocean-map header,.ocean-map footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.ocean-map header span{display:grid}.ocean-map header small{color:#71e5d6;font:800 8px Space Grotesk;letter-spacing:.14em}.ocean-map header strong{font-size:11px}.ocean-map header button{min-height:29px;padding:5px 9px;color:#ecffff;border:1px solid rgba(116,243,225,.28);border-radius:9px;background:#74f3e114;font-size:9px;font-weight:900;cursor:pointer}.ocean-map header button:hover{border-color:#74f3e1;background:#74f3e126}#minimapCanvas{display:block;width:100%;height:92px;margin:8px 0 7px;border:1px solid rgba(202,248,255,.14);border-radius:10px;background:#071a2c}.ocean-map footer{color:#88a8b4;font-size:8px}.ocean-map footer span{display:flex;align-items:center;gap:4px}.ocean-map footer i{display:inline-block;width:7px;height:7px;border-radius:50%}.safe-dot{background:#50e7a4}.danger-dot{background:#ff526c}.ocean-map footer b{color:#dffcff;font:800 9px Space Grotesk}@keyframes chargeGlow{to{filter:brightness(1.45);box-shadow:0 0 12px #ffd56d}}@media(max-width:900px){.habitat-alert{top:auto;bottom:max(126px,calc(var(--safe-bottom) + 126px));width:min(440px,calc(100% - 210px));min-height:58px;padding:8px 11px}.habitat-alert>i{flex-basis:36px;width:36px;height:36px;font-size:21px}.habitat-alert strong{font-size:13px}.ocean-map{top:max(244px,calc(var(--safe-top) + 234px));width:180px;padding:8px}.ocean-map header small{display:none}#minimapCanvas{height:68px}.ocean-map footer span{display:none}}@media(max-width:600px){.vitals{gap:4px}.vital{padding:5px 7px;border-radius:10px}.vital>span{margin-bottom:3px;font-size:8px}.vital>em{height:5px}.ocean-map{right:8px;top:246px;width:152px}.ocean-map header button{padding:4px 6px;font-size:8px}#minimapCanvas{height:55px;margin:6px 0 5px}.ocean-map footer b{font-size:8px}.habitat-alert{left:8px;right:8px;bottom:max(128px,calc(var(--safe-bottom) + 128px));width:auto;transform:translateY(12px)}.habitat-alert.is-visible{transform:none}.habitat-alert em{font-size:9px}}@media(max-height:500px)and (orientation:landscape){.ocean-map{top:192px;right:8px;width:158px;padding:7px}#minimapCanvas{height:50px}.ocean-map footer span{display:none}.habitat-alert{left:50%;right:auto;bottom:9px;width:min(430px,48vw);min-height:52px;transform:translate(-50%,12px)}.habitat-alert.is-visible{transform:translate(-50%)}}@media(max-width:600px){.vitals,.mini-board{top:max(92px,calc(var(--safe-top) + 84px))}.ocean-map{top:max(263px,calc(var(--safe-top) + 255px))}}.evolve-option{display:grid;grid-template-columns:minmax(135px,42%) 1fr;align-items:center;gap:15px;min-height:235px;padding:13px}.evolve-option>img{display:block;width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35));transition:transform .22s}.evolve-option:hover>img{transform:translate(5px) scale(1.04)}.evolve-copy{min-width:0}.evolve-copy strong{font-size:21px}.evolve-copy dl{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0 8px}.evolve-copy dl div{padding:7px 5px;border:1px solid rgba(205,250,255,.12);border-radius:9px;background:#00081040;text-align:center}.evolve-copy dt{color:#829faa;font-size:8px}.evolve-copy dd{margin:2px 0 0;color:#fff3a7;font:800 13px Space Grotesk}.evolve-copy small{color:#8fc7d1;font-size:9px}.evolve-copy small.is-safe{color:#8be8b7}.evolve-copy small.is-warning{color:#ffbe80}.evolve-option:disabled{cursor:wait;opacity:.45}.evolve-option.is-selected{opacity:1;border-color:var(--species);box-shadow:0 0 0 2px color-mix(in srgb,var(--species) 40%,transparent),0 18px 40px #0000004d}@media(max-width:600px){.evolve-option{grid-template-columns:112px 1fr;min-height:188px;gap:10px}.evolve-option>img{height:120px}.evolve-copy strong{font-size:17px}.evolve-copy dl{grid-template-columns:repeat(2,1fr)}.tl-game-fullscreen{top:max(164px,calc(var(--safe-top) + 154px))!important}}