@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#06131c;color:#f6ead3;--gold: #e5b653;--gold-bright: #ffd982;--ink: #07131b;--panel: rgba(5, 18, 27, .86);--line: rgba(236, 194, 105, .42);--control-scale: .86}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{touch-action:none;background:radial-gradient(circle at 50% 30%,#173e50,#041018 68%);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,input{font:inherit}button{cursor:pointer}input{user-select:text;-webkit-user-select:text}#gameCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.screen{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 25%,#255b6980,#02090eeb 70%);backdrop-filter:blur(7px)}.screen.visible{display:flex}.loading-card,.menu-card{width:min(560px,100%);border:1px solid var(--line);border-radius:24px;padding:30px;background:linear-gradient(155deg,#0c232df5,#040e16f7);box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff0d}.loading-card{text-align:center}.kraken-mark{font-size:62px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}h1{margin:7px 0 10px;font-family:Cinzel,serif;font-size:clamp(34px,8vw,58px);line-height:.98;color:var(--gold-bright);text-shadow:0 4px 24px rgba(229,182,83,.25)}.eyebrow{color:#7ecbd5;letter-spacing:.22em;font-size:11px;font-weight:800}.subtitle{color:#c4d6d7;line-height:1.55;margin-bottom:24px}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:#00050999;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}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 .16s,filter .16s,border-color .16s}button:hover{filter:brightness(1.15);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}.hidden{display:none!important}#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(248px,calc(50vw - 20px))}.hud-right{right:16px;width:min(278px,calc(54vw - 20px));justify-items:end}.captain-panel,.room-panel,.leaderboard-panel{padding:12px 14px}.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:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis}.bar-label,.score-line{display:flex;justify-content:space-between;align-items:center;color:#c8d6d6;font-size:11px;margin-top:9px}.health-track{height:9px;margin-top:5px}.health-bar{width:100%;height:100%;background:linear-gradient(90deg,#b43a2f,#5ce18a);transition:width .18s}.score-line strong{color:var(--gold-bright);font-size:16px}.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}.leaderboard-panel{width:100%}.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}.leave-button{pointer-events:auto;padding:8px 10px;font-size:11px;border-color:#ff6e5d4d;color:#ffb0a7;background:#300b09ad}.hud-center{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(560px,70vw);text-align:center}.announcement{display:inline-block;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#05121bdb;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:#e2eeedad;background:#020a0f8c;font-size:11px;white-space:nowrap}.settings-button{pointer-events:auto;width:46px;height:46px;border-radius:50%;padding:0;font-size:24px;line-height:1;background:linear-gradient(#173847,#0c2430);box-shadow:0 10px 24px #00000047}.settings-button.active{border-color:var(--gold-bright);filter:brightness(1.12)}.settings-panel{pointer-events:auto;width:min(292px,calc(100vw - 16px));padding:12px 14px}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.settings-subtitle{color:#b7cdcf;font-size:11px}.settings-close{width:34px;height:34px;border-radius:50%;padding:0;font-size:14px;border-color:#7ccbd538;background:#0000002e}.setting-row{margin-top:10px}.setting-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#d7e5e6;font-size:12px;margin-bottom:5px}.setting-meta strong{color:var(--gold-bright)}.settings-panel input[type=range]{width:100%;padding:0;margin:0;border:none;background:transparent;box-shadow:none;accent-color:#f0c970}.settings-reset{margin-top:12px}.mobile-controls{display:none;position:absolute;inset:0;pointer-events:none}.joystick-base{position:absolute;left:18px;bottom:16px;width:calc(148px * var(--control-scale));height:calc(148px * var(--control-scale));border-radius:50%;border:2px solid rgba(255,255,255,.18);background:#020d1447;box-shadow:inset 0 0 35px #41a9b81a;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;width:calc(58px * var(--control-scale));height:calc(58px * var(--control-scale));left:calc((148px * var(--control-scale) - 58px * var(--control-scale)) / 2);top:calc((148px * var(--control-scale) - 58px * var(--control-scale)) / 2);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:18px;bottom:22px;width:calc(112px * var(--control-scale));height:calc(112px * var(--control-scale));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 #0000005c,inset 0 0 16px #ffd07c38}.fire-button span{font-family:Cinzel,serif;font-size:calc(18px * var(--control-scale))}@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:185px}.hud-right{right:8px;width:160px}.leaderboard-panel{padding:9px 10px}.leader-row{font-size:10px;grid-template-columns:15px 1fr auto;gap:4px}.room-panel{display:none}.captain-panel{padding:9px 10px}.captain-name{font-size:14px}.leave-button{display:none}.hud-center{top:108px;width:90vw}.settings-panel{width:min(290px,calc(100vw - 16px))}}@media(max-width:560px){.menu-card{padding:22px 18px}.button-grid{grid-template-columns:1fr}h1{font-size:38px}.settings-panel{width:min(280px,calc(100vw - 12px))}}