:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--od-font-ui:"Trebuchet MS", "Avenir Next Rounded", "Arial Rounded MT Bold", "Nunito", ui-rounded, system-ui, sans-serif;--od-font-display:"Cooper Black", "Trebuchet MS", "Arial Rounded MT Bold", "Avenir Next Rounded", ui-rounded, system-ui, sans-serif;--od-font-mono:"Cascadia Mono", "SFMono-Regular", "Roboto Mono", Consolas, monospace;--od-bg-top:#28dff0;--od-bg-mid:#08a9d5;--od-bg-deep:#056ca8;--od-sand:#ffe1a3;--od-panel:#139dc157;--od-panel-strong:#066797c2;--od-panel-dark:#043d67d6;--od-panel-border:#d2fff66b;--od-text:#fff;--od-text-soft:#d8fff6;--od-text-muted:#9ce4df;--od-primary:#ffba3d;--od-primary-hover:#ffe077;--od-primary-shadow:#cb7110;--od-coral:#ff6f7d;--od-blue:#19a8ff;--od-purple:#a36cff;--od-teal:#1ed6c6;--od-green:#78ee89;--ui-reef-panel-accent:none;--ui-reef-control-accent:none;--ui-minimap-frame:none;font-family:var(--od-font-ui);color:#f2fffb;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#042435}.od-shell--art-ready,body.ocean-ui-art-ready{--ui-reef-panel-accent:url(/assets/ui/reef-glass-panel-accent.png);--ui-reef-control-accent:url(/assets/ui/reef-glass-control-accent.png);--ui-minimap-frame:url(/assets/ui/minimap-reef-frame.png)}.level-editor-mode{background:#eef4f5;overflow:hidden}.level-editor{--editor-bg:#eef4f5;--editor-surface:#f8fbfb;--editor-strong:#fff;--editor-muted-surface:#e3ecee;--editor-line:#142a3021;--editor-line-strong:#142a3038;--editor-text:#15252a;--editor-muted:#65777d;--editor-accent:#087987;--editor-accent-soft:#d9eff2;--editor-danger:#be4d45;--editor-warning:#a56d12;width:100vw;height:100vh;color:var(--editor-text);background:var(--editor-bg);font-family:var(--od-font-ui);grid-template-columns:260px minmax(420px,1fr) 326px;display:grid}.level-editor,.level-editor *{box-sizing:border-box}.level-editor button,.level-editor input,.level-editor select{min-width:0;font:inherit}.level-editor-sidebar,.level-editor-inspector{z-index:2;background:var(--editor-surface);min-width:0;position:relative;overflow:auto}.level-editor-sidebar{border-right:1px solid var(--editor-line);padding:14px}.level-editor-inspector{border-left:1px solid var(--editor-line);padding:14px}.editor-inspector-heading{border-bottom:1px solid var(--editor-line);gap:2px;margin-bottom:10px;padding-bottom:10px;display:grid}.editor-inspector-heading span{color:var(--editor-muted);text-transform:uppercase;font-size:11px;font-weight:850}.editor-inspector-heading strong{color:#21383f;font-size:16px;line-height:19px}.editor-title span,.level-editor label,.editor-savebar span,.editor-row-button span,.editor-biome-row strong{color:var(--editor-muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:750}.editor-title strong{letter-spacing:0;margin-top:2px;font-size:21px;line-height:1.1;display:block}.editor-actions,.editor-file-actions,.editor-toolbar,.editor-toolbar-groups,.editor-control-cluster,.editor-workflow-tabs,.editor-view-modes,.editor-tools,.editor-savebar{align-items:center;gap:8px;display:flex}.editor-actions,.editor-file-actions{flex-wrap:wrap;margin:14px 0}.level-editor button{border:1px solid var(--editor-line);min-height:34px;color:var(--editor-text);background:var(--editor-strong);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding-inline:10px;font-weight:750;transition:transform .14s,border-color .14s,background .14s,color .14s;overflow:hidden}.level-editor button:hover{background:#edf6f7;border-color:#08798747;transform:translateY(-1px)}.level-editor button.active,.level-list-item.active,.editor-row-button.active,.editor-swatch.active{background:var(--editor-accent-soft);color:var(--editor-accent);border-color:#08798761}.level-editor button:disabled{cursor:not-allowed;opacity:.42;transform:none}.level-list{gap:8px;display:grid}.level-list-item{text-align:left;gap:2px;width:100%;padding:10px;display:grid}.level-list-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.level-list-item span{color:var(--editor-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.editor-import-input{display:none}.level-editor-main{z-index:1;background:repeating-linear-gradient(0deg, #17363d0d 0 1px, transparent 1px 36px), repeating-linear-gradient(90deg, #17363d0d 0 1px, transparent 1px 36px), var(--editor-bg);grid-template-rows:auto auto minmax(0,1fr);min-width:0;display:grid;position:relative}.editor-toolbar{border-bottom:1px solid var(--editor-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfbf0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 8px;min-width:0;max-width:100%;min-height:0;padding:7px 14px;overflow:hidden}.editor-toolbar-groups{flex:0 100%;grid-template-columns:minmax(420px,1.45fr) minmax(260px,.9fr);align-items:end;gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.editor-control-cluster{gap:4px;min-width:0;display:grid}.editor-control-label{color:var(--editor-muted);text-transform:uppercase;font-size:11px;font-weight:900;line-height:13px}.editor-workflow-tabs{background:var(--editor-muted-surface);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;max-width:100%;padding:3px;display:grid}.editor-workflow-tab{text-align:left;gap:1px;display:grid;background:0 0!important;border-color:#0000!important;min-height:44px!important;padding:6px 8px!important}.editor-workflow-tab strong,.editor-workflow-tab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.1;overflow:hidden}.editor-workflow-tab strong{font-size:13px;font-weight:900}.editor-workflow-tab span{color:var(--editor-muted);font-size:11px;font-weight:700}.editor-workflow-tab.active{color:var(--editor-accent);box-shadow:0 1px 2px #10282e14;background:var(--editor-strong)!important}.editor-workflow-tab.active span{color:#39656d}.editor-view-modes{background:var(--editor-muted-surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;max-width:100%;padding:3px;display:grid}.editor-view-button{padding:0 9px;background:0 0!important;border-color:#0000!important;min-height:28px!important}.editor-view-button.active{box-shadow:0 1px 2px #10282e14;background:var(--editor-strong)!important}.editor-tools{background:var(--editor-muted-surface);border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;min-width:0;max-width:none;padding:3px;display:grid}.editor-savebar{flex-wrap:nowrap;flex:0 100%;justify-content:flex-start;gap:6px;width:100%;min-width:0}.editor-savebar span{display:block}.editor-status-pill{border:1px solid var(--editor-line);background:var(--editor-strong);min-width:0;max-width:none;color:var(--editor-muted);text-overflow:ellipsis;text-transform:none;white-space:nowrap;border-radius:8px;flex:1 1 0;padding:5px 10px;font-size:12px;font-weight:750;line-height:16px;overflow:hidden}.editor-status-pill.ok{color:#257653;background:#eef8f3;border-color:#25765333}.editor-status-pill.error{color:var(--editor-danger);background:#fff3f1;border-color:#be4d453d}.editor-tool{padding:0 8px;background:0 0!important;border-color:#0000!important;min-height:28px!important}.editor-tool.active{box-shadow:0 1px 2px #10282e14;background:var(--editor-strong)!important}.editor-savebar .dirty{color:var(--editor-warning)}.editor-savebar button[data-action=save-levels],.editor-savebar button[data-action=playtest]{border-color:var(--editor-accent);background:var(--editor-accent);color:#fff}.editor-toolbar button{min-height:28px}.editor-tool-settings{border-bottom:1px solid var(--editor-line);background:#fffffff7;gap:6px;min-width:0;padding:7px 14px 9px;display:grid;box-shadow:0 10px 24px #10282e0f}.editor-tool-settings header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.editor-tool-settings header>div:first-child{min-width:0}.editor-tool-settings header span{color:var(--editor-muted);text-transform:uppercase;font-size:11px;font-weight:850;line-height:13px;display:block}.editor-tool-settings header strong{color:#233940;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:16px;display:block;overflow:hidden}.editor-tool-settings p{color:var(--editor-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:15px;overflow:hidden}.editor-tool-control-grid{align-items:end;gap:8px;min-width:0;display:grid}.editor-tool-control-grid.terrain{grid-template-columns:minmax(108px,.8fr) minmax(98px,.7fr) repeat(3,minmax(132px,1fr)) repeat(3,minmax(78px,.55fr))}.editor-tool-control-grid.paint{grid-template-columns:repeat(3,minmax(160px,1fr))}.editor-tool-settings label{margin:0}.editor-tool-settings .editor-slider{gap:4px!important;margin:0!important}.editor-tool-settings .editor-slider input{min-height:18px}.editor-tool-settings .editor-slider em{min-width:44px;padding:2px 5px;font-size:10px}.editor-tool-settings .editor-slider strong{font-size:11px}.editor-tool-toggles{flex:none;align-items:center;gap:10px;display:flex}.editor-tool-toggles .editor-toggle{color:var(--editor-text);margin:0!important}.editor-material-strip{grid-template-columns:repeat(16,25px);gap:4px;min-width:0;padding-bottom:1px;display:grid;overflow-x:auto}.editor-material-dot{border-radius:8px;place-items:center;width:25px;height:25px;padding:0;display:grid;min-height:25px!important}.editor-material-dot span{background:var(--material-color);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #12262c33}.editor-material-dot.active{box-shadow:inset 0 0 0 1px #0879872e,0 0 0 2px #0879872e}.editor-paint-count{border:1px solid var(--editor-line);background:#f4fbfb;border-radius:8px;flex:none;align-items:center;gap:7px;padding:4px 7px;display:flex}.editor-paint-count span{background:var(--material-color);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #12262c2e}.editor-paint-count strong{font-size:12px;line-height:14px}.editor-tool-mini-palette{grid-template-columns:repeat(5,minmax(92px,1fr));gap:6px;display:grid}.editor-tool-settings.compact{padding-block:8px}.level-editor-preview{background:#174b56;min-height:0;position:relative}.editor-canvas-badge{color:#f5fdffe6;pointer-events:none;background:#04181f85;border:1px solid #e0fcff33;border-radius:8px;max-width:min(560px,100% - 28px);padding:7px 10px;font-size:12px;font-weight:750;position:absolute;bottom:14px;left:14px;box-shadow:0 8px 24px #00000029}.level-editor-canvas{width:100%;height:100%;display:block}.level-editor-inspector section{border-bottom:1px solid var(--editor-line);padding:14px 0}.level-editor-inspector section:first-child{padding-top:0}.editor-panel-group{border-bottom:1px solid var(--editor-line)}.editor-panel-group>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;min-height:44px;padding:10px 24px 10px 0;list-style:none;display:grid;position:relative}.editor-panel-group>summary::-webkit-details-marker{display:none}.editor-panel-group>summary:after{border:1px solid var(--editor-line);width:20px;height:20px;color:var(--editor-muted);content:"+";text-align:center;border-radius:50%;font-size:14px;font-weight:850;line-height:18px;position:absolute;top:11px;right:2px}.editor-panel-group[open]>summary:after{content:"-"}.editor-panel-group>summary span{color:#334c54;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:900;line-height:16px;overflow:hidden}.editor-panel-group>summary em{color:var(--editor-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;font-style:normal;font-weight:700;line-height:14px;overflow:hidden}.level-editor-inspector .editor-panel-group>section{border-bottom:0;padding:4px 0 14px}.level-editor-inspector .editor-panel-group>section:first-child{padding-top:4px}.level-editor-inspector h2{color:#405961;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px}.level-editor-inspector h3{margin:0 0 8px;font-size:13px}.editor-section-note{color:var(--editor-muted);margin:-4px 0 10px;font-size:12px;line-height:1.35}.level-editor label{gap:5px;min-width:0;margin-bottom:10px;display:grid}.level-editor input,.level-editor select{border:1px solid var(--editor-line);width:100%;min-height:34px;color:var(--editor-text);background:var(--editor-strong);border-radius:8px;outline:none;padding:0 9px}.level-editor input:focus,.level-editor select:focus{border-color:#0879876b;box-shadow:0 0 0 2px #08798726}.level-editor input[type=range]{min-height:28px;accent-color:var(--editor-accent);background:0 0;padding:0}.editor-slider{gap:7px!important;margin:10px 0!important}.editor-slider>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-slider strong{color:var(--editor-text);font-size:12px}.editor-slider em{background:var(--editor-strong);min-width:54px;color:var(--editor-accent);text-align:center;border:1px solid #08798729;border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:850}.editor-grid-2,.editor-grid-3{gap:8px;display:grid}.editor-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-toggle{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.editor-toggle input{width:auto}.editor-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:8px;display:grid}.editor-procedural-actions{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;margin-top:2px;display:grid}.editor-procedural-actions button{min-height:32px;padding:0 6px;font-size:12px}.editor-tool-choice-row{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-bottom:10px;display:grid}.editor-tool-choice-row .editor-tool{border-color:var(--editor-line)!important;background:var(--editor-strong)!important}.editor-tool-choice-row .editor-tool.active{background:var(--editor-accent-soft)!important;border-color:#08798761!important}.procedural-summary{border:1px solid var(--editor-line);background:var(--editor-strong);border-radius:8px;margin-top:10px;padding:9px}.procedural-summary dd{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.editor-brush-readout{background:#edf8f9;border:1px solid #08798733;border-radius:8px;gap:4px;margin-top:2px;padding:9px;display:grid}.editor-brush-readout strong{color:var(--editor-accent);font-size:13px;line-height:16px}.editor-brush-readout span{color:var(--editor-muted);font-size:12px;line-height:1.35}.editor-paint-summary{background:#f4fbfb;border:1px solid #0879872e;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px;padding:9px;display:grid}.editor-paint-summary>span,.editor-material-swatch span{background:var(--material-color);border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #12262c2e}.editor-paint-summary strong,.editor-paint-summary em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.editor-paint-summary strong{font-size:13px}.editor-paint-summary em{color:var(--editor-muted);font-size:11px;font-style:normal;font-weight:700}.editor-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:210px;margin-bottom:10px;display:grid;overflow:auto}.editor-material-swatch{text-align:left;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-height:34px;padding:6px 8px;display:grid}.editor-material-swatch strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.editor-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;display:grid;overflow:auto}.editor-swatch{text-align:left;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.editor-swatch span{border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #12262c2e}.editor-row-list{gap:6px;margin-top:10px;display:grid}.editor-row-list p,.editor-validation p{color:var(--editor-muted);margin:0;font-size:12px;line-height:1.4}.editor-row-button{text-align:left;justify-content:space-between;gap:8px;padding:8px;display:flex}.editor-row-button strong{font-size:12px}.editor-selection{border:1px solid var(--editor-line);background:var(--editor-strong);border-radius:8px;margin-top:12px;padding:10px}.editor-selection.generated{background:#edf8f9;border-color:#0879874d}.editor-selection.terrain{background:#fff8e9;border-color:#a56d123d}.editor-metadata{gap:6px;margin:0 0 10px;font-size:12px;display:grid}.editor-metadata div{justify-content:space-between;gap:10px;display:flex}.editor-metadata dt{color:var(--editor-muted);font-weight:750}.editor-metadata dd{text-align:right;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.editor-debug-grid{border:1px solid var(--editor-line);background:var(--editor-strong);border-radius:8px;padding:10px}.editor-debug-grid div{grid-template-columns:minmax(92px,1fr) minmax(0,auto);display:grid}.editor-biome-row{grid-template-columns:minmax(68px,1fr) minmax(58px,68px) minmax(58px,68px) minmax(70px,82px);align-items:end;gap:7px;margin-top:8px;display:grid}.editor-validation{gap:6px;display:grid}.editor-validation.ok{color:#257653}@media (width<=1260px){.level-editor{grid-template-columns:238px minmax(390px,1fr) 336px}.editor-toolbar-groups{grid-template-columns:minmax(0,1fr)}.editor-tool-control-grid.terrain{grid-template-columns:repeat(4,minmax(118px,1fr))}.editor-tool-mini-palette{grid-template-columns:repeat(3,minmax(88px,1fr))}}@media (width<=1100px){.level-editor{grid-template-columns:230px minmax(360px,1fr)}.level-editor-inspector{z-index:4;width:min(360px,92vw);position:fixed;top:58px;bottom:0;right:0;box-shadow:-18px 0 44px #10282e29}.editor-tool-control-grid.terrain,.editor-tool-control-grid.paint{grid-template-columns:repeat(2,minmax(132px,1fr))}}@media (width<=760px){.level-editor{grid-template-columns:1fr}.level-editor-sidebar,.level-editor-inspector{display:none}.editor-toolbar{align-items:flex-start}.editor-toolbar-groups{grid-template-columns:minmax(0,1fr)}.editor-workflow-tabs,.editor-view-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-view-modes{max-width:100%;overflow-x:auto}.editor-tool-settings{padding:8px 10px}.editor-tool-settings header{flex-direction:column;align-items:flex-start}.editor-tool-control-grid.terrain,.editor-tool-control-grid.paint,.editor-tool-mini-palette{grid-template-columns:1fr}}.hud{--hud-bg:#020c1261;--hud-bg-strong:#020c128a;--hud-line:#cffcf62e;--hud-text:#f1fffcf0;--hud-soft:#bee8e2c7;--hud-accent:#7ee0d5;--hud-warn:#ff8678;--hud-gold:#f0c86e}.hud .panel{border-color:var(--hud-line);background:var(--hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 26px #0003}.hud .panel-content{gap:6px}.compact-stats span,.tier-line span{letter-spacing:.5px;text-transform:uppercase;font-size:10px}.pilot-growth span{max-width:112px;color:var(--hud-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;overflow:hidden}.action-panel{background:#030e1457;gap:6px;width:min(480px,100vw - 650px);min-width:362px;padding:6px;bottom:16px;left:50%;transform:translate(-50%)}.action-cell{background:#ffffff09;border-color:#cffcf617;gap:5px;padding:6px 7px}.action-top span{width:28px;color:var(--hud-gold);letter-spacing:.3px;grid-row:1/3;align-self:center;font-size:10px}.action-top small{color:var(--hud-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:11px;overflow:hidden}.name,.score{font-size:12px}.toast-panel{background:#04101657;width:auto;max-width:220px;padding:6px 9px;top:74px;left:16px;transform:none}.toast-panel .help-text{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:15px;overflow:hidden}.mute-button{color:#effffcc7;background:#04101661;border-color:#cffcf621;min-width:76px;height:28px;padding:0 8px;font-size:10px;bottom:46px;right:16px}.mobile-options-button{z-index:3;color:#effffce0;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#0410166b;border:1px solid #cffcf633;border-radius:12px;place-items:center;width:38px;height:38px;display:none;position:absolute;bottom:82px;right:16px}.mobile-options-icon{border:3px solid;border-radius:50%;width:20px;height:20px;position:relative}.mobile-options-icon:before,.mobile-options-icon:after{content:"";position:absolute}.mobile-options-icon:before{background:currentColor;border-radius:50%;inset:4px}.mobile-options-icon:after{background:repeating-conic-gradient(currentColor 0 13deg, transparent 13deg 30deg);border-radius:50%;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 0 12px,#000 13px 16px,#0000 17px);mask:radial-gradient(circle,#0000 0 12px,#000 13px 16px,#0000 17px)}.mobile-options-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast-panel{background:#04101670;padding:7px 10px;top:16px}.toast-panel .help-text{font-size:12px;line-height:15px}@media (width<=1180px){.action-panel{width:min(440px,100vw - 330px);min-width:330px;bottom:16px;left:50%;right:auto}.pilot-panel{width:270px}}@media (width<=760px){.pilot-panel{width:min(232px,100vw - 116px);padding:8px;bottom:8px;left:8px}.pilot-panel .panel-kicker{display:none}.pilot-panel .species{font-size:16px;line-height:18px}.pilot-line strong{font-size:12px}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-stats div{padding:4px 5px}.compact-stats span{font-size:9px}.compact-stats strong{font-size:11px}.pilot-growth span{display:none}.action-panel{grid-template-columns:1fr;gap:4px;width:min(96px,26vw);min-width:0;padding:5px;bottom:8px;left:auto;right:8px;transform:none}.action-cell{min-height:34px;padding:5px}.action-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.action-top span{width:auto;font-size:9px}.action-top strong{font-size:10px}.action-top small{display:none}.bloom-panel,.ability-help{width:min(198px,100vw - 108px);min-width:0;padding:7px 8px;top:8px;left:8px}.ability-help{top:55px}.bloom-title strong,.help-title strong{font-size:13px}.bloom-distance{font-size:11px}.target-hint{max-width:min(210px,100vw - 174px);padding:5px 8px;font-size:11px;line-height:13px;top:8px;left:50%;right:auto;transform:translate(-50%)}.target-hint.edge{top:38%;left:auto;right:8px;transform:none}.leaderboard,.connection-chip{display:none}.mute-button{min-width:68px;height:28px;font-size:9px;top:8px;bottom:auto;right:8px}.toast-panel{max-width:188px;padding:5px 8px;top:54px;left:8px}.evolution-choice-panel{bottom:122px}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}body.ocean-diagnostics-active{overscroll-behavior:auto;overflow:auto}.od-diag-shell{color:#fff;background:linear-gradient(110deg,#0044811f,#00b9c914),linear-gradient(#18bde9 0%,#087bb8 52%,#f0d88f 100%);min-height:100svh;padding:clamp(18px,3vw,38px);overflow:auto}.od-diag-shell,.od-diag-shell *{box-sizing:border-box}.od-diag-hero,.od-diag-panel,.od-diag-card,.od-diag-verdict{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04467a9e;border:1px solid #dfffff6b;box-shadow:0 22px 60px #0427473d}.od-diag-hero{border-radius:8px;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1120px;margin:0 auto 18px;padding:clamp(18px,3vw,30px);display:flex}.od-diag-kicker,.od-diag-card span,.od-diag-row span,.od-diag-card small{color:#c7fff4;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:850}.od-diag-hero h1{font:900 clamp(32px, 5vw, 58px) / .98 var(--od-font-display);margin:6px 0 8px}.od-diag-hero p{color:#e6fffb;max-width:720px;margin:0;font-size:16px;line-height:1.45}.od-diag-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.od-diag-actions button{color:#063652;cursor:pointer;min-height:42px;font:900 13px / 1 var(--od-font-ui);background:#ffcf5a;border:0;border-radius:8px;padding:0 14px}.od-diag-actions button:disabled{cursor:wait;opacity:.54}.od-diag-verdict,.od-diag-grid,.od-diag-panel{max-width:1120px;margin:0 auto 14px}.od-diag-verdict{border-radius:8px;grid-template-columns:minmax(140px,auto) 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.od-diag-verdict strong{font-size:18px}.od-diag-verdict span{color:#e8fffb;line-height:1.35}.od-diag-verdict--healthy{background:#057c69b8}.od-diag-verdict--local-route,.od-diag-verdict--render-route,.od-diag-verdict--websocket-route{background:#ad5b0ebd}.od-diag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.od-diag-card{border-radius:8px;gap:6px;min-width:0;padding:14px;display:grid}.od-diag-card strong{font-size:clamp(24px,3vw,36px);line-height:1}.od-diag-card small{color:#bff6ef;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.od-diag-panel{border-radius:8px;padding:16px}.od-diag-panel h2{margin:0 0 12px;font-size:18px}.od-diag-panel ul{color:#e6fffb;margin:0;padding-left:20px;line-height:1.5}.od-diag-table{gap:6px;display:grid}.od-diag-row{background:#ffffff14;border-radius:8px;grid-template-columns:minmax(160px,1fr) repeat(3,minmax(70px,100px));align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.od-diag-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.od-diag-row span{text-align:right}.od-diag-panel pre{color:#dffcff;max-height:420px;font:12px / 1.5 var(--od-font-mono);white-space:pre-wrap;word-break:break-word;background:#00152db8;border-radius:8px;margin:0;padding:12px;overflow:auto}.od-diag-progress{align-items:center;gap:12px;display:flex}.od-diag-spinner{border:3px solid #ffffff47;border-top-color:#ffcf5a;border-radius:50%;width:22px;height:22px;animation:.88s linear infinite od-diag-spin}@keyframes od-diag-spin{to{transform:rotate(360deg)}}@media (width<=780px){.od-diag-hero{display:grid}.od-diag-actions{justify-content:flex-start}.od-diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-diag-verdict,.od-diag-row{grid-template-columns:1fr}.od-diag-row span{text-align:left}}@media (width<=460px){.od-diag-grid{grid-template-columns:1fr}}canvas.ocean-canvas{z-index:0;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}body.ocean-mouse-look,body.ocean-mouse-look canvas.ocean-canvas,body.ocean-mouse-look .hud,body.ocean-mouse-look .hud *{cursor:none}.mobile-controls{z-index:11;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;display:none;position:fixed;inset:0}.mobile-look-pad{z-index:1;pointer-events:auto;touch-action:none;position:absolute;inset:72px 0 154px}.mobile-joystick{left:max(16px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));z-index:2;pointer-events:auto;touch-action:none;width:132px;height:132px;position:absolute}.mobile-joystick-ring,.mobile-joystick-knob{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-joystick-ring{background:radial-gradient(circle,#ffffff2e,#0000 28%),#042c416b;border:1px solid #e1ffff47;width:126px;height:126px;box-shadow:inset 0 1px #ffffff3d,0 12px 34px #00121c3d}.mobile-joystick-knob{background:linear-gradient(#70f0ffc7,#1888baa8);border:1px solid #ecffff7a;width:58px;height:58px;box-shadow:inset 0 1px #ffffff6b,0 8px 20px #00121c3d}.mobile-action-buttons{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:2;pointer-events:auto;grid-template-columns:repeat(2,66px);gap:9px;display:grid;position:absolute}.mobile-action-buttons button{--mobile-button-icon:#f3fffff2;color:#0000;cursor:pointer;min-width:0;height:52px;font:inherit;letter-spacing:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(135deg,#ffffff29,#0000 30%),linear-gradient(#084c68b8,#04283e94);border:1px solid #e1ffff47;border-radius:14px;font-size:0;font-weight:950;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff38,0 10px 28px #00121c38}.mobile-action-buttons button.pressed,.mobile-action-buttons button:active{--mobile-button-icon:#fff;background:radial-gradient(circle at 30% 18%,#fff3,#0000 34%),linear-gradient(#ffc04db8,#149cb894);border-color:#ffdc69b8;transform:translateY(1px)}.mobile-button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-action-buttons button:before,.mobile-action-buttons button:after{content:"";pointer-events:none;position:absolute;top:50%;left:50%}.mobile-action-buttons [data-mobile-button=ascend]:before{border-right:11px solid #0000;border-bottom:20px solid var(--mobile-button-icon);border-left:11px solid #0000;transform:translate(-50%,-58%)}.mobile-action-buttons [data-mobile-button=descend]:before{border-top:20px solid var(--mobile-button-icon);border-left:11px solid #0000;border-right:11px solid #0000;transform:translate(-50%,-42%)}.mobile-action-buttons [data-mobile-button=sprint]:before{background:var(--mobile-button-icon);border-radius:14px 14px 7px 7px;width:28px;height:18px;transform:translate(-38%,-50%)skew(-14deg)}.mobile-action-buttons [data-mobile-button=sprint]:after{background:var(--mobile-button-icon);border-radius:999px;width:16px;height:4px;transform:translate(-110%,-20%);box-shadow:-10px 9px #f3ffff9e}.mobile-action-buttons [data-mobile-button=bite]:before{background:var(--mobile-button-icon);clip-path:polygon(0 15%,100% 0,70% 28%,100% 50%,70% 72%,100% 100%,0 85%);border-radius:56% 42% 44% 56%;width:31px;height:24px;transform:translate(-50%,-50%)}.mobile-action-buttons [data-mobile-button=suction]:before{border:5px solid var(--mobile-button-icon);border-left-color:#0000;border-radius:50%;width:26px;height:26px;transform:translate(-50%,-50%)rotate(-24deg)}.mobile-action-buttons [data-mobile-button=ability]:before{background:var(--mobile-button-icon);width:9px;height:9px;box-shadow:15px 3px 0 var(--mobile-button-icon), 7px 18px 0 var(--mobile-button-icon);border-radius:50%;transform:translate(-82%,-78%)}body.ocean-touch-controls.ocean-gameplay-active .mobile-controls{display:block}body.ocean-touch-controls.ocean-gameplay-active .action-panel{display:none}body.ocean-touch-controls.ocean-gameplay-active .pilot-panel{top:70px;bottom:auto;left:max(8px, env(safe-area-inset-left));width:min(238px,100vw - 152px)}body.ocean-touch-controls.ocean-gameplay-active .biome-panel{top:166px}body.ocean-touch-controls.ocean-gameplay-active .mute-button{top:70px;right:max(10px, env(safe-area-inset-right));bottom:auto}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-button{top:70px;right:calc(max(10px, env(safe-area-inset-right)) + 76px);display:grid;bottom:auto}body.ocean-touch-controls.ocean-gameplay-active .toast-panel{top:max(192px, calc(env(safe-area-inset-top) + 192px));right:auto;left:max(8px, env(safe-area-inset-left));width:auto;max-width:min(300px,100vw - 20px);transform:none}.hud{z-index:12;pointer-events:none;color:#eefcff;position:fixed;inset:0}.panel,.startup-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041016ad;border:1px solid #7ee0d53d;border-radius:8px;overflow:hidden;box-shadow:0 10px 28px #0000004d}.panel-content{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.startup-panel{width:min(340px,100vw - 36px);padding:14px 17px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.brand{color:#fff;text-shadow:0 2px 12px #55e4d940;font-size:23px;font-weight:900}.startup-text,.panel-kicker{letter-spacing:.7px;text-transform:uppercase;color:#8fd9d6;font-size:11px;font-weight:800}.meter{background:#ebffff1c;border-radius:4px;height:7px;overflow:hidden}.meter div{transform-origin:0;border-radius:4px;height:100%;transition:width .12s linear}.meter.growth div,.meter.boost div,.meter.ability div{background:#65dfc9}.meter.bite div{background:#ff6e7a}.meter.suction div{background:#f0a557}.pilot-panel{background:#041016b8;width:306px;padding:13px;position:absolute;bottom:18px;left:18px}.species{color:#f8ffff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:25px;font-weight:900;overflow:hidden}.tier-line,.leader,.stat-grid,.bloom-title,.choice-header,.perk-line{justify-content:space-between;align-items:center;display:flex}.tier-line span,.stat-grid span{color:#a8cecc;font-size:13px}.tier-line strong,.stat-grid strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;overflow:hidden}.stat-grid{gap:7px}.stat-grid div{background:#eaffff12;border:1px solid #b4fff614;border-radius:7px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.action-panel{background:#04101694;gap:7px;width:560px;padding:8px;display:flex;position:absolute;bottom:18px;left:342px}.action-cell{background:#214f596b;border:1px solid #bffff71a;border-radius:7px;flex-direction:column;flex:1;gap:7px;min-width:0;padding:8px 9px;display:flex}.action-cell.suction.active{background:#6f46198c;border-color:#ffb25b80}.action-cell.bite.active{background:#74213294;border-color:#ff74877a}.action-top{flex-direction:column;gap:1px;min-width:0;display:flex}.action-top span{color:#f2c25c;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:900}.action-top strong{color:#fff;font-size:15px;font-weight:900}.action-top small{color:#c8ece9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.ability-help,.bloom-panel,.toast-panel{width:min(440px,100vw - 36px);padding:13px 16px;position:absolute;left:50%;transform:translate(-50%)}.bloom-panel{background:#123a2fa3;border-color:#8bffa857;width:min(320px,100vw - 36px);padding:10px 13px;top:116px}.toast-panel{background:#0d2027c7;border-color:#f2c25c5c;top:18px}.bloom-title span,.choice-header span,.perk-line span,.help-title span{color:#8fd9d6;letter-spacing:.7px;text-transform:uppercase;font-size:13px;font-weight:800}.bloom-title strong,.choice-header strong,.perk-line strong,.help-title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:900;overflow:hidden}.bloom-title strong{font-size:22px}.bloom-panel .help-text{display:none}.bloom-distance{color:#f2c25c;font-size:14px;font-weight:800}.help-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.help-title span{flex:1}.help-text{color:#dcfbf8;font-size:15px;font-weight:700;line-height:18px}.target-hint{color:#effcff;text-align:center;text-shadow:0 2px 10px #0000006b;background:#05121b9e;border:1px solid #80dede3d;border-radius:7px;width:220px;margin-top:0;padding:8px 12px;font-size:17px;font-weight:900;position:absolute;top:auto;bottom:136px;left:50%;transform:translate(-50%)}.target-hint.edible{color:#79ff9b;border-color:#79ff9b6b}.target-hint.bite{color:#fff1c2;border-color:#ffda697a}.target-hint.danger{color:#ff7a6b;border-color:#ff5e4a75}.target-hint.ability{color:#f2c25c;border-color:#f2c25c70}.target-hint.counter{color:#ffc6f5;border-color:#ff82e67a}.target-hint.edge{width:210px;margin-top:-20px;top:50%;left:auto;right:22px;transform:none}.ability-icon{object-fit:cover;background:#ffffff14;border:1px solid #bcfff62e;border-radius:6px;flex:none;width:30px;height:30px}.tutorial-panel{background:#041016a8;width:min(352px,100vw - 36px);padding:12px 14px;position:absolute;top:18px;left:18px}.progress-panel{width:420px;padding:12px 14px;position:absolute;bottom:18px;left:830px}.evolution-choice-panel{background:#041016c2;border-color:#f2c25c57;width:min(560px,100vw - 36px);padding:12px 14px;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.choice-row{gap:8px;display:flex}.choice-countdown{background:#01141db3;border:1px solid #ffffff1f;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 7px #00000047}.choice-countdown-fill{border-radius:inherit;background:linear-gradient(90deg,#7cf7ff,#f2c25c 62%,#ff826e);height:100%;transition:width .12s linear;box-shadow:0 0 14px #f2c25c70}.choice-countdown--locked{background:linear-gradient(90deg,#ffe27438,#ff826e2e),#01141dcc;border-color:#ffe2746b}.choice-countdown--locked .choice-countdown-fill{background:#ffe274;box-shadow:0 0 16px #ffe274b8}.choice-card{appearance:none;isolation:isolate;min-width:0;min-height:166px;color:inherit;cursor:pointer;font:inherit;pointer-events:auto;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#0b232bb8;border:1px solid #80efde38;border-radius:7px;flex-direction:column;flex:1;gap:6px;padding:8px 9px;display:flex;position:relative}.choice-card:after{z-index:0;content:"";opacity:.55;pointer-events:none;background:linear-gradient(90deg,#77f6ff75 0 22px,#0000 22px) 0 0/46px 1px no-repeat,linear-gradient(#77f6ff47 0 16px,#0000 16px) 0 0/1px 36px no-repeat,linear-gradient(270deg,#ffd97a57 0 18px,#0000 18px) 100% 100%/42px 1px no-repeat,linear-gradient(0deg,#ffd97a38 0 14px,#0000 14px) 100% 100%/1px 30px no-repeat;position:absolute;inset:4px}.choice-card>*{z-index:1;position:relative}.choice-card:hover,.choice-card:focus-visible,.choice-card.pressed,.choice-card.auto-selected{background:radial-gradient(circle at 18% 16%,#ffe27438,#0000 38%),#0d353ddb;border-color:#ffe274b8;outline:none;transform:translateY(-1px)}.choice-card:hover:after,.choice-card:focus-visible:after,.choice-card.pressed:after,.choice-card.auto-selected:after{opacity:.42}.choice-card.auto-selected{cursor:default;border-color:#ffef8ef2;box-shadow:0 0 0 1px #ffef8e52,0 0 24px #ffe2745c}.choice-card--dimmed{opacity:.55;cursor:default}.evolution-choice-panel[data-choice-locked=true] .choice-card:not(.auto-selected):hover,.evolution-choice-panel[data-choice-locked=true] .choice-card:not(.auto-selected):focus-visible{background:#0b232bb8;border-color:#80efde38;transform:none}.choice-card:active{transform:translateY(1px)}.choice-card-slot{color:#f2c25c;background:#01141db8;border:1px solid #f2c25c4d;border-radius:6px;place-items:center;width:24px;height:22px;font-size:12px;font-weight:900;line-height:1;display:grid}.choice-card-preview{background:radial-gradient(circle at 50% 38%,#7cf7ff3d,#0000 48%),linear-gradient(#023845c7,#021822c7);border:1px solid #80efde2e;border-radius:6px;place-items:center;width:100%;height:70px;min-height:70px;display:grid;position:relative;overflow:hidden}.choice-card--placeholder .choice-card-preview,.choice-card-preview[data-thumbnail-status=fallback-preview]{border-style:dashed}.choice-card-preview img{object-fit:contain;opacity:.95;filter:drop-shadow(0 8px 12px #00000057);width:100%;height:100%;padding:9px 10px 10px}.choice-card-preview[data-thumbnail-status=fallback-preview] img{opacity:.12}.choice-proxy-preview{--proxy-primary:#65e8ff;--proxy-secondary:#fff;--proxy-accent:#3cb8ff;--proxy-glow:#9ffcff;z-index:2;pointer-events:none;filter:drop-shadow(0 9px 14px #00000052) drop-shadow(0 0 12px color-mix(in srgb, var(--proxy-glow) 46%, transparent));display:block;position:absolute;inset:8px 10px}.choice-card-preview[data-thumbnail-status=species-preview] .choice-proxy-preview{opacity:.76;width:54px;height:42px;inset:auto 7px 7px auto}.choice-proxy-shadow,.choice-proxy-body,.choice-proxy-wing,.choice-proxy-tail,.choice-proxy-accent{content:"";display:block;position:absolute}.choice-proxy-shadow{background:color-mix(in srgb, var(--proxy-glow) 20%, #00000075);filter:blur(5px);border-radius:999px;height:16%;bottom:2%;left:18%;right:18%}.choice-proxy-body{background:radial-gradient(circle at 72% 34%, #ffffffd9 0 5%, transparent 6%), linear-gradient(90deg, var(--proxy-secondary), var(--proxy-primary) 52%, var(--proxy-accent));border:1px solid #ffffff6b;border-radius:52% 48% 46% 54%/58% 54% 46% 42%;width:56%;height:38%;top:28%;left:22%}.choice-proxy-wing{background:color-mix(in srgb, var(--proxy-secondary) 72%, var(--proxy-primary));opacity:.9;border-radius:70% 12% 70% 18%;width:28%;height:22%;top:42%}.choice-proxy-wing--left{left:18%;transform:rotate(-18deg)}.choice-proxy-wing--right{right:18%;transform:scaleX(-1)rotate(-18deg)}.choice-proxy-tail{clip-path:polygon(0 50%,100% 0,78% 50%,100% 100%);background:var(--proxy-accent);width:24%;height:30%;top:34%;left:8%}.choice-proxy-accent{background:var(--proxy-glow);opacity:.9;border-radius:999px;width:17%;height:16%;top:19%;right:22%}.choice-proxy-preview--crawler .choice-proxy-body,.choice-proxy-preview--shellback .choice-proxy-body,.choice-proxy-preview--shoreBeast .choice-proxy-body{border-radius:42% 58% 56% 44%/64% 60% 40% 36%;width:50%;height:44%;top:25%;left:25%}.choice-proxy-preview--crawler .choice-proxy-wing,.choice-proxy-preview--shellback .choice-proxy-wing,.choice-proxy-preview--shoreBeast .choice-proxy-wing{background:var(--proxy-secondary);border-radius:999px;width:24%;height:10%;top:58%}.choice-proxy-preview--glider .choice-proxy-wing,.choice-proxy-preview--surfaceWing .choice-proxy-wing{border-radius:84% 10% 78% 18%;width:42%;height:30%;top:32%}.choice-proxy-preview--glider .choice-proxy-wing--left,.choice-proxy-preview--surfaceWing .choice-proxy-wing--left{left:7%;transform:rotate(-11deg)}.choice-proxy-preview--glider .choice-proxy-wing--right,.choice-proxy-preview--surfaceWing .choice-proxy-wing--right{right:7%;transform:scaleX(-1)rotate(-11deg)}.choice-proxy-preview--cephalopod .choice-proxy-body{border-radius:48% 52% 62% 38%/50% 50% 38% 62%;width:32%;height:42%;top:19%;left:34%}.choice-proxy-preview--cephalopod .choice-proxy-tail{clip-path:polygon(0 0,18% 100%,34% 6%,50% 100%,66% 6%,82% 100%,100% 0);width:50%;height:20%;top:58%;left:25%}.choice-proxy-preview--apexPredator .choice-proxy-body{border-radius:60% 36% 36% 60%/58% 50% 50% 42%;width:64%;left:18%}.choice-proxy-preview--apexPredator .choice-proxy-accent{border-radius:50% 50% 8% 8%;width:24%;height:18%}.choice-preview-badge{color:#ffe274;background:#01141dbd;border:1px solid #ffe27438;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:900;line-height:1.1;position:absolute;top:6px;right:6px}.choice-preview-palette{gap:3px;display:flex;position:absolute;bottom:6px;right:6px}.choice-preview-palette span{border:1px solid #ffffffb8;border-radius:999px;width:9px;height:9px;display:block;box-shadow:0 1px 4px #00000057}.choice-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;overflow:hidden}.choice-card small{color:#d9fbfb;font-size:12px;font-weight:700;line-height:14px}.creature-evolution-detail{color:#e0faffd1;margin:0;font-size:11px;font-weight:700;line-height:13px}.starter-choice-overlay{pointer-events:auto;background:linear-gradient(#02101833,#010c135c);place-items:center;padding:92px 24px 32px;display:grid;position:absolute;inset:0}.starter-choice-panel{background:linear-gradient(#072c3ae6,#051723d6);border-color:#78eee24d;width:min(980px,100vw - 48px);max-height:min(76vh,100vh - 124px);overflow:auto;box-shadow:0 24px 70px #00121c70,inset 0 1px #ffffff24}.starter-choice-heading{gap:4px;margin-bottom:16px;display:grid}.starter-choice-heading span{color:#7ee0d5;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.starter-choice-heading h2{color:#fff;margin:0;font-size:32px;font-weight:950;line-height:1}.starter-choice-heading p{color:#dffcfcdb;margin:0;font-size:14px;font-weight:700}.starter-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.starter-choice-card{appearance:none;isolation:isolate;border:1px solid color-mix(in srgb, var(--creature-accent) 52%, #ffffff2e);background:radial-gradient(circle at 18% 14%, color-mix(in srgb, var(--creature-accent) 26%, transparent), transparent 42%), linear-gradient(180deg, #0f3e4ae6, #071d2adb);min-width:0;min-height:236px;color:var(--hud-text);cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;border-radius:8px;align-content:start;gap:9px;padding:14px;display:grid;position:relative;overflow:hidden}.starter-choice-card:before{border:1px solid color-mix(in srgb, var(--creature-accent) 60%, transparent);background:linear-gradient(135deg, transparent 46%, color-mix(in srgb, var(--creature-accent) 72%, transparent) 47% 53%, transparent 54%), radial-gradient(circle, color-mix(in srgb, var(--creature-accent) 24%, transparent), transparent 64%);content:"";opacity:.72;border-radius:50%;width:46px;height:46px;position:absolute;inset:auto 12px 12px auto}.starter-choice-card:hover,.starter-choice-card:focus-visible,.starter-choice-card.pressed{border-color:color-mix(in srgb, var(--creature-accent) 76%, #fff);box-shadow:0 0 0 1px color-mix(in srgb, var(--creature-accent) 38%, transparent), 0 18px 38px #00121c47;outline:none;transform:translateY(-2px)}.starter-choice-card:active{transform:translateY(0)}.starter-choice-card-top,.starter-choice-proxy,.starter-choice-tagline,.starter-choice-description,.starter-choice-path,.starter-choice-note{z-index:1;position:relative}.starter-choice-proxy{border:1px solid color-mix(in srgb, var(--creature-accent) 34%, #ffffff2e);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--creature-accent) 28%, transparent), transparent 58%), linear-gradient(180deg, #044a5785, #01141d6b);border-radius:7px;width:100%;height:68px;margin:2px 0 0;display:block;position:relative;inset:auto}.starter-choice-card-top{gap:2px;display:grid}.starter-choice-card-top strong{color:#fff;font-size:21px;font-weight:950;line-height:1.05}.starter-choice-card-top small,.starter-choice-path{color:color-mix(in srgb, var(--creature-accent) 74%, #fff);text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.25}.starter-choice-tagline{color:#f1fffcf0;font-size:13px;font-weight:900;line-height:1.25}.starter-choice-description,.starter-choice-note{color:#daf8fad1;font-size:12px;font-weight:700;line-height:1.35}.starter-choice-path{text-transform:none;margin-top:auto}.starter-choice-note{color:#ffeaa9e0}.mutation-choice-panel{overscroll-behavior:contain;background:linear-gradient(#082f3ad6,#07141fc7);border-color:#66ffcf6b;width:min(960px,100vw - 40px);max-height:min(54vh,100vh - 268px);overflow:auto;box-shadow:0 16px 42px #11e8d52e}.mutation-choice-panel .choice-row{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.mutation-card{background:radial-gradient(circle at 18% 16%,#75ffce38,#0000 36%),#082832c7;border-color:#6effd757;gap:7px;min-height:190px;padding:10px}.mutation-card span{color:#66ffcf}.mutation-card strong{color:#fff;text-overflow:clip;white-space:normal;line-height:18px;overflow:visible}.mutation-description,.mutation-tradeoff{color:#e1fffceb;margin:0;font-size:12px;font-weight:700;line-height:15px}.mutation-tradeoff{color:#ffe9b1f0;margin-top:auto}.mutation-effects{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.mutation-effects li{color:#dcfffaeb;background:#0118226b;border:1px solid #8bffe538;border-radius:6px;align-items:center;gap:4px;min-height:22px;padding:3px 6px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.mutation-effects li strong{color:#fff;font-size:inherit;line-height:inherit}.evolution-track{justify-content:space-between;gap:4px;display:flex}.tier-node{opacity:.5;flex-direction:column;align-items:center;gap:4px;width:50px;display:flex}.tier-node span{color:#d9fbfb;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}.tier-node.current,.tier-node.complete{opacity:1}.node-dot{background:#ffffff57;border-radius:5px;width:10px;height:10px}.tier-node.complete .node-dot{background:#65dfc9}.tier-node.current .node-dot{background:#f2c25c}.leaderboard{background:#041016a3;width:276px;padding:13px;position:absolute;top:18px;right:18px}.leaderboard-content{flex-direction:column;gap:5px;display:flex}.leader{background:#ffffff12;border:1px solid #ffffff0d;border-radius:6px;gap:8px;height:32px;padding:0 8px}.leader.self{background:#f2c25c33;border-color:#f2c25c47}.rank{color:#f2c25c;width:22px;font-weight:900}.name{color:#efffff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.score{color:#fff;text-align:right;min-width:32px;font-size:14px;font-weight:900}.connection-chip{color:#bfe9e7;background:#04101685;border:1px solid #7ee0d52e;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:800;position:absolute;bottom:18px;right:18px}.mute-button{z-index:12;color:#dffdf9;cursor:pointer;min-width:92px;height:34px;font:inherit;pointer-events:auto;text-transform:uppercase;background:#0410169e;border:1px solid #7ee0d538;border-radius:7px;padding:0 11px;font-size:12px;font-weight:900;position:absolute;bottom:56px;right:18px}.mute-button:hover{color:#fff;border-color:#f2c25c70}.debug-overlay{z-index:20;color:#dffdf9;min-width:240px;font-family:var(--od-font-mono);pointer-events:none;background:#030e14bd;border:1px solid #7ee0d538;border-radius:7px;padding:9px 11px;font-size:12px;font-weight:700;line-height:17px;position:fixed;top:18px;left:18px}.esc-menu-overlay{z-index:28;color:var(--glass-text);pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03111761;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.esc-menu-panel{background:linear-gradient(#0a5567db,#042230eb),#031720f0;border:1px solid #aafaf247;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(1120px,100vw - 48px);max-height:min(820px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00111a7a}.esc-menu-header{border-bottom:1px solid #dbfffb21;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px 16px;display:flex}.esc-kicker{color:#8effdc;letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:950;line-height:16px;display:block}.esc-menu-header h2{color:#fff;margin:2px 0 4px;font-size:28px;font-weight:950;line-height:34px}.esc-menu-header p{color:#e5fffbd1;margin:0;font-size:14px;font-weight:800;line-height:18px}.esc-menu-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.esc-menu-actions button,.esc-tabs button{color:#f4fffd;cursor:pointer;min-height:36px;font:inherit;background:#ffffff14;border:1px solid #dafffa3d;border-radius:7px;font-size:13px;font-weight:950;line-height:16px}.esc-menu-actions button{padding:0 13px}.esc-menu-actions button:hover,.esc-tabs button:hover,.esc-tabs button.active{background:#ffc95529;border-color:#ffdb7394}.esc-menu-close{width:38px;padding:0}.esc-tabs{border-bottom:1px solid #dbfffb1f;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 22px;display:grid}.esc-tabs button{padding:0 10px}.esc-menu-body{overscroll-behavior:contain;padding:18px 22px 22px;overflow:auto}.esc-section-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.esc-metric,.esc-card{background:#0418216b;border:1px solid #dcffff26;border-radius:8px;box-shadow:inset 0 1px #ffffff14}.esc-metric{min-height:92px;padding:13px 14px}.esc-metric span,.esc-card h3{color:#8effdc;letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:950;line-height:16px}.esc-metric strong{color:#fff;margin-top:6px;font-size:25px;font-weight:950;line-height:30px;display:block}.esc-metric small,.esc-note,.esc-card p{color:#e5fffbd1;font-size:13px;font-weight:760;line-height:18px}.esc-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.esc-card{min-width:0;padding:15px}.esc-card h3{margin:0 0 10px}.esc-card p{margin:0}.esc-info-grid{gap:7px;margin:0;display:grid}.esc-info-grid div,.esc-list-row{border-bottom:1px solid #dbfffb14;grid-template-columns:minmax(116px,.62fr) minmax(0,1fr);align-items:baseline;gap:12px;min-height:25px;padding:5px 0;display:grid}.esc-info-grid dt{color:#b0f3e8b8;font-size:12px;font-weight:900;line-height:16px}.esc-info-grid dd,.esc-list-row span{overflow-wrap:anywhere;color:#f5fffd;min-width:0;font-family:var(--od-font-mono);margin:0;font-size:12px;font-weight:800;line-height:16px}.esc-list-row strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:950;line-height:17px;overflow:hidden}.esc-design-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.esc-choice-grid{gap:9px;margin-top:12px;display:grid}.esc-choice-grid button{color:#f5fffd;cursor:pointer;min-width:0;font:inherit;text-align:left;background:#ffffff12;border:1px solid #dcffff2e;border-radius:8px;gap:4px;padding:11px 12px;display:grid}.esc-choice-grid button:hover,.esc-choice-grid button.active{background:#ffc95529;border-color:#ffdb73ad}.esc-choice-grid strong,.esc-choice-grid span{overflow-wrap:anywhere;min-width:0}.esc-choice-grid strong{color:#fff;font-size:13px;font-weight:950;line-height:17px}.esc-choice-grid span{color:#e5fffbd1;font-size:12px;font-weight:760;line-height:16px}.esc-range-control,.od-range-control{gap:11px;min-width:0;display:grid}.esc-range-control span,.od-range-control header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.esc-range-control strong,.od-range-control strong{color:#fff;font-family:var(--od-font-mono);white-space:nowrap;font-size:13px;font-weight:950}.esc-range-control input,.od-range-control input{accent-color:#ffcf68;cursor:pointer;touch-action:pan-x;width:100%;min-height:42px}.esc-music-card{gap:12px;display:grid}.esc-music-summary{background:#ffffff0f;border:1px solid #dcffff24;border-radius:9px;gap:2px;min-width:0;padding:10px 12px;display:grid}.esc-music-summary span,.esc-music-summary small{color:#dcfffbc7;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:900;line-height:14px;overflow:hidden}.esc-music-summary strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;line-height:19px;overflow:hidden}.esc-music-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.esc-music-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #dcffff33;border-radius:9px;place-items:center;min-height:44px;display:grid;position:relative}.esc-music-button:hover,.esc-music-button:focus-visible{background:#ffc95529;border-color:#ffdb73ad;outline:none}.esc-music-button span{width:18px;height:18px;display:block;position:relative}.esc-music-prev span:before,.esc-music-prev span:after,.esc-music-next span:before,.esc-music-next span:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;position:absolute;top:2px}.esc-music-prev span:before{border-right:9px solid;left:0}.esc-music-prev span:after{border-right:9px solid;right:1px}.esc-music-next span:before{border-left:9px solid;left:1px}.esc-music-next span:after{border-left:9px solid;right:0}.esc-music-toggle{background:#ffc95524;border-color:#ffdb738f}.esc-music-card.is-paused .esc-music-toggle span{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;width:0;height:0;transform:translate(2px)}.esc-music-card.is-playing .esc-music-toggle span:before,.esc-music-card.is-playing .esc-music-toggle span:after{content:"";background:currentColor;border-radius:2px;width:6px;height:16px;position:absolute;top:1px}.esc-music-card.is-playing .esc-music-toggle span:before{left:3px}.esc-music-card.is-playing .esc-music-toggle span:after{right:3px}.esc-music-volume{margin-top:0}.water-tuning-control input[type=color]{cursor:pointer;background:#ffffff1a;border:1px solid #e2ffff38;border-radius:8px;width:100%;height:42px;min-height:42px;padding:3px}.water-color-picker-row{grid-template-columns:minmax(0,1fr) minmax(92px,.32fr);gap:8px;min-width:0;display:grid}.water-color-open{color:#f4fffd;cursor:pointer;min-width:0;min-height:42px;font:inherit;overflow-wrap:anywhere;touch-action:manipulation;background:#ffffff1b;border:1px solid #e2ffff3d;border-radius:8px;padding:0 10px;font-size:12px;font-weight:900}.water-color-open:hover,.water-color-open:focus-visible{color:#fff;background:#ffe27a2e;border-color:#ffe87ebd;outline:none}.water-color-panel{background:radial-gradient(circle at 18% 12%,#75f9ff2e,#0000 42%),linear-gradient(#035a7e6b,#04213a8f);border:1px solid #e2ffff2e;border-radius:8px;gap:10px;min-width:0;padding:11px;display:grid}.water-color-panel>header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.water-color-panel>header div{gap:2px;min-width:0;display:grid}.water-color-panel>header span,.water-color-panel label span{color:#d2fffac2;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:950}.water-color-panel>header strong,.water-color-panel label strong{color:#fff;font-size:12px;font-weight:950}.water-color-panel>header button{color:#f4fffd;cursor:pointer;min-height:30px;font:inherit;background:#ffffff1a;border:1px solid #e2ffff3d;border-radius:8px;flex:none;padding:0 9px;font-size:11px;font-weight:900}.water-color-panel>header button:hover,.water-color-panel>header button:focus-visible{color:#fff;background:#ffe27a2e;border-color:#ffe87ebd;outline:none}.water-color-wheel{aspect-ratio:1;background:radial-gradient(circle,#ffffffeb 0 8%,#fff0 47%,#00000080 100%),conic-gradient(#ff3b30,#ffe600,#45ff45,#31f7ff,#334dff,#d833ff,#ff3b30);border:1px solid #ffffff6b;border-radius:999px;justify-self:center;width:min(132px,58vw);position:relative;box-shadow:inset 0 0 0 8px #ffffff14,0 12px 28px #00122247}.water-color-wheel span{background:var(--water-picker-color,#5df);border:3px solid #ffffffe6;border-radius:999px;position:absolute;inset:38%;box-shadow:inset 0 -6px 12px #0000002e,0 0 0 1px #00000029}.water-color-channel{gap:5px;min-width:0;display:grid}.water-color-channel>span,.water-color-manual-row label>span{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.water-color-channel input[type=range]{width:100%;accent-color:var(--water-picker-color,#5df)}.water-color-channel--hue input[type=range]{accent-color:hsl(var(--water-picker-hue,185deg) 90% 58%)}.water-color-manual-row{grid-template-columns:minmax(0,1fr) minmax(86px,.56fr);gap:8px;min-width:0;display:grid}.water-color-manual-row label{gap:5px;min-width:0;display:grid}.water-color-manual-row input[type=text]{box-sizing:border-box;color:#fff;width:100%;min-height:34px;font:inherit;text-transform:uppercase;background:#ffffff1a;border:1px solid #e2ffff38;border-radius:8px;padding:0 9px;font-size:12px;font-weight:900}.water-color-manual-row input[type=text][aria-invalid]{background:#8e162a52;border-color:#ff8080c7}.water-color-manual-row input[type=color]{height:34px;min-height:34px}.water-tuning-control small{color:#e5fffbb8;font-size:11px;font-weight:760;line-height:15px}.water-tuning-card{grid-column:1/-1}.esc-water-tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.esc-water-tuning-group{background:#ffffff0b;border:1px solid #e2ffff21;border-radius:8px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.esc-water-tuning-group header{justify-content:space-between;align-items:center;gap:10px;display:flex}.esc-water-tuning-group header strong{color:#fff;font-size:13px;font-weight:950}.esc-water-tuning-group header span{color:#c7f7ffcc;text-transform:uppercase;font-size:11px;font-weight:900}.od-option-stack,.od-toggle-list,.esc-toggle-list{gap:10px;min-width:0;display:grid}.od-choice-grid--compact,.esc-choice-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.od-toggle-row,.esc-toggle-row{color:#f5fffd;cursor:pointer;min-width:0;font:inherit;text-align:left;background:#ffffff12;border:1px solid #dcffff2e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.od-toggle-row{border-radius:12px;min-height:76px;padding:12px 13px}.esc-toggle-row{border-radius:8px;min-height:64px;padding:10px 12px}.od-toggle-row:hover,.od-toggle-row.active,.esc-toggle-row:hover,.esc-toggle-row.active{background:#ffc95529;border-color:#ffdb73ad}.od-toggle-row span,.esc-toggle-row span{gap:3px;min-width:0;display:grid}.od-toggle-row strong,.esc-toggle-row strong{overflow-wrap:anywhere;color:#fff;font-size:13px;font-weight:950;line-height:17px}.od-toggle-row small,.esc-toggle-row small{overflow-wrap:anywhere;color:#e5fffbd1;font-size:12px;font-weight:760;line-height:16px}.od-toggle-row em,.esc-toggle-row em{color:#e5fffbd1;background:#03161f6b;border:1px solid #dcffff2e;border-radius:999px;place-items:center;min-width:48px;min-height:28px;padding:0 10px;font-size:12px;font-style:normal;font-weight:950;display:inline-grid}.od-toggle-row.active em,.esc-toggle-row.active em{color:#fff;background:linear-gradient(#ffcd58eb,#ff9543b8);border-color:#ffdb73b8}body.ocean-esc-menu-open .debug-overlay{display:none}@media (width<=900px){.esc-menu-overlay{align-items:stretch;padding:12px}.esc-menu-panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.esc-menu-header{flex-direction:column;align-items:flex-start;padding:16px}.esc-menu-actions{justify-content:stretch;width:100%}.esc-menu-actions button{flex:1}.esc-tabs{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;padding:10px 16px;display:grid;overflow-x:visible}.esc-tabs button{min-width:0;min-height:34px;padding:0 10px;font-size:12px}.esc-menu-body{padding:14px 16px 16px}.esc-section-grid,.esc-two-column,.esc-design-list,.esc-choice-grid--compact{grid-template-columns:1fr}.esc-info-grid div,.esc-list-row{grid-template-columns:1fr;gap:2px}}@media (orientation:landscape) and (height<=540px){.esc-menu-overlay{align-items:stretch;padding:6px}.esc-menu-panel{width:calc(100vw - 12px);max-height:calc(100svh - 12px)}.esc-menu-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px;display:grid}.esc-menu-header h2{font-size:20px;line-height:22px}.esc-menu-header p{font-size:11px;line-height:14px}.esc-menu-actions{align-self:start}.esc-menu-actions button{min-height:32px}.esc-tabs{padding:8px 12px}.esc-menu-body{padding:10px 12px 12px}}.game-shell{z-index:30;color:var(--od-text);pointer-events:auto;background:0 0;padding:0;position:fixed;inset:0;overflow:auto}.game-shell[hidden],.hud[hidden]{display:none}.shell-layout{grid-template-rows:auto 1fr auto;gap:18px;width:min(1180px,100%);min-height:calc(100vh - 56px);margin:0 auto;display:grid}.shell-hero,.shell-tabs,.shell-panel,.ad-slot{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041118c7;border:1px solid #9aeadc38;border-radius:8px;box-shadow:0 18px 50px #00000057}.shell-hero{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:22px;min-height:250px;padding:32px;display:grid}.shell-title-block{max-width:720px}.shell-kicker{color:#7ee0d5;letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:900}.shell-title-block h1,.shell-panel h1{color:#fff;letter-spacing:0;text-shadow:0 2px 18px #2be8cb33;margin:4px 0 10px;font-size:clamp(42px,7vw,84px);font-weight:950;line-height:.95}.shell-panel h1{font-size:38px;line-height:1.02}.shell-title-block p,.shell-copy{color:#ccefed;max-width:650px;margin:0;font-size:16px;font-weight:700;line-height:22px}.shell-play-block{flex-direction:column;gap:12px;display:flex}.shell-play-block label{color:#92dcd7;letter-spacing:.6px;text-transform:uppercase;flex-direction:column;gap:6px;font-size:12px;font-weight:900;display:flex}.shell-input{color:#fff;width:100%;height:42px;font:inherit;background:#ebffff14;border:1px solid #b2fcf233;border-radius:7px;outline:none;padding:0 12px;font-size:15px;font-weight:800}.shell-input:focus{border-color:#f2c25c9e}.primary-button,.secondary-button,.tab-button,.buy-button{cursor:pointer;min-height:40px;font:inherit;letter-spacing:.6px;text-transform:uppercase;border:1px solid #b2fcf22e;border-radius:7px;font-size:13px;font-weight:950}.primary-button{color:#112126;background:#f2c25c;border-color:#ffecac9e}.secondary-button,.tab-button,.buy-button{color:#e9fffc;background:#ebffff14}.primary-button:hover,.secondary-button:hover,.tab-button:hover{filter:brightness(1.08)}.play-button{height:52px;font-size:16px}.wallet-strip{gap:8px;display:flex}.wallet-strip span{color:#a7d7d4;background:#ffffff12;border:1px solid #b2fcf21f;border-radius:7px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;font-size:13px;font-weight:800;display:flex}.wallet-strip strong{color:#fff}.shell-tabs{min-height:330px;padding:16px}.tab-row{gap:8px;margin-bottom:14px;display:flex}.tab-button{flex:0 0 112px}.tab-button.active{background:#468d805c;border-color:#7eeed37a}.store-grid,.profile-grid,.settings-grid,.death-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.store-item,.cosmetic-group,.setting-row,.death-stat{background:#0b232ba8;border:1px solid #b2fcf21f;border-radius:8px;min-width:0}.store-item{flex-direction:column;justify-content:space-between;gap:14px;min-height:190px;padding:14px;display:flex}.store-item span,.cosmetic-group legend,.setting-row span,.death-stat span{color:#8fd9d6;letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:900}.store-item h3{color:#fff;margin:5px 0;font-size:20px;line-height:23px}.store-item p{color:#d8f5f3;margin:0;font-size:13px;font-weight:700;line-height:18px}.store-item.epic,.store-item.legendary{border-color:#f2c25c47}.buy-button:disabled{cursor:not-allowed;opacity:.66}.cosmetic-group{margin:0;padding:12px}.cosmetic-choice{color:#efffff;align-items:center;gap:9px;margin-top:9px;font-size:14px;font-weight:800;display:flex}.cosmetic-choice input{accent-color:#f2c25c}.swatch{border:1px solid #ffffff59;border-radius:6px;width:22px;height:22px}.setting-row,.death-stat{justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:10px 12px;display:flex}.setting-row strong,.death-stat strong{color:#fff;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.ad-slot{color:#a7d7d4;letter-spacing:.7px;text-align:center;text-transform:uppercase;min-height:54px;padding:16px;font-size:12px;font-weight:900}.shell-center{place-items:center;min-height:calc(100vh - 56px);display:grid}.shell-panel{width:min(620px,100%);padding:24px}.shell-panel.compact{width:min(460px,100%)}.shell-brand-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.status-pill{color:#d8fffb;text-transform:uppercase;background:#ffffff14;border:1px solid #b2fcf22e;border-radius:7px;flex:none;padding:7px 9px;font-size:12px;font-weight:950}.status-pill.online{color:#7ee0d5;border-color:#7eeed380}.status-pill.danger{color:#ff8f82;border-color:#ff776c80}.shell-meter{background:#ffffff1c;border-radius:6px;height:8px;margin:12px 0;overflow:hidden}.shell-meter div{background:#65dfc9;border-radius:6px;width:46%;height:100%;animation:1.2s ease-in-out infinite alternate shell-meter-pulse}.od-load-meter div{background:linear-gradient(90deg,#71f2cf,#f2d56a);width:6%;transition:width .18s;animation:none}.od-load-detail{color:#e7fffadb;min-height:22px;margin:8px 0 0;font-size:13px;font-weight:800;line-height:18px}.od-load-steps{gap:8px;margin:16px 0 12px;display:grid}.od-load-step{background:#022c4947;border:1px solid #d8fff824;border-radius:8px;grid-template-columns:18px minmax(120px,.48fr) minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.od-load-step strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:950;overflow:hidden}.od-load-step small{color:#d6f9f5c2;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:760;overflow:hidden}.od-load-dot{background:#d8fff81a;border:2px solid #d7fff75c;border-radius:999px;width:12px;height:12px}.od-load-step--running .od-load-dot{background:#f2d56a;border-color:#f2d56ae0;box-shadow:0 0 18px #f2d56a66}.od-load-step--done .od-load-dot{background:#71f2cf;border-color:#71f2cfeb}.od-load-step--warning .od-load-dot{background:#ffc560;border-color:#ffc560eb}.od-load-step--error{border-color:#ff78696b}.od-load-step--error .od-load-dot{background:#ff7869;border-color:#ff7869f5}.od-load-footer{color:#d6f9f5c7;text-transform:uppercase;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;font-weight:900;display:flex}.death-panel{width:min(960px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.death-summary{margin:14px 0}.od-death-subtitle{color:#e1fbf8d1;margin:6px 0 0;font-size:14px;font-weight:800;line-height:20px}.od-death-headline,.od-death-report{gap:12px;display:grid}.od-death-headline{grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);margin:16px 0 14px}.od-death-report{grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);margin:14px 0}.od-death-cause,.od-death-coins,.od-death-chart,.od-death-tips{background:linear-gradient(#0f5270b8,#073046ad),#ffffff0f;border:1px solid #b2fcf229;border-radius:8px;min-width:0;box-shadow:inset 0 1px #ffffff1f}.od-death-cause{padding:15px 16px}.od-death-cause--bite{background:linear-gradient(#79304dbd,#0f465ead),#ffffff0f;border-color:#ff78965c}.od-death-cause--swallowed{background:linear-gradient(#715520a3,#084a62ad),#ffffff0f;border-color:#ffc96357}.od-death-label,.od-death-section-head span{color:#95ece5;letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:950}.od-death-cause strong,.od-death-coins strong{color:#fff;margin-top:6px;font-size:clamp(20px,3vw,30px);line-height:1.05;display:block}.od-death-cause small,.od-death-coins small{color:#e1fbf8d1;margin-top:7px;font-size:13px;font-weight:800;line-height:18px;display:block}.od-death-coins{background:radial-gradient(circle at 20% 20%,#ffe87f33,#0000 42%),linear-gradient(#106f74c7,#083a4cb8);border-color:#ffdb7057;flex-direction:column;justify-content:center;padding:15px 16px;display:flex}.od-death-coins strong{color:#ffe66d;text-shadow:0 2px 12px #ffc63147}.od-death-panel .death-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.od-death-chart,.od-death-tips{padding:13px}.od-death-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.od-death-section-head strong{color:#fff;font-size:12px;font-weight:900}.od-death-chart-box{min-height:150px}.od-death-chart-svg{width:100%;height:118px;display:block;overflow:visible}.od-death-chart-grid{fill:none;stroke:#cefbf724;stroke-width:.8px}.od-death-chart-area{fill:#50debe33}.od-death-chart-line{fill:none;stroke:#71f2cf;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;vector-effect:non-scaling-stroke}.od-death-chart-dot{fill:#ffe66d;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke}.od-death-chart-labels{color:#e1fbf8bd;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:11px;font-weight:850;display:grid}.od-death-chart-labels strong{color:#fff;text-align:center;font-size:12px}.od-death-chart-labels span:last-child{text-align:right}.od-death-food-breakdown{gap:7px;margin-top:12px;display:grid}.od-death-food-row{color:#e1fbf8d1;grid-template-columns:66px minmax(0,1fr) 48px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.od-death-food-row b{background:#042638a3;border-radius:999px;height:7px;display:block;overflow:hidden}.od-death-food-row i{width:var(--food-share,0%);border-radius:inherit;background:linear-gradient(90deg,#71f2cf,#ffe66d);height:100%;display:block}.od-death-food-row strong{color:#fff;text-align:right}.od-death-food-empty{color:#e1fbf8c7;margin-top:12px;font-size:13px;font-weight:800}.od-death-tips ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.od-death-tips li{color:#edfffde6;background:#ffffff0f;border:1px solid #b2fcf21f;border-radius:8px;padding:9px 10px 9px 30px;font-size:13px;font-weight:800;line-height:18px;position:relative}.od-death-tips li:before{content:"";background:#71f2cf;border-radius:50%;width:9px;height:9px;position:absolute;top:11px;left:11px;box-shadow:0 0 12px #71f2cf6b}@media (width<=860px){.death-panel{width:min(100%,100vw - 20px);max-height:calc(100vh - 20px);padding:16px}.od-death-headline,.od-death-report,.od-death-panel .death-summary{grid-template-columns:1fr}.od-death-chart-svg{height:96px}.od-death-chart-labels{grid-template-columns:1fr}.od-death-chart-labels strong,.od-death-chart-labels span:last-child{text-align:left}}.shell-actions{gap:10px;margin:16px 0 12px;display:flex}.shell-actions button{flex:1}@keyframes shell-meter-pulse{0%{width:34%}to{width:88%}}.od-shell{background:radial-gradient(circle at 18% 84%,#f4df9b9e,#0000 23%),linear-gradient(#11a8e8e0 0%,#087ec1e0 45%,#075b95f0 100%),url(/assets/ocean_supremacy/textures/terrain/sand_stylized_final_1024.png) 0 0/560px 560px;min-height:100svh;padding:clamp(18px,2.2vw,34px);position:relative;overflow:hidden}.od-shell--modal{place-items:center;display:grid}.od-backdrop,.od-backdrop span{pointer-events:none;position:absolute}.od-backdrop{inset:0;overflow:hidden}.od-backdrop:before{content:"";filter:blur(.2px);background:radial-gradient(circle at 18% 44%,#ffbd3547,#0000 13%),radial-gradient(circle at 78% 56%,#ff5c6633,#0000 12%),linear-gradient(#f4df9b1a,#f4df9b9e);border-radius:50% 50% 0 0;height:28%;position:absolute;bottom:-9%;left:-8%;right:-8%}.od-bubble{background:radial-gradient(circle at 35% 30%,#fffc,#ffffff14 36%,#fff0);border:2px solid #e2ffff85;border-radius:999px;animation:5.6s ease-in-out infinite alternate od-float}.od-coral,.od-seaweed{opacity:.72;width:92px;height:138px;bottom:2%}.od-coral-left{background:radial-gradient(circle at 42% 25%, var(--od-coral) 0 8px, transparent 9px), radial-gradient(circle at 66% 42%, #ff8a72 0 7px, transparent 8px), linear-gradient(84deg, transparent 44%, var(--od-coral) 45% 52%, transparent 53%), linear-gradient(128deg, transparent 44%, #ff8a72 45% 52%, transparent 53%), linear-gradient(34deg, transparent 44%, #ff6f98 45% 52%, transparent 53%);left:3%}.od-seaweed-right{background:linear-gradient(100deg, transparent 45%, var(--od-green) 47% 52%, transparent 54%), linear-gradient(78deg, transparent 42%, #9de975 44% 48%, transparent 50%), linear-gradient(116deg, transparent 50%, #4bbf73 52% 56%, transparent 58%);right:4%}.od-brand{flex-direction:column;align-items:flex-start;gap:16px;padding-left:clamp(0px,2vw,18px);display:flex}.od-title{letter-spacing:0;flex-direction:column;margin:0;font-size:clamp(74px,9vw,136px);font-weight:950;line-height:.82;display:flex}.od-title-ocean,.od-title-drift{text-shadow:0 4px #00517e47,0 12px 26px #00437347;display:block}.od-title-ocean{color:#fff}.od-title-drift{color:#bdfff6}.od-title-fish{clip-path:polygon(0 50%,18% 16%,76% 20%,100% 0,86% 50%,100% 100%,76% 80%,18% 84%);background:linear-gradient(135deg,#fff,#72d85e);border-radius:70% 45% 45% 70%;width:58px;height:26px;position:absolute;bottom:18px;right:-76px;box-shadow:0 10px 28px #004e7b40}.od-subtitle{max-width:390px;color:var(--od-text-soft);text-shadow:0 2px 16px #00456d4d;margin:0;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.12}.od-primary-button,.od-secondary-strong,.od-secondary-button,.od-utility-button,.od-random-button,.od-card-button,.od-close-button{cursor:pointer;font:inherit;letter-spacing:.6px;text-transform:uppercase;border:0;border-radius:999px;font-weight:950}.od-primary-button{background:linear-gradient(180deg, #ffffff47, transparent 38%), linear-gradient(180deg, var(--od-primary-hover), var(--od-primary));min-width:248px;min-height:70px;box-shadow:0 8px 0 var(--od-primary-shadow), 0 18px 34px #00528042;color:#053655;border:2px solid #fff7c6b3;padding:0 38px;font-size:24px}.od-helper{color:#ffffffd1;margin:0;font-size:14px;font-weight:900}.od-utility-row{justify-content:flex-end;gap:8px;display:flex}.od-currency-pill,.od-utility-button{min-height:36px;color:var(--od-text-soft);background:#07508473;border:1px solid #e2ffff52;border-radius:999px;padding:0 14px;box-shadow:0 10px 24px #00365e24}.od-currency-pill{align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.od-utility-button{color:#fff;font-size:12px}.od-player-bar,.od-game-card,.od-endless-card,.od-drawer,.od-connect-panel,.od-death-panel{border:1px solid var(--od-panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#198fc75c,#0750846b);border-radius:22px;box-shadow:0 14px 34px #00365e38}.od-field{flex-direction:column;gap:5px;min-width:0;display:flex}.od-field span,.od-section-head span,.od-game-meta dt,.od-drawer-copy,.od-settings-list span{color:var(--od-text-soft);letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:950}.od-input{color:#fff;width:100%;height:42px;font:inherit;background:#05447073;border:1px solid #e6ffff47;border-radius:14px;outline:none;padding:0 13px;font-size:16px;font-weight:900}.od-random-button{color:#fff;background:#e5ffff29;width:58px;height:42px;font-size:12px}.od-connection-good span{background:var(--od-green);width:10px;height:10px;box-shadow:0 0 16px var(--od-green);border-radius:50%}.od-section-head h2{color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:20px;font-weight:950}.od-game-card{flex-direction:column;min-width:0;min-height:292px;display:flex;overflow:hidden}.od-map-thumb{background:var(--od-blue);height:82px;position:relative;overflow:hidden}.od-map-thumb:before,.od-map-thumb:after{content:"";position:absolute}.map-thumb-coral-cove{background:radial-gradient(circle at 22% 78%,#ff7b78 0 10px,#0000 11px),radial-gradient(circle at 62% 72%,#ffd76a 0 8px,#0000 9px),linear-gradient(160deg,#7ee8ff,#16b3dd 50%,#f4df9b 52%)}.map-thumb-kelp-labyrinth{background:repeating-linear-gradient(82deg,#0000 0 18px,#1e703fb8 19px 25px),linear-gradient(160deg,#1daee9,#087ec1 52%,#086f7b)}.map-thumb-abyssal-ruins{background:linear-gradient(90deg,#0000 8%,#a988ff5c 9% 15%,#0000 16% 44%,#a988ff4d 45% 53%,#0000 54%),radial-gradient(circle at 72% 42%,#a07cffb3,#0000 18%),linear-gradient(160deg,#182f86,#071842)}.map-thumb-shark-channel{background:linear-gradient(125deg,#0000 0 42%,#ffffff5c 43% 47%,#0000 48%),linear-gradient(160deg,#31e1d2,#087ec1 56%,#075b95)}.map-thumb-endless-blue{background:radial-gradient(circle,#72d85e8f,#0000 18%),linear-gradient(160deg,#20c9be,#087ec1 52%,#075b95)}.od-card-top,.od-game-meta,.od-bottom-row,.od-endless-card{align-items:center;display:flex}.od-card-top{justify-content:space-between;gap:8px}.od-mode-badge,.od-game-status{letter-spacing:.7px;text-transform:uppercase;border-radius:999px;font-size:10px;font-weight:950}.od-mode-badge{color:#fff;background:#ffffff2e;padding:5px 8px}.od-game-status{color:var(--od-text-soft)}.od-game-card h3,.od-endless-card h3,.od-store-item h3{color:#fff;margin:0;font-size:22px;font-weight:950;line-height:1}.od-game-card p,.od-endless-card p,.od-store-item p{color:var(--od-text-soft);margin:0;font-size:12px;font-weight:800;line-height:1.25}.od-game-meta div{min-width:0}.od-game-meta dd{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;font-weight:950;overflow:hidden}.od-card-button{color:#fff;min-height:42px;margin:0 11px 11px;font-size:12px}.od-endless-card{background:linear-gradient(#1398b059,#08598861);justify-content:space-between;gap:16px;padding:15px}.od-infinity-badge{color:#fff;background:#20c9be61;border:1px solid #ddffff5c;border-radius:20px;flex:none;place-items:center;width:62px;height:62px;font-size:38px;font-weight:950;display:grid}.od-endless-card div:nth-child(2){flex:1;min-width:0}.od-endless-card span{color:#fff;margin-top:8px;font-size:13px;font-weight:900;display:inline-block}.od-secondary-strong,.od-secondary-button{color:#fff;background:#0750848a;border:1px solid #e5ffff47;min-height:44px;padding:0 18px;font-size:12px}.od-secondary-strong{background:linear-gradient(#20c9bec2,#0984a5e6)}.od-bottom-row{gap:10px}.od-options-mini{min-height:44px;color:var(--od-text-soft);text-transform:uppercase;flex:1;justify-content:flex-end;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.od-options-mini span{background:#07508452;border:1px solid #e5ffff38;border-radius:999px;padding:7px 9px}.od-drawer-scrim{z-index:4;background:#031f385c;justify-content:flex-end;display:flex;position:fixed;inset:0}.od-drawer{overscroll-behavior:contain;background:linear-gradient(#084b80eb,#063662f5);width:min(440px,100vw - 28px);height:calc(100svh - 28px);margin:14px;padding:18px;overflow:auto}.od-drawer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.od-drawer-head h2{color:#fff;margin:0;font-size:26px;font-weight:950}.od-close-button{color:#fff;background:#ffffff29;min-height:34px;padding:0 12px;font-size:11px}.od-store-list,.od-settings-list{flex-direction:column;gap:10px;display:flex}.od-store-item,.od-settings-list div,.od-code-panel{background:#ffffff14;border:1px solid #e5ffff2e;border-radius:18px}.od-store-item{flex-direction:column;justify-content:space-between;gap:12px;min-height:130px;padding:13px;display:flex}.od-store-item span{color:var(--od-primary-hover);letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:950}.od-settings-list div{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.od-settings-list strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.od-code-panel{color:#fff;letter-spacing:2px;text-align:center;margin:16px 0;padding:24px;font-size:34px;font-weight:950}.od-drawer--store{width:min(1120px,100vw - 28px)}.od-shop-hero{background:linear-gradient(135deg,#ffd25438,#21c4d533 52%,#645cf633),#0541747a;border:1px solid #ffee907a;border-radius:22px;grid-template-columns:210px minmax(0,1fr) minmax(170px,auto);align-items:center;gap:16px;min-height:190px;margin-bottom:14px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 18px 36px #00336233}.od-shop-hero-copy{gap:8px;min-width:0;display:grid}.od-shop-kicker,.od-shop-tags span,.od-store-section>header>span,.od-owned-chip,.od-price-chip{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;font-size:10px;font-weight:950}.od-shop-kicker{color:#ffed91}.od-shop-hero h3{color:#fff;margin:0;font-size:32px;font-weight:950;line-height:34px}.od-shop-hero p,.od-shop-copy-note,.od-store-section p,.od-store-item-copy p{color:#e8fffdd6;margin:0;font-size:13px;font-weight:780;line-height:18px}.od-drawer--store .od-shop-copy-note{color:#e8fffdd6;letter-spacing:0;text-transform:none;font-size:13px}.od-shop-tags{flex-wrap:wrap;gap:6px;display:flex}.od-shop-tags span{color:#f5fffde6;background:#ffffff1f;padding:5px 8px}.od-shop-wallet{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.od-shop-wallet-pill{background:#ffffff16;border:1px solid #e2ffff33;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.od-shop-wallet-pill>div{gap:2px;min-width:0;display:grid}.od-shop-wallet-pill strong{color:#fff;font-size:24px;font-weight:950;line-height:26px}.od-shop-wallet-pill small{color:#d9fffcc7;text-transform:uppercase;font-size:11px;font-weight:900}.od-shop-category-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 14px;display:grid}.od-shop-category-row span{background:#ffffff13;border:1px solid #e2ffff29;border-radius:14px;gap:3px;min-width:0;padding:10px;display:grid}.od-shop-category-row strong,.od-shop-category-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.od-shop-category-row strong{color:#fff;font-size:12px;font-weight:950}.od-shop-category-row small{color:#ddfffcb8;font-size:11px;font-weight:800}.od-store-sections{gap:18px;display:grid}.od-store-section{gap:10px;display:grid}.od-store-section>header{justify-content:space-between;align-items:end;gap:12px;display:flex}.od-store-section h3{color:#fff;margin:0;font-size:22px;font-weight:950}.od-store-section>header>span{color:#ebfffdd1;background:#ffffff1a;flex:none;padding:6px 9px}.od-store-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.od-store-item{background:linear-gradient(#ffffff1b,#ffffff0d),#00407057;border:1px solid #e5ffff2e;border-radius:18px;grid-template-rows:132px minmax(0,1fr) auto auto;gap:11px;min-height:380px;padding:12px;display:grid;position:relative;overflow:hidden}.od-store-item.premium{background:linear-gradient(#f4afff29,#5373ff1a),#00407057;border-color:#e3adff6b}.od-store-item--legendary,.od-store-item--mythic{box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ffe98b14}.od-store-item-copy{align-content:start;gap:6px;min-width:0;display:grid}.od-store-item-copy>span{color:#ffed91;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:950}.od-store-item-copy small{color:#defffcb8;text-transform:uppercase;font-size:11px;font-weight:900}.od-store-item-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.od-price-chip,.od-owned-chip{min-width:0;padding:6px 8px}.od-price-chip--coins{color:#ffe995;background:#ffcb442e}.od-price-chip--gems{color:#f7ceff;background:#e088ff2e}.od-owned-chip{color:#ebfffdd1;background:#ffffff1a}.od-owned-chip.owned,.od-owned-chip.equipped{color:#a8ffca;background:#78ffb82b}.od-store-preview{background:radial-gradient(circle at 26% 22%, color-mix(in srgb, var(--shop-trim), transparent 58%), transparent 28%), radial-gradient(circle at 76% 78%, color-mix(in srgb, var(--shop-accent), transparent 60%), transparent 30%), linear-gradient(180deg, #10a6ce52, #04467e85);border:1px solid #e2ffff33;border-radius:16px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.od-store-preview--hero{min-height:156px}.od-store-preview--card{min-height:132px}.od-store-preview--image{aspect-ratio:16/9;background:linear-gradient(#0caec83d,#064a8066);min-height:0;padding:0;box-shadow:inset 0 0 0 1px #e2ffff2e,0 14px 30px #002a502e}.od-store-preview--image.od-store-preview--hero,.od-store-preview--image.od-store-preview--card{min-height:0}.od-store-preview-image{z-index:3;object-fit:cover;border-radius:inherit;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block;position:relative}.od-store-preview--image .od-store-fish,.od-store-preview--image .od-store-spark{display:none}.od-store-fish{filter:drop-shadow(0 13px 16px #00285047);width:118px;height:58px;position:relative;transform:translate(6px)}.od-store-preview--hero .od-store-fish{width:150px;height:74px}.od-store-fish:before{background:radial-gradient(circle at 72% 35%, #0b3551 0 4px, #fff 5px 7px, transparent 8px), linear-gradient(135deg, color-mix(in srgb, var(--shop-trim), transparent 12%), transparent 24%), linear-gradient(90deg, var(--shop-body), var(--shop-accent));content:"";border-radius:72% 48% 48% 72%;position:absolute;inset:8px 22px 8px 2px}.od-store-fish:after{background:var(--shop-accent);clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%);content:"";width:38px;height:29px;position:absolute;top:15px;right:0}.od-store-fish i,.od-store-fish b{z-index:2;content:"";display:block;position:absolute}.od-store-fish i{background:var(--shop-trim);clip-path:polygon(0 100%,50% 0,100% 100%);opacity:.85;width:26px;height:22px;top:0;left:42px}.od-store-fish b{background:color-mix(in srgb, var(--shop-accent), white 24%);clip-path:polygon(0 0,100% 0,64% 100%,22% 74%);opacity:.72;width:32px;height:20px;bottom:0;left:30px}.od-store-preview--spots .od-store-fish:before{background:radial-gradient(circle at 36% 46%, var(--shop-trim) 0 4px, transparent 5px), radial-gradient(circle at 50% 30%, var(--shop-trim) 0 3px, transparent 4px), radial-gradient(circle at 62% 56%, var(--shop-trim) 0 3px, transparent 4px), radial-gradient(circle at 72% 35%, #0b3551 0 4px, #fff 5px 7px, transparent 8px), linear-gradient(90deg, var(--shop-body), var(--shop-accent))}.od-store-preview--rings .od-store-fish:before,.od-store-preview--current .od-store-fish:before{background:repeating-linear-gradient(110deg, transparent 0 11px, color-mix(in srgb, var(--shop-trim), transparent 14%) 12px 17px), radial-gradient(circle at 72% 35%, #0b3551 0 4px, #fff 5px 7px, transparent 8px), linear-gradient(90deg, var(--shop-body), var(--shop-accent))}.od-store-preview--crown .od-store-fish i{background:var(--shop-trim);clip-path:polygon(0 100%,12% 28%,34% 72%,50% 0,68% 72%,88% 28%,100% 100%);width:34px;height:25px;top:-6px;left:54px}.od-store-preview--ribbon .od-store-fish b{background:var(--shop-trim);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,12% 50%);width:62px;height:13px;bottom:1px;left:18px}.od-store-preview--badge .od-store-fish:before,.od-store-preview--pass .od-store-fish:before{box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--shop-trim), transparent 34%)}.od-store-preview--twinkle .od-store-fish:before,.od-store-preview--halo .od-store-fish:before{background:radial-gradient(circle at 30% 32%, var(--shop-spark,var(--shop-trim)) 0 3px, transparent 4px), radial-gradient(circle at 48% 58%, var(--shop-spark,var(--shop-trim)) 0 2px, transparent 3px), radial-gradient(circle at 67% 40%, var(--shop-spark,var(--shop-trim)) 0 3px, transparent 4px), radial-gradient(circle at 72% 35%, #0b3551 0 4px, #fff 5px 7px, transparent 8px), linear-gradient(90deg, var(--shop-body), var(--shop-accent))}.od-store-preview--halo .od-store-fish{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--shop-trim), transparent 18%)) drop-shadow(0 13px 16px #00285047)}.od-store-preview--glasses .od-store-fish:before{background:radial-gradient(circle at 64% 36%, var(--shop-trim) 0 6px, transparent 7px), radial-gradient(circle at 78% 36%, var(--shop-trim) 0 6px, transparent 7px), linear-gradient(90deg, var(--shop-body), var(--shop-accent))}.od-store-spark{background:var(--shop-spark,var(--shop-trim));width:7px;height:7px;box-shadow:0 0 14px var(--shop-spark,var(--shop-trim));opacity:.7;border-radius:50%;position:absolute}.od-store-spark-one{top:23%;left:18%}.od-store-spark-two{bottom:20%;right:16%}.od-store-preview--premium .od-store-spark{opacity:.95;width:10px;height:10px}.od-shop-hero-action,.od-store-item .buy-button{color:#5e3300;cursor:pointer;min-height:44px;font:inherit;text-transform:uppercase;background:linear-gradient(#ffe071,#ffaf35);border:1px solid #fff4b18f;border-radius:12px;font-size:13px;font-weight:950}.od-shop-hero-action{min-width:168px;min-height:52px;padding:0 16px}.od-store-item .buy-button:disabled,.od-shop-hero-action:disabled{color:#e9fffc94;cursor:not-allowed;background:#ffffff1a;border-color:#e2ffff24}.od-drawer--inventory{width:min(1080px,100vw - 28px)}.od-inventory-hero{background:radial-gradient(circle at 16% 18%,#7bffdc38,#0000 34%),linear-gradient(135deg,#17b2c252,#06609275);border:1px solid #8effe657;border-radius:22px;grid-template-columns:220px minmax(0,1fr) minmax(150px,auto);align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:grid}.od-inventory-copy{gap:8px;min-width:0;display:grid}.od-inventory-copy h3{color:#fff;margin:0;font-size:30px;font-weight:950;line-height:32px}.od-inventory-copy p{color:#e8fffdd6;max-width:620px;margin:0;font-size:13px;font-weight:780;line-height:18px}.od-inventory-loadout{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.od-inventory-loadout span{background:#ffffff14;border:1px solid #e2ffff29;border-radius:12px;gap:2px;min-width:0;padding:8px;display:grid}.od-inventory-loadout strong,.od-inventory-loadout small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.od-inventory-loadout strong{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:950}.od-inventory-loadout small{color:#ddfffcc2;font-size:11px;font-weight:850}.od-inventory-sections{gap:18px;display:grid}.od-inventory-section{gap:10px;display:grid}.od-inventory-section>header{justify-content:space-between;align-items:end;gap:12px;display:flex}.od-inventory-section h3,.od-inventory-item h3{color:#fff;margin:0;font-weight:950}.od-inventory-section h3{font-size:21px}.od-inventory-section p{color:#e8fffdc2;margin:0;font-size:12px;font-weight:800}.od-drawer--account{max-width:min(560px,100vw - 22px)}.od-account-panel{gap:16px;display:grid}.od-account-panel h3{color:#fff;margin:0;font-size:25px;line-height:1.05}.od-account-panel p{color:#e0fff8db;margin:0;font-size:14px;font-weight:800;line-height:1.45}.od-auth-form{gap:12px;display:grid}.od-auth-tabs{background:#0024493d;border:1px solid #dcfdff38;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px;display:grid}.od-auth-tabs button{color:#e0fff8c7;min-height:38px;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:950}.od-auth-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#53d6ff57,#63ffb24d);box-shadow:inset 0 0 0 1px #f5ffff42}.od-auth-tabs button:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.od-account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.od-account-stats>div{background:#04487c5c;border:1px solid #e1fcff47;border-radius:16px;min-width:0;padding:13px}.od-account-stats span,.od-account-stats strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.od-account-stats span{color:#d8fff6d1;text-transform:uppercase;font-size:11px;font-weight:950}.od-account-stats strong{color:#fff;margin-top:4px;font-size:18px}.od-account-actions{flex-wrap:wrap;gap:10px;display:flex}.od-account-actions button{flex:150px}.od-inventory-section>header>span{color:#ebfffdd1;letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:950}.od-inventory-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.od-inventory-item{background:linear-gradient(#ffffff1b,#ffffff0d),#00407057;border:1px solid #e5ffff2e;border-radius:16px;grid-template-rows:120px minmax(0,1fr) auto;gap:10px;padding:10px;display:grid}.od-inventory-item.equipped{border-color:#78ffb87a;box-shadow:inset 0 1px #ffffff29,0 0 0 3px #78ffb814}.od-inventory-item-copy{align-content:start;gap:3px;min-width:0;display:grid}.od-inventory-item-copy span,.od-inventory-item-copy small{color:#defffcb8;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:950}.od-inventory-item h3{overflow-wrap:anywhere;font-size:16px;line-height:18px}@keyframes od-float{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@keyframes od-swim{0%{transform:translate(0)translateY(0)}to{transform:translate(-38px)translateY(12px)}}@media (prefers-reduced-motion:reduce){.od-bubble,.od-fish,.shell-meter div{animation:none}.od-load-meter div{transition:none}}@media (width<=1500px){.progress-panel{display:none}}@media (width<=1180px){.od-layout{grid-template-columns:1fr;align-items:start}.od-brand{min-height:auto;padding-left:0}.od-title{font-size:clamp(58px,13vw,112px)}.od-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-panel{width:auto;bottom:158px;left:18px;right:18px}}@media (width<=760px){.game-shell{padding:0}.od-shell{min-height:100svh;padding:14px}.shell-layout{min-height:calc(100vh - 28px)}.shell-hero{grid-template-columns:1fr;padding:20px}.shell-title-block h1,.shell-panel h1{font-size:40px}.store-grid,.profile-grid,.death-summary{grid-template-columns:1fr}.tab-row{padding-bottom:2px;overflow-x:auto}.tab-button{flex-basis:104px}.shell-actions,.wallet-strip{flex-direction:column}.od-load-step{grid-template-columns:18px minmax(0,1fr);align-items:start}.od-load-step small{text-align:left;white-space:normal;grid-column:2}.od-load-footer{flex-direction:column;align-items:flex-start;gap:4px}.od-layout{gap:16px;min-height:calc(100svh - 28px)}.od-title{font-size:clamp(58px,18vw,78px)}.od-title-fish,.od-coral,.od-seaweed,.od-fish{display:none}.od-subtitle{max-width:none;font-size:22px}.od-primary-button{width:100%;min-height:62px}.od-utility-row{justify-content:stretch}.od-currency-pill,.od-utility-button{flex:1;justify-content:center}.od-player-bar{grid-template-columns:1fr auto}.od-player-bar .od-field:last-of-type,.od-connection-good{grid-column:1/-1}.od-game-grid{scroll-snap-type:x mandatory;padding-bottom:8px;display:flex;overflow-x:auto}.od-game-card{scroll-snap-align:start;flex:0 0 82vw}.od-endless-card,.od-bottom-row{flex-direction:column;align-items:stretch}.od-options-mini{flex-wrap:wrap;justify-content:flex-start}.toast-panel{top:18px}.bloom-panel,.ability-help{width:min(254px,100vw - 126px);padding:9px 11px;top:18px;left:18px;transform:none}.bloom-panel .help-text,.ability-help .help-text{display:none}.bloom-title strong,.help-title strong{font-size:18px}.bloom-distance{font-size:13px}.target-hint{width:auto;font-size:15px;inset:88px 18px auto;transform:none}.target-hint.edge{top:34%;right:18px}.pilot-panel{width:calc(100vw - 20px);padding:10px;bottom:10px;left:10px}.pilot-panel .panel-content{gap:5px}.pilot-panel .species{font-size:21px}.pilot-panel .stat-grid div{padding:6px 8px}.action-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;display:grid;bottom:136px;left:10px;right:10px}.action-cell{gap:5px;min-height:58px;padding:6px}.action-top{gap:0}.action-top span{letter-spacing:.4px;font-size:10px}.action-top strong{font-size:12px}.action-top small{display:none}.action-cell .meter{height:5px}.leaderboard,.tutorial-panel{display:none}.evolution-choice-panel{bottom:218px}.connection-chip{display:none}.mute-button{min-width:82px;height:32px;padding:0 9px;top:18px;bottom:auto;right:18px}.choice-row{flex-direction:column}}.hud .panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020c1261;border-color:#cffcf62e;box-shadow:0 8px 26px #0003}.pilot-line{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.pilot-line strong{color:#f1fffcf0;flex:none;font-size:14px;font-weight:900}.pilot-panel .species{flex:1;font-size:19px;line-height:21px}.compact-stats{gap:5px}.compact-stats div{background:#eaffff0b;border-color:#d7fffa14;padding:5px 7px}.compact-stats span{letter-spacing:.5px;text-transform:uppercase;font-size:10px}.compact-stats strong{font-size:13px}.pilot-growth{align-items:center;gap:8px;display:flex}.pilot-growth .meter{flex:1;height:5px}.pilot-growth span{color:#bee8e2c7;text-overflow:ellipsis;white-space:nowrap;max-width:112px;font-size:10px;font-weight:850;overflow:hidden}.action-panel{background:#030e1457;gap:6px;width:min(480px,100vw - 650px);min-width:362px;padding:6px;display:flex;bottom:16px;left:50%;right:auto;transform:translate(-50%)}.action-cell{background:#ffffff09;border-color:#cffcf617;gap:5px;min-height:0;padding:6px 7px}.action-top{grid-template-columns:32px minmax(0,1fr);align-items:baseline;gap:1px 6px;display:grid}.action-top span{color:#f0c86e;letter-spacing:.3px;grid-row:1/3;align-self:center;width:28px;font-size:10px}.action-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:15px;overflow:hidden}.action-top small{color:#bee8e2c7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:11px;display:block;overflow:hidden}.action-cell .meter{height:4px}.bloom-panel,.ability-help{width:min(260px,100vw - 412px);min-width:220px;padding:8px 10px;top:16px;left:16px;transform:none}.ability-help{top:72px}.bloom-panel .help-text,.ability-help .help-text{display:none}.bloom-title strong,.help-title strong{font-size:15px}.bloom-title span,.choice-header span,.perk-line span,.help-title span,.panel-kicker{letter-spacing:.6px;font-size:10px}.bloom-distance{font-size:12px}.ability-icon{border-radius:5px;width:22px;height:22px}.target-hint{background:#0410166b;width:auto;max-width:min(360px,100vw - 420px);padding:6px 10px;font-size:13px;line-height:16px;top:18px;bottom:auto}.target-hint.edge{top:50%;right:16px}.leaderboard{background:#0410165c;width:188px;padding:8px;display:block;top:16px;right:16px}.leader{background:#ffffff0b;border:0;height:25px;padding:0 6px}.rank{width:18px;font-size:12px}.name,.score{font-size:12px}.connection-chip{color:#cff7f2a3;background:#04101652;border-color:#cffcf61a;padding:5px 7px;font-size:10px;bottom:16px;right:16px}.mute-button{color:#effffcc7;background:#04101661;border-color:#cffcf621;min-width:76px;height:28px;padding:0 8px;font-size:10px;top:auto;bottom:46px;right:16px}@media (width<=1180px){.action-panel{width:min(440px,100vw - 330px);min-width:330px;bottom:16px;left:50%;right:auto}.pilot-panel{width:270px}}@media (width<=760px){.pilot-panel{width:min(232px,100vw - 116px);padding:8px;bottom:8px;left:8px}.pilot-panel .panel-kicker{display:none}.pilot-panel .species{font-size:16px;line-height:18px}.pilot-line strong{font-size:12px}.compact-stats{display:flex}.compact-stats div{padding:4px 5px}.compact-stats span{font-size:9px}.compact-stats strong{font-size:11px}.pilot-growth span{display:none}.action-panel{grid-template-columns:1fr;gap:4px;width:min(96px,26vw);min-width:0;padding:5px;display:grid;bottom:8px;left:auto;right:8px;transform:none}.action-cell{min-height:34px;padding:5px}.action-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.action-top span{width:auto;font-size:9px}.action-top strong{font-size:10px}.action-top small{display:none}.bloom-panel,.ability-help{width:min(198px,100vw - 108px);min-width:0;padding:7px 8px;top:8px;left:8px}.ability-help{top:55px}.bloom-title strong,.help-title strong{font-size:13px}.bloom-distance{font-size:11px}.target-hint{max-width:min(210px,100vw - 174px);padding:5px 8px;font-size:11px;line-height:13px;top:8px;left:50%;right:auto;transform:translate(-50%)}.target-hint.edge{top:38%;left:auto;right:8px;transform:none}.leaderboard,.connection-chip{display:none}.mute-button{min-width:68px;height:28px;font-size:9px;top:8px;bottom:auto;right:8px}.evolution-choice-panel{bottom:122px}}.od-shell{--od-glass:#0f80be57;--od-glass-strong:#08539194;--od-glass-deep:#033870b8;--od-glass-line:#dafcffa3;--od-glow:#67efff57;--od-ink:#fff;--od-soft:#d7f7ff;isolation:isolate;min-height:100svh;color:var(--od-ink);background:linear-gradient(90deg,#00489114,#0091cd08 42%,#00316b1f),linear-gradient(#16c6f2 0%,#0893d9 45%,#f4dc9d 100%);padding:28px 38px;position:relative;overflow:hidden}.od-shell--art-ready{background:linear-gradient(90deg,#00489114,#0091cd08 42%,#00316b1f),url(/assets/ui/lobby/lobby-underwater-bg.webp) 50%/cover no-repeat,linear-gradient(#16c6f2 0%,#0893d9 45%,#f4dc9d 100%)}.od-shell:before,.od-shell:after{pointer-events:none;content:"";position:absolute;inset:0}.od-shell:before{z-index:-2;mix-blend-mode:screen;opacity:.42;background:linear-gradient(101deg,#0000 8%,#ffffff38 11%,#0000 19%),linear-gradient(79deg,#0000 34%,#ffffff2e 38%,#0000 48%),linear-gradient(112deg,#0000 57%,#ffffff21 61%,#0000 72%)}.od-shell:after{z-index:-1;background:linear-gradient(#0000,#ffeeb43d);height:28%;top:auto}.od-backdrop{z-index:0;overflow:hidden}.od-backdrop:before{background:radial-gradient(circle at 13% 40%,#9268c26b 0 5%,#0000 11%),radial-gradient(circle at 24% 62%,#ff5c8452 0 4%,#0000 10%),radial-gradient(circle at 86% 43%,#56c66f57 0 5%,#0000 12%),linear-gradient(#ffeba30d,#ffeba3b8);border-radius:45% 45% 0 0;height:33%;bottom:-7%;left:-12%;right:-12%}.od-ray{clip-path:polygon(43% 0,58% 0,100% 100%,0 100%);opacity:.44;background:linear-gradient(#ffffff52,#fff0);width:126px;height:73%;top:-14%;transform:rotate(10deg)}.od-ray-one{left:18%}.od-ray-two{opacity:.34;height:64%;left:45%;transform:rotate(-8deg)}.od-ray-three{opacity:.28;width:156px;right:13%;transform:rotate(6deg)}.od-ray-four{opacity:.2;width:88px;height:54%;left:61%;transform:rotate(15deg)}.od-bubble{background:radial-gradient(circle at 34% 28%,#ffffffdb,#ffffff24 34%,#fff0);border:2px solid #ebffffb8;border-radius:999px;animation:5.6s ease-in-out infinite alternate od-float;box-shadow:inset 4px 5px 10px #ffffff38,0 0 18px #a7f9ff2e}.od-bubble-one{width:28px;height:28px;top:13%;left:6%}.od-bubble-two{width:34px;height:34px;animation-delay:-1.7s;top:37%;right:9%}.od-bubble-three{width:18px;height:18px;animation-delay:-3s;bottom:26%;left:32%}.od-bubble-four{width:20px;height:20px;animation-delay:-2.4s;top:8%;left:20%}.od-bubble-five{width:16px;height:16px;animation-delay:-4.1s;top:10%;right:28%}.od-fish{clip-path:polygon(0 50%,18% 14%,75% 18%,100% 0,86% 50%,100% 100%,75% 82%,18% 86%);opacity:.62;background:linear-gradient(90deg,#0000 42%,#064d7394 43% 48%,#0000 49% 58%,#064d7380 59% 64%,#0000 65%),linear-gradient(135deg,#fbf4c2,#4ed3d7 58%,#1677b6);border-radius:70% 45% 45% 70%;width:78px;height:34px}.od-fish-one{animation:8s ease-in-out infinite alternate od-swim;top:7%;right:69%}.od-fish-two{opacity:.42;width:54px;height:24px;animation:9.5s ease-in-out -2s infinite alternate-reverse od-swim;bottom:29%;left:31%}.od-fish-three{opacity:.44;width:42px;height:19px;animation:7.4s ease-in-out -1s infinite alternate od-swim;bottom:18%;right:58%}.od-coral,.od-seaweed,.od-rock-arch{opacity:.82;bottom:0}.od-coral-left,.od-seaweed-right,.od-rock-arch,.od-hero-fish{display:none}.od-coral-left{background:radial-gradient(circle at 30% 78%,#8f45c6 0 18px,#0000 19px),radial-gradient(circle at 60% 62%,#b04dde 0 18px,#0000 19px),radial-gradient(circle at 73% 31%,#cc5df0 0 15px,#0000 16px),linear-gradient(96deg,#0000 43%,#7a35b1 45% 54%,#0000 56%),linear-gradient(72deg,#0000 38%,#a448d4 40% 48%,#0000 50%),linear-gradient(118deg,#0000 48%,#c95af1 50% 58%,#0000 60%);width:116px;height:172px;left:1%}.od-seaweed-right{filter:drop-shadow(0 12px 12px #08594c3d);background:linear-gradient(104deg,#0000 43%,#60d465 46% 52%,#0000 55%),linear-gradient(78deg,#0000 39%,#a5ea61 42% 47%,#0000 50%),linear-gradient(126deg,#0000 45%,#2fb978 48% 54%,#0000 57%),linear-gradient(94deg,#0000 54%,#78d847 57% 62%,#0000 65%);width:144px;height:252px;right:0}.od-rock-arch{border-top:35px solid #545f9a85;border-bottom:0;border-left:35px solid #545f9a85;border-right:22px solid #545f9a85;border-radius:64% 68% 0 0;width:156px;height:310px;left:0;transform:translate(-26px,20px)rotate(8deg);box-shadow:inset 18px 10px #7c8ec138}.od-layout{z-index:1;grid-template-columns:minmax(410px,.84fr) minmax(820px,1.46fr);align-items:center;gap:48px;width:min(1608px,100%);min-height:calc(100svh - 56px);margin:0 auto;display:grid;position:relative}.od-brand{flex-direction:column;align-self:start;align-items:flex-start;gap:22px;min-width:0;padding:82px 0 0 18px;display:flex}.od-title-wrap{margin-left:0;position:relative}.od-title{margin:0;line-height:0;display:block}.od-title-logo{filter:drop-shadow(0 8px #00497c2e)drop-shadow(0 18px 22px #00376647);pointer-events:none;width:min(560px,32vw);max-width:min(560px,100vw - 28px);height:auto;display:block}.od-title-fallback{color:#fff;max-width:min(560px,100vw - 28px);font-family:var(--od-font-display);text-shadow:0 8px #00497c2e,0 18px 22px #00376647;font-size:clamp(4.4rem,8vw,8.2rem);font-weight:950;line-height:.82;display:block}.od-subtitle{color:#fff;text-shadow:0 3px 14px #00456e61;max-width:460px;margin:0 0 18px;font-size:21px;font-weight:850;line-height:1.2}.od-primary-button,.od-secondary-strong,.od-secondary-button,.od-utility-button,.od-random-button,.od-card-button,.od-close-button{cursor:pointer;font:inherit;letter-spacing:0;text-transform:none;border:0;justify-content:center;align-items:center;font-weight:950;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex}.od-primary-button{isolation:isolate;color:#fff;min-width:372px;min-height:106px;font-family:var(--od-font-display);text-shadow:0 4px #a8540a6b;background:radial-gradient(circle at 8% 24%,#ffffffc2 0 7px,#0000 8px),radial-gradient(circle at 88% 36%,#ffffffb3 0 6px,#0000 7px),radial-gradient(circle at 92% 65%,#ffffff94 0 7px,#0000 8px),linear-gradient(#ffd45b 0%,#ffb02d 58%,#fb8d12 100%);border:3px solid #fff4beeb;border-radius:24px;padding:0 52px;font-size:45px;line-height:1;position:relative;box-shadow:0 8px #d5760f,0 18px #005f8d1a,0 22px 38px #005b8b57,0 0 0 14px #0e8ec733}.od-primary-button:after{z-index:0;background:var(--ui-reef-control-accent) center / 100% 100% no-repeat;content:"";filter:drop-shadow(0 7px 14px #00385a24);opacity:.24;pointer-events:none;position:absolute;inset:-15px -20px}.od-secondary-strong,.od-card-button,.od-server-join{isolation:isolate;position:relative}.od-primary-button:hover,.od-primary-button:focus-visible{filter:brightness(1.05);transform:translateY(-3px)}.od-helper{color:#ffffffd6;text-shadow:0 2px 10px #00527a57;align-self:center;margin:0;font-size:16px;font-weight:850}.od-helper.needs-review{color:#fff4b8;background:#ffd76529;border:1px solid #ffec8e5c;border-radius:999px;padding:8px 12px}.od-helper:before{content:"";vertical-align:-2px;background:radial-gradient(circle at 50% 24%,#d9f7ff 0 3px,#0000 4px),linear-gradient(#d7f7ff 0 42%,#a8d9eb 43% 100%);border-radius:50% 50% 44% 44%;width:14px;height:14px;margin-right:9px;display:inline-block}.od-lobby{flex-direction:column;gap:13px;min-width:0;display:flex;position:relative}.od-utility-row{justify-content:flex-end;gap:12px;margin-bottom:1px;display:flex}.od-currency-pill,.od-utility-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1c8ccb94,#04508f94);border:1px solid #dcfaff7a;border-radius:15px;min-height:50px;box-shadow:inset 0 1px #ffffff38,0 12px 28px #00447838}.od-currency-pill{align-items:center;gap:10px;min-width:122px;padding:0 18px;font-size:22px;font-weight:950;display:inline-flex}.od-currency-pill strong{color:#fff}.od-gem-icon{clip-path:polygon(20% 0,80% 0,100% 38%,50% 100%,0 38%);background:linear-gradient(135deg,#ffffff94,#0000 31%),linear-gradient(135deg,#ff8fff,#9d5cf6 48%,#5b31bb);border-radius:10px 10px 13px 13px;width:34px;height:29px;box-shadow:0 0 16px #d071ff8a}.od-coin-icon{background:radial-gradient(circle at 34% 28%,#ffffffb8,#0000 23%),linear-gradient(145deg,#fff176,#ffc53b 48%,#d98212);border:3px solid #fff6b8c2;border-radius:50%;width:31px;height:31px;position:relative;box-shadow:inset 0 -4px #97580347,0 0 14px #ffce456b}.od-coin-icon:after{content:"";border:2px solid #844c005c;border-radius:50%;position:absolute;inset:7px}.od-currency-pill--coins{background:linear-gradient(#fcbd3ebd,#c268119e);border-color:#ffe7829e}.od-currency-pill--gems{border-color:#e2b5ff9e}.od-utility-button{isolation:isolate;color:#ffc82e;gap:11px;min-width:142px;padding:0 18px;font-size:20px;position:relative}.od-utility-button--store:before{z-index:0;background:var(--ui-reef-control-accent) center / 100% 100% no-repeat;content:"";filter:drop-shadow(0 6px 12px #00345c29);opacity:.18;pointer-events:none;position:absolute;inset:-9px -11px}.od-utility-button>*{z-index:1;position:relative}.od-utility-button--store{color:#7b4100;text-shadow:0 1px #fff7aa6b;background:radial-gradient(circle at 14% 18%,#ffffffe0 0 4px,#0000 5px),radial-gradient(circle at 88% 74%,#ffffff6b 0 5px,#0000 6px),linear-gradient(#ffdf58fa 0%,#ffae2af5 56%,#f47e17fa 100%);border-color:#fff6b0e0;border-radius:18px;justify-content:flex-start;min-width:160px;min-height:56px;padding:0 16px 0 13px;overflow:hidden;box-shadow:inset 0 1px #ffffff94,inset 0 -8px 16px #a94e0033,0 5px #b45308d1,0 16px 30px #00528447,0 0 0 4px #ffd83e29}.od-utility-button--store:after{content:"";pointer-events:none;background:linear-gradient(#ffffff6b,#fff0);border-radius:17px 17px 12px 12px;height:44%;position:absolute;inset:1px 1px auto}.od-utility-button--store:hover,.od-utility-button--store:focus-visible{box-shadow:inset 0 1px #ffffffad,inset 0 -8px 16px #a94e0029,0 7px #b45308c7,0 18px 34px #00528457,0 0 0 5px #ffe65c33}.od-utility-button--inventory{color:#fff;background:radial-gradient(circle at 15% 22%,#ffffff61 0 4px,#0000 5px),linear-gradient(#2bd9c1c2,#0a78b3b8);border-color:#90ffe4ad;border-radius:18px;justify-content:flex-start;min-width:174px;min-height:56px;padding:0 15px 0 13px;position:relative;overflow:hidden}.od-bag-icon{z-index:1;background:linear-gradient(135deg,#ffffff85,#0000 40%),linear-gradient(#5ff2da,#087dc1);border:3px solid #ffffffe6;border-radius:8px 8px 12px 12px;flex:none;width:34px;height:32px;position:relative;box-shadow:inset 0 -6px 12px #00337333}.od-bag-icon:before{content:"";border:3px solid #ffffffe6;border-bottom:0;border-radius:12px 12px 0 0;width:15px;height:13px;position:absolute;top:-10px;left:7px}.od-utility-button--inventory .od-shop-copy strong{color:#fff;text-shadow:0 2px #004d5b4d}.od-utility-button--inventory .od-shop-copy small{color:#dcfff9db}.od-utility-button--account{color:#fff;background:radial-gradient(circle at 16% 18%,#ffffff61 0 4px,#0000 5px),linear-gradient(#74f7ff9e,#536fe09e);border-color:#ffffff8f;border-radius:18px;justify-content:flex-start;min-width:156px;min-height:56px;padding:0 15px 0 13px;overflow:hidden}.od-account-icon{z-index:1;background:radial-gradient(circle at 50% 33%,#fff 0 6px,#0000 7px),linear-gradient(#0000 0 50%,#ffffffeb 51% 100%),linear-gradient(#7ff8ff,#536fe0);border:3px solid #fffffff0;border-radius:50%;flex:none;width:34px;height:34px;position:relative;box-shadow:inset 0 -5px 12px #1c24823d}.od-utility-button--account .od-shop-copy small{color:#e5f8ffdb}.od-shop-copy{z-index:1;text-align:left;gap:1px;min-width:0;display:grid;position:relative}.od-shop-copy strong,.od-shop-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.od-shop-copy strong{color:#fff;text-shadow:0 2px #89410057,0 0 12px #ffffff3d;font-size:19px;line-height:20px}.od-shop-copy small{color:#592d00c7;letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:950;line-height:12px}.od-shop-glint{z-index:1;opacity:.76;background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:10px;right:12px;box-shadow:0 0 0 4px #ffffff29,0 0 16px #ffffffb8}.od-utility-button--icon{width:62px;min-width:62px;padding:0}.od-utility-button--icon .od-shop-copy{display:none}.od-cart-icon{z-index:1;background:linear-gradient(135deg,#ffffffa3,#0000 38%),linear-gradient(#21d7d0,#087dc1);border:3px solid #ffffffeb;border-top:0;border-radius:0 0 11px 11px;flex:none;width:36px;height:32px;position:relative;box-shadow:inset 0 -6px 12px #00337338,0 3px #7338003d,0 8px 16px #69360038}.od-cart-icon:before,.od-cart-icon:after{content:"";position:absolute}.od-cart-icon:before{border:4px solid #ffffffeb;border-bottom:0;border-radius:13px 13px 0 0;width:20px;height:15px;top:-10px;left:5px}.od-cart-icon:after{background:radial-gradient(circle at 18%,#fff 0 3px,#0000 4px),radial-gradient(circle at 82%,#fff 0 3px,#0000 4px);height:6px;bottom:-8px;left:5px;right:5px}.od-cart-icon span{background:#ffffffad;border-radius:50%;width:14px;height:9px;position:absolute;top:9px;left:8px;transform:rotate(-18deg)}.od-gear-icon{border:6px solid #fff;border-radius:50%;width:29px;height:29px;position:relative;box-shadow:0 0 0 5px #fff3}.od-gear-icon:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.od-player-bar,.od-live-games,.od-endless,.od-drawer,.od-connect-panel,.od-death-panel{isolation:isolate;border:1px solid var(--od-glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#40bbeb47,#0762a052),#05569242;border-radius:22px;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -18px 38px #003b701f,0 14px 34px #0048793d,0 0 34px #73eeff1f}.od-player-bar:after,.od-live-games:after,.od-endless:after,.od-connect-panel:after,.od-death-panel:after,.od-drawer:after{z-index:0;background:var(--ui-reef-panel-accent) center / 100% 100% no-repeat, linear-gradient(90deg, transparent, #82faff3d, transparent) 50% 0 / 92% 1px no-repeat, linear-gradient(90deg, transparent, #ffe1912e, transparent) 50% 100% / 84% 1px no-repeat;content:"";filter:drop-shadow(0 8px 16px #002a4a1f)drop-shadow(0 0 10px #70efff14);opacity:.22;pointer-events:none;position:absolute;inset:-9px}.od-drawer:after{opacity:.16;inset:4px}.od-player-bar>*,.od-live-games>*,.od-endless>*,.od-connect-panel>*,.od-death-panel>*,.od-drawer>*{z-index:1;position:relative}.od-player-bar{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);align-items:start;gap:24px;padding:18px 24px 14px;display:grid}.od-player-bar>.od-field{border-left:1px solid #e3fcff47;padding-left:23px}.od-name-panel,.od-field{flex-direction:column;gap:8px;min-width:0;display:flex}.od-field>span:first-child,.od-section-head span,.od-drawer-copy,.od-settings-list span{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 8px #00366447;align-items:center;gap:9px;font-size:17px;font-weight:950;line-height:1;display:inline-flex}.od-label-icon{width:20px;height:20px;display:inline-block;position:relative}.od-label-icon--player{background:radial-gradient(circle at 50% 27%,#fff 0 5px,#0000 6px),linear-gradient(#0000 0 44%,#fff 45% 100%);border-radius:50% 50% 44% 44%}.od-label-icon--globe{border:3px solid #fff;border-radius:50%}.od-label-icon--globe:before,.od-label-icon--globe:after{content:"";position:absolute}.od-label-icon--globe:before{border-left:2px solid #fff;border-right:2px solid #fff;border-radius:50%;inset:4px 7px}.od-label-icon--globe:after{border-top:2px solid #fff;top:7px;left:2px;right:2px}.od-input-wrap{display:block;position:relative}.od-input{color:#fff;width:100%;height:48px;font:inherit;background:linear-gradient(#054f8beb,#044077eb);border:1px solid #caf2ff47;border-radius:14px;outline:none;padding:0 54px 0 18px;font-size:20px;font-weight:850;box-shadow:inset 0 2px 6px #001e4757,0 8px 18px #00437324}.od-name-input{font-size:22px}.od-name-input::placeholder{color:#daf9ffad}.od-name-preview{background:#04396f42;border:1px solid #daf9ff29;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:7px 10px 7px 12px;display:flex;box-shadow:inset 0 1px #ffffff1f}.od-name-preview span{color:#defaffc7;letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:950}.od-name-preview strong{color:#fff;text-align:right;text-overflow:ellipsis;text-shadow:0 2px 8px #00366433;white-space:nowrap;min-width:0;font-size:18px;font-weight:950;overflow:hidden}.od-name-feedback{color:#dbf9ffd1;min-height:18px;font-size:13px;font-weight:800;line-height:1.25;display:block}.od-name-feedback--profanity,.od-name-feedback--empty{color:#fff0a7}.od-name-feedback--format{color:#c9fbff}select.od-input{appearance:none;padding-right:52px}.od-input-wrap--select:after{content:"";pointer-events:none;border-top:9px solid #cbefff;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;top:50%;right:18px;transform:translateY(-38%)}.od-random-button{color:#fff;background:#d2f1ff24;border-radius:10px;width:36px;height:36px;position:absolute;top:6px;right:7px}.od-dice-icon{background:#d7f6ff;border-radius:6px;width:22px;height:22px;position:relative;transform:rotate(-10deg);box-shadow:inset 0 -3px #22719e47,0 2px 10px #002c5833}.od-dice-icon:before{content:"";background:radial-gradient(circle at 30% 31%,#246b99 0 2px,#0000 3px),radial-gradient(circle at 69% 31%,#246b99 0 2px,#0000 3px),radial-gradient(circle,#246b99 0 2px,#0000 3px),radial-gradient(circle at 30% 69%,#246b99 0 2px,#0000 3px),radial-gradient(circle at 69% 69%,#246b99 0 2px,#0000 3px);position:absolute;inset:0}.od-input:focus,.od-primary-button:focus-visible,.od-secondary-button:focus-visible,.od-secondary-strong:focus-visible,.od-card-button:focus-visible,.od-refresh-button:focus-visible,.od-server-join:focus-visible,.od-utility-button:focus-visible,.od-random-button:focus-visible,.od-close-button:focus-visible{outline-offset:3px;outline:3px solid #ffd855eb}.od-connection-good{color:#d9fbff;white-space:nowrap;align-items:center;gap:8px;min-height:0;font-size:16px;font-weight:750;display:inline-flex}.od-connection-good span{width:27px;height:18px;box-shadow:none;background:linear-gradient(#0000 58%,#84eb31 59% 100%) 0 0/5px 100% no-repeat,linear-gradient(#0000 42%,#84eb31 43% 100%) 8px 0/5px 100% no-repeat,linear-gradient(#0000 24%,#84eb31 25% 100%) 16px 0/5px 100% no-repeat,linear-gradient(#0000 7%,#84eb31 8% 100%) 24px 0/5px 100% no-repeat;border-radius:0}.od-region-detail{white-space:normal;flex-wrap:wrap;align-items:center;line-height:1.25}.od-region-detail strong{color:#fff;text-transform:uppercase;font-size:12px;font-weight:950}.od-section-head{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.od-section-head h2{color:#fff;letter-spacing:0;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:950;line-height:1;display:inline-flex}.od-section-head h2:before{content:"";background:#55e9ff;border-radius:50%;flex:none;width:13px;height:13px;box-shadow:0 0 16px #55e9ff}.od-endless .od-section-head h2:before{background:#77ee54;box-shadow:0 0 16px #77ee54}.od-live-games,.od-endless{padding:14px 17px 16px}.od-server-browser .od-section-head{align-items:flex-start}.od-server-browser .od-section-head>div{gap:7px;display:grid}.od-refresh-button{isolation:isolate;color:#fff;background:linear-gradient(#26a5d6b8,#055996c7);border:1px solid #dafcff7a;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff38,0 8px 16px #0034622e}.od-refresh-button:after,.od-server-join:after,.od-card-button:after,.od-secondary-strong:after{z-index:0;content:"";opacity:.48;pointer-events:none;background:linear-gradient(90deg,#7efaff6b 0 18px,#0000 18px) 0 0/42px 1px no-repeat,linear-gradient(#7efaff42 0 14px,#0000 14px) 0 0/1px 32px no-repeat,linear-gradient(270deg,#ffe08e52 0 16px,#0000 16px) 100% 100%/36px 1px no-repeat,linear-gradient(0deg,#ffe08e33 0 12px,#0000 12px) 100% 100%/1px 28px no-repeat;position:absolute;inset:4px}.od-refresh-button>*,.od-server-join>*,.od-card-button>*,.od-secondary-strong>*{z-index:1;position:relative}.od-refresh-button:hover,.od-refresh-button:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.od-refresh-icon{border:3px solid #d6fcffeb;border-left-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;display:inline-block;position:relative}.od-refresh-icon:after{content:"";border-top:3px solid #d6fcffeb;border-right:3px solid #d6fcffeb;width:8px;height:8px;position:absolute;top:-5px;right:-3px;transform:rotate(21deg)}.od-server-list{gap:8px;display:grid}.od-server-truth{color:#e0fcffe6;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 10px;font-size:12px;font-weight:850;display:flex}.od-server-truth span{background:#03316247;border:1px solid #dafcff57;border-radius:999px;min-height:28px;padding:7px 10px}.od-server-truth strong{color:#fff}.od-server-truth--generated span:first-child{background:#815b0847;border-color:#ffcf5270}.od-server-header,.od-server-row{grid-template-columns:minmax(220px,1.55fr) minmax(126px,.72fr) minmax(82px,.45fr) minmax(70px,.36fr) minmax(86px,.42fr) 92px;align-items:center;gap:10px;display:grid}.od-server-header{color:#ddfcffcc;letter-spacing:0;text-transform:uppercase;min-height:29px;padding:0 14px;font-size:11px;font-weight:950}.od-server-row{background:linear-gradient(90deg,#0c70b0e6,#043974e0),#054484d1;border:1px solid #dafcff94;border-radius:15px;min-height:76px;padding:10px 12px 10px 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 8px 20px #00315f2e}.od-server-row:before{content:"";background:#55e9ff;width:6px;position:absolute;inset:0 auto 0 0}.od-server-row:after{z-index:0;content:"";opacity:.72;pointer-events:none;background:linear-gradient(90deg,#7efaff42,#0000 44%) 0 0/100% 1px no-repeat,linear-gradient(90deg,#0000 48%,#ffe49229,#0000) 0 100%/100% 1px no-repeat;position:absolute;inset:2px}.od-server-row--coral:before{background:#ff686f}.od-server-row--blue:before{background:#46beff}.od-server-row--purple:before{background:#a965ff}.od-server-row--teal:before{background:#38dccf}.od-server-row--green:before{background:#8af04f}.od-server-row--idle{background:linear-gradient(90deg,#1d6287b8,#073363bd),#054484b3}.od-server-row--idle:before{background:#94cde5}.od-server-name,.od-server-mode,.od-server-stat{z-index:1;min-width:0;position:relative}.od-server-name{gap:3px;display:grid}.od-server-name strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:950;line-height:1.05;overflow:hidden}.od-server-name small,.od-server-mode small,.od-server-stat span{color:#dffbff;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.1;overflow:hidden}.od-server-status{color:#baffd1;text-transform:uppercase;background:#0de0a62e;border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:20px;padding:0 8px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}.od-server-status:before{content:"";background:#7fff63;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #7fff63e6}.od-server-row--ending .od-server-status{color:#ffe9a3;background:#ffcf522e}.od-server-row--ending .od-server-status:before{background:#ffd35b;box-shadow:0 0 10px #ffd35be6}.od-server-row--full .od-server-status{color:#ffd0d7;background:#ff65742e}.od-server-row--full .od-server-status:before{background:#ff6974;box-shadow:0 0 10px #ff6974c7}.od-server-row--idle .od-server-status{color:#d9f6ff;background:#bce5f229}.od-server-row--idle .od-server-status:before{box-shadow:none;background:#a8dff2}.od-server-mode{justify-items:start;gap:7px;display:grid}.od-server-mode .od-mode-badge{min-height:26px;position:static}.od-server-stat{gap:5px;display:grid}.od-server-stat strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:950;line-height:1;overflow:hidden}.od-server-join{z-index:1;color:#fff;background:linear-gradient(#34dcd0,#139b9e);border-radius:10px;min-height:42px;font-size:17px;font-weight:950;position:relative;box-shadow:inset 0 1px #ffffff3d,0 6px 14px #00235038}.od-server-join:hover,.od-server-join:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.od-server-join:disabled{cursor:not-allowed;color:#ffffffb3;filter:none;background:linear-gradient(#85a9bdc7,#3e637cc7);transform:none}.od-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.od-game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0e69aad1,#033468e6);border:1px solid #dafcffad;border-radius:17px;flex-direction:column;min-width:0;min-height:324px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 10px 26px #00315f3d}.od-card-header{justify-content:flex-start;align-items:center;gap:0;min-height:48px;padding:0 13px;display:flex}.od-card-header h3,.od-endless-card h3,.od-store-item h3{color:#fff;text-overflow:ellipsis;text-shadow:0 2px 10px #00254e42;white-space:nowrap;min-width:0;margin:0;font-size:22px;font-weight:950;line-height:1;overflow:hidden}.od-mode-badge{z-index:3;color:#fff;letter-spacing:0;text-transform:none;border-radius:7px;flex:none;min-height:26px;padding:5px 10px 4px;font-size:13px;font-weight:950;line-height:1;position:absolute;top:58px;right:13px;box-shadow:inset 0 1px #ffffff3d,0 5px 12px #00235033}.od-mode-badge--coral{background:linear-gradient(#ff7172,#f3424d)}.od-mode-badge--blue{background:linear-gradient(#47b1ff,#1778ee)}.od-mode-badge--purple{background:linear-gradient(#b46bff,#7432d9)}.od-mode-badge--teal{background:linear-gradient(#38dccf,#139995)}.od-map-thumb{background-position:50%;background-size:cover;border-top:1px solid #ebffff2e;border-bottom:1px solid #09346261;height:142px;position:relative;overflow:hidden}.od-map-thumb:before,.od-map-thumb:after,.od-map-thumb span,.od-map-thumb span:before,.od-map-thumb span:after{content:"";position:absolute}.od-map-thumb:before{opacity:1;background:linear-gradient(#ffffff0a,#0000 42%,#00225229),radial-gradient(circle at 74% 12%,#fff3,#0000 20%);inset:0}.od-map-thumb:after,.od-map-thumb span{display:none}.map-thumb-coral-cove{background-image:url(/assets/ui/lobby/map-coral-cove.webp)}.map-thumb-coral-cove span:before,.map-thumb-coral-cove span:after{background:#f1515e;border-radius:999px 999px 0 0;width:12px;height:62px;bottom:-39px}.map-thumb-coral-cove span:before{left:-78px;transform:rotate(-16deg)}.map-thumb-coral-cove span:after{background:#ff8e6d;left:-58px;transform:rotate(20deg)}.map-thumb-kelp-labyrinth{background-image:url(/assets/ui/lobby/map-kelp-labyrinth.webp)}.map-thumb-kelp-labyrinth span{background:linear-gradient(135deg,#ffdf52,#1da4bb);top:54%;right:14%}.map-thumb-kelp-labyrinth span:before,.map-thumb-kelp-labyrinth span:after{background:#2a9747d1;border-radius:999px;width:13px;height:128px;bottom:-58px}.map-thumb-kelp-labyrinth span:before{left:-96px;transform:rotate(6deg)}.map-thumb-kelp-labyrinth span:after{left:82px;transform:rotate(-7deg)}.map-thumb-abyssal-ruins{background-image:url(/assets/ui/lobby/map-abyssal-ruins.webp)}.map-thumb-abyssal-ruins span{filter:brightness(.82);background:linear-gradient(135deg,#57d8ff,#3866d8);top:53%;right:13%}.map-thumb-shark-channel{background-image:url(/assets/ui/lobby/map-shark-channel.webp)}.map-thumb-shark-channel span{clip-path:polygon(0 50%,14% 24%,70% 13%,84% 0,82% 34%,100% 50%,82% 66%,84% 100%,70% 87%,14% 76%);background:linear-gradient(135deg,#d8f6ff,#508ab7 58%,#255477);width:92px;height:32px;top:46%;right:25%}.map-thumb-endless-blue{background-image:url(/assets/ui/lobby/map-endless-blue.webp)}.od-card-body{flex-direction:column;flex:1;gap:10px;padding:12px 14px 0;display:flex}.od-map-name{color:#fff;border-bottom:1px solid #d2f6ff2b;align-items:center;gap:8px;min-width:0;padding-bottom:10px;font-size:15px;font-weight:850;display:flex}.od-pin-icon{background:#bfeeff;border-radius:50% 50% 50% 0;flex:none;width:15px;height:18px;display:inline-block;position:relative;transform:rotate(-45deg)}.od-pin-icon:after{content:"";background:#09639f;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:5px}.od-game-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:auto 0 0;display:grid}.od-game-meta dt{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.od-game-meta dd{color:#fff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:950;line-height:1;display:flex;overflow:hidden}.od-game-meta div dd:before{content:"";flex:none;display:inline-block}.od-game-meta div:first-child dd:before{background:linear-gradient(#bdefff,#bdefff) 50%/2px 7px no-repeat,linear-gradient(#bdefff,#bdefff) 58% 58%/7px 2px no-repeat;border:3px solid #bdefff;border-radius:50%;width:17px;height:17px}.od-game-meta div:nth-child(2) dd:before{background:radial-gradient(circle at 30% 36%,#fff 0 5px,#0000 6px),radial-gradient(circle at 72% 39%,#fff 0 4px,#0000 5px),radial-gradient(at 31% 100%,#fff 0 8px,#0000 9px),radial-gradient(at 75% 100%,#fff 0 7px,#0000 8px);width:24px;height:18px}.od-game-meta div:nth-child(3) dd:before{clip-path:polygon(0 50%,18% 10%,78% 10%,100% 50%,78% 90%,18% 90%);background:radial-gradient(circle at 72% 42%,#0f6d93 0 2px,#0000 3px),linear-gradient(135deg,#fff 0 58%,#bdefff 59% 100%);border-radius:999px 999px 999px 4px;width:23px;height:16px}.od-game-card--coral .od-game-meta div:first-child dd{color:#ff696d}.od-game-card--blue .od-game-meta div:first-child dd{color:#4fc7ff}.od-game-card--purple .od-game-meta div:first-child dd{color:#b176ff}.od-game-card--teal .od-game-meta div:first-child dd{color:#47e8de}.od-card-button{color:#fff;text-shadow:0 2px 8px #00244e38;border-radius:10px;min-height:46px;margin:13px 13px 12px;font-size:18px;box-shadow:inset 0 1px #fff3,0 6px 14px #00235038}.od-card-button:hover,.od-secondary-button:hover,.od-secondary-strong:hover,.od-utility-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.od-game-card--coral .od-card-button{background:linear-gradient(#ff6c70,#f53e4e)}.od-game-card--blue .od-card-button{background:linear-gradient(#42b1ff,#177fec)}.od-game-card--purple .od-card-button{background:linear-gradient(#a965ff,#7934df)}.od-game-card--teal .od-card-button{background:linear-gradient(#35d7cf,#149d9a)}.od-endless{padding-bottom:17px}.od-endless-card{background:linear-gradient(90deg,#042b60db,#056fac70 49%,#022959d1),url(/assets/ui/lobby/map-endless-blue.webp) 50%/cover no-repeat;border:1px solid #dafcff94;border-radius:17px;justify-content:space-between;align-items:center;gap:22px;min-height:138px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 8px 20px #00315f2e}.od-endless-card:before{content:"";background:linear-gradient(108deg,#0000 11%,#ffffff29 16%,#0000 31%),linear-gradient(#07b5da14,#001b4d52);position:absolute;inset:0}.od-infinity-badge,.od-endless-copy,.od-endless-card .od-secondary-strong{z-index:1;position:relative}.od-infinity-badge{color:#fff;background:linear-gradient(#3fe5cfe0,#0f8f97eb);border:2px solid #d8fffa94;border-radius:20px;flex:none;place-items:center;width:72px;height:72px;font-size:0;font-weight:950;display:grid;box-shadow:inset 0 2px #ffffff38,0 10px 18px #00376433}.od-infinity-badge:before{content:"∞";font-size:47px}.od-endless-copy{flex:1;min-width:0}.od-endless-card h3{font-size:30px}.od-endless-card p{color:#dffbff;margin:7px 0 13px;font-size:18px;font-weight:750}.od-endless-card span{color:#fff;align-items:center;gap:9px;font-size:17px;font-weight:850;display:inline-flex}.od-endless-card span strong{color:#caff7d;margin-left:12px;font-size:16px}.od-secondary-strong,.od-secondary-button{color:#fff;background:linear-gradient(#1f93cddb,#0563a2eb);border:1px solid #e2ffff70;border-radius:14px;min-height:54px;padding:0 24px;font-size:18px;box-shadow:inset 0 1px #fff3,0 10px 22px #003b6938}.od-secondary-strong{background:linear-gradient(#33d9cf,#129b9e);min-width:210px;font-size:21px}.od-bottom-row{grid-template-columns:minmax(190px,auto) minmax(190px,auto) minmax(360px,1fr);justify-content:end;align-items:center;gap:14px;padding:3px 2px 0;display:grid}.od-secondary-button{gap:12px}.od-button-icon{color:#146b9b;background:#ddfafff0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:24px;font-weight:950;line-height:1;display:inline-grid;position:relative}.od-button-icon--plus:before,.od-button-icon--plus:after,.od-button-icon--hash:before,.od-button-icon--hash:after{content:"";background:currentColor;border-radius:999px;position:absolute}.od-button-icon--plus:before{width:17px;height:4px}.od-button-icon--plus:after{width:4px;height:17px}.od-button-icon--hash{font-size:23px}.od-button-icon--hash:before{width:16px;height:4px;transform:translateY(-5px);box-shadow:0 9px}.od-button-icon--hash:after{width:4px;height:18px;transform:rotate(10deg);box-shadow:8px 0}.od-options-mini{color:#fff;text-transform:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1a89c5c2,#055b96d1);border:1px solid #e2ffff61;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;min-height:58px;font-size:15px;font-weight:850;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 22px #003b6933}.od-options-mini>span{background:0 0;border:0;border-right:1px solid #e2ffff38;border-radius:0;justify-content:center;align-items:center;gap:9px;min-width:0;padding:8px 14px;display:flex}.od-options-mini>span:last-child{border-right:0}.od-options-mini strong{color:#bbff58;font-weight:950}.od-sound-icon,.od-monitor-icon,.od-gamepad-icon{flex:none;width:28px;height:24px;display:inline-block;position:relative}.od-sound-icon:before{content:"";background:#fff;width:5px;height:9px;position:absolute;bottom:1px;left:1px;box-shadow:7px -4px #9cff4c,14px -9px #9cff4c,21px -14px #9cff4c}.od-monitor-icon{border:3px solid #fff;border-radius:4px}.od-monitor-icon:before{content:"";background:#fff;border-bottom:3px solid #fff;width:8px;height:6px;position:absolute;bottom:-8px;left:8px}.od-gamepad-icon:before,.od-gamepad-icon:after{content:"";position:absolute}.od-gamepad-icon:before{background:#fff;border-radius:12px 12px 9px 9px;inset:6px 0 2px}.od-gamepad-icon:after{background:#0d6fa9;width:5px;height:5px;top:10px;left:6px;box-shadow:11px 0 #0d6fa9,18px -2px #0d6fa9,22px 2px #0d6fa9}.od-drawer{background:linear-gradient(#08609ef0,#043a76f5)}.od-shell{background-position:50%,calc(50% + 8px) calc(50% - 4px),50%;animation:18s ease-in-out infinite alternate od-bg-drift}.od-shell:before{animation:9s ease-in-out infinite alternate od-caustic-sweep}.od-title-wrap:after{z-index:2;content:"";mix-blend-mode:screen;opacity:.36;pointer-events:none;background:linear-gradient(110deg,#0000 0 34%,#ffffffb8 43%,#0000 52% 100%);border-radius:34%;animation:7.5s ease-in-out infinite od-logo-glint;display:block;position:absolute;inset:6% 2% 14%;transform:translate(-52%)skew(-12deg)}.od-map-thumb{background-size:112%;transition:background-position .22s,background-size .22s,filter .22s;transform:translateZ(0)}.od-game-card:hover .od-map-thumb,.od-game-card:focus-within .od-map-thumb{filter:saturate(1.08)brightness(1.04);background-position:50% 46%;background-size:118%}.od-map-thumb:after{mix-blend-mode:screen;opacity:.34;background:linear-gradient(108deg,#0000 22%,#ffffff57 38%,#0000 54%),radial-gradient(circle at 68% 26%,#ffffff38,#0000 17%);transition:transform .22s,opacity .22s;display:block;inset:-42% -24%;transform:translate(-18%)}.od-game-card:hover .od-map-thumb:after,.od-game-card:focus-within .od-map-thumb:after{opacity:.58;transform:translate(4%)}.od-map-thumb span{filter:blur(.2px);opacity:.42;background:radial-gradient(circle at 23% 48%,#fffc 0 3px,#0000 4px),linear-gradient(90deg,#ceffff05,#ffffff61,#ceffff05);border-radius:999px;width:78px;height:24px;display:block;top:17%;right:11%;transform:rotate(-14deg)}.od-map-thumb span:before,.od-map-thumb span:after{background:0 0;border-radius:0;width:auto;height:auto;inset:auto;transform:none}.od-map-thumb span:before{clip-path:polygon(0 50%,18% 16%,76% 18%,100% 0,86% 50%,100% 100%,76% 82%,18% 84%);opacity:.52;content:"";background:linear-gradient(90deg,#fff0a5,#42d5dc 62%,#0e75b5);border-radius:70% 42% 42% 70%;width:54px;height:16px;top:46px;left:-112px}.od-map-thumb span:after{content:"";background:#ffffff14;border:1px solid #efffffcc;border-radius:50%;width:8px;height:8px;top:76px;left:-42px;box-shadow:18px -20px 0 -1px #ffffff6b,43px -8px 0 1px #ffffff57}.od-options-mini{cursor:pointer;font:inherit;text-align:inherit}.od-drawer--options{width:min(1040px,100vw - 28px)}.od-options-hub{gap:14px;display:grid}.od-options-tabs{grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:8px;display:grid}.od-options-tabs button{color:#dcfbff;cursor:pointer;min-height:42px;font:inherit;background:#ffffff14;border:1px solid #e2ffff42;border-radius:12px;font-size:13px;font-weight:900}.od-options-tabs button.active{color:#fff;background:linear-gradient(#ffc93f57,#149ebe47);border-color:#ffe87ed1}.od-options-panel{gap:12px;display:grid}.od-options-hub .od-drawer-copy{color:#e1fbff;text-shadow:0 2px 8px #00366438;text-transform:none;font-size:14px;font-weight:760;line-height:1.38;display:block}.od-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.od-settings-grid div,.od-legal-status,.od-dev-banner,.od-option-control,.od-legal-card,.od-command-list{background:linear-gradient(#ffffff1c,#ffffff0e),#00386c47;border:1px solid #e5ffff2e;border-radius:16px}.od-settings-grid div{gap:5px;min-width:0;padding:12px;display:grid}.od-option-control{gap:11px;padding:13px;display:grid}.od-option-control header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.od-option-control header span{color:#c7f7ff;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:950}.od-option-control header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:950;overflow:hidden}.od-water-tuning-actions{flex-wrap:wrap;gap:10px;display:flex}.water-realism-presets{background:linear-gradient(#ffffff1a,#ffffff0a),#003a6033;border:1px solid #e5ffff2e;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.water-realism-presets header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.water-realism-presets header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:950;overflow:hidden}.water-realism-presets header span{color:#baf7ff;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:950}.water-realism-preset-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;min-width:0;display:grid}.water-realism-preset-grid button{color:#eaffff;cursor:pointer;min-width:0;min-height:36px;font:inherit;text-align:left;background:#ffffff13;border:1px solid #e2ffff33;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:8px 9px;font-size:12px;font-weight:900;display:grid}.water-realism-preset-grid button span{color:#fff2a5;background:#9dffe029;border-radius:999px;justify-content:center;align-items:center;width:24px;height:22px;font-size:10px;font-weight:950;display:inline-flex}.water-realism-preset-grid button:hover,.water-realism-preset-grid button:focus-visible,.water-realism-preset-grid button.is-active{color:#fff;background:#ffe27a2b;border-color:#ffe87eb8}.od-water-tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.od-water-tuning-group{background:linear-gradient(#ffffff1b,#ffffff0b),#00386c3d;border:1px solid #e5ffff2e;border-radius:16px;align-content:start;gap:11px;min-width:0;padding:13px;display:grid}.od-water-tuning-group>header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.od-water-tuning-group h3{color:#fff;margin:0;font-size:16px;font-weight:950}.od-water-tuning-group>header span{color:#c7f7ff;text-transform:uppercase;font-size:11px;font-weight:950}.od-water-tuning-group .water-tuning-control{background:#ffffff0e;border-radius:12px}.od-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.od-choice-grid button{color:#eaffff;cursor:pointer;min-width:0;min-height:96px;font:inherit;text-align:left;background:#ffffff13;border:1px solid #e2ffff3d;border-radius:12px;align-content:start;gap:5px;padding:12px;display:grid}.od-choice-grid button:hover,.od-choice-grid button.active{color:#fff;background:linear-gradient(#ffc93f40,#149ebe2e);border-color:#ffe87ec7}.od-choice-grid strong,.od-choice-grid span{overflow-wrap:anywhere;min-width:0}.od-choice-grid strong{font-size:14px;font-weight:950;line-height:17px}.od-choice-grid span{color:#d8f9ff;font-size:12px;font-weight:760;line-height:16px}.od-settings-grid span,.od-legal-status span,.od-dev-banner span,.od-modal-kicker{color:#c7f7ff;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:950}.od-settings-grid strong,.od-legal-status strong,.od-dev-banner strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;overflow:hidden}.od-legal-status{justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.od-legal-status>div,.od-dev-banner{gap:4px;display:grid}.od-legal-status.accepted{border-color:#95ff8457}.od-legal-status.needs-review{border-color:#ffdc6c80}.od-legal-docs{gap:12px;display:grid}.od-legal-card{gap:11px;padding:14px;display:grid}.od-legal-card header{gap:5px;display:grid}.od-legal-card header span{color:#fff;font-size:19px;font-weight:950}.od-legal-card h3{color:#fff0a9;text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:950}.od-legal-card p{color:#e4fbff;margin:0;font-size:13px;font-weight:700;line-height:1.42}.od-legal-card section{border-top:1px solid #e2ffff24;gap:6px;padding-top:9px;display:grid}.od-legal-links,.od-command-list{flex-wrap:wrap;gap:8px;display:flex}.od-legal-links a,.od-command-list a,.od-command-list code{color:#fff;background:#ffffff14;border:1px solid #e2ffff33;border-radius:9px;min-height:32px;padding:7px 10px;font-size:12px;font-weight:850;text-decoration:none}.od-command-list{padding:12px}.od-command-list code{font-family:var(--od-font-mono)}.od-dev-banner{padding:12px}.od-dev-banner.local{border-color:#7eeeff57}.od-dev-banner.locked{border-color:#ffc25f7a}.od-legal-modal-scrim{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02183094;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.od-legal-modal{color:#fff;outline-offset:5px;background:linear-gradient(#1287c2f5,#043e7efa);border:1px solid #e2ffff85;border-radius:22px;outline:2px solid #ffec8e42;width:min(560px,100vw - 28px);padding:22px;position:relative;box-shadow:inset 0 1px #ffffff40,0 24px 80px #00173061}.od-legal-modal h2{margin:5px 0 10px;font-size:28px;line-height:1.05}.od-legal-modal p{color:#e8fbff;margin:0 0 10px;font-weight:780;line-height:1.45}.od-legal-small{font-size:13px;color:#fff0a9!important}.od-modal-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.od-modal-actions .od-secondary-strong{flex:240px;min-height:62px}.od-modal-actions .od-secondary-button{flex:0 180px}.od-legal-modal .od-close-button{position:absolute;top:14px;right:14px}@keyframes od-bg-drift{0%{background-position:50%,calc(50% - 8px) calc(50% - 4px),50%}to{background-position:50%,calc(50% + 14px) calc(50% + 6px),50%}}@keyframes od-caustic-sweep{0%{opacity:.34;transform:translate(-1.5%)}to{opacity:.54;transform:translate(1.5%)}}@keyframes od-logo-glint{0%,42%{opacity:0;transform:translate(-58%)skew(-12deg)}56%{opacity:.42}72%,to{opacity:0;transform:translate(68%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.od-shell,.od-shell:before,.od-title-wrap:after{animation:none}}@media (width<=900px){.od-drawer--store,.od-drawer--inventory{width:calc(100vw - 18px);height:calc(100svh - 18px);margin:9px;padding:14px}.od-shop-hero,.od-inventory-hero{grid-template-columns:minmax(180px,.55fr) minmax(0,1fr)}.od-shop-hero .od-shop-hero-action,.od-inventory-hero .od-shop-hero-action{grid-column:1/-1;justify-self:stretch}.od-shop-category-row,.od-inventory-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.od-drawer--options{width:calc(100vw - 18px);height:calc(100svh - 18px);margin:9px;padding:14px}.od-settings-grid,.od-choice-grid,.od-water-tuning-grid,.esc-water-tuning-grid{grid-template-columns:1fr}.od-options-tabs{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.od-options-tabs button{min-height:46px;padding:0 8px;font-size:12px;line-height:14px}.od-legal-status,.od-modal-actions{flex-direction:column;align-items:stretch}.od-legal-modal{padding:18px}.od-legal-modal h2{padding-right:74px;font-size:23px}}@media (width<=1500px){.od-shell{padding:22px 26px}.od-layout{grid-template-columns:minmax(350px,.75fr) minmax(740px,1.42fr);gap:30px;width:min(1390px,100%)}.od-title-logo{width:min(500px,32vw)}.od-primary-button{min-width:318px;min-height:88px;font-size:38px}.od-brand{padding-top:72px;padding-bottom:62px}.od-game-card{min-height:300px}.od-map-thumb{height:120px}.od-card-header h3{font-size:19px}.od-mode-badge{font-size:12px;top:56px}.od-game-meta dd{font-size:17px}.od-secondary-button,.od-secondary-strong{font-size:16px}.od-options-mini{font-size:13px}}@media (width<=1180px){.od-shell{overflow:auto}.od-layout{grid-template-columns:1fr;align-items:start;gap:22px;min-height:calc(100svh - 44px)}.od-brand{min-height:auto;padding:14px 0 0}.od-title-logo{width:min(560px,82vw)}.od-title-wrap{margin-left:0}.od-rock-arch,.od-hero-fish{display:none}.od-game-grid,.od-creature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-server-header,.od-server-row{grid-template-columns:minmax(220px,1.25fr) minmax(112px,.6fr) minmax(78px,.4fr) minmax(66px,.34fr) minmax(82px,.38fr) 86px;gap:8px}.od-server-name strong{font-size:18px}.od-bottom-row{grid-template-columns:repeat(2,minmax(0,1fr))}.od-options-mini{grid-column:1/-1}}@media (width<=760px){.od-shell{padding:14px}.od-layout{gap:16px;min-height:calc(100svh - 28px)}.od-title-logo{width:min(360px,88vw)}.od-subtitle{max-width:none;font-size:18px}.od-primary-button{width:100%;min-width:0;min-height:72px;font-size:32px}.od-helper{align-self:flex-start}.od-utility-row{justify-content:stretch}.od-currency-pill,.od-utility-button{flex:1;min-width:0}.od-utility-button--store{min-height:54px;padding-right:12px}.od-drawer--store,.od-drawer--inventory{width:calc(100vw - 18px);height:calc(100svh - 18px);margin:9px;padding:14px}.od-shop-hero,.od-inventory-hero{grid-template-columns:1fr;min-height:0}.od-shop-hero-action{width:100%}.od-shop-wallet,.od-shop-category-row,.od-store-grid,.od-inventory-loadout,.od-inventory-grid{grid-template-columns:1fr}.od-store-section>header,.od-inventory-section>header{flex-direction:column;align-items:start}.od-shop-copy small{display:none}.od-utility-button--icon{flex:0 0 58px}.od-player-bar{grid-template-columns:1fr;gap:14px;padding:16px}.od-player-bar>.od-field{border-top:1px solid #e3fcff3d;border-left:0;padding-top:14px;padding-left:0}.od-name-preview{flex-direction:column;align-items:flex-start;gap:4px}.od-name-preview strong{text-align:left;max-width:100%}.od-field>span:first-child{font-size:15px}.od-server-browser .od-section-head{flex-direction:column;align-items:stretch}.od-refresh-button{width:100%}.od-server-header{display:none}.od-server-row{grid-template-columns:minmax(0,1fr) minmax(92px,auto);gap:12px;min-height:0;padding:14px}.od-server-name{grid-column:1/-1}.od-server-mode,.od-server-stat{background:#03316242;border-radius:11px;min-height:48px;padding:9px 10px}.od-server-join{grid-column:1/-1;width:100%}.od-game-grid{scroll-snap-type:x mandatory;padding-bottom:8px;display:flex;overflow-x:auto}.od-game-card{scroll-snap-align:start;flex:0 0 min(314px,84vw);min-height:300px}.od-map-thumb{height:124px}.od-endless-card{flex-direction:column;align-items:stretch;min-height:0}.od-endless-card .od-secondary-strong{width:100%}.od-bottom-row,.od-options-mini{grid-template-columns:1fr}.od-options-mini>span{border-bottom:1px solid #e2ffff2e;border-right:0;justify-content:flex-start}.od-options-mini>span:last-child{border-bottom:0}}.hud{--glass-bg:linear-gradient(180deg, #0d86a280, #044e6f66);--glass-bg-strong:linear-gradient(180deg, #0a90a6a3, #05486985);--glass-line:#d9fff25c;--glass-highlight:#ffffff3d;--glass-text:#f7fffffa;--glass-soft:#dcfff6d6;--glass-muted:#9de8dcbd;--glass-cyan:#4feaff;--glass-mint:#75f4a9;--glass-coral:#ff7180;--glass-gold:#ffd05b;--hud-edge:22px;font-family:var(--od-font-ui);pointer-events:none}.hud .panel,.match-strip,.biome-panel{isolation:isolate;border:1px solid var(--glass-line);background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 14px 34px #00182433;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:14px}.hud .panel:after,.match-strip:after{z-index:0;content:"";opacity:.5;pointer-events:none;background:linear-gradient(90deg,#83f9ff5c 0 26px,#0000 26px) 0 0/58px 1px no-repeat,linear-gradient(#83f9ff2e 0 22px,#0000 22px) 0 0/1px 48px no-repeat,linear-gradient(270deg,#ffdd843d 0 22px,#0000 22px) 100% 100%/52px 1px no-repeat,linear-gradient(0deg,#ffdd8424 0 18px,#0000 18px) 100% 100%/1px 42px no-repeat;position:absolute;inset:5px}.biome-panel:after{opacity:.34}.action-panel:after{opacity:.32;inset:6px}.hud .panel>*,.match-strip>*{z-index:1;position:relative}.hud .starter-choice-overlay{z-index:18}.hud .starter-choice-panel{background:linear-gradient(#085c78e6,#042336db);border-radius:14px}.hud .starter-choice-card{pointer-events:auto}.visual-showcase-mode .debug-overlay,.visual-showcase-mode .mute-button,.visual-showcase-mode .connection-chip{display:none}.match-strip{z-index:8;grid-template-columns:repeat(3,minmax(112px,1fr));min-height:58px;display:grid;position:fixed;top:22px;left:22px;overflow:hidden}.match-stat{min-width:0;color:var(--glass-text);grid-template-rows:24px 18px;grid-template-columns:32px auto;align-items:center;gap:0 9px;padding:10px 18px;display:grid;position:relative}.match-stat+.match-stat{border-left:1px solid #daffff29}.match-stat span{opacity:.95;grid-row:1/3;width:26px;height:26px;position:relative}.match-stat strong{font-size:17px;font-weight:900;line-height:20px}.match-stat small{color:var(--glass-soft);font-size:12px;font-weight:800;line-height:14px}.match-stat.players span:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:2px 6px 12px;box-shadow:0 14px 0 4px #fff}.match-stat.food span:before{content:"";background:#fff;border-radius:4px;width:4px;height:24px;position:absolute;top:1px;left:5px;box-shadow:7px 0 #fff,14px 0 #fff}.match-stat.ping span:before,.match-stat.ping span:after{content:"";border:4px solid #0000;border-top:0;border-radius:18px 18px 0 0;position:absolute;left:50%;transform:translate(-50%)}.match-stat.ping span:before{border-color:#fff #fff currentColor;border-bottom-style:none;border-bottom-width:0;width:24px;height:17px;bottom:5px}.match-stat.ping span:after{border-color:#fff #fff currentColor;border-bottom-style:none;border-bottom-width:0;width:12px;height:8px;bottom:10px}.pilot-panel{background:var(--glass-bg-strong);width:338px;padding:14px;bottom:22px;left:22px}.pilot-main{grid-template-columns:62px minmax(0,1fr) 70px;align-items:center;gap:10px;display:grid}.pilot-avatar{background:radial-gradient(circle at 35% 30%,#fff9,#0000 20%),radial-gradient(circle at 50% 58%,#ff844df0,#d94528db 47%,#094f65eb 49%,#094f658f);border:1px solid #dcffff57;border-radius:50%;width:56px;height:56px;position:relative;box-shadow:inset 0 0 18px #ffffff3d,0 8px 18px #001e2a38}.pilot-avatar span{background:linear-gradient(90deg,#ff9b5c,#ff6a3b 68%,#d44c32);border-radius:65% 42% 45% 62%;width:30px;height:17px;position:absolute;top:24px;left:15px;transform:rotate(-7deg)}.pilot-avatar span:before{clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%);content:"";background:#f06937;width:14px;height:12px;position:absolute;top:3px;right:-9px}.pilot-avatar span:after{content:"";background:#071e2a;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:5px;box-shadow:0 0 0 2px #ffffffa8}.pilot-title{min-width:0}.pilot-panel .species{color:var(--glass-text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,1.2vw,22px);font-weight:950;line-height:1.12;overflow:hidden}.pilot-panel .species.species-long,.pilot-panel .species.species-extra-long{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.pilot-panel .species.species-long{font-size:clamp(15px,1vw,18px)}.pilot-panel .species.species-extra-long{font-size:clamp(13px,.9vw,15px)}.pilot-subtitle{color:#7dffce;font-size:15px;font-weight:900;line-height:18px}.pilot-mass{background:#ffffff12;border:1px solid #dcffff2e;border-radius:10px;place-items:center;min-height:62px;display:grid}.pilot-mass span{color:var(--glass-soft);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:900}.pilot-mass strong{color:var(--glass-text);font-size:23px;line-height:24px}.vital-row{grid-template-columns:24px 74px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px;display:grid}.vital-row strong{color:var(--glass-text);font-size:13px;font-weight:900}.vital-icon{width:22px;height:22px;position:relative}.vital-row.health .vital-icon:before{clip-path:polygon(50% 0,92% 14%,84% 72%,50% 100%,16% 72%,8% 14%);content:"";background:#dffff7;position:absolute;inset:2px 4px}.vital-row.energy .vital-icon:before{clip-path:polygon(58% 0,20% 45%,52% 45%,34% 100%,86% 36%,56% 36%);background:var(--glass-gold);content:"";width:12px;height:22px;position:absolute;top:0;left:5px}.pilot-growth{margin-top:8px}.pilot-growth span{display:none}.meter{background:#03263394;border:1px solid #dcffff26;border-radius:999px;height:7px;overflow:hidden}.meter div{border-radius:inherit;height:100%;box-shadow:0 0 16px}.meter.health div,.meter.growth div{color:var(--glass-mint);background:linear-gradient(90deg,#55e8b3,#80ffae)}.meter.energy div,.meter.ability div{color:var(--glass-cyan);background:linear-gradient(90deg,#3cf,#5befff)}.action-panel{left:50%;right:auto;bottom:var(--hud-edge);background:var(--glass-bg-strong);grid-template-columns:repeat(4,minmax(126px,1fr));gap:12px;width:clamp(420px,100vw - 820px,620px);min-width:0;padding:12px;display:grid;transform:translate(-50%)}.action-cell{isolation:isolate;background:#ffffff0e;border:1px solid #dcffff2e;border-radius:10px;grid-template-rows:20px 42px 8px;grid-template-columns:40px minmax(0,1fr);gap:2px 9px;min-height:94px;padding:11px 10px 9px;display:grid;position:relative}.action-cell:after{z-index:0;content:"";opacity:.46;pointer-events:none;background:linear-gradient(90deg,#7af7ff4d 0 18px,#0000 18px) 0 0/38px 1px no-repeat,linear-gradient(#7af7ff2e 0 14px,#0000 14px) 0 0/1px 32px no-repeat,linear-gradient(270deg,#ffdc8038 0 14px,#0000 14px) 100% 100%/32px 1px no-repeat;position:absolute;inset:5px}.action-cell>*{z-index:1;position:relative}.action-cell.ready,.action-cell.active{background:#3b9c8033;border-color:#72f2aa6b}.action-cell.ready:after,.action-cell.active:after{opacity:.64}.action-cell.bite.latched{background:radial-gradient(circle at 22%,#ff87a447,#0000 58%),#732d4457;border-color:#ff7b98ad;box-shadow:inset 0 0 0 1px #ffeef429,0 10px 28px #6f143333}.action-cell.bite.latched .action-icon:after{opacity:.78;border:2px solid #ffe2ebb8;border-radius:999px;inset:2px -2px}.bite-victim-vignette{z-index:10;pointer-events:none;border:3px solid #ff6f9194;position:absolute;inset:0;box-shadow:inset 0 0 42px #ff466e38,inset 0 0 110px #ff37561f}.bite-victim-status{left:50%;top:max(76px, calc(env(safe-area-inset-top) + 76px));z-index:35;background:radial-gradient(circle at 8% 50%, #ffc67e3d, transparent 42%), linear-gradient(180deg, #78203ddb, #063d52b8), var(--glass-bg-strong);color:#fff7f8;pointer-events:none;border-color:#ff7e9cb3;border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(468px,100vw - 32px);padding:10px 12px;display:grid;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff3d,0 16px 38px #560b2347}.bite-victim-jaws{background:#fff3ef29;border-radius:999px;width:30px;height:26px;position:relative}.bite-victim-jaws:before,.bite-victim-jaws:after{content:"";border:2px solid #fff4f7eb;height:9px;position:absolute;left:4px;right:4px}.bite-victim-jaws:before{border-bottom:0;border-radius:999px 999px 0 0;top:3px}.bite-victim-jaws:after{border-top:0;border-radius:0 0 999px 999px;bottom:3px}.bite-victim-copy,.bite-victim-copy strong,.bite-victim-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.bite-victim-copy strong{color:#fff;letter-spacing:0;font-size:16px;font-weight:950;line-height:18px}.bite-victim-copy small{color:#ffedefdb;font-size:11px;font-weight:820;line-height:13px}.bite-victim-break{color:#fff5f7;text-transform:uppercase;white-space:nowrap;background:#ffffff1f;border:1px solid #ffeef347;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;line-height:12px}.bite-hit-confirm{left:50%;top:max(128px, calc(env(safe-area-inset-top) + 128px));z-index:34;background:radial-gradient(circle at 12% 50%, #ffe07d42, transparent 48%), linear-gradient(180deg, #148487d1, #0a4359b8), var(--glass-bg);color:#fffbe8;pointer-events:none;border-color:#ffde86bd;border-radius:15px;grid-template-rows:minmax(0,1fr) 5px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:5px 9px;width:min(348px,100vw - 40px);padding:8px 10px;display:grid;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff42,0 14px 30px #012f373d}.bite-hit-confirm.victim{background:radial-gradient(circle at 12% 50%, #ff998247, transparent 48%), linear-gradient(180deg, #752b44db, #073e56b8), var(--glass-bg);border-color:#ff7e9cbd}.bite-hit-mark{background:radial-gradient(circle,#ffea88f0 0 22%,#0000 24% 100%);border:2px solid #fffae6eb;border-radius:999px;width:24px;height:24px;box-shadow:0 0 16px #ffde6f8a}.bite-hit-copy,.bite-hit-copy strong,.bite-hit-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.bite-hit-copy strong{font-size:13px;font-weight:950;line-height:15px}.bite-hit-copy small{color:#effff6d6;font-size:10px;font-weight:780;line-height:12px}.bite-hit-damage{color:#fff3bf;background:#ffebaa2e;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:950;line-height:12px}.bite-hit-health{background:#05272f9e;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.bite-hit-health span{width:var(--bite-health,100%);border-radius:inherit;background:linear-gradient(90deg,#ff6f91,#ffe07d,#7dff9b);height:100%;display:block}.bite-hit-reticle{z-index:36;color:#fff5b8;filter:drop-shadow(0 0 10px #ffde6fe6);pointer-events:none;width:78px;height:78px;animation:.52s cubic-bezier(.16,1,.3,1) both bite-hit-reticle-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bite-hit-reticle.latch{color:#ffbd73;filter:drop-shadow(0 0 10px #ff8b47d1)}.bite-hit-reticle:before,.bite-hit-reticle:after{content:"";pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.bite-hit-reticle:before{background:#ffffff38;border:2px solid;border-radius:999px;width:11px;height:11px;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px}.bite-hit-reticle:after{color:#fff9da;content:attr(data-damage);background:#05222c9e;border:1px solid #ffffff6b;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:950;line-height:14px;top:calc(100% + 5px)}.bite-hit-reticle span{background:currentColor;border-radius:999px;width:25px;height:5px;display:block;position:absolute;box-shadow:0 0 14px}.bite-hit-reticle span:first-child{top:7px;left:50%;transform:translate(-50%)rotate(90deg)}.bite-hit-reticle span:nth-child(2){top:50%;right:7px;transform:translateY(-50%)}.bite-hit-reticle span:nth-child(3){bottom:7px;left:50%;transform:translate(-50%)rotate(90deg)}.bite-hit-reticle span:nth-child(4){top:50%;left:7px;transform:translateY(-50%)}.bite-hit-victim-flash{z-index:32;pointer-events:none;border:3px solid #ff5c7ead;animation:.52s ease-out both bite-hit-victim-flash;position:absolute;inset:0;box-shadow:inset 0 0 48px #ff466e47,inset 0 0 132px #ff2b542e}@keyframes bite-hit-reticle-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.48)}18%{opacity:1;transform:translate(-50%,-50%)scale(.86)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}@keyframes bite-hit-victim-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.action-icon{grid-row:1/3;place-self:center;width:36px;height:36px;position:relative}.action-icon:before,.action-icon:after{content:"";position:absolute}.action-cell.sprint .action-icon:before{background:#fff;border-radius:14px 14px 6px 6px;inset:4px 10px 2px;transform:skew(-13deg)}.action-cell.sprint .action-icon:after{background:#fff;border-radius:4px;width:14px;height:4px;top:15px;left:-2px;box-shadow:-8px 8px #ffffffb8}.action-cell.bite .action-icon:before{clip-path:polygon(0 16%,100% 0,70% 28%,100% 50%,70% 72%,100% 100%,0 84%);background:#fff;border-radius:56% 40% 44% 56%;inset:6px 2px}.action-cell.suction .action-icon:before{border:4px solid #fff;border-left-color:#0000;border-radius:50%;inset:5px;transform:rotate(-22deg)}.action-cell.ability .action-icon:before{background:#fff;border-radius:50%;width:10px;height:10px;top:6px;left:6px;box-shadow:14px 3px #fff,7px 17px #fff}.action-key{color:var(--glass-text);background:#092e3f8a;border:1px solid #dcffff3d;border-radius:5px;padding:1px 6px 2px;font-size:12px;font-weight:900;line-height:15px;position:absolute;top:7px;left:10px}.action-top{flex-direction:column;grid-column:2;justify-content:end;min-width:0;display:flex}.action-top strong{color:var(--glass-text);text-align:center;font-size:16px;font-weight:950;line-height:18px}.action-top small{color:var(--glass-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;line-height:13px;overflow:hidden}.action-cell .meter{grid-column:1/-1;align-self:end;height:7px}.action-cell.bite .meter div{color:var(--glass-coral);background:linear-gradient(90deg,#ff5d80,#ff7898)}.bite-latch-status{left:50%;bottom:calc(var(--hud-edge) + 132px);z-index:11;background:linear-gradient(180deg, #622c43ad, #0844587a), var(--glass-bg);pointer-events:none;border-color:#ff809e8f;border-radius:16px;grid-template-columns:24px minmax(0,1fr) 82px;align-items:center;gap:10px;width:min(360px,100vw - 40px);padding:8px 10px;display:grid;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff3d,0 14px 34px #38081a33}.bite-latch-mark{border:2px solid #ffe9f0e0;border-radius:999px;width:22px;height:22px;position:relative}.bite-latch-mark:after{content:"";border-radius:inherit;background:#ff7898;position:absolute;inset:5px;box-shadow:0 0 14px #ff688f99}.bite-latch-copy{min-width:0}.bite-latch-copy strong,.bite-latch-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bite-latch-copy strong{color:var(--glass-text);font-size:13px;font-weight:950;line-height:15px}.bite-latch-copy small{color:#eafaf9d1;font-size:10px;font-weight:760;line-height:12px}.bite-latch-meter{background:#06223094;border-radius:999px;width:82px;height:6px;overflow:hidden}.bite-latch-meter span{width:var(--latch-meter,60%);border-radius:inherit;background:linear-gradient(90deg,#ff6f91,#ffe0a8);height:100%;display:block}.action-cell.suction .meter div{color:#ffb451;background:linear-gradient(90deg,#ffab45,#ffd06a)}.leaderboard{background:var(--glass-bg-strong);width:298px;padding:14px;top:22px;right:22px}.leaderboard-content{gap:9px}.leaderboard .panel-kicker{color:#ebffffdb;letter-spacing:.8px;text-transform:uppercase;margin-bottom:2px;font-size:14px;font-weight:950}.leader{background:#ffffff0e;border:1px solid #dcffff21;border-radius:9px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;height:42px;padding:0 11px;display:grid}.leader .rank{color:#fff;text-shadow:0 1px #5d380059;background:linear-gradient(#ffe16a,#f49c25);border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;font-weight:950;display:grid}.leader:nth-child(3) .rank{background:linear-gradient(#d8f2ff,#83b5de)}.leader:nth-child(4) .rank{background:linear-gradient(#ffc46c,#df7440)}.leader .name{color:var(--glass-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;overflow:hidden}.leader .score{color:var(--glass-text);font-size:15px;font-weight:950}.biome-panel{z-index:8;width:226px;color:var(--glass-text);text-align:center;background:radial-gradient(circle at 50% -18%,#fff3b957,#0000 46%),radial-gradient(circle at 50% 118%,#ff6f5e2e,#0000 45%),linear-gradient(#0a90a68f,#05395875);border-color:#f6fff15c;border-radius:18px;justify-items:center;padding:16px 14px 15px;display:grid;position:fixed;bottom:22px;right:22px;overflow:visible;box-shadow:inset 0 1px #ffffff47,inset 0 -10px 24px #002d432e,0 18px 42px #00182440}.minimap{--minimap-frame-outset:24px;isolation:isolate;background:radial-gradient(circle at 42% 39%,#ffe58047,#0000 18%),radial-gradient(circle at 68% 61%,#ff677840,#0000 16%),radial-gradient(circle at 29% 72%,#6fffc142,#0000 15%),radial-gradient(circle,#75f4a91f,#0000 52%),conic-gradient(from 28deg,#67eeff47,#1aa6be33,#1158814d,#67eeff47),linear-gradient(145deg,#22a6bcb3,#083b59c7);border:0;border-radius:50%;width:154px;height:154px;margin:10px 0 14px;position:relative;overflow:visible;box-shadow:inset 0 0 32px #97f5ff3d,inset 0 0 0 1px #d1ffff2e,0 10px 24px #001d2a3d}.minimap:before{z-index:1;content:"";opacity:.82;background:radial-gradient(circle,#0000 0 28%,#eefffa17 29%,#0000 30% 49%,#eefffa14 50%,#0000 51%),repeating-conic-gradient(from 12deg,#f4ffff1f 0deg 2deg,#0000 2deg 18deg);border:1px solid #e4fffc38;border-radius:50%;position:absolute;inset:9px}.minimap:after{inset:calc(var(--minimap-frame-outset) * -1);z-index:6;background:var(--ui-minimap-frame) center / contain no-repeat;content:"";filter:drop-shadow(0 7px 13px #001c2852)drop-shadow(0 0 14px #66eeff29);pointer-events:none;position:absolute}.minimap-player{z-index:5;clip-path:polygon(50% 0,86% 83%,50% 62%,14% 83%);filter:drop-shadow(0 0 6px #ffffffd1)drop-shadow(0 0 10px #4de5ffc7);background:linear-gradient(#fff,#aaf9ff 48%,#34d8ff);width:22px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)rotate(0)}.minimap-dot{--dot-size:9px;left:var(--dot-x);top:var(--dot-y);z-index:3;width:var(--dot-size);height:var(--dot-size);background:radial-gradient(circle at 35% 28%, #fff 0 18%, transparent 19%), linear-gradient(180deg, var(--glass-gold), #f29d24);border:1px solid #ffffffbd;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #022b3e5c,0 0 12px}.minimap-dot:before{border-radius:inherit;content:"";opacity:.62;background:#ffffff73;position:absolute;inset:2px}.minimap-dot.food{--dot-size:8px;color:#ffe36e;opacity:.94;background:radial-gradient(circle at 35% 25%,#fff8c7 0 24%,#0000 25%),linear-gradient(#ffe76b,#ffae36)}.minimap-dot.predator{--dot-size:16px;color:#ff4f66;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 0 9px #ff4f66c7);opacity:.96;background:linear-gradient(#fff0f2 0 12%,#ff6b78 13% 58%,#cf2440 100%);border-radius:4px}.minimap-dot.predator:before{clip-path:polygon(50% 0,100% 100%,50% 68%,0 100%);background:#ffffff8a;inset:4px 5px 6px}.minimap-dot.powerup{--dot-size:13px;color:#79ffe0;background:radial-gradient(circle at 35% 28%,#fff 0 16%,#0000 17%),linear-gradient(#7dffd6,#25d6ff 58%,#2b79ff);border-radius:4px;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 2px #022b3e66,0 0 14px #59f4ffc7}.minimap-dot.powerup:before{border-radius:2px;inset:4px}.minimap-dot.counter{--dot-size:14px;color:#ff92e7;background:radial-gradient(circle,#fffffff5 0 15%,#0000 16%),conic-gradient(from 90deg,#7dfff2,#ff72dc,#ffe66d,#7dfff2);border-radius:50%;box-shadow:0 0 0 2px #022b3e66,0 0 16px #ff72dcb8}.minimap-dot.counter:before{background:#0b51676b;border:1px solid #ffffffad;inset:3px}.map-legend{color:var(--glass-soft);text-transform:uppercase;justify-content:center;gap:9px;margin:-2px 0 9px;font-size:9.5px;font-weight:900;line-height:12px;display:flex}.map-legend span{align-items:center;gap:4px;display:inline-flex}.map-legend span:before{content:"";background:#ffe36e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #ffe36e}.map-legend .predator:before{clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);background:#ff4f66;border-radius:2px;width:8px;height:8px;box-shadow:0 0 8px #ff4f66}.map-legend .powerup:before{background:#69ffe4;border-radius:2px;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 8px #69ffe4}.map-legend .counter:before{background:#ff92e7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #ff92e7}.biome-panel strong{text-transform:uppercase;font-size:18px;font-weight:950;line-height:22px}.biome-panel>span{color:var(--glass-soft);font-size:13px;font-weight:850}.biome-panel small{color:var(--glass-text);margin-top:6px;font-size:14px;font-weight:850}.target-hint{max-width:min(330px,100vw - 720px);color:var(--glass-text);background:#042a3985;border-color:#dcffff2e;border-radius:999px;font-weight:900;top:92px}.target-hint.counter{color:#fff0fb;background:radial-gradient(circle at 12% 45%,#7dfff238,#0000 35%),#2b2248ad;border-color:#ff92e76b}.toast-panel,.ability-help,.bloom-panel,.ability-notice-panel{background:var(--glass-bg)}.ability-help{left:var(--hud-edge);z-index:9;width:clamp(240px,100vw - 720px,320px);max-width:320px;padding:12px 14px;top:96px;transform:none}.ability-help .panel-content{gap:8px}.ability-help .help-text{color:var(--glass-soft);font-size:13px;font-weight:850;line-height:16px;display:block}.bloom-panel{left:var(--hud-edge);max-width:320px;top:222px;transform:none}.ability-notice-panel{z-index:10;background:linear-gradient(180deg, #129d9fa3, #09547394), var(--glass-bg);border-color:#75f4a96b;width:min(440px,100vw - 760px);min-width:320px;padding:12px 15px;position:absolute;bottom:148px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff47,0 16px 38px #0028303d}.ability-notice-panel .panel-content{gap:7px}.ability-notice-title{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ability-notice-title .ability-icon{width:34px;height:34px}.ability-notice-title span{color:var(--glass-soft);letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:900}.ability-notice-title strong{color:#fff;text-align:right;font-size:17px;font-weight:950;line-height:20px}.ability-notice-copy{color:var(--glass-text);font-size:14px;font-weight:850;line-height:18px}.connection-chip{right:var(--hud-edge);bottom:calc(var(--hud-edge) + 342px)}.mute-button{right:var(--hud-edge);bottom:calc(var(--hud-edge) + 342px);z-index:12;pointer-events:auto}.hud .esc-menu-overlay,.hud .esc-menu-panel,.hud .esc-menu-body,.hud .esc-menu-actions,.hud .esc-tabs,.hud .esc-menu-actions button,.hud .esc-tabs button,.hud .esc-choice-grid button,.hud .esc-toggle-row,.hud .water-color-panel button,.hud .water-color-panel input,.hud .esc-range-control .water-color-open,.hud .esc-range-control input{pointer-events:auto;touch-action:manipulation}body.ocean-mouse-look .hud .esc-menu-overlay,body.ocean-mouse-look .hud .esc-menu-panel,body.ocean-mouse-look .hud .esc-menu-body{cursor:default}body.ocean-mouse-look .hud .esc-menu-actions button,body.ocean-mouse-look .hud .esc-tabs button,body.ocean-mouse-look .hud .esc-choice-grid button,body.ocean-mouse-look .hud .esc-toggle-row,body.ocean-mouse-look .hud .water-color-panel button,body.ocean-mouse-look .hud .water-color-panel input,body.ocean-mouse-look .hud .esc-range-control .water-color-open,body.ocean-mouse-look .hud .esc-range-control input{cursor:pointer}.water-lab-panel{top:84px;right:var(--hud-edge);z-index:18;box-sizing:border-box;width:min(390px,100vw - 44px);min-width:0;color:var(--glass-text);pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:linear-gradient(#076084c7,#042640db),#03131fc7;border:1px solid #e2ffff3d;border-radius:8px;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;padding:12px;display:grid;position:fixed;bottom:86px;box-shadow:inset 0 1px #ffffff47,0 22px 54px #000c1c57}.water-lab-head{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0;display:grid}.water-lab-head div{gap:2px;min-width:0;display:grid}.water-lab-head span{color:#c6fcffd6;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950}.water-lab-head strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:950;line-height:20px;overflow:hidden}.water-lab-head button{color:#fff;cursor:pointer;width:34px;height:34px;font:inherit;background:#ffffff1a;border:1px solid #e2ffff3d;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:950;display:inline-flex}.water-lab-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.water-lab-actions button{color:#f4fffd;cursor:pointer;min-width:0;min-height:34px;font:inherit;background:#ffffff1a;border:1px solid #e2ffff3d;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:900}.water-lab-head button:hover,.water-lab-actions button:hover{background:#ffe27a2e;border-color:#ffe87ebd}.water-lab-panel .water-realism-presets{gap:8px;padding:10px}.water-lab-panel .water-realism-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.water-lab-panel .water-realism-preset-grid button{min-height:32px;padding:7px;font-size:11px}.water-lab-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.water-lab-summary span{color:#d5fafac7;text-transform:uppercase;background:#ffffff12;border:1px solid #e2ffff29;border-radius:8px;gap:2px;min-width:0;padding:7px;font-size:10px;font-weight:900;display:grid}.water-lab-summary strong{color:#fff;text-overflow:ellipsis;text-transform:none;white-space:nowrap;min-width:0;font-size:13px;font-weight:950;overflow:hidden}.water-lab-scroll{overscroll-behavior:contain;align-content:start;gap:10px;min-height:0;padding-right:3px;display:grid;overflow:auto}.water-lab-panel .esc-water-tuning-group{gap:9px;padding:10px}.water-lab-panel .esc-range-control{gap:7px;padding:9px}.water-lab-panel .water-tuning-control input[type=color]{height:36px;min-height:36px}.water-lab-panel .water-color-picker-row{grid-template-columns:minmax(0,1fr) 94px}.water-lab-panel .water-color-open{min-height:36px;font-size:11px}.water-lab-panel .water-color-panel{gap:8px;padding:9px}.water-lab-panel .water-color-wheel{width:min(104px,46vw)}.hud .water-lab-panel,.hud .water-lab-panel button,.hud .water-lab-panel input{pointer-events:auto;touch-action:manipulation}body.ocean-mouse-look .hud .water-lab-panel{cursor:default}body.ocean-mouse-look .hud .water-lab-panel button,body.ocean-mouse-look .hud .water-lab-panel input{cursor:pointer}body.ocean-high-contrast-hud .hud{--glass-bg:linear-gradient(180deg, #046888db, #022d46db);--glass-bg-strong:linear-gradient(180deg, #037691f0, #012b44f5);--glass-line:#f4ffffad;--glass-highlight:#ffffff61;--glass-text:#fff;--glass-soft:#f7fffff0;--glass-muted:#e5fffbe0}body.ocean-high-contrast-hud .hud .panel,body.ocean-high-contrast-hud .hud .match-strip,body.ocean-high-contrast-hud .hud .biome-panel{box-shadow:inset 0 1px #ffffff80,0 0 0 1px #ffffff1f,0 16px 36px #000a1457}body.ocean-high-contrast-hud .hud .target-hint{background:#021d2ee6;border-color:#ffffffd1}body.ocean-hud-large .hud .match-strip{min-height:66px}body.ocean-hud-large .hud .match-stat{padding:12px 21px}body.ocean-hud-large .hud .match-stat strong{font-size:19px}body.ocean-hud-large .hud .pilot-panel{width:min(382px,100vw - 32px);padding:17px}body.ocean-hud-large .hud .pilot-panel .species{font-size:22px;line-height:25px}body.ocean-hud-large .hud .action-panel{width:min(560px,100vw - 650px)}body.ocean-hud-large .hud .leaderboard{width:330px}body.ocean-hud-large .hud .biome-panel{width:252px}body.ocean-hud-large .hud .minimap{--minimap-frame-outset:28px;width:174px;height:174px}body.ocean-hud-compact .hud .match-strip{grid-template-columns:repeat(3,minmax(92px,1fr));min-height:50px}body.ocean-hud-compact .hud .match-stat{grid-template-rows:19px 15px;grid-template-columns:24px auto;gap:0 7px;padding:8px 12px}body.ocean-hud-compact .hud .match-stat span{width:22px;height:22px}body.ocean-hud-compact .hud .match-stat strong{font-size:14px;line-height:17px}body.ocean-hud-compact .hud .match-stat small{font-size:10px;line-height:12px}body.ocean-hud-compact .hud .pilot-panel{width:292px;padding:11px}body.ocean-hud-compact .hud .pilot-main{grid-template-columns:50px minmax(0,1fr) 58px}body.ocean-hud-compact .hud .pilot-avatar{width:46px;height:46px}body.ocean-hud-compact .hud .pilot-panel .species{font-size:17px;line-height:20px}body.ocean-hud-compact .hud .action-panel{width:min(420px,100vw - 650px)}body.ocean-hud-compact .hud .leaderboard{width:244px;padding:10px}body.ocean-hud-compact .hud .leader{height:34px}body.ocean-hud-compact .hud .biome-panel{width:178px;padding:10px}body.ocean-hud-compact .hud .minimap{--minimap-frame-outset:17px;width:116px;height:116px}body.ocean-reduced-motion *,body.ocean-reduced-motion :before,body.ocean-reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.ocean-reduced-motion .meter div{transition:none!important}@media (width<=1450px){.match-strip{grid-template-columns:repeat(3,minmax(92px,1fr))}.match-stat{padding-inline:13px}.pilot-panel{width:314px}.pilot-main{grid-template-columns:54px minmax(0,1fr) 64px;gap:9px}.pilot-avatar{width:50px;height:50px}.pilot-panel .species{font-size:19px;line-height:1.12}.action-panel{grid-template-columns:repeat(4,minmax(112px,1fr));width:clamp(420px,100vw - 820px,600px);min-width:0}.action-top small{display:none}.leaderboard{width:250px}.leader{gap:8px;padding-inline:9px}.leader .name,.leader .score{font-size:14px}.biome-panel{width:206px}.minimap{--minimap-frame-outset:21px;width:138px;height:138px}}@media (width<=1320px){.match-strip{grid-template-columns:repeat(3,minmax(78px,1fr));min-height:48px;top:12px;left:12px}.match-stat{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:7px 6px;display:flex}.match-stat span{display:none}.match-stat strong{font-size:15px;line-height:17px}.match-stat small{font-size:10px;line-height:12px}.leaderboard{width:214px;top:12px;right:12px}.pilot-panel{width:292px;bottom:12px;left:12px}.pilot-main{grid-template-columns:58px minmax(0,1fr) 64px;gap:10px}.pilot-avatar{width:52px;height:52px}.pilot-panel .species{font-size:18px;line-height:1.12}.action-panel{gap:8px;width:min(430px,100vw - 640px);min-width:min(360px,100vw - 24px);padding:8px;bottom:12px}.action-cell{grid-template-columns:1fr;min-height:70px;padding:8px}.action-icon{display:none}.action-top{grid-column:1}.biome-panel{border-radius:14px;width:146px;padding:8px;display:grid;top:126px;bottom:auto;right:10px}.biome-panel .minimap{--minimap-frame-outset:12px;width:94px;height:94px;margin-bottom:5px}.biome-panel .map-legend{display:none}.biome-panel strong{font-size:12px;line-height:14px}.biome-panel>span{display:none}.biome-panel small{margin-top:2px;font-size:10px;line-height:12px}.connection-chip,.mute-button{top:auto;bottom:12px;right:12px}}@media (width<=980px){.hud .starter-choice-overlay{align-items:start;padding:70px 12px 18px}.hud .starter-choice-panel{width:calc(100vw - 24px);max-height:calc(100svh - 88px)}.hud .starter-choice-heading h2{font-size:26px}.hud .starter-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud .starter-choice-card{min-height:196px;padding:12px}.action-panel{width:auto;min-width:0;bottom:174px;left:12px;right:12px;transform:none}.bite-latch-status{grid-template-columns:20px minmax(0,1fr) 64px;width:min(312px,100vw - 24px);padding:7px 9px;bottom:286px}.bite-latch-meter{width:64px}.bite-victim-status{top:max(64px, calc(env(safe-area-inset-top) + 64px));grid-template-columns:28px minmax(0,1fr);width:min(390px,100vw - 24px)}.bite-hit-confirm{top:max(116px, calc(env(safe-area-inset-top) + 116px));width:min(318px,100vw - 24px)}.bite-victim-break{display:none}.ability-notice-panel{width:min(440px,100vw - 24px);min-width:0;bottom:258px}}@media (width<=520px){.hud .starter-choice-grid{grid-template-columns:1fr}.hud .starter-choice-card{min-height:156px}}@media (height<=520px) and (orientation:landscape){.od-drawer--store,.od-drawer--inventory,.od-drawer--options{height:calc(100svh - 14px);margin:7px;padding:10px}.od-drawer-head{margin-bottom:8px}.od-drawer-head h2{font-size:24px;line-height:26px}.od-inventory-hero,.od-shop-hero{grid-template-columns:160px minmax(0,1fr) minmax(128px,auto);gap:10px;margin-bottom:10px;padding:10px}.od-inventory-avatar .od-store-preview--hero,.od-shop-hero .od-store-preview--hero{min-height:106px}.od-inventory-copy,.od-shop-hero-copy{gap:5px}.od-inventory-copy h3,.od-shop-hero h3{font-size:24px;line-height:26px}.od-inventory-copy p,.od-shop-hero p,.od-shop-copy-note{font-size:11px;line-height:15px}.od-inventory-loadout{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.od-inventory-loadout span{padding:6px}.od-inventory-loadout strong{font-size:9px}.od-inventory-loadout small{font-size:10px}.od-inventory-grid,.od-store-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.od-inventory-item{grid-template-rows:96px minmax(0,1fr) auto}}@media (width<=760px){.match-strip{width:auto;left:8px;right:8px}.leaderboard{display:none}.pilot-panel{width:min(290px,100vw - 16px);padding:10px;bottom:8px;left:8px;right:auto}.pilot-main{grid-template-columns:48px minmax(0,1fr) 58px}.pilot-avatar{width:44px;height:44px}.pilot-panel .species{font-size:17px;line-height:1.12}.pilot-subtitle{font-size:12px}.pilot-mass{min-height:46px}.pilot-mass strong{font-size:18px}.vital-row{grid-template-columns:20px 62px minmax(0,1fr);margin-top:8px}.action-panel{grid-template-columns:repeat(4,minmax(0,1fr));width:auto;min-width:0;display:grid;bottom:170px;left:8px;right:8px;transform:none}.action-cell{min-height:54px;padding:7px 5px}.action-key{justify-self:center;font-size:10px;position:static}.action-top strong{font-size:11px;line-height:13px}.action-top small{display:none}.target-hint{max-width:calc(100vw - 24px);top:214px}.toast-panel{max-width:min(220px,100vw - 16px);top:108px;left:8px;transform:none}.ability-help{width:min(240px,100vw - 16px);min-width:0;padding:8px 10px;top:66px;left:8px}.bloom-panel{width:min(240px,100vw - 16px);min-width:0;padding:8px 10px;top:154px;left:8px}.ability-help .help-text{display:none}.ability-notice-panel{width:auto;min-width:0;padding:8px 10px;bottom:238px;left:8px;right:8px;transform:none}.ability-notice-title{grid-template-columns:28px minmax(0,1fr)}.ability-notice-title .ability-icon{width:28px;height:28px}.ability-notice-title strong{text-align:left;grid-column:2;font-size:14px;line-height:16px}.ability-notice-copy{font-size:12px;line-height:15px}.mute-button{top:auto;bottom:8px;right:10px}}body.ocean-touch-controls.ocean-gameplay-active .match-strip{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;min-height:44px}body.ocean-touch-controls.ocean-gameplay-active .match-stat{flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;padding:5px 4px;display:flex}body.ocean-touch-controls.ocean-gameplay-active .match-stat span{display:none}body.ocean-touch-controls.ocean-gameplay-active .match-stat strong{font-size:13px;line-height:15px}body.ocean-touch-controls.ocean-gameplay-active .match-stat small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;line-height:10px;overflow:hidden}body.ocean-touch-controls.ocean-gameplay-active .pilot-panel{top:max(64px, calc(env(safe-area-inset-top) + 64px));bottom:auto;left:max(8px, env(safe-area-inset-left));width:min(228px,100vw - 154px);padding:7px}body.ocean-touch-controls.ocean-gameplay-active .pilot-main{grid-template-columns:38px minmax(0,1fr) 48px;gap:6px}body.ocean-touch-controls.ocean-gameplay-active .pilot-avatar{width:36px;height:36px}body.ocean-touch-controls.ocean-gameplay-active .pilot-panel .species{text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:16px;display:-webkit-box;overflow:hidden}body.ocean-touch-controls.ocean-gameplay-active .pilot-subtitle{font-size:10px;line-height:12px}body.ocean-touch-controls.ocean-gameplay-active .pilot-mass{min-height:38px}body.ocean-touch-controls.ocean-gameplay-active .pilot-mass span{font-size:9px}body.ocean-touch-controls.ocean-gameplay-active .pilot-mass strong{font-size:16px}body.ocean-touch-controls.ocean-gameplay-active .vital-row{grid-template-columns:18px 62px minmax(0,1fr);margin-top:6px}body.ocean-touch-controls.ocean-gameplay-active .bloom-panel,body.ocean-touch-controls.ocean-gameplay-active .ability-help,body.ocean-touch-controls.ocean-gameplay-active .leaderboard,body.ocean-touch-controls.ocean-gameplay-active .connection-chip{display:none}body.ocean-touch-controls.ocean-gameplay-active .biome-panel{top:max(166px, calc(env(safe-area-inset-top) + 166px));right:max(8px, env(safe-area-inset-right));border-radius:12px;width:min(132px,100vw - 252px);min-width:112px;padding:7px;bottom:auto}body.ocean-touch-controls.ocean-gameplay-active .biome-panel .minimap{--minimap-frame-outset:11px;width:86px;height:86px;margin-bottom:5px}body.ocean-touch-controls.ocean-gameplay-active .biome-panel .map-legend{display:none}body.ocean-touch-controls.ocean-gameplay-active .biome-panel strong{font-size:11px;line-height:13px}body.ocean-touch-controls.ocean-gameplay-active .biome-panel>span{display:none}body.ocean-touch-controls.ocean-gameplay-active .biome-panel small{font-size:9px;line-height:11px}body.ocean-touch-controls.ocean-gameplay-active .toast-panel{top:max(192px, calc(env(safe-area-inset-top) + 192px));right:auto;left:max(8px, env(safe-area-inset-left));max-width:min(300px,100vw - 20px);padding:5px 8px;font-size:10px;line-height:12px;transform:none}body.ocean-touch-controls.ocean-gameplay-active .ability-notice-panel{top:auto;right:max(10px, env(safe-area-inset-right));bottom:max(146px, calc(env(safe-area-inset-bottom) + 146px));left:max(10px, env(safe-area-inset-left));width:auto;min-width:0;padding:8px 10px;transform:none}body.ocean-touch-controls.ocean-gameplay-active .bite-latch-status{right:max(10px, env(safe-area-inset-right));bottom:max(206px, calc(env(safe-area-inset-bottom) + 206px));left:max(10px, env(safe-area-inset-left));width:auto;transform:none}body.ocean-touch-controls.ocean-gameplay-active .bite-victim-status{top:max(58px, calc(env(safe-area-inset-top) + 58px));right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));grid-template-columns:26px minmax(0,1fr);width:auto;padding:8px 10px;transform:none}body.ocean-touch-controls.ocean-gameplay-active .bite-hit-confirm{top:max(154px, calc(env(safe-area-inset-top) + 154px));right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));width:auto;transform:none}body.ocean-touch-controls.ocean-gameplay-active .bite-victim-break{display:none}body.ocean-touch-controls.ocean-gameplay-active .target-hint{top:max(228px, calc(env(safe-area-inset-top) + 228px));right:auto;left:max(8px, env(safe-area-inset-left));max-width:min(228px,100vw - 154px);padding:5px 8px;font-size:10px;line-height:12px;transform:none}body.ocean-touch-controls.ocean-gameplay-active .hud,body.ocean-touch-controls.ocean-gameplay-active .hud *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.ocean-touch-controls.ocean-gameplay-active .evolution-choice-panel{z-index:24;bottom:max(206px, calc(env(safe-area-inset-bottom) + 206px));pointer-events:auto;-webkit-overflow-scrolling:touch;border-radius:12px;width:min(420px,100vw - 24px);max-height:min(42vh,100vh - 300px);padding:9px;overflow:auto}body.ocean-touch-controls.ocean-gameplay-active .mutation-choice-panel{width:min(620px,100vw - 24px);max-height:min(58vh,100vh - 236px)}body.ocean-touch-controls.ocean-gameplay-active .evolution-choice-panel .panel-content{gap:7px}body.ocean-touch-controls.ocean-gameplay-active .choice-header{align-items:center}body.ocean-touch-controls.ocean-gameplay-active .choice-header span{font-size:10px;line-height:12px}body.ocean-touch-controls.ocean-gameplay-active .choice-header strong{font-size:12px}body.ocean-touch-controls.ocean-gameplay-active .choice-row{grid-template-columns:1fr;gap:7px;display:grid}body.ocean-touch-controls.ocean-gameplay-active .choice-card{border-radius:10px;gap:4px;min-height:102px;padding:8px 9px}body.ocean-touch-controls.ocean-gameplay-active .mutation-card{gap:6px;min-height:0}body.ocean-touch-controls.ocean-gameplay-active .choice-card-slot{width:21px;height:20px;font-size:11px;line-height:1}body.ocean-touch-controls.ocean-gameplay-active .choice-card-preview{border-radius:8px;height:44px;min-height:44px}body.ocean-touch-controls.ocean-gameplay-active .choice-card-preview img{padding:5px 7px 6px}body.ocean-touch-controls.ocean-gameplay-active .choice-preview-badge{display:none}body.ocean-touch-controls.ocean-gameplay-active .choice-preview-palette{bottom:4px;right:4px}body.ocean-touch-controls.ocean-gameplay-active .choice-preview-palette span{width:7px;height:7px}body.ocean-touch-controls.ocean-gameplay-active .choice-card strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:15px;display:-webkit-box;overflow:hidden}body.ocean-touch-controls.ocean-gameplay-active .mutation-card strong{-webkit-line-clamp:unset;font-size:13px;line-height:15px;display:block;overflow:visible}body.ocean-touch-controls.ocean-gameplay-active .choice-card small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:12px;display:-webkit-box;overflow:hidden}body.ocean-touch-controls.ocean-gameplay-active .creature-evolution-detail{display:none}body.ocean-touch-controls.ocean-gameplay-active .mutation-description,body.ocean-touch-controls.ocean-gameplay-active .mutation-tradeoff{font-size:10px;line-height:12px}body.ocean-touch-controls.ocean-gameplay-active .mutation-effects{gap:4px}body.ocean-touch-controls.ocean-gameplay-active .mutation-effects li{min-height:20px;padding:3px 5px;font-size:9px;line-height:11px}@media (orientation:landscape) and (height<=540px){body.ocean-touch-controls.ocean-gameplay-active{--mobile-landscape-edge:max(8px, env(safe-area-inset-left));--mobile-landscape-button:clamp(46px, 6.4vw, 54px);--mobile-landscape-button-height:clamp(36px, 10.4vh, 44px);--mobile-landscape-gap:clamp(5px, 1vw, 7px);--mobile-landscape-joystick:clamp(92px, 28vh, 108px);--mobile-landscape-knob:clamp(42px, 13vh, 50px)}.mobile-look-pad{inset:max(42px, env(safe-area-inset-top)) 0 calc(var(--mobile-landscape-button-height) * 2 + var(--mobile-landscape-gap) + max(18px, env(safe-area-inset-bottom))) calc(var(--mobile-landscape-joystick) + max(26px, env(safe-area-inset-left)))}.mobile-joystick{left:var(--mobile-landscape-edge);bottom:max(8px, env(safe-area-inset-bottom));width:var(--mobile-landscape-joystick);height:var(--mobile-landscape-joystick)}.mobile-joystick-ring{width:calc(var(--mobile-landscape-joystick) - 6px);height:calc(var(--mobile-landscape-joystick) - 6px)}.mobile-joystick-knob{width:var(--mobile-landscape-knob);height:var(--mobile-landscape-knob)}.mobile-action-buttons{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(3, var(--mobile-landscape-button));gap:var(--mobile-landscape-gap)}.mobile-action-buttons button{height:var(--mobile-landscape-button-height);border-radius:10px;font-size:0}body.ocean-touch-controls.ocean-gameplay-active .match-strip,body.ocean-touch-controls.ocean-gameplay-active .bloom-panel,body.ocean-touch-controls.ocean-gameplay-active .ability-help,body.ocean-touch-controls.ocean-gameplay-active .biome-panel,body.ocean-touch-controls.ocean-gameplay-active .target-hint{display:none}body.ocean-touch-controls.ocean-gameplay-active .pilot-panel{top:max(8px, env(safe-area-inset-top));left:var(--mobile-landscape-edge);width:clamp(158px,24vw,188px);max-height:calc(100vh - var(--mobile-landscape-joystick) - 22px);border-radius:10px;padding:6px;overflow:hidden}body.ocean-touch-controls.ocean-gameplay-active .pilot-panel .panel-content{gap:4px}body.ocean-touch-controls.ocean-gameplay-active .pilot-main{grid-template-columns:30px minmax(0,1fr) 42px;gap:5px}body.ocean-touch-controls.ocean-gameplay-active .pilot-avatar{width:30px;height:30px}body.ocean-touch-controls.ocean-gameplay-active .pilot-panel .species{font-size:clamp(11px,2vw,13px);line-height:1.12}body.ocean-touch-controls.ocean-gameplay-active .pilot-subtitle{font-size:8px;line-height:10px}body.ocean-touch-controls.ocean-gameplay-active .pilot-mass{min-height:32px}body.ocean-touch-controls.ocean-gameplay-active .pilot-mass span{font-size:8px}body.ocean-touch-controls.ocean-gameplay-active .pilot-mass strong{font-size:14px}body.ocean-touch-controls.ocean-gameplay-active .vital-row{grid-template-columns:16px 64px minmax(0,1fr);gap:6px;margin-top:4px}body.ocean-touch-controls.ocean-gameplay-active .vital-row strong{text-overflow:clip;white-space:nowrap;font-size:11px;line-height:13px;overflow:hidden}body.ocean-touch-controls.ocean-gameplay-active .vital-icon{width:16px;height:16px}body.ocean-touch-controls.ocean-gameplay-active .pilot-growth{margin-top:3px}body.ocean-touch-controls.ocean-gameplay-active .pilot-growth .meter{height:4px}body.ocean-touch-controls.ocean-gameplay-active .toast-panel{top:auto;bottom:calc(var(--mobile-landscape-joystick) + max(14px, env(safe-area-inset-bottom)));left:var(--mobile-landscape-edge);max-width:min(210px,31vw)}body.ocean-touch-controls.ocean-gameplay-active .ability-notice-panel{top:auto;right:calc((var(--mobile-landscape-button) * 3) + (var(--mobile-landscape-gap) * 2) + max(16px, env(safe-area-inset-right)));bottom:calc(var(--mobile-landscape-button-height) * 2 + var(--mobile-landscape-gap) + max(14px, env(safe-area-inset-bottom)));left:calc(var(--mobile-landscape-joystick) + max(26px, env(safe-area-inset-left)));width:auto;max-width:none}body.ocean-touch-controls.ocean-gameplay-active .mute-button{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));min-width:60px;height:25px;font-size:8px}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-button{top:calc(max(8px, env(safe-area-inset-top)) + 31px);right:max(8px, env(safe-area-inset-right));border-radius:10px;width:34px;height:34px}body.ocean-touch-controls.ocean-gameplay-active .evolution-choice-panel{top:max(42px, env(safe-area-inset-top));right:calc((var(--mobile-landscape-button) * 3) + (var(--mobile-landscape-gap) * 2) + max(16px, env(safe-area-inset-right)));bottom:calc(var(--mobile-landscape-button-height) * 2 + var(--mobile-landscape-gap) + max(14px, env(safe-area-inset-bottom)));left:max(calc(var(--mobile-landscape-joystick) + max(24px, env(safe-area-inset-left))), calc(var(--mobile-landscape-edge) + clamp(158px, 24vw, 188px) + 16px));width:auto;max-height:none;transform:none}body.ocean-touch-controls.ocean-gameplay-active .evolution-choice-panel .panel-content{gap:6px}body.ocean-touch-controls.ocean-gameplay-active .choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.ocean-touch-controls.ocean-gameplay-active .choice-card{min-height:118px;padding:7px}body.ocean-touch-controls.ocean-gameplay-active .choice-card strong{font-size:clamp(11px,2.1vw,13px);line-height:1.12}body.ocean-touch-controls.ocean-gameplay-active .choice-card small{font-size:clamp(9px,1.6vw,10px);line-height:1.18}}.music-player{top:max(18px, env(safe-area-inset-top));z-index:34;color:#effffc;width:min(308px,100vw - 760px);min-height:50px;font-family:var(--od-font-ui);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#1896c8c7,#03487ed1),#022140a3;border:1px solid #e2ffff57;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto 60px 28px;align-items:center;gap:6px;padding:6px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff2e,0 14px 28px #0028533d}.music-player[hidden]{display:none}.music-player.is-custom-position{transform:none}.music-player.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.music-player-button{color:#fff;cursor:pointer;width:28px;height:28px;font:inherit;background:#e7ffff1f;border:1px solid #e7ffff47;border-radius:9px;place-items:center;display:grid;position:relative}.music-player-button:hover,.music-player-button:focus-visible{background:#ffe05d33;border-color:#ffe670b3;outline:none}.music-player-toggle{color:#063a54;background:radial-gradient(circle at 28% 24%,#ffffffb8,#0000 26%),linear-gradient(#ffe06d,#ff9f36);border-color:#ffe9809e;border-radius:11px;width:34px;height:34px;box-shadow:0 5px 14px #ffae3738}.music-player-icon{width:15px;height:17px;position:relative}.music-player.is-paused .music-player-icon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;transform:translate(2px)}.music-player.is-playing .music-player-icon:before,.music-player.is-playing .music-player-icon:after{content:"";background:currentColor;border-radius:2px;width:5px;height:15px;position:absolute;top:1px}.music-player.is-playing .music-player-icon:before{left:2px}.music-player.is-playing .music-player-icon:after{right:2px}.music-player-copy{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;gap:1px;min-width:0;display:grid}.music-player.is-dragging .music-player-copy{cursor:grabbing}.music-player-copy span,.music-player-copy small{color:#dafffbc2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:950;line-height:11px;overflow:hidden}.music-player-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;line-height:15px;overflow:hidden}.music-player-transport{gap:4px;display:inline-flex}.music-player-prev span,.music-player-next span,.music-player-mute span{width:13px;height:13px;display:block;position:relative}.music-player-prev span:before,.music-player-prev span:after,.music-player-next span:before,.music-player-next span:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:2px}.music-player-prev span:before{border-right:7px solid;left:0}.music-player-prev span:after{border-right:7px solid;right:1px}.music-player-next span:before{border-left:7px solid;left:1px}.music-player-next span:after{border-left:7px solid;right:0}.music-player-volume{align-items:center;min-width:0;display:grid}.music-player-volume input{accent-color:#ffe06d;cursor:pointer;width:100%}.music-player-mute span:before{clip-path:polygon(0 30%,40% 30%,100% 0,100% 100%,40% 70%,0 70%);content:"";background:currentColor;width:6px;height:6px;position:absolute;top:4px;left:0}.music-player-mute span:after{content:"";border:2px solid;border-left:0;border-radius:0 999px 999px 0;width:6px;height:9px;position:absolute;top:2px;right:1px}.music-player.is-muted .music-player-mute{color:#ffd2c6;border-color:#ff977eb3}.music-player.is-muted .music-player-mute:after{content:"";background:currentColor;border-radius:999px;width:20px;height:2px;position:absolute;transform:rotate(-38deg)}@media (width<=1320px){.music-player{grid-template-columns:34px minmax(0,1fr) auto 28px;width:min(280px,max(252px,100vw - 760px))}.music-player-volume{display:none}}@media (width<=980px){.music-player{display:none}}body.ocean-touch-controls .music-player,body.ocean-touch-controls.ocean-gameplay-active .music-player{display:none!important}@media (width<=980px){.water-lab-panel{width:min(372px,100vw - 24px);top:74px;bottom:104px;right:12px}}@media (width<=760px){.water-lab-panel{width:auto;max-height:min(620px,100svh - 166px);bottom:92px;left:10px;right:10px}.water-lab-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}body.ocean-touch-controls.ocean-gameplay-active .water-lab-panel{width:min(360px,100vw - 20px);top:82px;bottom:154px;right:10px}.action-panel{grid-template-columns:repeat(5,minmax(0,1fr));width:clamp(520px,100vw - 760px,720px)}body.ocean-touch-controls:not(.ocean-mobile-first-person-enabled) .action-cell.camera{display:none}.action-cell.camera .action-icon:before{opacity:.88;border:2px solid;border-radius:999px;inset:26% 16%}.action-cell.camera .action-icon:after{background:currentColor;border-radius:999px;width:7px;height:7px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=520px){body.ocean-touch-controls.ocean-gameplay-active .water-lab-panel{width:auto;left:10px}}@media (width<=1100px){.action-panel{grid-template-columns:repeat(5,minmax(0,1fr));width:min(520px,100vw - 24px);bottom:152px;left:auto;right:12px;transform:none}}@media (width<=760px){.action-panel{grid-template-columns:repeat(5,minmax(0,1fr))}body.ocean-touch-controls:not(.ocean-mobile-first-person-enabled) .action-panel{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-shell button,.game-shell input,.game-shell select,.hud button,.hud input{touch-action:manipulation;-webkit-tap-highlight-color:#ffd8553d}.od-drawer-scrim,.od-legal-modal-scrim,.esc-menu-overlay{overscroll-behavior:contain}.od-drawer:focus-visible,.od-legal-modal:focus-visible,.od-input:focus-visible,.od-primary-button:focus-visible,.od-secondary-button:focus-visible,.od-secondary-strong:focus-visible,.od-card-button:focus-visible,.od-refresh-button:focus-visible,.od-server-join:focus-visible,.od-utility-button:focus-visible,.od-random-button:focus-visible,.od-close-button:focus-visible,.od-options-mini:focus-visible,.od-options-tabs button:focus-visible,.od-auth-tabs button:focus-visible,.od-toggle-row:focus-visible,.od-choice-grid button:focus-visible,.mobile-options-button:focus-visible,.mobile-action-buttons button:focus-visible,.mute-button:focus-visible,.esc-menu-actions button:focus-visible,.esc-tabs button:focus-visible,.esc-choice-grid button:focus-visible,.esc-toggle-row:focus-visible,.esc-range-control input:focus-visible,.water-color-open:focus-visible,.water-color-panel button:focus-visible,.water-color-panel input:focus-visible,.water-lab-head button:focus-visible,.water-lab-actions button:focus-visible{outline-offset:3px;outline:3px solid #ffe87ef0}.od-range-control:focus-within,.esc-range-control:focus-within,.water-color-panel label:focus-within{border-color:#ffe87eb8;box-shadow:inset 0 1px #ffffff2e,0 0 0 3px #ffd85529}.match-stat strong,.pilot-mass strong,.vital-row strong,.leader .score,.connection-chip,.od-currency-pill strong,.od-server-stat strong,.od-account-stats strong,.od-settings-grid strong{font-variant-numeric:tabular-nums}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-button{width:44px;height:44px}@media (prefers-reduced-motion:reduce){.od-shell *,.od-shell :before,.od-shell :after,.hud *,.hud :before,.hud :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.od-shell{min-height:100svh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));overflow:auto}.od-layout{flex-direction:column;align-items:stretch;gap:10px;min-height:auto;display:flex}.od-brand{text-align:center;align-items:center;gap:8px;padding:4px 0 0}.od-title-logo{width:min(342px,92vw)}.od-subtitle{max-width:330px;font-size:15px;line-height:18px}.od-primary-button{width:100%;min-height:54px;box-shadow:0 5px 0 var(--od-primary-shadow), 0 12px 24px #00528038;border-radius:18px;padding-inline:18px;font-size:24px}.od-helper{text-align:center;align-self:center;max-width:320px;font-size:11px;line-height:14px}.od-lobby{gap:9px}.od-utility-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.od-currency-pill,.od-utility-button{border-radius:12px;justify-content:center;min-width:0;min-height:38px;padding:0 8px}.od-currency-pill{font-size:12px}.od-utility-button{font-size:11px}.od-utility-button--store,.od-utility-button--inventory,.od-utility-button--account{grid-column:span 2;min-height:46px}.od-utility-button--icon{flex-basis:auto;grid-column:span 4;justify-content:center;gap:10px;width:100%;min-height:42px;padding:0 14px}.od-utility-button--icon .od-shop-copy{display:flex}.od-shop-copy{gap:0;min-width:0}.od-shop-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.od-shop-copy small{display:none}.od-player-bar{border-radius:16px;grid-template-columns:1fr;gap:10px;padding:12px}.od-player-bar>.od-field,.od-player-bar .od-field:last-of-type{border:0;grid-column:auto;padding:0}.od-field>span:first-child{font-size:13px}.od-label-icon{width:16px;height:16px}.od-input{height:42px;padding-inline:13px 50px;font-size:17px}.od-name-input{font-size:18px}.od-random-button{width:32px;height:32px;top:5px;right:6px}.od-name-preview{display:none}.od-name-feedback{min-height:15px;font-size:11px;line-height:14px}.od-connection-good{font-size:12px}.od-live-games{border-radius:16px;padding:11px}.od-section-head{gap:7px;margin-bottom:8px}.od-section-head h2{font-size:18px}.od-section-head span{font-size:11px;line-height:14px}.od-refresh-button{min-height:38px;padding-inline:10px}.od-server-truth{grid-template-columns:1fr;gap:5px;margin-bottom:8px;display:grid}.od-server-truth span{border-radius:10px;min-height:0;padding:6px 8px}.od-server-row{border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(86px,auto);gap:8px;min-height:0;padding:11px}.od-server-name{grid-column:1/-1}.od-server-name strong{font-size:17px}.od-server-name small{text-overflow:clip;white-space:normal;font-size:10px;line-height:13px;overflow:visible}.od-server-mode,.od-server-stat{border-radius:10px;min-height:38px;padding:7px 8px}.od-server-mode{grid-column:1/-1}.od-server-stat span{font-size:10px}.od-server-stat strong{font-size:15px}.od-server-join{grid-column:1/-1;width:100%;min-height:42px;font-size:15px}.od-bottom-row{gap:8px}.od-secondary-button,.od-secondary-strong{border-radius:13px;min-height:44px;font-size:12px}.od-options-mini{border-radius:14px;grid-template-columns:1fr;min-height:0}.od-options-mini>span{justify-content:flex-start;min-height:38px;padding:8px 10px}}.mobile-button-glyph{display:none}.mobile-action-buttons{grid-template-columns:repeat(2,clamp(72px,20vw,82px));gap:8px}.mobile-action-buttons button{color:#f7ffff;align-content:end;justify-items:center;height:64px;padding:7px 5px 6px;font-size:10px;line-height:1;display:grid}.mobile-action-buttons button:before,.mobile-action-buttons button:after,.mobile-touch-guide-button:before,.mobile-touch-guide-button:after{z-index:2;content:"";pointer-events:none;position:absolute;top:20px;left:50%}.mobile-button-label{z-index:2;clip-path:none;color:#fff;pointer-events:none;text-align:center;text-shadow:0 1px 4px #0013238c;white-space:normal;gap:1px;width:auto;min-width:0;height:auto;display:grid;position:static;overflow:visible}.mobile-button-label strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:11px;font-weight:950;line-height:12px;overflow:hidden}.mobile-button-label small{color:#e0fffdd1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:8px;font-weight:850;line-height:9px;overflow:hidden}.mobile-action-buttons [data-mobile-button=ascend]:before,.mobile-touch-guide-button[data-mobile-button=ascend]:before{border-right:9px solid #0000;border-bottom:16px solid var(--mobile-button-icon,#f3fffff2);border-left:9px solid #0000;transform:translate(-50%,-60%)}.mobile-action-buttons [data-mobile-button=descend]:before,.mobile-touch-guide-button[data-mobile-button=descend]:before{border-top:16px solid var(--mobile-button-icon,#f3fffff2);border-left:9px solid #0000;border-right:9px solid #0000;transform:translate(-50%,-40%)}.mobile-action-buttons [data-mobile-button=sprint]:before,.mobile-touch-guide-button[data-mobile-button=sprint]:before{background:var(--mobile-button-icon,#f3fffff2);border-radius:14px 14px 7px 7px;width:24px;height:15px;transform:translate(-38%,-50%)skew(-14deg)}.mobile-action-buttons [data-mobile-button=sprint]:after,.mobile-touch-guide-button[data-mobile-button=sprint]:after{background:var(--mobile-button-icon,#f3fffff2);border-radius:999px;width:14px;height:4px;transform:translate(-110%,-20%);box-shadow:-9px 8px #f3ffff9e}.mobile-action-buttons [data-mobile-button=bite]:before,.mobile-touch-guide-button[data-mobile-button=bite]:before{background:var(--mobile-button-icon,#f3fffff2);clip-path:polygon(0 15%,100% 0,70% 28%,100% 50%,70% 72%,100% 100%,0 85%);border-radius:56% 42% 44% 56%;width:27px;height:20px;transform:translate(-50%,-50%)}.mobile-action-buttons [data-mobile-button=suction]:before,.mobile-touch-guide-button[data-mobile-button=suction]:before{border:4px solid var(--mobile-button-icon,#f3fffff2);border-left-color:#0000;border-radius:50%;width:22px;height:22px;transform:translate(-50%,-50%)rotate(-24deg)}.mobile-action-buttons [data-mobile-button=ability]:before,.mobile-touch-guide-button[data-mobile-button=ability]:before{background:var(--mobile-button-icon,#f3fffff2);width:8px;height:8px;box-shadow:13px 3px 0 var(--mobile-button-icon,#f3fffff2), 6px 16px 0 var(--mobile-button-icon,#f3fffff2);border-radius:50%;transform:translate(-82%,-78%)}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-button{top:calc(max(8px, env(safe-area-inset-top)) + 102px);right:max(10px, env(safe-area-inset-right));background:linear-gradient(#1c97bec7,#033a6ab8),#031f38b8;border-radius:14px;grid-template-columns:18px minmax(0,auto);justify-content:center;align-items:center;gap:7px;width:auto;min-width:96px;height:42px;padding:0 10px;display:inline-grid;bottom:auto;box-shadow:inset 0 1px #ffffff3d,0 10px 22px #00122038}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-icon{border-width:2px;width:16px;height:16px}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-label{clip-path:none;color:#fff;letter-spacing:0;text-transform:uppercase;white-space:nowrap;width:auto;height:auto;font-size:10px;font-weight:950;line-height:12px;position:static;overflow:hidden}.mobile-touch-guide{background:radial-gradient(circle at 12% 0,#ffd25c1f,#0000 42%),#04182180;border-color:#ffe27a52;grid-column:1/-1}.mobile-touch-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.mobile-touch-guide-row{background:#ffffff0f;border:1px solid #dcffff21;border-radius:10px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.mobile-touch-guide-button{--mobile-button-icon:#f3fffff2;color:#fff;background:linear-gradient(#084c68c7,#04283e9e);border:1px solid #e1ffff3d;border-radius:11px;align-content:end;justify-items:center;width:46px;height:42px;padding-bottom:5px;display:grid;position:relative}.mobile-touch-guide-button strong{z-index:1;text-transform:uppercase;font-size:8px;font-weight:950;line-height:9px;position:relative}.mobile-touch-guide-button:before,.mobile-touch-guide-button:after{top:13px}.mobile-touch-guide-button[data-mobile-button=ascend]:before{border-bottom-width:12px;border-left-width:7px;border-right-width:7px}.mobile-touch-guide-button[data-mobile-button=descend]:before{border-top-width:12px;border-left-width:7px;border-right-width:7px}.mobile-touch-guide-button[data-mobile-button=sprint]:before{width:20px;height:12px}.mobile-touch-guide-button[data-mobile-button=sprint]:after{width:11px;height:3px;box-shadow:-7px 6px #f3ffff9e}.mobile-touch-guide-button[data-mobile-button=bite]:before{width:23px;height:17px}.mobile-touch-guide-button[data-mobile-button=suction]:before{border-width:3px;border-left-color:#0000;width:18px;height:18px}.mobile-touch-guide-button[data-mobile-button=ability]:before{width:6px;height:6px;box-shadow:10px 2px 0 var(--mobile-button-icon,#f3fffff2), 5px 13px 0 var(--mobile-button-icon,#f3fffff2)}.mobile-touch-guide-copy{gap:2px;min-width:0;display:grid}.mobile-touch-guide-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;line-height:15px;overflow:hidden}.mobile-touch-guide-copy small{color:#e5fffbc7;font-size:11px;font-weight:760;line-height:14px}.mobile-layout-card{grid-column:1/-1}.mobile-action-custom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.mobile-action-custom-grid>button{color:#e5fffbc7;cursor:pointer;min-width:0;min-height:58px;font:inherit;text-align:left;background:#ffffff0f;border:1px solid #dcffff21;border-radius:10px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mobile-action-custom-grid>button.active{color:#fff;background:radial-gradient(circle at 12% 0,#7ee8ff29,#0000 46%),#ffffff14;border-color:#7ee8ff6b}.mobile-action-custom-grid>button>span:last-child{gap:2px;min-width:0;display:grid}.mobile-action-custom-grid>button>span:last-child strong,.mobile-action-custom-grid>button>span:last-child small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-action-custom-grid>button>span:last-child strong{font-size:13px;font-weight:950;line-height:15px}.mobile-action-custom-grid>button>span:last-child small{color:#e5fffbb8;font-size:11px;font-weight:820;line-height:13px}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-match-strip .match-strip,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-pilot-panel .pilot-panel,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-leaderboard .leaderboard,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-map-panel .biome-panel,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-audio-button .mute-button,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-buttons .mobile-action-buttons,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-button-sprint .mobile-action-buttons [data-mobile-button=sprint],body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-button-bite .mobile-action-buttons [data-mobile-button=bite],body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-button-suction .mobile-action-buttons [data-mobile-button=suction],body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-button-ability .mobile-action-buttons [data-mobile-button=ability],body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-button-ascend .mobile-action-buttons [data-mobile-button=ascend],body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-button-descend .mobile-action-buttons [data-mobile-button=descend]{display:none}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-action-buttons{grid-template-columns:repeat(2,clamp(52px,15vw,60px))}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-action-buttons button{align-content:center;height:52px;padding:0}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-action-buttons button:before,body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-action-buttons button:after{top:50%}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.ocean-touch-controls .esc-two-column{grid-template-columns:1fr}@media (width<=520px){.mobile-touch-guide-grid,.mobile-action-custom-grid{grid-template-columns:1fr}}@media (orientation:landscape) and (height<=540px){body.ocean-touch-controls.ocean-gameplay-active{--mobile-landscape-button:clamp(52px, 7.8vw, 62px);--mobile-landscape-button-height:clamp(42px, 12.2vh, 50px)}.mobile-action-buttons{grid-template-columns:repeat(3, var(--mobile-landscape-button));gap:var(--mobile-landscape-gap)}.mobile-action-buttons button{height:var(--mobile-landscape-button-height);padding:5px 4px 4px}.mobile-button-label small{display:none}.mobile-button-label strong{font-size:8px;line-height:9px}.mobile-action-buttons button:before,.mobile-action-buttons button:after{top:18px}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-action-buttons{grid-template-columns:repeat(3,clamp(42px,6.5vw,48px))}body.ocean-touch-controls.ocean-gameplay-active.ocean-mobile-hide-action-labels .mobile-action-buttons button{height:clamp(34px,9.4vh,40px)}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-button{top:calc(max(8px, env(safe-area-inset-top)) + 31px);right:max(8px, env(safe-area-inset-right));border-radius:10px;grid-template-columns:1fr;width:34px;min-width:34px;height:34px;padding:0}body.ocean-touch-controls.ocean-gameplay-active .mobile-options-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}