@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#06131c;color:#f6ead3;--gold: #dba74b;--gold-bright: #ffd982;--panel: rgba(5, 15, 24, .9);--line: rgba(236, 194, 105, .46)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{touch-action:none;background:#031019;user-select:none;-webkit-user-select:none}button,input{font:inherit}button{cursor:pointer}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 20%,#2d66765c,#02080ef0 72%);backdrop-filter:blur(7px)}.screen.visible{display:flex}.loading-card,.menu-card,.menu-art-panel{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff0d}.loading-card{width:min(900px,100%);display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(300px,.85fr);background:linear-gradient(155deg,#0c232df5,#040e16f7)}.loading-art{min-height:380px;background:linear-gradient(180deg,#03080f05,#03080f94),url(/art/harbor-menu-art.png) center/cover no-repeat}.loading-copy{padding:30px;align-self:center}.menu-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,560px) minmax(340px,1fr);gap:18px}.menu-card{padding:28px;background:linear-gradient(155deg,#0c232df7,#040e16fa)}.menu-art-panel{min-height:610px;position:relative;background:url(/art/harbor-menu-art.png) center/cover no-repeat}.menu-art-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#03080f0d,#03080f2e 48%,#03080feb)}.menu-art-caption{position:absolute;left:22px;right:22px;bottom:24px;display:grid;gap:8px}.menu-art-caption strong{font-family:Cinzel,serif;color:var(--gold-bright);font-size:27px}.menu-art-caption span{color:#d1e0df;line-height:1.45}.eyebrow{color:#7ecbd5;letter-spacing:.22em;font-size:11px;font-weight:800}h1{margin:8px 0 12px;font-family:Cinzel,serif;font-size:clamp(36px,7vw,62px);line-height:.98;color:var(--gold-bright);text-shadow:0 4px 24px rgba(229,182,83,.25)}.subtitle{color:#c4d6d7;line-height:1.62;margin-bottom:22px}label{display:block;margin:12px 0 7px;color:#d8c9ab;font-size:13px;font-weight:700}input{width:100%;border:1px solid rgba(165,211,218,.24);border-radius:12px;color:#fff;background:#0005099e;padding:13px 14px;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e5b6531f}button{border:1px solid rgba(229,182,83,.45);border-radius:12px;padding:12px 14px;color:#f8ecd5;background:linear-gradient(#173847,#0c2430);font-weight:800;transition:transform .15s,filter .15s,border-color .15s}button:hover{filter:brightness(1.14);border-color:var(--gold-bright)}button:active{transform:translateY(1px) scale(.99)}button.primary{color:#1c1203;background:linear-gradient(180deg,#ffd77c,#c58b2c);border-color:#ffe9a8}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.join-row{display:grid;grid-template-columns:1fr 92px;gap:9px;margin-top:10px}.status-line{min-height:21px;color:#8cd1d8;margin:15px 0 5px;font-size:13px}.status-line.error{color:#ff9a90}.feature-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.feature-pills span{border:1px solid rgba(124,203,213,.22);border-radius:999px;padding:6px 9px;color:#aac9cc;font-size:11px}.loading-track,.health-track{overflow:hidden;border-radius:999px;background:#ffffff14}.loading-track{height:8px;margin-top:21px}.loading-bar{width:15%;height:100%;background:linear-gradient(90deg,#28788b,var(--gold-bright));transition:width .35s}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}.panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(9px);box-shadow:0 12px 35px #00000047;border-radius:14px}.hud-left,.hud-right{position:absolute;top:16px;display:grid;gap:9px}.hud-left{left:16px;width:min(270px,calc(50vw - 20px))}.hud-right{right:16px;width:min(230px,calc(50vw - 20px))}.captain-panel,.room-panel,.leaderboard-panel{padding:12px 14px}.captain-row{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center}.captain-portrait{width:58px;height:58px;border-radius:50%;background:url(/art/captain-portrait.png) center 12%/cover no-repeat;border:2px solid rgba(236,194,105,.68);box-shadow:0 7px 20px #00000057}.panel-title{color:#78c2cb;font-size:10px;font-weight:900;letter-spacing:.2em;margin-bottom:6px}.captain-name{font-family:Cinzel,serif;color:var(--gold-bright);font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis}.bar-label{display:flex;justify-content:space-between;align-items:center;color:#c8d6d6;font-size:11px;margin-top:10px}.health-track{height:9px;margin-top:5px}.health-bar{width:100%;height:100%;background:linear-gradient(90deg,#b43a2f,#5ce18a);transition:width .18s}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.stat-grid>div{padding:8px 9px;border-radius:10px;background:#0000003b;display:grid;gap:4px}.stat-grid span{color:#9db9bb;font-size:10px}.stat-grid strong{color:var(--gold-bright);font-size:14px}.room-code{width:100%;padding:7px 9px;letter-spacing:.13em;font-family:ui-monospace,monospace;background:#00000047}.tiny-button{width:100%;padding:6px;margin-top:6px;border-color:#7ccbd538;color:#a8d9dd;font-size:11px;background:transparent}.leader-row{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;padding:5px 0;color:#d8e2e1;font-size:12px}.leader-row.me{color:var(--gold-bright);font-weight:800}.leader-rank{color:#7ecbd5}.camera-button,.leave-button{pointer-events:auto;padding:9px 10px;font-size:11px}.camera-button{color:#d7eef0;border-color:#7ccbd547}.leave-button{border-color:#ff6e5d4d;color:#ffb0a7;background:#300b09ad}.hud-center{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(620px,70vw);text-align:center}.announcement{display:inline-block;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#05121be6;color:var(--gold-bright);font-family:Cinzel,serif;font-weight:800;box-shadow:0 10px 30px #00000059}.desktop-help{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:7px 12px;border-radius:999px;color:#e2eeedc2;background:#020a0f9e;font-size:11px;white-space:nowrap}.mobile-controls{display:none;position:absolute;inset:0;pointer-events:none}.joystick-base{position:absolute;left:24px;bottom:25px;width:128px;height:128px;border-radius:50%;border:2px solid rgba(255,255,255,.23);background:#020d146b;box-shadow:inset 0 0 35px #41a9b824;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;width:56px;height:56px;left:34px;top:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8d98c,#9a6722);border:2px solid #ffe8a8;box-shadow:0 6px 18px #0006}.fire-button{position:absolute;right:27px;bottom:40px;width:102px;height:102px;border-radius:50%;pointer-events:auto;color:#fff4da;background:radial-gradient(circle at 35% 25%,#df653f,#7b1b16 68%);border:3px solid #ffc27a;box-shadow:0 10px 30px #0006,inset 0 0 16px #ffd07c38}.fire-button span{font-family:Cinzel,serif;font-size:17px}@media(max-width:940px){.loading-card,.menu-shell{grid-template-columns:1fr;max-width:650px}.menu-art-panel{display:none}.loading-art{min-height:240px}}@media(pointer:coarse),(max-width:900px){.mobile-controls{display:block}.desktop-help{display:none}.hud-left,.hud-right{top:8px}.hud-left{left:8px;width:205px}.hud-right{right:8px;width:150px}.room-panel{display:none}.captain-panel,.leaderboard-panel{padding:9px 10px}.captain-row{grid-template-columns:44px 1fr;gap:8px}.captain-portrait{width:44px;height:44px}.captain-name{font-size:13px}.leader-row{font-size:10px;grid-template-columns:15px 1fr auto;gap:4px}.leave-button{display:none}.hud-center{top:118px;width:90vw}}@media(max-width:560px){.menu-card{padding:22px 18px}.button-grid,.join-row{grid-template-columns:1fr}h1{font-size:38px}}:root{--hud-scale: 1}.loading-art{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;isolation:isolate}.loading-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03080f0a,#03080f24 42%,#03080fe0);z-index:-1}.loading-art-title{font-family:Cinzel,serif;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:.84;color:#ffe09a;text-shadow:0 8px 35px rgba(0,0,0,.72),0 0 28px rgba(229,155,60,.28)}.loading-art-subtitle{margin-top:12px;color:#f3d69b;font-size:12px;font-weight:800;letter-spacing:.16em}.menu-feature-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.menu-feature-banner span{padding:9px 10px;border:1px solid rgba(236,194,105,.24);border-radius:11px;background:linear-gradient(180deg,#d294341f,#0000002e);color:#f4dfae;text-align:center;font-size:11px;font-weight:800}.menu-art-badge{position:absolute;top:18px;right:18px;padding:8px 12px;border:1px solid rgba(255,222,155,.42);border-radius:999px;background:#030a12ad;color:#ffe09a;font-size:10px;font-weight:900;letter-spacing:.15em;backdrop-filter:blur(6px)}.hud-left{transform:scale(var(--hud-scale));transform-origin:top left}.hud-right{transform:scale(var(--hud-scale));transform-origin:top right}.hud-center{transform:translate(-50%) scale(var(--hud-scale));transform-origin:top center}.desktop-help{transform:translate(-50%) scale(var(--hud-scale));transform-origin:bottom center}.heading-text{margin-top:4px;color:#8fd5dc;font-size:10px;font-weight:800;letter-spacing:.11em}.objective-panel{padding:11px 14px;border-color:#ecc2695c;background:linear-gradient(155deg,#28170ae6,#050f18eb)}.objective-title{color:#ffd982;font-family:Cinzel,serif;font-size:14px;font-weight:800}.objective-copy{margin-top:5px;color:#cbd9d8;font-size:11px;line-height:1.4}.hud-tools{display:flex;justify-content:flex-end}.settings-gear{width:42px;height:42px;padding:0;border-radius:50%;pointer-events:auto;font-size:19px;color:#f8dda1;background:radial-gradient(circle at 35% 30%,#3e2b18,#08141d);box-shadow:0 9px 24px #00000052}.settings-gear.active{border-color:#ffe09a;box-shadow:0 0 0 3px #e5b65329,0 9px 24px #00000052}.settings-drawer{position:fixed;top:14px;right:14px;bottom:14px;z-index:40;width:min(390px,calc(100vw - 28px));padding:18px;overflow:auto;pointer-events:auto;border:1px solid rgba(236,194,105,.56);border-radius:20px;background:linear-gradient(155deg,#10232dfa,#030c13fa);box-shadow:0 28px 90px #0000009e,inset 0 1px #ffffff0d;backdrop-filter:blur(14px)}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-header h2{margin:5px 0 0;font-family:Cinzel,serif;color:#ffd982;font-size:28px}.settings-close{width:38px;height:38px;padding:0;border-radius:50%;background:#0000003d}.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0 14px;padding:5px;border-radius:13px;background:#00000038}.settings-tab{padding:8px 7px;border-color:transparent;background:transparent;color:#9bb8bb;font-size:11px}.settings-tab.active{color:#1c1203;background:linear-gradient(180deg,#ffd77c,#c58b2c);border-color:#ffe9a8}.settings-page{display:none;gap:11px}.settings-page.active{display:grid}.setting-control,.toggle-control{margin:0;padding:12px;border:1px solid rgba(135,190,199,.16);border-radius:13px;background:#0003}.setting-control>span{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.setting-control b,.toggle-control b{color:#e9ddc3;font-size:12px}.setting-control strong{color:#ffd982;font-size:11px}.setting-control input[type=range]{appearance:none;padding:0;height:6px;border:0;background:linear-gradient(90deg,#288496b8,#e5b653b8)}.setting-control input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:linear-gradient(180deg,#ffe09a,#b87d24);border:2px solid #fff0bd;box-shadow:0 3px 9px #0006}.select-control select{width:100%;padding:10px 11px;border:1px solid rgba(165,211,218,.24);border-radius:10px;color:#f4ead7;background:#07151f}.toggle-control{display:flex;justify-content:space-between;align-items:center;gap:12px}.toggle-control span{display:grid;gap:4px}.toggle-control small{color:#8fa9ac;font-size:10px;line-height:1.35}.toggle-control input{width:21px;height:21px;accent-color:#dba74b;flex:0 0 auto}.settings-action,.settings-reset{width:100%}.settings-action{margin-top:2px}.settings-reset{margin-top:14px;color:#ffd1c9;border-color:#ff715b47;background:#46120d73}@media(max-width:940px){.menu-feature-banner{grid-template-columns:1fr}}@media(pointer:coarse),(max-width:900px){.objective-panel{display:none}.settings-drawer{top:8px;right:8px;bottom:8px;width:min(370px,calc(100vw - 16px));padding:15px}.settings-gear{width:36px;height:36px}}.menu-art-panel{box-shadow:inset 0 0 0 1px #ffdc9029,0 30px 90px #0000007a}.menu-art-cards{position:absolute;left:18px;right:18px;bottom:118px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;z-index:2;pointer-events:none}.menu-art-cards img{width:31%;max-height:180px;object-fit:cover;object-position:center top;border:1px solid rgba(255,220,144,.28);border-radius:14px;box-shadow:0 18px 38px #00000094;opacity:.78;filter:saturate(1.06) contrast(1.02)}.menu-art-cards img:last-child{margin-left:auto}.loading-art-title{letter-spacing:.045em;text-shadow:0 8px 35px rgba(0,0,0,.78),0 0 34px rgba(221,137,42,.38)}.panel,.settings-drawer{box-shadow:inset 0 1px #ffffff0b,0 14px 34px #00000047}@media(max-width:980px){.menu-art-cards{display:none}}.hud-right{width:min(252px,calc(50vw - 20px))}.compass-wrap{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:300px;padding:7px 18px;border:1px solid rgba(230,183,83,.42);border-radius:999px;background:linear-gradient(180deg,#04121be0,#020a12c2);box-shadow:0 8px 24px #00000057,inset 0 0 20px #1966791a;backdrop-filter:blur(8px)}.compass-ribbon{min-width:82px;color:var(--gold-bright);font-family:Cinzel,serif;font-size:13px;letter-spacing:.08em;text-shadow:0 0 12px rgba(255,199,91,.28)}.compass-tick{color:#accfd59e;font-size:9px;font-weight:800;letter-spacing:.08em}.radar-panel{padding:10px 11px 8px;overflow:hidden}.radar-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.radar-subtitle{margin-top:2px;color:#c6dadca6;font-size:9px}.radar-live{padding:3px 7px;border:1px solid rgba(94,234,151,.34);border-radius:999px;color:#78f0a5;background:#166a412e;font-size:8px;font-weight:800;letter-spacing:.12em}#tacticalRadar{display:block;width:100%;max-width:220px;height:auto;margin:3px auto 1px;filter:drop-shadow(0 9px 18px rgba(0,0,0,.34))}.radar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 10px;color:#dce9e8ad;font-size:8px}.radar-legend span{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.ship-dot{color:#7dff9e;background:currentColor}.treasure-dot{color:#ffd66b;background:currentColor}.kraken-dot{color:#b85cff;background:currentColor}.settings-tabs{grid-template-columns:repeat(4,1fr)}.settings-note{padding:10px 12px;border-left:3px solid rgba(224,173,70,.72);border-radius:8px;color:#dbe7e7bd;background:#14414d29;font-size:10px;line-height:1.45}.setting-control>small{display:block;margin-top:8px;color:#bed2d59e;font-size:9px;line-height:1.35}@media(max-width:940px){.hud-right{width:190px}.compass-wrap{min-width:240px;gap:8px;padding-inline:12px}#tacticalRadar{max-width:160px}.radar-legend{display:none}}@media(pointer:coarse),(max-width:900px){.hud-right{width:155px}.radar-panel{padding:7px}#tacticalRadar{max-width:126px}.radar-subtitle,.radar-live{display:none}.compass-wrap{min-width:210px;padding:5px 9px}.compass-tick{display:none}.compass-ribbon{font-size:11px}.settings-tabs{grid-template-columns:repeat(2,1fr)}}.camera-mode-line{display:flex;justify-content:center;margin-top:5px}.camera-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-width:124px;padding:4px 12px;border:1px solid rgba(229,183,83,.34);border-radius:999px;color:#f5dc9deb;background:linear-gradient(180deg,#172830c7,#050e15d1);font-family:Cinzel,serif;font-size:9px;font-weight:800;letter-spacing:.13em;box-shadow:inset 0 1px #ffffff0a,0 7px 20px #00000040}.kraken-status{display:grid;gap:2px;min-width:260px;margin-top:8px;padding:8px 14px;border:1px solid rgba(255,164,56,.6);border-radius:12px;color:#ffd98c;background:linear-gradient(180deg,#50220ae0,#160806e8);box-shadow:0 0 28px #ff5d1d26,inset 0 1px #ffffff0d;text-align:center;animation:kraken-warning-pulse 1.25s ease-in-out infinite}.kraken-status.danger{border-color:#ff4352d1;color:#fff1e8;background:linear-gradient(180deg,#730c16f0,#240308f2);animation-duration:.45s}.kraken-status strong{font-family:Cinzel,serif;font-size:11px;letter-spacing:.1em}.kraken-status span{color:#ffebcdc7;font-size:9px}@keyframes kraken-warning-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ff5d1d1a}50%{transform:scale(1.025);box-shadow:0 0 34px #ff5d1d3d}}.radar-status{min-height:17px;margin:1px auto 5px;color:#dae8e8b3;font-size:9px;text-align:center;letter-spacing:.02em}.settings-tabs{grid-template-columns:repeat(5,1fr)}.camera-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:3px}.camera-preset-button{padding:10px 8px;color:#b9d0d2;border-color:#5ca1af40;background:linear-gradient(180deg,#10303b8a,#051119ad);font-size:10px}.camera-preset-button.active{color:#241604;border-color:#ffe7a5;background:linear-gradient(180deg,#ffe18d,#c88d2b);box-shadow:0 0 0 3px #ecb94e1a}.camera-preset-button.admiral:after{content:" HIGH";color:#ffe09fbf;font-size:7px;letter-spacing:.08em}.camera-preset-button.admiral.active:after{color:#3c21029e}@media(max-width:980px){.settings-tabs{grid-template-columns:repeat(3,1fr)}.kraken-status{min-width:220px}}@media(pointer:coarse),(max-width:900px){.camera-mode-badge{min-width:105px;padding-inline:8px;font-size:8px}.kraken-status{min-width:185px;padding:6px 9px}.kraken-status span,.radar-status{display:none}.settings-tabs{grid-template-columns:repeat(3,1fr)}}:root{--ink: #120b08;--deep-sea: #06141b;--deep-sea-2: #0a2026;--parchment: #f3dfb1;--parchment-2: #b98038;--copper: #a76527;--copper-bright: #f0b760;--storm-violet: #5b276f;--kraken-glow: #e3457f;--panel: rgba(10, 20, 23, .88);--line: rgba(240, 183, 96, .62)}body{background:radial-gradient(circle at 50% 16%,rgba(114,54,97,.22),transparent 34%),linear-gradient(180deg,#071219,#041017 45%,#02080d)}.screen{background:linear-gradient(180deg,#03080e5c,#03080ee0),url(/art/painted-harbor-background.webp) center/cover no-repeat}.loading-card,.menu-card,.menu-art-panel,.settings-drawer,.panel{border-color:var(--line);background:linear-gradient(180deg,#ffdb8f0b,#0000 38%),linear-gradient(155deg,#0e2123f0,#060d12f2);box-shadow:inset 0 0 0 1px #fff2bc0f,inset 0 -18px 40px #26100833,0 24px 70px #0000007a}.loading-card,.menu-card,.menu-art-panel{border-radius:18px}.menu-card{position:relative;isolation:isolate}.menu-card:before,.settings-drawer:before,.panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(240,183,96,.18);border-radius:inherit;pointer-events:none}.menu-card:after{content:"";position:absolute;right:18px;bottom:18px;width:154px;height:154px;background:url(/art/painted-treasure-icon.png) center/contain no-repeat;opacity:.18;filter:drop-shadow(0 12px 20px rgba(0,0,0,.58));z-index:-1}.loading-art,.menu-art-panel{background:linear-gradient(180deg,#03080f05,#03080f33 44%,#03080fe0),url(/art/harbor-menu-art.png) center/cover no-repeat}.menu-art-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 36%,rgba(227,69,127,.2),transparent 28%),linear-gradient(90deg,rgba(255,202,112,.14),transparent 32%,rgba(77,34,89,.2));pointer-events:none}h1,.captain-name,.announcement,.objective-title,.menu-art-caption strong,.settings-header h2{text-shadow:0 3px 0 rgba(36,16,6,.72),0 12px 34px rgba(0,0,0,.64)}.eyebrow,.panel-title,.heading-text,.radar-subtitle,.menu-art-badge{color:#84d1c4}input,.room-code,.stat-grid>div,.setting-control,.toggle-control,.compass-wrap,.radar-panel{border-color:#f0b76047;background:linear-gradient(180deg,#ffdb8f0a,#00000014),#02090c9e}button{border-radius:10px;border-color:#f0b7607a;color:#f8e8c9;background:linear-gradient(180deg,rgba(255,215,128,.11),transparent 46%),linear-gradient(180deg,#17383a,#0b1f24 70%,#071116);box-shadow:inset 0 1px #ffefba24,inset 0 -10px 18px #220c0638,0 8px 20px #00000040}button.primary,.settings-tab.active,.camera-preset-button.active{color:#1b1006;border-color:#ffe7a0;background:linear-gradient(180deg,#ffe2a0,#e4a84d 46%,#985719);box-shadow:inset 0 1px #fff9cda3,inset 0 -12px 18px #5e270847,0 10px 28px #00000057,0 0 18px #e49a3e38}.leave-button,.settings-reset{color:#ffd2c5;border-color:#e3457f7a;background:linear-gradient(180deg,#e3457f29,#0000001f),#340c14c7}.captain-portrait{background-image:url(/art/painted-captain-portrait.png);border-color:#ffe09adb;box-shadow:0 0 0 3px #5e3614d1,0 10px 24px #0000006b}.health-track,.loading-track{border:1px solid rgba(240,183,96,.24);background:#00000061}.health-bar{background:linear-gradient(90deg,#9f2522,#df6b38 52%,#67d078);box-shadow:0 0 14px #e569364d}.loading-bar{background:linear-gradient(90deg,#3f1d5a,#d34b82 42%,#ffd982)}.objective-panel{background:linear-gradient(135deg,rgba(227,69,127,.1),transparent 34%),linear-gradient(155deg,#31180be6,#061217f0)}.announcement{border-color:#ffe09abd;background:linear-gradient(180deg,rgba(255,224,154,.1),transparent),#08161beb}.compass-ribbon,.radar-live,.leader-rank{color:var(--copper-bright)}#tacticalRadar{border-color:#f0b76073;background:radial-gradient(circle at 50% 50%,#14484ddb,#051218f5 68%),url(/art/painted-water-texture.webp) center/cover;box-shadow:inset 0 0 28px #00000080,0 0 0 1px #ffe29a14}.joystick-base{border-color:#ffe09a8f;background:radial-gradient(circle at 50% 50%,#2646426b,#060f12ad),url(/art/ship-wood.webp) center/cover;box-shadow:inset 0 0 30px #00000075,0 12px 30px #00000061}.joystick-knob{background:radial-gradient(circle at 34% 28%,#ffe3a1,#c27928 48%,#5a2810)}.fire-button{border-color:#ffd292;background:radial-gradient(circle at 38% 26%,#ffd08a,#d64c2d 38%,#5a1320 72%,#230812);box-shadow:0 14px 34px #00000070,inset 0 0 18px #ffd48a47,0 0 22px #e3457f38}.settings-gear{background:radial-gradient(circle at 35% 30%,#ffe09a,#9d5d22 44%,#09151a 80%)}:root{--art-key: url(/art/harbor-cinematic-backdrop.webp);--art-harbor: url(/art/harbor-cinematic-backdrop.webp);--art-kraken: url(/art/kraken-showcase.webp);--art-ship: url(/art/ship-showcase.webp)}.screen{background:radial-gradient(circle at 68% 24%,rgba(155,67,164,.22),transparent 34%),linear-gradient(180deg,#02050a2e,#02050abd 66%,#02050af0),var(--art-key) center/cover no-repeat}.loading-card,.menu-shell{max-width:min(1520px,calc(100vw - 34px))}.loading-art,.menu-art-panel{background:linear-gradient(180deg,#02060b00,#02060b29 42%,#02060beb),radial-gradient(circle at 68% 44%,rgba(194,61,174,.18),transparent 30%),var(--art-key) center/cover no-repeat}.loading-art-title,h1{color:#ffe0a0;text-shadow:0 2px 0 #5a2b09,0 5px 0 rgba(15,7,3,.82),0 0 24px rgba(255,196,98,.42),0 14px 42px rgba(0,0,0,.84)}.menu-card{min-height:610px;padding:34px 32px}.menu-card:after{right:-18px;bottom:-22px;width:270px;height:270px;background:var(--art-kraken) center/contain no-repeat;opacity:.28;filter:drop-shadow(0 28px 30px rgba(0,0,0,.76))}.menu-feature-banner,.feature-pills span,.status-line{border-color:#f0b76052;background:linear-gradient(180deg,#ffdf9c12,#00000024),#040c11a3}.menu-art-cards{left:20px;right:20px;bottom:118px;grid-template-columns:1.08fr .92fr}.menu-art-cards img{aspect-ratio:1.5 / 1;object-fit:cover;border-color:#ffe09a80;box-shadow:0 16px 34px #0000008f}.menu-art-cards img:first-child{content:var(--art-ship);object-position:44% 52%}.menu-art-cards img:last-child{content:var(--art-kraken);object-position:50% 38%;background:#030509}.menu-art-caption{left:20px;right:20px;bottom:22px;border:1px solid rgba(240,183,96,.38);border-radius:10px;padding:14px 16px;background:linear-gradient(180deg,#ffdf9c12,#0003),#040b10c7;box-shadow:inset 0 0 0 1px #fff4cb0d,0 16px 34px #0000006b}#hud:before{content:"";position:absolute;inset:0 0 auto;height:76px;pointer-events:none;background:linear-gradient(180deg,rgba(255,223,156,.08),transparent 70%),linear-gradient(90deg,#050b11eb,#0c1c24b3 46%,#050b11eb);border-bottom:1px solid rgba(240,183,96,.34);box-shadow:0 12px 30px #00000057}#hud:after{content:"KRAKEN HARBOR";position:absolute;top:6px;left:50%;transform:translate(-50%);pointer-events:none;color:#ffe0a0;font-family:Cinzel,Georgia,serif;font-size:clamp(30px,4vw,50px);font-weight:900;letter-spacing:.04em;line-height:1;text-shadow:0 2px 0 #6d350a,0 4px 0 rgba(12,5,2,.86),0 0 20px rgba(255,202,112,.34),0 14px 34px rgba(0,0,0,.82)}.hud-left,.hud-right{top:92px}.hud-left{width:min(292px,calc(50vw - 20px))}.hud-right{width:min(286px,calc(50vw - 20px))}.hud-center{top:68px}.panel,.settings-drawer{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;border-width:1px;background:linear-gradient(180deg,#ffe29a13,#0000001a 42%),radial-gradient(circle at 50% 0%,rgba(103,48,89,.18),transparent 48%),#040b10e0;box-shadow:inset 0 0 0 1px #fff2bc12,inset 0 0 34px #00000052,0 18px 42px #0000006b}.panel:before,.settings-drawer:before,.menu-card:before{inset:5px;border-radius:6px;border-color:#f0b76047;box-shadow:inset 0 0 0 1px #532a0d9e,0 0 18px #ffbc5b0f}.panel:after,.settings-drawer:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(255,210,138,.1),transparent 28%),linear-gradient(315deg,rgba(134,50,115,.1),transparent 36%)}.captain-panel{background:linear-gradient(180deg,#ffe29a14,#0000001f),linear-gradient(90deg,#08121aeb,#08121abd),var(--art-ship) 28% 48%/cover no-repeat}.captain-panel>*,.objective-panel>*,.room-panel>*,.leaderboard-panel>*,.radar-panel>*{position:relative;z-index:1}.captain-portrait{width:72px;height:72px}.captain-row{grid-template-columns:72px 1fr}.panel-title{color:#f0b760;font-family:Cinzel,Georgia,serif;font-size:11px;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.74)}.captain-name,.objective-title{color:#ffe3a5}.health-track,.loading-track{height:11px;border-radius:3px;box-shadow:inset 0 0 12px #000000a3}.health-bar{border-radius:2px;background:linear-gradient(90deg,#1f9f34,#60d659 48%,#c5ff7f);box-shadow:inset 0 1px #fff3,0 0 16px #42db504d}.objective-panel{background:linear-gradient(180deg,#ffe29a14,#0000001f),linear-gradient(90deg,#0f0910e6,#091218d6),var(--art-kraken) 86% 28%/170px auto no-repeat}.room-code{border-radius:5px;color:#ffe3a5;font-family:Cinzel,Georgia,serif}.compass-wrap{min-width:min(520px,62vw);border-radius:6px;border-color:#f0b76099;background:linear-gradient(180deg,#ffe29a14,#00000029),#050b11d1;box-shadow:inset 0 0 0 1px #fff2bc0d,0 12px 30px #00000059}.compass-ribbon{color:#ffe3a5;font-family:Cinzel,Georgia,serif;text-shadow:0 0 14px rgba(255,212,128,.35)}.camera-mode-badge,.kraken-status{border-radius:6px;border-color:#f0b7607a;color:#ffe3a5;background:#050b11d1}.radar-panel{padding:12px}#tacticalRadar{border-radius:50%;border:3px solid rgba(240,183,96,.62);background:radial-gradient(circle at 50% 50%,#1b5958b8,#041118f0 68%),var(--art-harbor) center/cover;box-shadow:inset 0 0 36px #00000094,inset 0 0 0 2px #1d0e04c7,0 0 0 1px #ffe29a24,0 16px 36px #0000006b}.leaderboard-panel{background:linear-gradient(180deg,#ffe29a12,#00000026),#040b10db}.camera-button,.leave-button,.tiny-button{border-radius:5px;font-family:Cinzel,Georgia,serif}.desktop-help{bottom:14px;border:1px solid rgba(240,183,96,.36);border-radius:6px;color:#f3dfb1;background:linear-gradient(180deg,#ffe29a0f,#00000029),#040b10d1}@media(max-width:940px){.screen{background:linear-gradient(180deg,#02050a2e,#02050adb),var(--art-harbor) center/cover no-repeat}.menu-card{min-height:auto}#hud:after{font-size:24px;top:8px}.hud-left,.hud-right{top:62px}.hud-center{top:122px}}