html,body{color:#efe4cc;background:#06080a;width:100%;height:100%;margin:0;padding:0;font-family:Palatino,Book Antiqua,Georgia,serif;overflow:hidden}body.lobby-active #hud,body.lobby-active #fps,body.lobby-active #player-card,body.lobby-active #combat-hud,body.lobby-active #enemy-label,body.lobby-active #player-label,body.lobby-active #aim-warning,body.lobby-active #channel-bar,body.lobby-active .pickup-label{display:none!important}canvas{display:block}#intro-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);color:#efe4cc;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 35%,#0c12168c,#020406eb 75%),#020406b3;justify-content:center;align-items:center;font-family:Palatino,Book Antiqua,Georgia,serif;transition:opacity .6s;display:flex;position:fixed;inset:0}#intro-overlay.fade-out{opacity:0;pointer-events:none}body.intro-active #loading-overlay{display:none}.intro-inner{text-align:center;max-width:560px;padding:0 28px;animation:.9s ease-out intro-fade-in}@keyframes intro-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #000000b3)drop-shadow(0 0 22px #b8e8c838);width:130px;height:130px;margin:0 auto 14px;animation:4s ease-in-out infinite loading-logo-bob;display:block}.intro-brand{letter-spacing:.32em;color:#efe4cc;text-shadow:0 0 26px #b8e8c840;font-size:38px}.intro-sub{letter-spacing:.2em;opacity:.6;color:#b8a88a;margin-top:6px;font-size:12px;font-style:italic}.intro-sub:before{content:"— ";opacity:.7}.intro-sub:after{content:" —";opacity:.7}.intro-teaser{letter-spacing:.08em;color:#c8bfae;opacity:.7;text-shadow:0 0 10px #000000b3;margin:32px auto 26px;font-size:14px;font-style:italic}.intro-btn{color:#efe4cc;letter-spacing:.42em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#38564c99,#1c302899);border:1px solid #b8e8c873;border-radius:3px;padding:14px 36px;font-family:Palatino,serif;font-size:13px;font-weight:600;transition:all .25s;display:inline-block;box-shadow:0 0 24px #b8e8c82e}.intro-btn:hover{letter-spacing:.48em;background:linear-gradient(#4e7464b3,#2a4238a6);border-color:#b8e8c8b3;box-shadow:0 0 32px #b8e8c866}#leaderboard{z-index:90;pointer-events:none;-webkit-user-select:none;user-select:none;color:#efe4cc;font-family:Palatino,serif;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.leaderboard-open #leaderboard{pointer-events:auto;display:block}body.leaderboard-open #leaderboard .lb-inner{pointer-events:auto}body.lobby-active #leaderboard,body.loading-active #leaderboard,body.intro-active #leaderboard{display:none!important}#leaderboard .lb-inner{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1c1c1af0,#10100ef0);border:1px solid #c8b48c29;border-radius:3px;min-width:600px;padding:18px 20px 14px;box-shadow:0 30px 80px #000000b3,0 0 24px #b8e8c814}#leaderboard .lb-head{border-bottom:1px solid #c8b48c1f;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:10px;display:flex}#leaderboard .lb-title{letter-spacing:.32em;text-transform:uppercase;color:#b8e8c8;font-size:13px}#leaderboard .lb-hint{letter-spacing:.14em;color:#a09789;opacity:.7;font-size:10px;font-style:italic}#leaderboard .lb-hint kbd{color:#d8cfb8;background:#c8b48c1a;border:1px solid #c8b48c33;border-radius:2px;margin:0 2px;padding:0 4px;font-family:ui-monospace,monospace;font-size:9px}#leaderboard .lb-row{letter-spacing:.04em;border-bottom:1px solid #c8b48c0d;grid-template-columns:32px 1fr 110px 56px 38px 38px 24px;align-items:center;gap:10px;padding:5px 4px;font-size:12px;display:grid}#leaderboard .lb-row:last-child{border-bottom:0}#leaderboard .lb-header{letter-spacing:.28em;text-transform:uppercase;color:#a09789;border-bottom:1px solid #c8b48c24;margin-bottom:4px;padding-bottom:8px;font-size:9px}#leaderboard .lb-rank{color:#b8a88a;font-variant-numeric:tabular-nums;text-align:center;font-weight:600}#leaderboard .lb-name{color:#d8cfb8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#leaderboard .lb-class{color:var(--captain-accent,#a09789);font-size:11px;font-style:italic}#leaderboard .lb-stat{text-align:center;font-variant-numeric:tabular-nums;color:#efe4cc;font-weight:600}#leaderboard .lb-status{text-align:center;font-size:12px;line-height:1}#leaderboard .lb-row.dead{opacity:.5}#leaderboard .lb-row.dead .lb-name,#leaderboard .lb-row.dead .lb-class,#leaderboard .lb-row.dead .lb-stat{-webkit-text-decoration:line-through #c8b48c66;text-decoration:line-through #c8b48c66;text-decoration-thickness:1px}#leaderboard .lb-row.you{background:linear-gradient(90deg,#b8e8c82e,#b8e8c80a);border-left:2px solid #b8e8c8;padding-left:8px;box-shadow:inset 0 0 14px #b8e8c82e}#leaderboard .lb-row.you .lb-name{color:#b8e8c8;font-weight:700}#leaderboard .lb-row.you .lb-rank{color:#b8e8c8}#leaderboard .lb-list{scrollbar-width:thin;scrollbar-color:#c8b48c4d transparent;max-height:336px;overflow-y:auto}#leaderboard .lb-list::-webkit-scrollbar{width:6px}#leaderboard .lb-list::-webkit-scrollbar-track{background:0 0}#leaderboard .lb-list::-webkit-scrollbar-thumb{background:#c8b48c4d;border-radius:3px}#menu-overlay{z-index:220;-webkit-backdrop-filter:blur(8px);background:#020406e6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.menu-open #menu-overlay{display:flex}body.lobby-active #menu-overlay,body.loading-active #menu-overlay,body.intro-active #menu-overlay,body.player-dead #menu-overlay{display:none!important}.menu-panel{width:460px;max-width:92vw;box-shadow:none;color:#d8cfb8;pointer-events:auto;text-align:center;background:0 0;padding:0 16px;font-family:Palatino,serif;font-weight:400;position:relative}.menu-logo{object-fit:contain;filter:drop-shadow(0 6px 18px #000000b3)drop-shadow(0 0 24px #b8e8c859);width:140px;height:140px;margin:0 auto 18px;display:block}.menu-title{letter-spacing:.32em;text-transform:uppercase;color:#b8e8c8;text-shadow:0 0 20px #b8e8c852;margin-bottom:8px;font-size:28px;font-weight:300;line-height:1}.menu-foot-hint{letter-spacing:.34em;text-transform:uppercase;color:#95a496;opacity:.7;text-align:center;margin-top:28px;font-size:10px;font-weight:400}.menu-foot-hint kbd{letter-spacing:.18em;color:#d8cfb8;background:#c8b48c0f;border:1px solid #c8b48c38;border-radius:2px;margin:0 4px;padding:2px 8px;font-family:Palatino,serif;font-size:11px;font-weight:400;display:inline-block}.menu-divider{align-items:center;gap:12px;margin:22px 0 10px;display:flex}.menu-divider:before,.menu-divider:after{content:"";background:linear-gradient(90deg,#0000,#b8e8c838,#0000);flex:auto;height:1px}.menu-divider span{letter-spacing:.42em;text-transform:uppercase;color:#95a496;flex:none;font-size:9px;font-weight:400}.menu-slider-row{align-items:center;gap:16px;padding:6px 0;display:flex}.menu-slider-label{letter-spacing:.32em;text-transform:uppercase;color:#95a496;width:64px;font-size:10px;font-weight:400}.menu-slider-row input[type=range]{appearance:none;cursor:pointer;pointer-events:auto;background:#c8b48c2e;border-radius:2px;outline:none;flex:auto;height:4px}.menu-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#b8e8c8;border:1px solid #00000073;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #b8e8c880}.menu-slider-row input[type=range]::-moz-range-thumb{background:#b8e8c8;border:1px solid #00000073;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #b8e8c880}.menu-link{color:#cabd9f;letter-spacing:.16em;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;gap:14px;width:100%;margin:4px 0;padding:8px 4px;font-family:Palatino,serif;font-size:14px;font-weight:400;text-decoration:none;transition:color .18s;display:flex}.menu-link .m{color:#95a496;text-align:center;width:14px;font-size:14px;transition:transform .18s,color .18s}.menu-link:hover{color:#efe4cc}.menu-link:hover .m{color:#b8e8c8;transform:translate(4px)}.menu-link.primary,.menu-link.primary .m{color:#b8e8c8}.menu-link.primary:hover{color:#fff}.menu-link.danger,.menu-link.danger .m{color:#c9897a}.menu-link.danger:hover,.menu-link.danger:hover .m{color:#ffd0b8}#stats-overlay{z-index:240;-webkit-backdrop-filter:blur(6px);background:#020406d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.stats-open #stats-overlay{display:flex}.stats-frame{pointer-events:auto;background:#06080a;border:1px solid #b8e8c859;border-radius:4px;width:92vw;max-width:1180px;height:88vh;box-shadow:0 30px 80px #000000b3,0 0 28px #b8e8c82e}.stats-close{color:#d8cfb8;cursor:pointer;z-index:2;pointer-events:auto;background:#1c1c1aeb;border:1px solid #c8b48c4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.stats-close:hover{color:#efe4cc;border-color:#b8e8c8b3;transform:rotate(90deg);box-shadow:0 0 14px #b8e8c84d}#death-screen{z-index:950;-webkit-backdrop-filter:blur(8px);color:#efe4cc;background:radial-gradient(at 50% 35%,#280c0c73,#040406eb 75%),#020406b3;justify-content:center;align-items:center;font-family:Palatino,serif;transition:opacity .5s;display:none;position:fixed;inset:0}body.player-dead #death-screen{display:flex}body.player-won #death-screen{background:radial-gradient(at 50% 35%,#3c301073,#040406eb 75%),#020406b3}body.player-won .death-title{color:#ffd870;text-shadow:0 0 26px #ffc85066}body.player-won .death-rank-value{color:#ffd870;text-shadow:0 0 22px #ffc85059}body.lobby-active #death-screen,body.loading-active #death-screen,body.intro-active #death-screen{display:none!important}#death-screen .death-inner{text-align:center;max-width:520px;padding:0 36px;animation:.7s ease-out intro-fade-in}.death-title{letter-spacing:.3em;color:#ff8a6a;text-shadow:0 0 24px #ff64464d;font-size:42px}.death-sub{letter-spacing:.18em;color:#b8a88a;opacity:.7;margin-top:8px;font-size:13px;font-style:italic}.death-sub:before{content:"— ";opacity:.6}.death-sub:after{content:" —";opacity:.6}.death-rank{flex-direction:column;align-items:center;gap:4px;margin:36px auto 8px;display:flex}.death-rank-label{letter-spacing:.32em;text-transform:uppercase;color:#a09789;font-size:10px}.death-rank-value{color:#b8e8c8;text-shadow:0 0 22px #b8e8c84d;font-variant-numeric:tabular-nums;font-size:56px;font-weight:600}.death-flavor{max-width:480px;margin:18px auto 28px}.death-flavor-title{letter-spacing:.32em;text-transform:uppercase;color:#ffd870;text-shadow:0 0 22px #ffc85059;margin-bottom:6px;font-size:24px}.death-flavor-line{letter-spacing:.06em;color:#cabd9f;opacity:.9;font-size:14px;font-style:italic;line-height:1.5}.death-stats{justify-content:center;gap:36px;margin:8px 0 32px;display:flex}.death-stats>div{flex-direction:column;align-items:center;gap:4px;display:flex}.death-stats .k{letter-spacing:.28em;text-transform:uppercase;color:#a09789;font-size:10px}.death-stats .v{color:#efe4cc;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.death-btn{color:#efe4cc;letter-spacing:.42em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:linear-gradient(#38564c99,#1c302899);border:1px solid #b8e8c873;border-radius:3px;padding:14px 36px;font-family:Palatino,serif;font-size:13px;font-weight:600;transition:all .25s;box-shadow:0 0 24px #b8e8c82e}.death-btn:hover{letter-spacing:.48em;background:linear-gradient(#4e7464b3,#2a4238a6);border-color:#b8e8c8b3;box-shadow:0 0 32px #b8e8c866}#loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);color:#efe4cc;pointer-events:auto;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 40%,#080e1059,#040608d9 70%),#0406088c;justify-content:center;align-items:center;font-family:Palatino,Book Antiqua,Georgia,serif;transition:opacity .7s;display:flex;position:fixed;inset:0}#loading-overlay.fade-out{opacity:0;pointer-events:none}body.loading-active #lobby{display:none!important}.loading-inner{text-align:center}.loading-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #000000b3)drop-shadow(0 0 22px #b8e8c833);width:140px;height:140px;margin:0 auto 16px;animation:4s ease-in-out infinite loading-logo-bob;display:block}@keyframes loading-logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.loading-brand{letter-spacing:.32em;color:#efe4cc;text-shadow:0 0 24px #b8e8c838;font-size:38px}.loading-sub{letter-spacing:.2em;opacity:.6;color:#b8a88a;margin-top:6px;font-size:12px;font-style:italic}.loading-sub:before{content:"— ";opacity:.7}.loading-sub:after{content:" —";opacity:.7}.loading-story{letter-spacing:.03em;color:#d8cfb8;text-shadow:0 0 14px #000000b3;text-align:center;max-width:640px;min-height:200px;margin:36px auto 0;padding:0 28px;font-family:Palatino,serif;font-size:19px;font-style:italic;line-height:1.7}.loading-story p{opacity:0;margin:0 0 12px;transition:opacity 1.4s,transform 1.4s;transform:translateY(8px)}.loading-story p:last-child{margin-bottom:0}body.story-rolling .loading-story p:first-child{opacity:1;transition-delay:.4s;transform:translateY(0)}body.story-rolling .loading-story p:nth-child(2){opacity:1;transition-delay:5s;transform:translateY(0)}body.story-rolling .loading-story p:nth-child(3){opacity:1;transition-delay:13s;transform:translateY(0)}.loading-progress{flex-direction:column;align-items:center;gap:8px;margin-top:28px;display:flex}.loading-bar{background:#0000008c;border:1px solid #c8b48c2e;border-radius:2px;width:280px;height:4px;overflow:hidden;box-shadow:inset 0 0 4px #00000080}.loading-fill{background:linear-gradient(90deg,#6a8575,#b8e8c8);width:0%;height:100%;transition:width .3s;box-shadow:0 0 10px #b8e8c873}.loading-pct{letter-spacing:.4em;color:#b8a88a;font-variant-numeric:tabular-nums;font-size:10px;transition:color .4s}.loading-pct.done{color:#b8e8c8;text-transform:uppercase;text-shadow:0 0 12px #b8e8c866}.skip-intro-btn{color:#b8e8c8;letter-spacing:.36em;text-transform:uppercase;cursor:pointer;opacity:.78;pointer-events:auto;background:0 0;border:1px solid #b8e8c866;border-radius:3px;margin-top:18px;padding:10px 22px;font-family:Palatino,serif;font-size:11px;transition:all .25s}.skip-intro-btn:hover{color:#efe4cc;opacity:1;letter-spacing:.42em;border-color:#b8e8c8d9;box-shadow:0 0 16px #b8e8c84d}.panel{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#1c1c1ae0,#10100ee0);border:1px solid #c8b48c24;border-radius:3px;box-shadow:0 10px 30px #00000080}.pirate-label{letter-spacing:.36em;text-transform:uppercase;color:#a09789;font-family:Palatino,serif;font-size:10px}.pirate-label:before{content:"· ";color:#95c1aa;opacity:.8}#hud{-webkit-user-select:none;user-select:none;pointer-events:none;color:#efe4cc;background:0 0;border:none;min-width:140px;padding:0;font-family:Palatino,serif;font-size:13px;position:fixed;bottom:18px;left:20px;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}#hud .title{display:none}#hud .row{font-variant-numeric:tabular-nums;justify-content:flex-start;gap:10px;padding:2px 0;display:flex}#hud .label{color:#a09789;font-size:12px;font-style:italic}#hud .value{color:#efe4cc;font-weight:600}#hud .hint{opacity:.85;color:#d8cfb8;letter-spacing:.05em;text-shadow:0 1px 2px #0009;margin-top:8px;font-size:11px;font-style:italic;line-height:1.7}#info-icons{z-index:80;flex-direction:column;align-items:flex-end;gap:8px;font-family:Palatino,serif;display:flex;position:fixed;bottom:110px;right:18px}body.lobby-active #info-icons,body.loading-active #info-icons,body.intro-active #info-icons{display:none!important}.info-icon{-webkit-backdrop-filter:blur(8px);color:#b8ae97;cursor:pointer;pointer-events:auto;background:linear-gradient(#1c1c1ae0,#10100ee0);border:1px solid #c8b48c2e;border-radius:3px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.info-icon:hover{color:#d8cfb8;border-color:#95c1aa8c;box-shadow:0 0 12px #7fa89433}.info-icon svg{width:60%;height:60%}#howto-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#020406c7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.howto-open #howto-overlay{pointer-events:auto;display:flex}body.howto-open #howto-overlay .howto-panel,body.howto-open #howto-overlay .howto-nav-btn,body.howto-open #howto-overlay .howto-close{pointer-events:auto}.howto-panel{color:#d8cfb8;background:linear-gradient(#1c1c1af5,#10100ef5);border:1px solid #b8e8c859;border-radius:4px;flex-direction:column;justify-content:center;width:640px;max-width:94vw;min-height:540px;padding:40px 48px 28px;font-family:Palatino,serif;display:flex;position:relative;box-shadow:0 30px 80px #000000b3,0 0 32px #b8e8c82e}.howto-close{color:#b8a88a;cursor:pointer;z-index:10;background:0 0;border:1px solid #c8b48c38;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;font-weight:300;line-height:1;transition:all .2s;display:flex;position:absolute;top:14px;right:14px;pointer-events:auto!important}.howto-close:hover{color:#efe4cc;border-color:#b8e8c8b3;transform:rotate(90deg);box-shadow:0 0 14px #b8e8c84d}.howto-slide{text-align:center;animation:.5s ease-out howto-fade;display:none}.howto-slide.active{display:block}@keyframes howto-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.howto-icon{color:#b8e8c8;filter:drop-shadow(0 0 22px #b8e8c866);width:120px;height:120px;margin:0 auto 22px}.howto-icon svg{width:100%;height:100%;overflow:visible}.howto-slide[data-slide="0"] .icon-wheel{transform-origin:32px 32px;transform-box:fill-box;animation:14s linear infinite howto-spin-slow}.howto-slide[data-slide="0"] .icon-needle{transform-origin:32px 32px;transform-box:fill-box;animation:5s ease-in-out infinite howto-needle}.howto-slide[data-slide="1"] .icon-arc-line{stroke-dasharray:90;stroke-dashoffset:90px;animation:3s ease-in-out infinite howto-draw}.howto-slide[data-slide="1"] .icon-target{transform-origin:56px 22px;transform-box:fill-box;animation:2.4s ease-in-out infinite howto-pulse}.howto-slide[data-slide="2"] .icon-flag{transform-origin:12px 14px;transform-box:fill-box;animation:3s ease-in-out infinite howto-wave}.howto-slide[data-slide="2"] .icon-skull{animation:3s ease-in-out infinite howto-icon-bob}@keyframes howto-icon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes howto-spin-slow{to{transform:rotate(360deg)}}@keyframes howto-needle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes howto-draw{0%{stroke-dashoffset:90px;opacity:0}20%{opacity:1}65%{stroke-dashoffset:0;opacity:1}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes howto-pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes howto-wave{0%,to{transform:skew(0)}25%{transform:skew(-10deg)}75%{transform:skew(10deg)}}.howto-eyebrow{letter-spacing:.36em;text-transform:uppercase;color:#a09789;opacity:.75;margin-bottom:6px;font-size:10px;font-style:italic;font-weight:400}.howto-eyebrow:before{content:"— ";opacity:.6}.howto-eyebrow:after{content:" —";opacity:.6}.howto-headline{letter-spacing:.2em;color:#efe4cc;text-shadow:0 0 22px #b8e8c82e;margin-bottom:22px;font-size:30px;font-weight:400}.howto-text{text-align:center;max-width:460px;margin:0 auto}.howto-text p{color:#cabd9f;letter-spacing:.02em;margin:0 0 10px;font-size:15px;font-weight:400;line-height:1.65}.howto-text p:last-child{margin-bottom:0}.howto-text em{color:#d8cfb8;font-style:italic}.howto-text kbd{letter-spacing:.06em;color:#d8cfb8;background:#b8e8c814;border:1px solid #b8e8c852;border-radius:3px;margin:0 2px;padding:2px 8px;font-family:Palatino,serif;font-size:13px;font-weight:400;display:inline-block}.howto-nav{border-top:1px solid #c8b48c1a;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;display:flex}.howto-nav-btn{color:#b8e8c8;cursor:pointer;z-index:10;background:0 0;border:1px solid #b8e8c84d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Palatino,serif;font-size:16px;transition:all .2s;display:flex;position:relative;pointer-events:auto!important}.howto-nav-btn:hover:not(:disabled){color:#efe4cc;border-color:#b8e8c8b3;box-shadow:0 0 14px #b8e8c84d}.howto-nav-btn:disabled{opacity:.25;cursor:not-allowed}.howto-dots{align-items:center;gap:10px;display:flex}.howto-dots .dot{background:#c8b48c40;border-radius:50%;width:6px;height:6px;transition:all .25s}.howto-dots .dot.active{background:#b8e8c8;border-radius:3px;width:22px;box-shadow:0 0 8px #b8e8c880}#audio-controls{z-index:80;flex-direction:column;gap:8px;font-family:Palatino,serif;display:flex;position:fixed;bottom:18px;right:18px}body.lobby-active #audio-controls{display:none}.audio-control{justify-content:flex-end;align-items:center;display:flex}.audio-icon{-webkit-backdrop-filter:blur(8px);color:#b8ae97;cursor:pointer;pointer-events:auto;background:linear-gradient(#1c1c1ae0,#10100ee0);border:1px solid #c8b48c2e;border-radius:3px;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.audio-icon:hover,.audio-control.open .audio-icon{color:#d8cfb8;border-color:#95c1aa8c;box-shadow:0 0 12px #7fa89433}.audio-icon svg{width:62%;height:62%}.audio-slider-wrap{opacity:0;align-items:center;max-width:0;margin-right:0;transition:max-width .25s,margin-right .25s,opacity .2s;display:flex;overflow:hidden}.audio-control.open .audio-slider-wrap{opacity:1;max-width:120px;margin-right:8px}.audio-slider{appearance:none;cursor:pointer;pointer-events:auto;background:#c8b48c2e;border-radius:2px;outline:none;width:120px;height:4px}.audio-slider::-webkit-slider-thumb{appearance:none;background:#95c1aa;border:1px solid #00000059;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #7fa89459}.audio-slider::-moz-range-thumb{background:#95c1aa;border:1px solid #00000059;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #7fa89459}#fps{-webkit-backdrop-filter:blur(12px);color:#a09789;font-variant-numeric:tabular-nums;letter-spacing:.14em;-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(#1c1c1ae0,#10100ee0);border:1px solid #c8b48c24;border-radius:3px;padding:6px 12px;font-family:ui-monospace,monospace;font-size:11px;position:fixed;top:20px;right:20px}#fps:after{content:" fps";opacity:.5}#hud kbd{color:#c9b892;background:#c8b48c14;border:1px solid #c8b48c1f;border-radius:2px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10px;display:inline-block}#player-card,#combat-hud{-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;pointer-events:none;color:#efe4cc;background:linear-gradient(#1c1c1ae0,#10100ee0);border:1px solid #c8b48c24;border-radius:3px;padding:14px 18px;font-family:Palatino,serif;position:fixed;box-shadow:0 10px 30px #00000080}#player-card{--skill-accent:#95c1aa;align-items:center;gap:12px;min-width:240px;padding:10px 22px 10px 12px;display:flex;top:18px;left:18px}#player-card:before{content:"";pointer-events:none;border:1px solid #c8b48c12;border-radius:2px;position:absolute;inset:4px}#player-card .avatar{background:radial-gradient(at 50% 40%,#7fa89442,#080a0a00 65%),linear-gradient(#161816e6,#060807f5);border-radius:50%;flex:none;width:56px;height:56px;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #000000a6,inset 0 0 0 1px #c8b48c47,0 0 0 1px #000000bf,0 0 0 3px #c8b48c52,0 0 0 4px #0000008c,0 8px 20px #0000008c,0 0 26px #7fa8942e}#player-card .avatar canvas{width:100%;height:100%}#player-card .player-info{border-left:1px solid #c8b48c14;flex-direction:column;flex:auto;gap:4px;min-width:0;padding-left:12px;display:flex}#player-card .player-name{letter-spacing:.16em;text-transform:uppercase;color:#d8cfb8;opacity:.95;text-shadow:0 0 10px #d8cfb833;white-space:nowrap;text-overflow:ellipsis;font-family:Palatino,serif;font-size:13px;font-weight:500;overflow:hidden}#hud .hud-buffs{flex-direction:column;gap:3px;margin-top:4px;display:flex}#hud .hud-buffs:empty{margin-top:0}#hud .buff-row{--buff-color:#d8cfb8;background:linear-gradient(90deg, color-mix(in srgb, var(--buff-color) 0%, transparent) 0%, color-mix(in srgb, var(--buff-color) 45%, transparent) 100%);border-radius:2px;padding-top:5px;padding-bottom:1px}#hud .buff-row .label,#hud .buff-row .label:before{color:#efe4cc}#hud .buff-row .value{color:#fff;font-weight:700}#hud .row .label{position:relative;top:1px}#player-card .player-skill{align-items:center;gap:6px;margin-bottom:2px;display:flex}#player-card .player-skill-icon{width:18px;height:18px;color:var(--skill-accent);border:1px solid color-mix(in srgb, var(--skill-accent) 45%, transparent);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--skill-accent) 14%, transparent) 0%, transparent 75%);box-shadow:0 0 10px color-mix(in srgb, var(--skill-accent) 22%, transparent), inset 0 0 6px #0006;border-radius:3px;flex:none;justify-content:center;align-items:center;display:flex}#player-card .player-skill-icon svg{width:72%;height:72%}#player-card .player-skill-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}#player-card .player-skill-name{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--skill-accent) 85%, #d8cfb8);opacity:.9;font-family:Palatino,serif;font-size:10px;font-weight:500}#player-card .player-skill-tag{display:none}#combat-hud{align-items:stretch;gap:18px;padding:12px 20px 14px;display:flex;bottom:24px;left:50%;transform:translate(-50%)}#combat-hud:before{content:"";pointer-events:none;border:1px solid #c8b48c14;border-radius:2px;position:absolute;inset:6px}.label{letter-spacing:.38em;text-transform:uppercase;color:#a09789;margin-bottom:7px;font-family:Palatino,serif;font-size:9px}.label:before{content:"· ";color:#95c1aa;opacity:.8}#player-card .hp-row{align-items:center;gap:8px;margin-top:2px;display:flex}#player-card .hp-bar{background:#00000073;border:1px solid #c8b48c1f;border-radius:2px;flex:auto;height:7px;overflow:hidden;box-shadow:inset 0 0 6px #00000080}#player-card .hp-fill{background:linear-gradient(90deg,#7fa894 0%,#c9b892 80%,#a86a5c 100%);width:100%;height:100%;transition:width .18s;box-shadow:0 0 8px #7fa89440}#player-card .hp-value{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#b8ae97;flex:none;min-width:26px;font-size:10px;font-weight:600}#combat-hud .weapon{z-index:1;flex-direction:column;align-items:center;gap:6px;padding:0 6px;display:flex;position:relative}#combat-hud .weapon+.weapon:before{content:"";background:linear-gradient(#0000,#c8b48c26,#0000);width:1px;position:absolute;top:6px;bottom:6px;left:-9px}#combat-hud .slots{justify-content:center;gap:7px;display:flex}#combat-hud .weapon .label{text-align:center;margin:0;font-size:9px}#combat-hud .weapon .label .key{color:#b8e8c8;letter-spacing:.06em;opacity:.85;margin-left:2px;font-style:normal}#combat-hud .slot{--slot-accent:#95c1aa;border:1px solid color-mix(in srgb, var(--slot-accent) 22%, #c8b48c1f);background:linear-gradient(180deg, #1416168c, #0a0c0c8c), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--slot-accent) 8%, transparent) 0%, transparent 70%);opacity:.2;border-radius:3px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,box-shadow .2s,opacity .2s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #00000073}#combat-hud .slot-fill{background:color-mix(in srgb, var(--slot-accent) 30%, transparent);z-index:1;pointer-events:none;height:0%;transition:height 80ms linear;position:absolute;bottom:0;left:0;right:0}#combat-hud .slot-icon{z-index:2;width:61%;height:61%;color:color-mix(in srgb, var(--slot-accent) 70%, #d8cfb8);pointer-events:none;justify-content:center;align-items:center;transition:color .2s,filter .2s,transform .2s;display:flex;position:relative}#combat-hud .slot-icon svg{width:100%;height:100%}#combat-hud .slot.ready{opacity:1;border-color:color-mix(in srgb, var(--slot-accent) 65%, transparent)}#combat-hud .slot.ready:before{content:"";background:conic-gradient(from 0deg, transparent 0%, transparent 55%, color-mix(in srgb, var(--slot-accent) 85%, transparent) 78%, color-mix(in srgb, var(--slot-accent) 100%, transparent) 88%, transparent 100%);filter:blur(2px);z-index:0;pointer-events:none;border-radius:4px;animation:3.2s linear infinite slot-sweep;position:absolute;inset:-2px}#combat-hud .slot.ready:after{content:"";background:linear-gradient(180deg, #141616eb, #0a0c0ceb), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--slot-accent) 18%, transparent) 0%, transparent 75%);z-index:0;pointer-events:none;border-radius:2px;position:absolute;inset:1px}#combat-hud .slot.ready .slot-icon{color:var(--slot-accent);animation:2.4s ease-in-out infinite slot-icon-breath}@keyframes slot-sweep{to{transform:rotate(360deg)}}@keyframes slot-icon-breath{0%,to{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--slot-accent) 40%, transparent))}50%{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--slot-accent) 85%, transparent))}}#combat-hud .slot.cannonball{--slot-accent:#b8b8b8}#combat-hud .slot.fireball{--slot-accent:#e08a4a}body.armed-cannonball #combat-hud .slot.fireball,body.armed-fireball #combat-hud .slot.cannonball,body.armed-cannonball #combat-hud .slot.ultimate,body.armed-fireball #combat-hud .slot.ultimate{opacity:.35}body.armed-cannonball #combat-hud .slot.fireball.ready,body.armed-fireball #combat-hud .slot.cannonball.ready,body.armed-cannonball #combat-hud .slot.ultimate.ready,body.armed-fireball #combat-hud .slot.ultimate.ready{opacity:.45}body.armed-cannonball #combat-hud .slot.cannonball,body.armed-fireball #combat-hud .slot.fireball{opacity:1;border-color:color-mix(in srgb, var(--slot-accent) 90%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--slot-accent) 55%, #1416168c), color-mix(in srgb, var(--slot-accent) 30%, #0a0c0c8c)), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--slot-accent) 35%, transparent) 0%, transparent 80%);box-shadow:0 0 22px color-mix(in srgb, var(--slot-accent) 60%, transparent), inset 0 0 12px color-mix(in srgb, var(--slot-accent) 40%, transparent)}body.armed-cannonball #combat-hud .slot.cannonball .slot-icon,body.armed-fireball #combat-hud .slot.fireball .slot-icon{color:color-mix(in srgb, var(--slot-accent) 55%, #fff5d8);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--slot-accent) 80%, transparent))}#rage-vignette{pointer-events:none;opacity:0;z-index:5;background:radial-gradient(#0000 28%,#040816d9 100%);transition:opacity .25s;position:fixed;inset:0}body.rage-active #rage-vignette{opacity:1}body.rage-shield #rage-vignette{background:radial-gradient(#0000 32%,#1e3c6ec7 100%)}body.rage-shield #rage-blur{opacity:0!important}body.rage-shield #ultimate-bar{border-color:#78b4f08c;box-shadow:0 0 18px #6eaaf059}body.rage-shield #ultimate-bar .label{color:#d0e4ff;text-shadow:0 0 10px #82b4f080}body.rage-shield #ultimate-bar .fill{background:linear-gradient(90deg,#7fb0ff 0%,#3a6ec8 100%);box-shadow:0 0 10px #6496dc99}body.rage-phantom #rage-vignette{background:radial-gradient(#0000 32%,#280f46b8 100%)}body.rage-phantom #rage-blur{opacity:.7}body.rage-phantom #ultimate-bar{border-color:#be78e68c;box-shadow:0 0 18px #aa64dc59}body.rage-phantom #ultimate-bar .label{color:#e5cfff;text-shadow:0 0 10px #c88ce680}body.rage-phantom #ultimate-bar .fill{background:linear-gradient(90deg,#c88aff 0%,#5a28a0 100%);box-shadow:0 0 10px #b464dc99}body.rage-volley #rage-vignette{background:radial-gradient(#0000 35%,#1e3c1e80 100%)}body.rage-volley #rage-blur{opacity:0!important}body.rage-volley #ultimate-bar{border-color:#82c8828c;box-shadow:0 0 18px #82c88259}body.rage-volley #ultimate-bar .label{color:#d8f0c8;text-shadow:0 0 10px #8cd28c80}body.rage-volley #ultimate-bar .fill{background:linear-gradient(90deg,#b8e090 0%,#3a8038 100%);box-shadow:0 0 10px #78c87899}body.rage-hex #rage-vignette{background:radial-gradient(#0000 38%,#50145a8c 100%)}body.rage-hex #rage-blur{opacity:0!important}body.rage-hex #ultimate-bar{border-color:#d264e68c;box-shadow:0 0 18px #c864e659}body.rage-hex #ultimate-bar .label{color:#f3d0ff;text-shadow:0 0 10px #dc8cf080}body.rage-hex #ultimate-bar .fill{background:linear-gradient(90deg,#e080ff 0%,#8020c0 100%);box-shadow:0 0 10px #c864dc99}#enemy-label.hexed{border-color:#d264e6a6;box-shadow:0 0 14px #c864e659,0 4px 14px #00000073}#enemy-label.hexed .name-line:before{content:"· HEXED ";color:#e080ff;letter-spacing:.32em;text-shadow:0 0 8px #dc8cf080;margin-right:8px;font-size:8px;font-weight:600}body.rage-maelstrom #rage-vignette{background:radial-gradient(#0000 32%,#0a325aad 100%)}body.rage-maelstrom #rage-blur{opacity:.4}body.rage-maelstrom #ultimate-bar{border-color:#6ec8ff99;box-shadow:0 0 18px #6ec8ff66}body.rage-maelstrom #ultimate-bar .label{color:#cfeaff;text-shadow:0 0 10px #82c8ff8c}body.rage-maelstrom #ultimate-bar .fill{background:linear-gradient(90deg,#9fe4ff 0%,#1a78c0 100%);box-shadow:0 0 10px #6ebefaa6}#rage-blur{pointer-events:none;-webkit-backdrop-filter:blur(5px);opacity:0;z-index:4;transition:opacity .25s;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#0000 30%,#000 78%);mask-image:radial-gradient(#0000 30%,#000 78%)}body.rage-active #rage-blur{opacity:1}#ultimate-bar{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:8;background:linear-gradient(#120a0ad9,#080404e6);border:1px solid #ff501e8c;border-radius:3px;width:320px;padding:6px 12px 8px;font-family:Palatino,serif;display:none;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff5a1e59}#ultimate-bar.active{display:block}#ultimate-bar .label{letter-spacing:.42em;text-transform:uppercase;color:#ffd07a;text-align:center;text-shadow:0 0 10px #ff822880;margin-bottom:4px;font-size:9px;display:block}#ultimate-bar .track{background:#0000008c;border-radius:2px;height:5px;overflow:hidden}#ultimate-bar .fill{background:linear-gradient(90deg,#ffb030 0%,#ff3a10 100%);width:100%;height:100%;transition:width 60ms linear;box-shadow:0 0 10px #ff641e99}.remote-ship-label{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;-webkit-backdrop-filter:blur(6px);background:#0000008c;border:1px solid #dccda58c;border-radius:3px;font-family:Palatino,serif;display:none;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000073}.remote-ship-label .name-line{padding:5px 14px 6px}.remote-ship-label .prefix{letter-spacing:.32em;text-transform:uppercase;color:#a0c4ff;opacity:.95;margin-right:8px;font-size:8px}.remote-ship-label .prefix:before{content:"· ";color:#a0c4ff;opacity:.7}.remote-ship-label .name{letter-spacing:.32em;text-transform:uppercase;color:#d8cfb2;font-size:8px;font-weight:400}.remote-ship-label .hp{background:linear-gradient(#120a0ad9,#080404e6);border-top:1px solid #dccda559;height:5px;position:relative;overflow:hidden}.remote-ship-label .hp .fill{background:linear-gradient(90deg,#6abf78 0%,#c9b892 80%,#c98778 100%);width:100%;height:100%;transition:width .18s;box-shadow:0 0 10px #a0c4ff59,inset 0 1px #dce8ff4d}#enemy-label,#player-label{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;-webkit-backdrop-filter:blur(6px);background:#0000008c;border:1px solid #dccda58c;border-radius:3px;font-family:Palatino,serif;display:none;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000073}#enemy-label .name-line,#player-label .name-line{padding:5px 14px 6px}#enemy-label .prefix{letter-spacing:.32em;text-transform:uppercase;color:#ff7070;opacity:.9;margin-right:8px;font-size:8px}#enemy-label .prefix:before{content:"· ";color:#ff7070;opacity:.7}#enemy-label .name,#player-label .name{letter-spacing:.32em;text-transform:uppercase;color:#d8cfb2;font-size:8px;font-weight:400}#player-label .prefix{letter-spacing:.32em;text-transform:uppercase;color:#95c1aa;opacity:.95;margin-right:8px;font-size:8px}#player-label .prefix:before{content:"· ";color:#95c1aa;opacity:.7}#player-label{border-color:#95c1aa8c}#enemy-label .hp,#player-label .hp{background:linear-gradient(#120a0ad9,#080404e6);border-top:1px solid #dccda559;height:5px;position:relative;overflow:hidden}#enemy-label .hp .fill,#player-label .hp .fill{background:linear-gradient(90deg,#d8384a 0%,#ff6e5a 55%,#ffb788 100%);width:100%;height:100%;transition:width .18s;box-shadow:0 0 10px #ff505073,inset 0 1px #ffc8b459}#enemy-label .hp .fill:after,#player-label .hp .fill:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0% 35%,#ffffff24 50%,#0000 65% 100%);position:absolute;inset:0}#arc-indicator{--arc-color:#ffd84a;-webkit-backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--arc-color) 55%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--arc-color) 28%, transparent);color:var(--arc-color);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:70;background:#141006a6;border-radius:3px;align-items:center;gap:4px;padding:4px 6px;display:none;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.aim-locked #arc-indicator{display:inline-flex}#arc-indicator .arc-glyph{width:14px;height:14px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--arc-color) 60%, transparent))}#arc-indicator .arc-power{border:1px solid color-mix(in srgb, var(--arc-color) 35%, transparent);background:#00000080;border-radius:1px;width:4px;height:18px;position:relative;overflow:hidden}#arc-indicator .arc-power-fill{background:linear-gradient(180deg, var(--arc-color), color-mix(in srgb, var(--arc-color) 50%, #8a6a10));height:0%;box-shadow:0 0 6px color-mix(in srgb, var(--arc-color) 65%, transparent);transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}#channel-bar{-webkit-backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0f148c;border:1px solid #ff641e66;border-radius:6px;width:260px;height:12px;display:none;position:fixed;bottom:115px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 16px #ff641e26}#channel-bar.active{display:block}#channel-bar .fill{background:linear-gradient(90deg,#ff6a1a,#ffc14a);width:0%;height:100%;box-shadow:0 0 10px #ff7828b3}.pickup-label{letter-spacing:.32em;text-transform:uppercase;color:#d8cfb2;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;-webkit-backdrop-filter:blur(6px);background:#0000008c;border:1px solid #95c1aa8c;border-radius:3px;align-items:center;gap:8px;padding:5px 12px;font-family:Palatino,serif;font-size:10px;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000073,0 0 14px #7fa89433}.pickup-label .icon{color:#ffd07a;letter-spacing:0;text-shadow:0 0 8px #ffc87899;margin-right:6px;font-size:13px}.pickup-label .text{color:#d8cfb2}#aim-warning{letter-spacing:.42em;text-transform:uppercase;color:#ff8080;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:50;text-shadow:0 0 14px #ff50508c;background:#0000008c;border:1px solid #ff505080;border-radius:3px;padding:10px 22px;font-family:Palatino,serif;font-size:13px;font-weight:600;transition:opacity .25s;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}#aim-warning.show{opacity:1;transition:opacity 50ms}#lobby{z-index:100;color:#efe4cc;pointer-events:none;background:linear-gradient(90deg,#04050500 0% 50%,#0405058c 90%,#040505c7 100%);justify-content:flex-end;align-items:center;padding-right:40px;font-family:Palatino,Book Antiqua,Georgia,serif;transition:opacity .35s;display:flex;position:fixed;inset:0}#lobby.hidden,#lobby.hidden .lobby-inner{opacity:0;pointer-events:none!important}@property --lobby-angle{syntax:"<angle>";inherits:false;initial-value:0deg}#lobby .lobby-inner{--lobby-neon:#b8e8c8;--lobby-angle:0deg;background:linear-gradient(180deg, #1c1c1af0, #10100ef0) padding-box, conic-gradient(from var(--lobby-angle), transparent 0deg, transparent 200deg, color-mix(in srgb, var(--lobby-neon) 85%, transparent) 260deg, var(--lobby-neon) 300deg, color-mix(in srgb, var(--lobby-neon) 85%, transparent) 340deg, transparent 360deg) border-box;width:420px;max-width:92vw;box-shadow:0 30px 80px #000000bf, 0 0 32px color-mix(in srgb, var(--lobby-neon) 28%, transparent);-webkit-backdrop-filter:blur(8px);pointer-events:auto;border:2px solid #0000;border-radius:4px;padding:30px 34px 26px;animation:6s linear infinite lobby-sweep;position:relative}@keyframes lobby-sweep{to{--lobby-angle:360deg}}#lobby .lobby-header{text-align:center;margin-bottom:18px}#lobby .lobby-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #0000008c)drop-shadow(0 0 14px #b8e8c82e);-webkit-user-select:none;user-select:none;pointer-events:none;width:96px;height:96px;margin:0 auto 6px;display:block}#lobby .lobby-brand{letter-spacing:.28em;color:#efe4cc;text-shadow:0 0 30px #c8aa782e;font-size:28px;font-weight:400}#lobby .lobby-sub{letter-spacing:.12em;opacity:.55;color:#b8a88a;margin-top:4px;font-size:12px;font-style:italic}#lobby .lobby-sub:before{content:"— ";opacity:.6}#lobby .lobby-sub:after{content:" —";opacity:.6}#lobby .lobby-body{display:block}#lobby .lobby-preview{flex:none}#lobby .lobby-controls{flex-direction:column;flex:auto;min-width:0;display:flex}#lobby .lobby-section-label{letter-spacing:.38em;text-transform:uppercase;color:#a09789;margin:0 0 10px;font-family:Palatino,serif;font-size:10px}#lobby .lobby-section-label:before{content:"· ";color:#95c1aa;opacity:.8}#lobby .lobby-section-label+.lobby-section-label,#lobby #nickname-input+.lobby-section-label,#lobby .char-grid+*,#lobby .skill-panel+.lobby-section-label{margin-top:20px}#lobby #nickname-input{box-sizing:border-box;color:#efe4cc;letter-spacing:.05em;background:#00000059;border:1px solid #c8b48c24;border-radius:3px;outline:none;width:100%;padding:12px 14px;font-family:Palatino,serif;font-size:16px;transition:border-color .2s,box-shadow .2s}#lobby #nickname-input::placeholder{color:#7a7264;opacity:.7;font-style:italic}#lobby #nickname-input:focus{border-color:#7fa8948c;box-shadow:0 0 0 3px #7fa89414}#lobby .char-preview{justify-content:center;display:flex}#lobby .char-preview canvas{background:radial-gradient(at 50% 42%,#7fa89438,#080a0a00 65%),linear-gradient(#161816e6,#060807f5);border:1px solid #c8b48c1f;border-radius:4px;width:320px;height:420px;box-shadow:inset 0 0 60px #0009,0 12px 30px #0000008c}#lobby .char-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#lobby .char-card{cursor:pointer;text-align:center;background:#0000004d;border:1px solid #c8b48c1f;border-radius:3px;padding:12px 10px;transition:all .2s}#lobby .char-card:hover{background:#141e1a80;border-color:#7fa89473;transform:translateY(-2px)}#lobby .char-card.selected{background:#20342c8c;border-color:#95c1aabf;box-shadow:0 0 14px #7fa89438,inset 0 0 0 1px #95c1aa1a}#lobby .char-name{letter-spacing:.04em;color:#efe4cc;font-family:Palatino,serif;font-size:15px;font-weight:500}#lobby .char-sub{opacity:.55;color:#a09789;margin-top:4px;font-size:11px;font-style:italic}#lobby .color-swatches{box-sizing:border-box;grid-template-columns:repeat(10,1fr);gap:4px;width:100%;display:grid}#lobby .swatch{aspect-ratio:1;box-sizing:border-box;cursor:pointer;pointer-events:auto;border:1px solid #c8b48c33;border-radius:2px;width:100%;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;box-shadow:inset 0 0 6px #00000073}#lobby .swatch:hover{border-color:#7fa89480;transform:translateY(-2px)}#lobby .swatch.selected{border-color:#95c1aa;box-shadow:0 0 12px #95c1aa80,inset 0 0 6px #0006}#lobby .skill-panel{--skill-accent:#95c1aa;background:linear-gradient(180deg, #1416168c, #0a0c0c8c), radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--skill-accent) 18%, transparent) 0%, transparent 55%);border:1px solid #c8b48c24;border-left:2px solid var(--skill-accent);border-radius:3px;flex-direction:column;gap:12px;margin-top:14px;padding:14px 16px;transition:border-color .25s;display:flex;box-shadow:inset 0 0 22px #0006}#lobby .skill-head{border-bottom:1px solid #c8b48c1a;align-items:center;gap:12px;padding-bottom:10px;display:flex}#lobby .skill-icon{width:36px;height:36px;color:var(--skill-accent);border:1px solid color-mix(in srgb, var(--skill-accent) 45%, transparent);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--skill-accent) 14%, transparent) 0%, transparent 70%);box-shadow:0 0 14px color-mix(in srgb, var(--skill-accent) 22%, transparent), inset 0 0 8px #0006;border-radius:3px;flex:none;justify-content:center;align-items:center;display:flex}#lobby .skill-icon svg{width:22px;height:22px}#lobby .skill-text{flex:auto;min-width:0}#lobby .skill-name{letter-spacing:.08em;color:var(--skill-accent);text-transform:uppercase;font-family:Palatino,serif;font-size:15px;font-weight:600}#lobby .skill-tagline{letter-spacing:.06em;color:#a09789;opacity:.75;margin-top:2px;font-size:11px;font-style:italic}#lobby .skill-desc{color:#c8bfae;opacity:.88;border-top:1px solid #c8b48c1a;min-height:4.5em;padding-top:10px;font-size:12px;line-height:1.5}#lobby .skill-stats{grid-template-columns:1fr 1fr;gap:6px 18px;padding:4px 0;display:grid}#lobby .skill-stats .stat-row{align-items:center;gap:8px;display:flex}#lobby .skill-stats .stat-label{letter-spacing:.22em;text-transform:uppercase;color:#a09789;text-align:right;width:50px;font-size:8.5px;font-style:italic}#lobby .skill-stats .stat-track{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%),linear-gradient(#000000b3,#00000073);border:1px solid #c8b48c29;border-radius:2px;flex:auto;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3}#lobby .skill-stats .stat-fill{background: linear-gradient(180deg, color-mix(in srgb, var(--skill-accent) 100%, white 25%) 0%, var(--skill-accent) 45%, color-mix(in srgb, var(--skill-accent) 65%, #1a1a18) 100%);height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--skill-accent) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--skill-accent) 60%, white 40%);transition:width .35s cubic-bezier(.2,.7,.3,1)}#lobby .skill-stats .stat-value{font-variant-numeric:tabular-nums;min-width:28px;color:var(--skill-accent);text-align:right;text-shadow:0 0 6px color-mix(in srgb, var(--skill-accent) 40%, transparent);font-family:Palatino,serif;font-size:11px;font-weight:700}#lobby #start-btn{letter-spacing:.42em;text-transform:uppercase;color:#efe4cc;cursor:pointer;background:linear-gradient(#38564c8c,#1c30288c);border:1px solid #95c1aa66;border-radius:3px;width:100%;margin-top:22px;padding:14px;font-family:Palatino,serif;font-size:13px;font-weight:600;transition:all .25s}#lobby #start-btn:hover:not(:disabled){letter-spacing:.48em;background:linear-gradient(#4e7464a6,#2a423899);border-color:#95c1aab3;box-shadow:0 0 18px #7fa89447}#lobby #start-btn:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}#lobby .lobby-mode-row{grid-template-columns:1fr 1fr;grid-template-areas:"solo solo""create join";gap:8px;margin-top:22px;display:grid}#lobby .lobby-mode-row #start-btn{grid-area:solo;margin-top:0}#lobby .lobby-mode-row #create-room-btn{grid-area:create}#lobby .lobby-mode-row #join-room-btn{grid-area:join}#lobby #create-room-btn,#lobby #join-room-btn{letter-spacing:.32em;text-transform:uppercase;color:#d8cfb8;cursor:pointer;background:#b8e8c80a;border:1px solid #b8e8c852;border-radius:3px;width:100%;padding:12px;font-family:Palatino,serif;font-size:11px;font-weight:500;transition:all .2s}#lobby #create-room-btn:hover:not(:disabled),#lobby #join-room-btn:hover:not(:disabled){color:#efe4cc;background:#b8e8c81f;border-color:#b8e8c8b3;box-shadow:0 0 14px #b8e8c82e}#lobby #create-room-btn:disabled,#lobby #join-room-btn:disabled{opacity:.3;cursor:not-allowed}#join-overlay{z-index:250;-webkit-backdrop-filter:blur(6px);background:#020406d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.join-open #join-overlay{display:flex}.join-panel{color:#d8cfb8;text-align:center;pointer-events:auto;background:#0e1010f5;border:1px solid #b8e8c859;border-radius:4px;width:380px;max-width:92vw;padding:30px 32px 24px;font-family:Palatino,serif;box-shadow:0 30px 80px #000000b3,0 0 24px #b8e8c82e}.join-title{letter-spacing:.3em;text-transform:uppercase;color:#b8e8c8;font-size:20px;font-weight:300}.join-sub{letter-spacing:.14em;color:#a09789;opacity:.75;margin:8px 0 18px;font-size:11px}.join-input{box-sizing:border-box;letter-spacing:.4em;text-align:center;text-transform:uppercase;color:#b8e8c8;background:#0006;border:1px solid #b8e8c859;border-radius:3px;outline:none;width:100%;padding:16px;font-family:Palatino,serif;font-size:26px;font-weight:500;transition:border-color .2s,box-shadow .2s}.join-input:focus{border-color:#b8e8c8bf;box-shadow:0 0 18px #b8e8c838}.join-error{letter-spacing:.1em;color:#d88078;opacity:.95;min-height:14px;margin-top:8px;font-size:11px}.join-actions{gap:10px;margin-top:16px;display:flex}.join-btn{color:#d8cfb8;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c8b48c38;border-radius:3px;flex:1 1 0;padding:12px;font-family:Palatino,serif;font-size:12px;transition:all .2s}.join-btn:hover{color:#efe4cc;border-color:#b8e8c899}.join-btn.primary{color:#efe4cc;background:#b8e8c824;border-color:#b8e8c880}#waiting-overlay{z-index:240;-webkit-backdrop-filter:blur(8px);background:#020406e0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.waiting-open #waiting-overlay{display:flex}.waiting-panel{color:#d8cfb8;pointer-events:auto;background:#0e1010f5;border:1px solid #b8e8c859;border-radius:4px;width:460px;max-width:92vw;padding:32px;font-family:Palatino,serif;box-shadow:0 30px 80px #000000b3,0 0 24px #b8e8c82e}.waiting-title{letter-spacing:.3em;text-transform:uppercase;color:#b8e8c8;text-align:center;margin-bottom:18px;font-size:22px;font-weight:300}.waiting-code-row{background:#b8e8c80f;border:1px solid #b8e8c840;border-radius:3px;align-items:center;gap:12px;padding:10px 14px;display:flex}.waiting-code-label{letter-spacing:.32em;text-transform:uppercase;color:#95a496;font-size:9px}.waiting-code{letter-spacing:.36em;color:#b8e8c8;text-align:center;flex:auto;font-size:22px;font-weight:500}.waiting-copy{color:#b8a88a;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c8b48c4d;border-radius:2px;padding:4px 10px;font-family:Palatino,serif;font-size:10px}.waiting-copy:hover{color:#efe4cc;border-color:#b8e8c880}.waiting-section-label{letter-spacing:.36em;text-transform:uppercase;color:#95a496;text-align:center;margin:22px 0 10px;font-size:9px}.waiting-list{background:#0000004d;border:1px solid #c8b48c14;border-radius:3px;min-height:120px;max-height:220px;padding:10px 14px;overflow-y:auto}.waiting-list .row{border-bottom:1px solid #c8b48c0f;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.waiting-list .row:last-child{border-bottom:0}.waiting-list .row .nick{color:#d8cfb8;letter-spacing:.04em}.waiting-list .row .meta{color:#95a496;letter-spacing:.18em;text-transform:uppercase;font-size:10px}.waiting-option{color:#d8cfb8;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#283c462e;border:1px solid #c8b48c2e;border-radius:3px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-family:Palatino,serif;font-size:13px;transition:background .18s,border-color .18s;display:flex}.waiting-option:hover{background:#283c4647;border-color:#c8b48c52}.waiting-option input[type=checkbox]{accent-color:#95c1aa;cursor:pointer;width:14px;height:14px}.waiting-option.host-only-disabled{opacity:.55;cursor:not-allowed}.waiting-option.host-only-disabled input{pointer-events:none}.waiting-actions{gap:10px;margin-top:14px;display:flex}.waiting-btn{color:#d8cfb8;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c8b48c38;border-radius:3px;flex:1 1 0;padding:12px;font-family:Palatino,serif;font-size:12px;transition:all .2s}.waiting-btn:hover:not(:disabled){color:#efe4cc;border-color:#b8e8c88c}.waiting-btn.primary{color:#efe4cc;background:#b8e8c824;border-color:#b8e8c880}.waiting-btn:disabled{opacity:.4;cursor:not-allowed}.waiting-hint{letter-spacing:.12em;text-align:center;color:#a09789;opacity:.7;margin-top:14px;font-size:10px}