:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#eef1eb;background:#101415;font-synthesis:none;font-weight:400;--mint:#b9f775;--purple:#b8abff;--muted:#818c89;--line:#2a3232}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:96px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand-mark{font-size:38px;letter-spacing:-6px;font-weight:950;position:relative;line-height:1;padding-right:8px}.brand-mark span{color:var(--mint)}.brand-mark i{position:absolute;width:5px;height:5px;background:var(--mint);bottom:1px;right:0}.brand-name{border-left:1px solid #414845;padding-left:17px;font-weight:650;letter-spacing:2px;font-size:10px}.brand-name>span{display:block;margin-top:6px;letter-spacing:4px;color:#a1aaa6;font-size:10px}.header-right{display:flex;align-items:center;gap:26px}.build-tag{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#a6b1a9;display:flex;align-items:center;gap:9px}.build-tag i,.tiny-dot{width:6px;height:6px;background:var(--mint);border-radius:100%;display:inline-block;box-shadow:0 0 12px #b9f77522}.icon-button{height:36px;width:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px}.icon-button.muted{color:#69716d;text-decoration:line-through}main{max-width:1296px;padding:0 40px;margin:auto}.intro-line{display:flex;justify-content:space-between;margin:33px 0 23px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#9aa79f}.intro-note{font-size:12px;color:#79877f}.lobby-grid{display:grid;grid-template-columns:1.48fr 1fr;gap:26px}.hero{border:1px solid #303a32;border-radius:10px;background:radial-gradient(ellipse at 70% 10%,#24302566,transparent 65%),#171d1b;overflow:hidden;position:relative;display:flex;flex-direction:column}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#8eb18e11 1px,transparent 1px),linear-gradient(90deg,#8eb18e11 1px,transparent 1px);background-size:38px 38px}.hero-copy{padding:38px 38px 0;position:relative}.section-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1px;color:#bbc9b9}.section-kicker>span{height:6px;width:6px;background:var(--mint)}h1{font-size:clamp(44px,5.4vw,72px);line-height:1.22;letter-spacing:-3px;margin:21px 0 16px;font-weight:850}.mint-text{color:var(--mint)}.hero-copy p{font-size:13px;line-height:1.95;color:#9aa79f;margin:0}.preview{display:grid;grid-template-columns:1fr 56px 1fr;margin:34px 38px 24px;position:relative;flex:1;min-height:208px;max-height:245px;align-items:stretch}.mini-track{border:1px solid #374337;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:#101713}.mini-track.b{border-color:#3e3a4d;background:#17151e}.mini-label{display:flex;justify-content:space-between;padding:11px 12px;font-size:8px;letter-spacing:.8px;color:var(--mint);border-bottom:1px solid #b9f77522}.mini-track.b .mini-label{color:var(--purple);border-color:#b8abff22}.mini-label span:last-child{font-size:9px;letter-spacing:0}.mini-lanes{position:relative;flex:1;min-height:140px;background:repeating-linear-gradient(90deg,transparent 0%,transparent calc(25% - 1px),#ffffff0a calc(25% - 1px),#ffffff0a 25%),repeating-linear-gradient(0deg,transparent 0,transparent 34px,#ffffff06 34px,#ffffff06 35px)}.mini-lanes>i{position:absolute;left:calc(var(--x)*25% + 5px);top:var(--y);width:calc(25% - 10px);height:5px;border-radius:1px;background:var(--mint);box-shadow:0 0 14px #b9f77533}.mini-track.b .mini-lanes>i{background:var(--purple);box-shadow:0 0 14px #b8abff33}.mini-line{position:absolute;bottom:13px;width:100%;height:1px;background:var(--mint);box-shadow:0 0 10px #b9f77555}.mini-track.b .mini-line{background:var(--purple)}.mini-keys{display:flex;padding:8px 0;background:#b9f77508}.mini-keys span{width:25%;text-align:center;font-size:11px;color:#bdcbb8;font-weight:700}.mini-track.b .mini-keys span{color:#bdb4d9}.exchange{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#83917d}.exchange>span{font-size:23px;font-weight:650}.exchange small{font-size:7px;letter-spacing:1px}.exchange b{font-size:26px;color:var(--mint);font-weight:400;margin-top:11px}.hero-foot{position:relative;margin-top:auto;display:flex;gap:23px;padding:17px 38px;border-top:1px solid #303b31;color:#a0af9c;font-size:10px}.hero-foot .tiny-dot{width:5px;height:5px;margin-right:7px}.setup{border:1px solid var(--line);border-radius:10px;background:#181d1e;padding:28px}.setup-top{display:flex;align-items:center;justify-content:space-between}.micro{font-size:9px;color:#76807d;letter-spacing:1px}.setup h2{font-size:24px;letter-spacing:-.5px;margin:15px 0 24px}.mode-tabs{display:flex;background:#101415;border:1px solid #2a3030;padding:4px;border-radius:6px;gap:5px}.mode-tabs button{width:50%;border:0;background:transparent;color:#909b95;padding:12px 10px;font-size:12px;border-radius:4px;font-weight:650;display:flex;justify-content:space-between;align-items:center}.mode-tabs button span{font-size:9px;opacity:.5}.mode-tabs button.selected{background:#343e32;color:var(--mint);box-shadow:inset 0 0 0 1px #46533d}.mode-description{font-size:11px;color:#8c9791;line-height:1.7;margin:15px 0 26px}.field-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.tempo{display:flex;justify-content:space-between;align-items:center;margin:13px 0 7px}.tempo>button{background:#22292a;border:1px solid #37403e;border-radius:5px;height:32px;width:32px;font-size:18px;color:#b8c1ba}.tempo>div{display:flex;align-items:baseline;gap:6px}.tempo input{width:100px;color:#ecf4e8;border:0;background:none;text-align:center;font-size:44px;font-weight:650;letter-spacing:-2px;appearance:textfield;outline-offset:0}.tempo input::-webkit-inner-spin-button{appearance:none}.tempo>div>span{font-size:10px;color:#86917f;font-weight:600}input[type=range]{accent-color:var(--mint);width:100%;height:3px;cursor:pointer;margin:9px 0 11px}.range-labels{display:flex;justify-content:space-between;color:#707e74;font-size:9px}.round-field{display:flex;align-items:center;justify-content:space-between;margin:23px 0 20px;font-size:12px}.round-field select,.advanced select{color:#cbd3ca;background:#202728;border:1px solid #37403c;padding:9px 10px;border-radius:4px;font-size:11px}.key-guide{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:center;align-items:center;gap:18px}.key-guide>div{display:flex;align-items:center;gap:12px}.key-guide>div>span:last-child{font-family:monospace;font-size:13px;letter-spacing:3px;color:#c4cdc6}.player-badge{display:inline-flex;align-items:center;justify-content:center;height:23px;width:23px;border-radius:4px;font-size:11px;font-weight:700;color:var(--mint);background:#b9f77512;border:1px solid #b9f77533}.player-badge.b{color:var(--purple);background:#b8abff12;border-color:#b8abff33}.key-divider{color:#4c5950}.primary,.secondary{min-height:43px;border-radius:5px;font-size:12px;font-weight:650;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:16px}.primary{background:var(--mint);border:1px solid var(--mint);color:#172111}.primary:hover:not(:disabled){background:#c8ff8f}.primary>span{font-size:20px;font-weight:400}.secondary{background:#242c2b;border:1px solid #3b4540;color:#c3cfc5}.secondary:hover:not(:disabled){background:#303a33}#start-local{width:100%;justify-content:space-between;padding:12px 18px}.action-hint{font-size:9px;text-align:center;color:#7a877e;margin:12px 0 0}.advanced{border-top:1px solid var(--line);margin-top:21px;padding-top:15px}.advanced summary{font-size:10px;color:#939e97;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced label{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:20px;margin-top:17px}.advanced label>input[type=range]{max-width:150px}.advanced p{font-size:10px;color:#87928b;line-height:1.7}.advanced input[type=number]{width:65px;background:#101415;color:#d5dfd4;border:1px solid #3a443d;padding:5px;border-radius:3px;font-size:11px}.advanced label>span{color:#87928b}.how-to{display:grid;grid-template-columns:1.12fr 1fr 1fr 1fr;gap:24px;margin:32px 0 40px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.how-title h3{font-size:16px;margin:10px 0 0;font-weight:600}.how-step{display:flex;gap:12px}.step-number{font-size:11px;font-family:monospace;color:var(--mint);line-height:20px}.how-step strong{font-size:11px;font-weight:600}.how-step p{font-size:10px;color:#7f8b82;line-height:1.7;margin:7px 0 0}.site-footer{max-width:1296px;margin:0 auto;padding:0 40px 28px;display:flex;justify-content:space-between;color:#69796c;font-size:8px;letter-spacing:1.4px}.site-footer b{color:#b9f77588;margin:0 6px;font-weight:400}.lan-buttons{display:flex;gap:8px}.lan-buttons .primary{flex:1}.join-row{display:flex;gap:8px;margin-top:12px}.join-row input{min-width:0;flex:1;background:#101415;border:1px solid #36403b;border-radius:5px;padding:10px;color:#dae7d4;font-size:12px}.network-help{font-size:11px;color:#97a394;line-height:1.8}.network-address{font-size:11px;color:var(--mint);background:#b9f77508;padding:10px;line-height:1.8;border-radius:4px;font-family:monospace;overflow-wrap:anywhere}.room-title{display:flex;align-items:center;justify-content:space-between;font-size:12px}.room-title strong{color:var(--mint);font-size:22px;font-family:monospace;letter-spacing:2px;margin-left:7px}.text-button{background:none;border:0;color:#a7b5a2;font-size:11px;text-decoration:underline;text-underline-offset:4px}.room-players{margin:12px 0}.room-players>div{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:12px}.room-players small{margin-left:auto;color:#94a889;font-size:10px}#ready-button,.wide{width:100%}.wide{margin-top:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#e3f5d4;color:#182312;border:1px solid #b9f77555;box-shadow:0 8px 35px #0008;padding:15px 24px;border-radius:7px;font-size:12px;transition:opacity .2s,transform .2s;z-index:20;max-width:90vw;width:max-content}#toast.visible{opacity:1;transform:translate(-50%)}.arena-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 20px;gap:15px}.arena-toolbar h2{font-size:22px;margin:9px 0 0}.arena-meta{display:flex;align-items:center;gap:23px;font-family:monospace;font-size:12px;color:#b7c4b4}.arena-meta .secondary{font-family:inherit;font-size:11px;min-height:36px;padding:9px 14px}.phase-panel{display:flex;align-items:center;justify-content:space-between;background:#1c251d;border:1px solid #3c4b34;border-radius:7px;padding:16px 23px;margin-bottom:20px;gap:20px}.phase-copy{min-width:240px}.phase-copy>span{display:block;font-family:monospace;font-size:10px;color:var(--mint);letter-spacing:2px;margin-bottom:7px}.phase-copy strong{font-weight:500;font-size:12px;color:#cedcc6}.beats{display:flex;gap:8px}.beats>span{width:27px;height:27px;border:1px solid #47533e;border-radius:4px;text-align:center;line-height:26px;font-size:11px;color:#64735c}.beats>span.current{background:var(--mint);border-color:var(--mint);color:#203113;box-shadow:0 0 18px #b9f77533}.beats>span.past{background:#415033;color:#adca97}.phase-right{display:flex;gap:9px;align-items:baseline;white-space:nowrap}.phase-right strong{font-size:32px;font-family:monospace;color:var(--mint)}.phase-right>span{font-size:10px;color:#9cad8f}.boards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.board{border:1px solid #354335;border-radius:9px;background:#151b18;overflow:hidden;transition:border-color .2s;--accent:var(--mint)}.board.b{--accent:var(--purple);border-color:#3a374b;background:#19181e}.board.active{border-color:var(--accent);box-shadow:0 0 24px #b9f77505}.board.remote{opacity:.78}.board-heading{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #354035}.player-avatar{height:36px;width:36px;border:1px solid #b9f77544;color:var(--accent,var(--mint));background:#b9f77509;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.b .player-avatar{background:#b8abff09;border-color:#b8abff44}.board-heading>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.board-heading .eyebrow{font-size:8px}.board-heading>div>strong{font-size:12px;color:var(--accent);font-weight:550}.score-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.board-heading .score-wrap>strong{font-size:24px;letter-spacing:1px;font-family:monospace;color:#e2e9dc}.score-wrap>span{font-size:8px;letter-spacing:1px;color:#98a58f}.canvas-wrap{height:clamp(240px,43vh,450px);position:relative}.canvas-wrap canvas{width:100%;height:100%;display:block}.judgement{position:absolute;pointer-events:none;left:0;right:0;top:32%;display:flex;align-items:center;flex-direction:column;gap:5px;color:var(--accent);text-shadow:0 2px 14px #000;transition:opacity .07s}.judgement strong{font-size:29px;font-weight:800;letter-spacing:3px}.judgement span{font-size:10px}.judgement.miss{color:#f48d8d}.judgement.good{color:#ecc98b}.judgement.great{color:#8ddad9}.judgement.rec strong{font-size:18px;letter-spacing:5px}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 12px 13px;background:#141a17}.b .pads{background:#19181e}.pad{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;height:61px;background:#252f25;border:1px solid #46563f;border-bottom:3px solid #627b4f;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent)}.b .pad{background:#2c2838;border-color:#514767;border-bottom-color:#73638f}.pad span{font-size:21px;font-weight:600}.pad small{font-size:8px;opacity:.5}.pad.held{background:#658043;transform:translateY(2px)}.b .pad.held{background:#665489}.board-footer{display:flex;justify-content:space-between;padding:11px 20px;border-top:1px solid #ffffff0a;font-size:9px;color:#90a083;letter-spacing:.5px}.b .board-footer{color:#a098b3}.arena-foot{display:flex;justify-content:space-between;gap:10px;margin:20px 0 35px;font-size:9px;color:#82917b}.arena-foot .tiny-dot{width:5px;height:5px;margin-right:5px}.arena-foot b{font-weight:400;margin:0 5px;color:#4b5d43}.result-intro{text-align:center;padding:55px 0 28px}.result-intro h1{font-size:42px;letter-spacing:-1px}.result-intro p{font-size:12px;color:#9aaa91}.result-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:950px;margin:0 auto}.result-card{--accent:var(--mint);background:#1a221c;border:1px solid #394631;border-radius:10px;padding:26px}.result-card.b{--accent:var(--purple);background:#211e2a;border-color:#443b56}.result-player{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2px;color:var(--accent)}.result-score{font-size:54px;font-family:monospace;margin:24px 0 27px;letter-spacing:-2px;color:var(--accent)}.result-score>span{display:block;font-family:inherit;font-size:10px;letter-spacing:2px;color:#a5b29e;margin-top:8px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:23px;border-bottom:1px solid #ffffff15}.result-stats strong{display:block;font-size:23px;font-weight:550}.result-stats span{display:block;color:#9aa68f;font-size:10px;margin-top:7px}.result-stats small{font-size:11px}.grade-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 30px;margin-top:23px;font-size:10px;color:#acb7a5}.grade-counts span{display:flex;justify-content:space-between}.grade-counts b{color:#e1ebda}.result-note{text-align:center;font-size:11px;color:#92a087;line-height:1.9;margin:24px auto;max-width:700px}.result-actions{display:flex;justify-content:center;gap:14px;margin-bottom:60px}.result-actions button{min-width:150px}@media(min-width:1400px){main{padding:0 32px}.hero-copy{padding-top:44px}.preview{max-height:260px;min-height:230px}.hero-copy h1{font-size:76px}.setup{padding:32px}.site-header{padding:0 72px}}@media(max-width:1000px){main{padding:0 26px}.site-header{padding:0 26px;height:82px}.lobby-grid{gap:18px;grid-template-columns:1.1fr 1fr}.hero-copy{padding:30px 25px 0}.hero-copy h1{font-size:55px}.hero-copy p{font-size:11px}.preview{margin:30px 22px 22px;grid-template-columns:1fr 38px 1fr}.mini-label{padding:9px 6px;font-size:7px}.mini-label span:last-child{font-size:8px}.hero-foot{gap:15px;padding:17px 23px;font-size:8px}.setup{padding:23px}.setup h2{font-size:22px}.how-to{gap:16px;grid-template-columns:1fr 1fr 1fr}.how-title{grid-column:1/-1;display:flex;gap:20px;align-items:center}.how-title h3{margin:0}.phase-copy{min-width:190px}.phase-copy strong{font-size:10px}.beats{gap:5px}.beats>span{width:23px;height:25px;line-height:24px}.phase-panel{padding:13px 16px;gap:12px}.arena-foot{flex-wrap:wrap}.arena-toolbar h2{font-size:20px}.arena-meta{gap:12px;font-size:11px}.boards{gap:16px}.board-heading{padding:14px}.board-heading .score-wrap>strong{font-size:21px}.site-footer{padding-left:26px;padding-right:26px}}@media(max-width:700px){.build-tag{font-size:8px;letter-spacing:1px}.header-right{gap:12px}.brand{gap:13px}.brand-name{font-size:8px;padding-left:12px;letter-spacing:1px}.brand-name>span{font-size:8px}.brand-mark{font-size:31px}.site-header{height:72px;padding:0 19px}main{padding:0 18px}.intro-line{margin:23px 0 17px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro-note{font-size:9px}.lobby-grid{grid-template-columns:1fr}.hero-copy{padding:25px 25px 0}.hero-copy h1{font-size:53px;line-height:1.12;margin:19px 0 14px}.hero-copy p{font-size:11px}.preview{margin:23px 25px;min-height:175px;max-height:190px;grid-template-columns:1fr 48px 1fr}.mini-lanes{min-height:115px}.hero-foot{font-size:9px;padding:15px 25px;justify-content:space-between;gap:8px}.setup{padding:25px}.how-to{grid-template-columns:1fr;gap:22px;margin:27px 0;padding:25px 0}.how-title{margin-bottom:2px;display:block}.how-title h3{margin-top:10px}.how-step{gap:16px}.how-step p{margin-top:5px;font-size:11px}.how-step strong{font-size:12px}.site-footer{padding:0 18px 22px;font-size:7px;letter-spacing:.7px;gap:10px}.arena-toolbar{align-items:flex-start;margin-top:20px;gap:8px}.arena-toolbar h2{font-size:17px}.arena-meta{flex-wrap:wrap;justify-content:flex-end;gap:9px;max-width:155px;font-size:9px}.arena-meta .secondary{font-size:10px;min-height:30px;padding:7px 11px}.phase-panel{display:grid;grid-template-columns:1fr auto;gap:12px}.phase-copy{min-width:0}.phase-copy strong{font-size:10px}.phase-right{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:0;align-items:center}.beats{gap:7px}.beats>span{width:23px;height:22px;line-height:21px;font-size:9px}.boards{gap:8px}.board-heading{padding:10px 8px;gap:6px;flex-wrap:wrap}.player-avatar{height:25px;width:25px;font-size:16px}.board-heading>div>strong{font-size:9px}.board-heading .eyebrow{font-size:7px;letter-spacing:1px}.score-wrap{width:100%;margin-top:2px;flex-direction:row;align-items:center;justify-content:space-between}.board-heading .score-wrap>strong{font-size:18px;letter-spacing:0}.score-wrap>span{font-size:7px}.canvas-wrap{height:37vh;min-height:220px;max-height:340px}.pads{gap:4px;padding:0 5px 8px}.pad{height:59px;gap:0;border-bottom-width:2px}.pad span{font-size:17px}.pad small{display:none}.board-footer{font-size:8px;padding:10px 8px}.judgement strong{font-size:19px;letter-spacing:1px}.judgement span{font-size:8px}.arena-foot{font-size:8px;line-height:1.6;margin:14px 0 25px}.arena-foot>span:nth-child(2){order:3;width:100%;text-align:center}.result-intro{padding:37px 0 22px}.result-intro h1{font-size:30px}.result-cards{gap:12px;grid-template-columns:1fr}.result-card{padding:22px}.result-score{font-size:44px;margin:18px 0 22px}.result-note{font-size:10px}.result-actions{margin-bottom:40px}.result-actions button{min-width:130px}.result-stats strong{font-size:22px}}@media(max-height:700px)and (min-width:701px){.site-header{height:65px}.arena-toolbar{margin:15px 0}.phase-panel{padding:10px 18px;margin-bottom:14px}.canvas-wrap{height:36vh;min-height:190px}.pad{height:48px}.arena-foot{margin:12px 0 20px}.board-heading{padding-top:10px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.countdown-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;background:linear-gradient(180deg,#10141555,#101415d9 40%,#10141599 70%,transparent);color:var(--accent);text-align:center;padding:14px;z-index:2}.prep-label{font-size:13px;letter-spacing:3px}.prep-number{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:3px;text-shadow:0 0 30px #0008}.is-countdown .prep-number{font-size:100px;font-variant-numeric:tabular-nums;letter-spacing:0}.prep-hint{font-size:11px;color:#c6d0c1;line-height:1.8}.countdown-overlay:not(.is-countdown) .prep-hint{color:#98a394}@media(max-width:700px){.countdown-overlay{gap:12px;padding:8px}.prep-label{font-size:10px;letter-spacing:1px}.prep-number{font-size:30px}.is-countdown .prep-number{font-size:76px}.prep-hint{font-size:9px}}.session-options{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.session-options label{font-size:11px;color:#b9c7b3}.session-options select{width:100%;min-width:0;padding:11px 10px;background:#202728;color:#e0ead9;border:1px solid #3c493a;border-radius:5px;font-size:11px;text-overflow:ellipsis}.session-options p{font-size:10px;line-height:1.8;color:#9cae92;margin:0}.session-options #audio-status{color:var(--mint)}.session-options #audio-status:empty{display:none}.follow-progress{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 16px}.follow-progress>div>span{display:flex;justify-content:space-between;font-size:10px;color:var(--mint);margin-bottom:7px}.follow-progress>div:nth-child(2)>span{color:var(--purple)}.follow-progress b{font-family:monospace;font-weight:400;color:#9da995}.follow-progress progress{display:block;appearance:none;width:100%;height:4px;overflow:hidden;border:0;border-radius:3px;background:#283126;accent-color:var(--mint)}.follow-progress progress::-webkit-progress-bar{background:#283126}.follow-progress progress::-webkit-progress-value{background:var(--mint)}.follow-progress progress::-moz-progress-bar{background:var(--mint)}.follow-progress #progress-b{accent-color:var(--purple)}.follow-progress #progress-b::-webkit-progress-value{background:var(--purple)}.follow-progress #progress-b::-moz-progress-bar{background:var(--purple)}.creator-note{font-size:12px;color:#a4b69a;line-height:1.8;margin-top:24px}#game-mode-label{letter-spacing:1px}@media(max-width:700px){.follow-progress{gap:12px}.follow-progress>div>span{font-size:9px}.session-options select{font-size:11px}.session-options p{font-size:10px}}.mode-tabs button{width:auto;flex:1;min-width:0;gap:5px;font-size:11px;padding:12px 8px}.remote-setup{padding:16px 0 18px;margin-bottom:15px;border-bottom:1px solid var(--line)}.remote-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.remote-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.remote-badge{font-size:9px;color:var(--mint);padding:4px 6px;border-radius:4px;background:#b9f77512}.remote-setup>label{display:block;font-size:11px;color:#bac8b5;margin-bottom:9px}.remote-url-row{display:flex;gap:7px}.remote-url-row input{flex:1;min-width:0;padding:11px 9px;font-size:11px;background:#101415;color:#dce9d3;border:1px solid #394735;border-radius:5px}.remote-url-row button{padding:10px 12px;min-height:39px;font-size:11px}.remote-setup p{font-size:10px;color:#8f9e88;line-height:1.8;margin:11px 0 0;overflow-wrap:anywhere}.remote-setup #remote-status{color:#b3ce9e}.remote-setup #remote-status:empty{display:none}@media(max-width:380px){.mode-tabs button{font-size:10px;padding:11px 5px}.mode-tabs button span{display:none}}.room-summary{display:flex;justify-content:space-between;gap:10px;margin:15px 0 7px;font-size:10px;color:#9caf92}.room-players{max-height:340px;overflow-y:auto;scrollbar-width:thin}.room-players>.member-row{gap:9px;border-bottom:1px solid #ffffff09;padding:11px 0}.member-name{flex:1;min-width:0;font-size:11px;overflow-wrap:anywhere}.member-name>small{display:block;font-size:9px;margin-top:4px}.member-ready{font-size:9px;color:#a1b98b;white-space:nowrap}.transfer-host{border:1px solid #596b48;border-radius:4px;background:#293421;padding:6px 7px;font-size:9px;color:var(--mint);white-space:nowrap}.spectate-control{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#a7b79a;font-size:11px}.spectate-control select{background:#222a22;color:#d1dfc5;border:1px solid #45513c;border-radius:4px;padding:7px 10px;font-size:11px}.live-members{margin:20px 0;border:1px solid var(--line);border-radius:7px;padding:16px 20px;background:#171d19}.section-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.section-header small{font-size:10px;color:#829879}.live-score-row{display:grid;grid-template-columns:24px minmax(90px,1fr) 100px 70px 90px;gap:10px;align-items:center;padding:9px 6px;font-size:11px;border-top:1px solid #ffffff0a}.live-score-row.mine{background:#b9f77509}.live-rank{color:#7c9271}.live-name{overflow-wrap:anywhere;color:#c8d6be}.live-score-row strong{color:var(--mint);font-family:monospace;font-size:15px;text-align:right}.live-score-row>span:nth-last-child(2){text-align:right;color:#b4a8dd}.live-score-row small{color:#94a388;text-align:right;font-size:9px}@media(max-width:700px){.room-players>.member-row{gap:7px}.transfer-host{font-size:9px;padding:6px}.live-members{padding:13px 10px}.live-score-row{grid-template-columns:15px minmax(60px,1fr) 65px 48px;gap:6px;font-size:10px}.live-score-row small{display:none}.live-score-row strong{font-size:13px}.room-summary{font-size:9px}}.brand-name>span{font-size:13px;letter-spacing:1px;color:#e2ebdc}.game-brand-title{font-size:clamp(38px,4.7vw,66px);letter-spacing:-1px}.speed-control{padding:16px 18px;border:1px solid #50663e;border-radius:8px;background:linear-gradient(120deg,#273421,#19231d);margin:18px 0;min-width:0}.speed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.speed-heading label{font-size:14px;font-weight:650;color:#d9f6bd}.speed-heading output{font-family:monospace;font-size:12px;color:var(--mint)}.speed-control input[type=range]{height:22px;margin:10px 0;touch-action:pan-y}.speed-control p{font-size:10px;color:#9aa992;margin:10px 0 0}.speed-control .range-labels{color:#a4b698}#arena>.speed-control{max-width:720px;margin:16px auto}.shared-playfield{display:flex;flex-direction:column;max-width:806px;margin:0 auto;border:1px solid #3b493f;border-radius:12px;overflow:hidden;background:#151c1b}.shared-playfield .board{margin-left:0;border:0;border-radius:0;overflow:visible;opacity:1;box-shadow:none}.shared-playfield .board.active .board-heading{background:#b9f77508}.shared-playfield .board-heading{padding:12px 18px}.shared-playfield .board-heading>div>strong{font-size:11px}.shared-playfield .board-heading .eyebrow{font-size:9px}.shared-playfield .board-footer{padding:7px 18px}.shared-playfield .pads{padding:9px 0;gap:0;background:transparent}.shared-playfield .pad{margin:0 7px;height:52px}.shared-canvas-wrap{order:1;height:clamp(560px,74vh,900px);height:clamp(560px,74svh,900px);min-height:560px;max-height:none;border-top:1px solid #3c493d;border-bottom:1px solid #443b55;--accent:var(--purple)}.shared-canvas-wrap canvas{touch-action:none;user-select:none;-webkit-user-select:none}.shared-canvas-wrap .judgement-A{top:23%;color:var(--mint)}.shared-canvas-wrap .judgement-B{top:60%;color:var(--purple)}.shared-canvas-wrap .judgement.miss{color:#f48d8d}.shared-canvas-wrap .judgement.good{color:#ecc98b}.shared-canvas-wrap .judgement.great{color:#8ddad9}.shared-canvas-wrap .countdown-overlay{inset:auto 12%;gap:4px;padding:12px;background:#101817df;border:1px solid #4c61445c;border-radius:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shared-canvas-wrap .prep-A{top:105px;--accent:var(--mint)}.shared-canvas-wrap .prep-B{bottom:80px;--accent:var(--purple)}.shared-canvas-wrap .prep-number{font-size:26px}.shared-canvas-wrap .is-countdown .prep-number{font-size:54px}.shared-canvas-wrap .prep-hint{font-size:10px}.shared-canvas-wrap .prep-label{font-size:11px;letter-spacing:1px}@media(max-width:600px){.brand{gap:10px}.brand-name{padding-left:10px}.brand-name>span{font-size:11px;letter-spacing:0}.speed-control{padding:13px}.shared-playfield .board-heading{padding:10px;gap:9px;flex-wrap:nowrap}.shared-playfield .board-heading>div:nth-child(2){min-width:0;flex:1}.shared-playfield .board-heading>div>strong{font-size:10px}.shared-playfield .board-footer{padding:6px 10px}.shared-playfield .pad{height:48px;margin:0 4px}.shared-canvas-wrap{height:clamp(500px,72vh,820px);height:clamp(500px,72svh,820px);min-height:500px}.shared-canvas-wrap .countdown-overlay{left:6%;right:6%}.shared-playfield .score-wrap{margin-left:auto}}.shared-preview{display:block;max-height:none;min-height:260px;margin-top:26px}.shared-preview .mini-track{height:100%;min-height:260px}.shared-preview .mini-lanes{min-height:190px}.shared-preview .mini-label{font-size:10px}.preview-frog{position:absolute;top:8px;left:calc(62.5% - 23px);width:46px;height:46px;border:2px solid var(--mint);border-radius:50%;object-fit:cover}.preview-note{position:absolute;top:var(--y);left:calc(var(--x)*25% + 6%);width:13%;height:auto}.in-game .site-header,.in-game .site-footer{display:none}.in-game .arena-toolbar{margin:14px 0}.in-game .phase-panel{padding:11px 18px;margin-bottom:12px}.in-game .arena-toolbar h2{font-size:18px}#arena>.speed-control{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px 24px;padding:10px 16px}#arena>.speed-control .range-labels,#arena>.speed-control p{display:none}#arena>.speed-control input{margin:0}@media(max-width:600px){#arena>.speed-control{grid-template-columns:1fr;gap:6px}.in-game .arena-toolbar h2{font-size:14px}.in-game .phase-panel{padding:10px}.in-game .phase-copy{min-width:0}.in-game .arena-meta{gap:8px}}.song-upload{padding:13px;border:1px dashed #4a5e41;border-radius:7px;background:#b9f77505;margin:12px 0}.song-upload>label{display:block;color:#cfdfc3;margin-bottom:10px}.song-upload input[type=file]{max-width:100%;width:100%;font-size:11px;color:#b6c5ae}.song-upload input::file-selector-button{background:#34452c;color:#d9efc7;border:1px solid #5b7348;border-radius:4px;padding:8px 10px;margin-right:8px;cursor:pointer}.song-upload p{overflow-wrap:anywhere;font-size:11px;line-height:1.7;color:#9ba993;margin:8px 0 0}#song-upload-status{color:#d1e7c1}.song-upload progress{width:100%;height:6px;margin-top:10px;accent-color:var(--mint)}.session-options .manual-bpm-option{display:flex;align-items:center;gap:9px;font-size:12px;margin:14px 0;color:#c8d4bf}.manual-bpm-option input{accent-color:var(--mint);width:17px;height:17px;flex-shrink:0}.speed-preview{grid-column:1/-1;width:100%;margin-top:8px;border:1px solid #526b42;border-radius:8px;overflow:hidden;background:#131b19}.speed-preview>span{display:block;padding:8px 12px;color:#b9cfab;font-size:10px;border-bottom:1px solid #3b4c34}.speed-preview canvas{display:block;width:100%;height:290px}.speed-heading output{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:600px){.speed-preview canvas{height:270px}}.track-row{order:1;display:block}.track-row .shared-canvas-wrap{order:0;min-width:0}.playfield-shell{position:relative;max-width:806px;margin:0 auto;box-sizing:border-box}.playfield-shell .fever-panel[hidden]{display:none}.play-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;max-width:806px;margin:14px auto 0;flex-wrap:wrap}.play-actions[hidden],.play-actions [hidden]{display:none}.fever-panel{position:absolute;right:calc(100% + 12px);top:0;width:78px;height:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:16px 9px;border:1px solid #514e3c;border-radius:11px;background:#1b211e;color:#ddd8b6}.fever-heading{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.fever-heading>strong{font-size:13px;font-weight:850;letter-spacing:.5px;color:#ebd790}.fever-heading>span{display:none}.fever-heading>b{font:11px monospace;white-space:nowrap}.fever-meter{position:relative;flex:1;min-height:0;width:20px;margin:0 auto;border:1px solid #5c573f;border-radius:7px;background:#0e1413;overflow:hidden}.fever-meter>:is(div,span){position:absolute;bottom:0;left:0;height:100%;width:100%;background:linear-gradient(0deg,#c3a552,#f6df8f);transform:scaleY(0);transform-origin:bottom;transition:transform .1s linear;border-radius:inherit}.fever-footer{display:flex;flex-direction:column;gap:9px}.fever-footer>span{font-size:10px;text-align:center;color:#bdb38e}.fever-footer .fever-trigger{min-height:44px;border:1px solid #5c6149;border-radius:5px;color:#ddd8b6;background:#282f25;font-size:11px;padding:8px 3px;white-space:normal;touch-action:manipulation}.fever-ready{border-color:#b6a15e}.fever-ready .fever-footer .fever-trigger{color:#201c11;background:#ebd790;border-color:#ebd790}.fever-active{border-color:#ffe584;background:#302b20}.fever-active .fever-meter>:is(div,span){background:#ffe584;transition:none}@media(max-width:1000px){.playfield-shell.has-fever{max-width:876px;padding-left:70px}.playfield-shell .fever-panel{left:0;right:auto;width:60px;padding:12px 6px;gap:12px}.fever-heading>strong{font-size:11px}.fever-heading>b{font-size:10px}.fever-footer .fever-trigger{font-size:10px}}.fire-button{width:46px;height:46px;flex-shrink:0;border:1px solid #5b4235;border-radius:10px;background:#30221b;font-size:25px;touch-action:manipulation}.fire-button:active:not(:disabled){transform:translateY(2px);background:#573626}.composer-review{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #46503d;border-radius:10px;background:#1b231c;padding:18px 22px;margin:0 auto 20px;max-width:700px}.composer-review[hidden]{display:none}#lobby-review{max-width:none}.composer-review>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}.composer-review>div>span,.review-saved{font-size:11px;color:#9daa92}.composer-review strong{font-size:16px;overflow-wrap:anywhere}.review-buttons{display:flex;gap:10px}.review-buttons button{display:flex;align-items:center;gap:8px;min-height:43px;border:1px solid #4b5842;border-radius:7px;background:#273121;color:#e2eacd;padding:10px 15px;font-size:13px;touch-action:manipulation}.review-buttons button.selected{background:#3d512e;border-color:#add675;color:#d7f5b6;opacity:1}.review-buttons button[data-review=dislike].selected{background:#51322e;border-color:#dd9587;color:#ffccc0}.member-name .member-reputation{display:flex;gap:16px;color:#c3cbb5;font-size:11px;margin:5px 0 0;letter-spacing:.2px}@media(max-width:600px){.play-actions{gap:8px}.composer-review{padding:15px}.shared-playfield .pad{margin:0 2px;min-width:0;gap:2px}.shared-playfield .pad span{font-size:clamp(12px,3vw,21px)}.shared-playfield .pad small{display:none}}#arena>.speed-control .speed-shortcuts{grid-column:1/-1;color:#99a98e;font-size:11px}.speed-shortcuts kbd{display:inline-block;padding:2px 6px;margin-right:4px;border:1px solid #546147;border-radius:4px;font:inherit;color:#d5e9c3}.speed-shortcuts kbd:not(:first-child){margin-left:12px}.delay-settings{margin:18px 0;padding:16px;border:1px solid #526050;border-radius:8px;background:#1a241e}.delay-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.delay-heading strong{font-size:15px;color:#d9edcc}.delay-heading span{font-size:10px;color:#9aac91}.delay-settings>label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c3d2b8}.delay-settings>label>span{white-space:nowrap}.delay-settings input[type=number]{width:78px;padding:7px;background:#111912;color:#e0f3d4;border:1px solid #526b45;border-radius:4px;font:16px monospace;text-align:right}.delay-settings input[type=range]{width:100%;margin:13px 0 8px;accent-color:var(--mint)}.delay-settings p{font-size:11px;color:#a3b39a;line-height:1.8;margin:12px 0 0}.delay-actions{display:flex;gap:14px;align-items:center;margin-top:14px}.delay-actions .secondary{flex:1}.calibration-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow-y:auto;padding:24px;border:1px solid #73905d;border-radius:14px;background:#17211b;color:#dce9d3;box-shadow:0 20px 80px #0009;overscroll-behavior:contain}.calibration-dialog::backdrop{background:#060c0bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.calibration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.calibration-heading h2{margin:0;font-size:22px}.calibration-heading button{min-height:34px;padding:8px 13px}.calibration-dialog p{font-size:13px;line-height:1.8;color:#bacdb0}.calibration-dialog .calibration-note{font-size:11px;color:#91a486}.calibration-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #3c4e34;font-size:12px}.calibration-summary strong{font:700 20px monospace;color:var(--mint)}#calibration-status{min-height:46px;color:#d9eacb}.calibration-dialog progress{width:100%;height:7px;accent-color:var(--mint);margin:0 0 16px}.calibration-tap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:130px;border:2px solid #a0c880;border-radius:12px;color:#d6f5bd;background:#344d27;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.calibration-tap strong{font-size:21px}.calibration-tap span{font-size:12px;color:#b2ca9e}.calibration-tap:active:not(:disabled){background:#526d3f}.calibration-tap:disabled{opacity:.5}.calibration-dialog button:focus-visible{outline:3px solid #e1f7c8;outline-offset:3px}#calibration-feedback{min-height:24px;font-variant-numeric:tabular-nums;font-size:12px}.calibration-result{border:1px solid #62794e;border-radius:8px;padding:15px;background:#23311d}.calibration-result>span{display:block;font-size:12px;color:#afc39d}.calibration-result>strong{display:block;font:700 34px monospace;color:var(--mint);margin-top:10px}.calibration-result p{margin-bottom:0;font-size:12px}.calibration-actions{display:flex;gap:12px;margin:18px 0}.calibration-actions button{flex:1;padding:12px 8px;font-size:13px}@media(max-width:600px){.calibration-dialog{padding:18px}.calibration-heading h2{font-size:19px}.calibration-tap{min-height:140px}}.session-options #hold-threshold{width:100%;accent-color:var(--mint);margin:0;min-height:24px}.session-options label[for=hold-threshold]{display:flex;justify-content:space-between;gap:12px}.session-options #hold-threshold-value{font-family:monospace;color:var(--mint)}.shared-playfield .pad{min-width:0}.shared-playfield .pad span{font-size:clamp(12px,2.6vw,20px)}.result-actions{flex-wrap:wrap}.result-actions #export-last-chart{min-width:210px}.export-dialog>label{display:flex;flex-direction:column;gap:8px;margin:15px 0;color:#afc39d;font-size:12px}.export-dialog input{width:100%;box-sizing:border-box;background:#111912;color:#dce9d3;border:1px solid #526b45;border-radius:5px;padding:10px;font-size:16px}.export-dialog a{color:var(--mint);display:block;padding:10px 0;text-decoration:underline}.export-dialog a[hidden]{display:none}#export-status{overflow-wrap:anywhere}.shared-playfield .pads{touch-action:none}@media(max-width:600px){.shared-playfield .pad{margin:0 2px}.shared-playfield .pad span{font-size:14px}.shared-playfield .pad small{display:none}}.judgement.skip{color:#e6b47c}.speed-control input:disabled{opacity:.5;cursor:not-allowed}.connection-settings-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;padding:24px;background:#17211b;color:#dce9d3;border:1px solid #637b52;border-radius:14px;box-shadow:0 20px 80px #0009;overscroll-behavior:contain}.connection-settings-dialog::backdrop{background:#060c0bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.connection-settings-dialog h2{margin:0;font-size:23px}.connection-settings-dialog h3{font-size:15px;margin:4px 0 16px}.connection-settings-note,.connection-settings-dialog>p{font-size:12px;line-height:1.8;color:#b6c8ac}.connection-settings-dialog .mode-tabs button{justify-content:center;font-size:13px}.connection-settings-dialog .mode-tabs{margin:16px 0}.connection-settings-dialog .match-settings{margin-top:20px;padding-top:16px;border-top:1px solid #3d4c35}.settings-button{white-space:nowrap}.force-start{margin-top:10px;border-color:#80683e;color:#efd49f}.speed-range-wrap{position:relative;min-width:0;padding-top:4px}.speed-range-wrap input{width:100%}.speed-has-host .speed-range-wrap{padding-top:24px}.host-speed-marker{position:absolute;top:23px;width:2px;height:26px;background:#f0d394;transform:translate(-50%);pointer-events:none}.host-speed-marker b{position:absolute;bottom:29px;left:50%;transform:translate(-50%);white-space:nowrap;color:#f0d394;font-size:10px;font-weight:600}.host-speed-marker[hidden]{display:none}.speed-slower{border-color:#a38349}.speed-slower p{color:#f0ce93;font-size:12px;line-height:1.7}#arena>.speed-control.speed-slower p{display:block;grid-column:1/-1;margin:4px 0}.speed-preview{grid-column:1/-1}.visual-calibration-dialog{width:min(900px,calc(100vw - 24px));padding:22px}.calibration-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);gap:22px;align-items:start}.calibration-stage{min-width:0}.calibration-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#202d20;padding:10px 12px;color:#c9e3ba;font-size:11px}.calibration-stage canvas{display:block;width:100%;height:clamp(320px,48svh,500px);background:#13191c;touch-action:none;border:1px solid #3e5135;box-sizing:border-box}.calibration-stage #calibration-feedback{font-size:12px;line-height:1.7;min-height:42px;margin:10px 0}.calibration-stage #calibration-keys{margin:9px 0;font-size:11px}.calibration-pads{display:grid;gap:5px;margin-top:8px;touch-action:none}.calibration-pads button{padding:13px 3px;min-width:0;border:1px solid #627b50;border-radius:5px;color:#def4ce;background:#34482d;font-size:14px;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none}.calibration-pads button:active{background:#637e4e}.calibration-pads button:disabled{opacity:.4}.calibration-controls{min-width:0}.calibration-controls>label{display:block;font-size:12px;color:#c5d7b8;margin:15px 0 8px}.calibration-controls input[type=number]{box-sizing:border-box;width:85px;margin-left:12px;padding:6px;border:1px solid #586d49;border-radius:4px;background:#101912;color:#e0ecd7;font-size:16px}.calibration-controls input[type=range]{width:100%;accent-color:#b9f775}.calibration-controls output{float:right;color:#c6eda7;font:700 14px monospace}.calibration-controls .calibration-summary{padding-top:0}.calibration-controls .calibration-summary strong{font-size:18px}.calibration-controls .calibration-actions{flex-wrap:wrap;gap:8px}.calibration-controls .calibration-actions button{font-size:12px;min-width:75px}.calibration-controls .calibration-result{margin-bottom:16px}.calibration-result button{width:100%;margin-top:12px}.calibration-controls .wide{width:100%}#calibration-beats{display:flex;gap:5px}#calibration-beats i{font-style:normal;display:grid;place-items:center;width:21px;height:21px;border-radius:4px;background:#111c14;color:#84917c}#calibration-beats i.current{color:#182014;background:#c7eea7;box-shadow:0 0 10px #c7eea74d}.calibration-alignment{display:flex;align-items:center;gap:10px;font-size:10px;color:#a5b39b;margin-top:10px}.calibration-alignment>div{height:12px;flex:1;position:relative;border:1px solid #5c6f50;border-radius:4px;background:linear-gradient(90deg,#3b2d20 42.5%,#3d5830 42.5% 57.5%,#3b2d20 57.5%)}.calibration-alignment>div:after{content:"";position:absolute;top:-4px;bottom:-4px;left:50%;width:1px;background:#c9e4b5}.calibration-alignment i{position:absolute;top:-2px;height:14px;width:4px;background:#f4c58d;transform:translate(-50%);z-index:1}.calibration-alignment i.aligned{background:#c1fa9b}@media(max-width:700px){.visual-calibration-dialog{padding:16px}.calibration-layout{grid-template-columns:1fr;gap:16px}.calibration-stage canvas{height:320px;min-height:280px}.connection-settings-dialog{padding:18px}.header-right{gap:8px}.settings-button{padding:8px 12px}.calibration-controls .calibration-summary{padding-top:8px}.calibration-controls .calibration-actions{margin:12px 0}}#lobby{padding-top:24px}.lobby-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);align-items:start}.room-browser{min-width:0;padding:24px;border:1px solid var(--line);border-radius:10px;background:#171f1b}.room-browser-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.room-browser-heading h2{font-size:21px;margin:0}.room-browser-heading button{min-height:34px;padding:8px 14px}#room-list-status{font-size:13px;color:#a9b7a2;margin:24px 0;overflow-wrap:anywhere}.room-list{display:grid;gap:10px}.room-list-row{display:flex;align-items:center;gap:14px;padding:16px;background:#111915;border:1px solid #3a4a36;border-radius:7px}.room-list-details{min-width:0;flex:1}.room-list-details h3{font-size:16px;margin:0;color:#dce9d4;overflow-wrap:anywhere}.room-list-details p{font-size:12px;color:#adbea2;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.room-list-details small{font-size:11px;color:#91a585;overflow-wrap:anywhere}.room-list-row button{flex-shrink:0;font-size:12px;padding:9px 14px;min-height:36px}#lobby .setup{padding:24px}#lan-actions{margin-bottom:24px}.has-room .lobby-grid{grid-template-columns:minmax(0,760px);justify-content:center}.room-title h2{font-size:22px;margin:0 0 9px;overflow-wrap:anywhere}.room-title>div{min-width:0}.room-title strong{font-size:16px;letter-spacing:1px}.room-title>button{flex-shrink:0}.room-name-form{display:flex;align-items:center;gap:8px;margin:16px 0}.room-name-form label{font-size:12px;white-space:nowrap}.room-name-form input{min-width:0;flex:1;padding:9px;background:#101817;border:1px solid #46583e;border-radius:4px;color:#dce9d4;font-size:14px}.room-name-form button{min-height:34px;padding:8px 12px;white-space:nowrap}.feel-settings{border-top:1px solid #3d4c35;margin-top:20px;padding-top:20px}.feel-settings>label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;font-size:13px}.feel-settings input[type=number]{width:80px;padding:8px;background:#101817;border:1px solid #46583e;border-radius:4px;color:#dce9d4;font-size:16px}.feel-settings input[type=range]{width:65%;accent-color:var(--mint)}.session-options p:empty,.delay-settings p:empty{display:none}.speed-control p[hidden]{display:none!important}.room-browser[hidden],.room-name-form[hidden]{display:none}@media(max-width:800px){#lobby{padding-top:14px}.lobby-grid{grid-template-columns:1fr}.room-browser,#lobby .setup{padding:18px}.room-list-row{padding:12px}.room-name-form{flex-wrap:wrap}.room-name-form label{width:100%}}.lobby-discovery{display:grid;gap:20px;min-width:0}.has-room .lobby-discovery{display:none}.project-preview .hero-copy{padding:26px 28px 0}.project-preview .game-brand-title{font-size:clamp(38px,4.7vw,62px);line-height:1.12;margin:0}.project-preview .shared-preview{margin:22px 28px 28px;min-height:260px;max-height:none}@media(max-width:800px){.lobby-discovery{gap:14px}.project-preview .hero-copy{padding:22px 22px 0}.project-preview .shared-preview{margin:20px 22px 22px}}.entry-settings{display:flex;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.entry-settings button{flex:1;font-size:12px}.setup #lan-actions{margin:0}.setup #lan-network-info{margin-top:16px}.settings-nav{display:flex;gap:8px;margin:22px 0}.settings-nav button{flex:1;border:1px solid #42543b;border-radius:6px;padding:11px;background:#111a15;color:#aebea5;font-size:14px}.settings-nav button.selected{color:#1c2c13;background:var(--mint);border-color:var(--mint);font-weight:700}.settings-panel[hidden]{display:none}.settings-panel .session-options{margin:0}.settings-panel .settings-fields{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.settings-panel .speed-control{margin-top:0}.settings-panel .match-settings{margin-top:22px}.settings-panel .tempo{margin:12px 0}.settings-panel #lan-settings-hint{font-size:12px;color:#aebea5}.settings-panel .delay-settings{margin-bottom:0}.has-room .lobby-grid{grid-template-columns:minmax(0,1080px)}#lobby.has-room .setup{padding:0;background:none;border:0;box-shadow:none;min-width:0}.room-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.room-header .room-title{display:block;min-width:0}.room-header .room-title h2{font-size:28px;margin:0 0 10px;line-height:1.4}.room-code-line{display:flex;align-items:center;gap:16px;color:#a2b398;font-size:12px}.room-code-line strong{color:var(--mint);font:700 18px monospace;letter-spacing:2px;margin-left:8px}.room-header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.room-header-actions .secondary{font-size:12px;min-height:36px;padding:9px 13px}.room-card{padding:22px;border:1px solid #3b4b36;background:#19221c;border-radius:12px;min-width:0}.room-card h3{font-size:15px;color:#dcebd2;margin:0}.room-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.room-card-heading>span{font-size:12px;color:#a4b69a}.room-start-card{border-color:#6f8d52;background:linear-gradient(110deg,#283923,#1a251d);margin-bottom:18px}.room-start-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.room-start-heading p{margin:0;color:#b7cca9;font-size:12px;line-height:1.7}.room-start-buttons{display:flex;flex-wrap:wrap;gap:12px}.room-start-buttons button{flex:1;min-width:130px;min-height:46px;margin:0}.room-start-buttons #ready-button{width:auto}.room-start-buttons .force-start{flex:0 1 auto;padding:12px 24px}.room-config-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.room-level-card>strong{display:block;font-size:20px;line-height:1.5;overflow-wrap:anywhere;color:#e1eed8}.room-level-card>p,.room-personal-card>p{font-size:12px;line-height:1.8;color:#a9bc9e;margin:10px 0 0}.room-personal-card>.secondary{margin-top:15px;font-size:12px;padding:9px 14px;min-height:36px}.room-members-card .room-players{margin:0;max-height:520px;overflow-y:auto}.room-members-card .member-row{padding:14px 0;border-top:1px solid #ffffff0c;gap:10px;display:grid;grid-template-columns:26px minmax(0,1fr) auto auto}.room-members-card .member-row:first-child{border-top:0}.room-members-card .member-name{font-size:13px;overflow-wrap:anywhere}.room-members-card .member-ready{font-size:11px;white-space:nowrap}.room-members-card .transfer-host{font-size:10px;white-space:nowrap;padding:7px}.calibration-required{padding:12px 14px;border:1px solid #8e7849;border-radius:7px;background:#463c22;color:#f3dfac!important}@media(max-width:800px){.room-header{align-items:flex-start;gap:12px;flex-wrap:wrap}.room-header .room-title h2{font-size:24px}.room-header-actions{gap:14px}.room-config-grid{grid-template-columns:1fr;gap:14px}.room-card{padding:18px}.room-start-heading{align-items:flex-start;flex-direction:column;gap:8px}.room-start-buttons{gap:9px}.room-start-buttons button{min-width:110px}.room-start-buttons .force-start{padding:10px 14px}.room-members-card .member-row{gap:7px}.room-config-grid,.room-start-card{margin-bottom:14px}}.shared-canvas-wrap .judgement.perfect{color:#ffe996;text-shadow:0 0 18px #ffcc6680,0 2px 12px #000}.shared-canvas-wrap .judgement.perfect strong{font-size:36px;font-weight:900}.shared-canvas-wrap .judgement.great{color:#83eaff;text-shadow:0 0 12px #83eaff60,0 2px 12px #000}.shared-canvas-wrap .judgement.great strong{font-size:31px}.shared-canvas-wrap .judgement.good{color:#b6d7a5}.shared-canvas-wrap .judgement.good strong{font-size:25px}.shared-canvas-wrap .judgement.miss{color:#ff727c;text-shadow:0 0 10px #ff727c60,0 2px 12px #000}.room-track-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.room-track-actions .secondary{min-width:0;padding:11px 8px;min-height:42px;font-size:12px;white-space:normal;line-height:1.4}.room-track-actions .selected{border-color:#a7d77c;color:#d9f5bd;background:#34492a}.room-level-card .room-track-hint{font-size:11px;color:#8fa481;margin-top:12px}.room-level-card .room-track-status{font-size:12px;color:#d5eac7;overflow-wrap:anywhere;line-height:1.7}.room-track-status:empty,.song-library-status:empty{display:none}.room-level-card progress{width:100%;height:7px;accent-color:var(--mint);margin-top:12px}.uploaded-song-choice{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-top:12px;background:#111a14;border:1px solid #36482f;border-radius:6px}.uploaded-song-choice>span{flex:1;min-width:0;font-size:12px;color:#b8cca9;overflow-wrap:anywhere}.uploaded-song-choice>button{flex-shrink:0}.uploaded-song-choice[hidden]{display:none}.song-library-dialog{width:min(660px,calc(100vw - 28px))}.song-library-list{display:grid;gap:12px;margin-top:22px}.library-song{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #4b613d;border-radius:10px;background:#1d2a1b}.library-song-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:9px;background:#39502c;color:#c9f39f;font-size:28px}.library-song-info{flex:1;min-width:0}.library-song-info h3{font-size:17px;margin:0 0 7px;color:#e1efd5}.library-song-info p{font-size:12px;color:#adbd9e;margin:0;overflow-wrap:anywhere}.library-song>.primary{flex-shrink:0;min-height:38px;padding:10px 16px;font-size:12px}.song-library-status{font-size:12px;color:#b9cba9;margin:16px 0 0}@media(max-width:600px){.room-track-actions{gap:6px}.room-track-actions .secondary{padding:10px 5px}.library-song{padding:14px;gap:11px;flex-wrap:wrap}.library-song-icon{width:40px;height:40px}.library-song>.primary{margin-left:auto}.library-song-info h3{font-size:15px}}.room-members-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #ffffff0c}.room-members-title{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.room-members-title>span{font:12px monospace;color:#a4b69a}.room-members-card .room-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin-top:8px;max-height:440px}.room-members-card .member-row{min-width:0;margin:0}.room-members-card .member-row:nth-child(-n+2){border-top:0}.settings-panel>.session-options{padding:0;border:0}.settings-panel .match-settings{padding-top:18px;border-top:1px solid #3d4c35;margin-top:18px}.settings-panel .settings-fields{margin-top:12px;padding-top:0;border:0}.settings-panel .manual-bpm-option{margin:0 0 14px}.settings-panel .feel-settings{margin-top:18px;padding-top:0}.settings-panel .delay-actions{gap:12px}.settings-panel .delay-actions .secondary{flex:1}.settings-panel .delay-settings{padding:16px}.settings-panel #timing-settings[hidden]{display:none}@media(max-width:800px){.room-members-heading{align-items:stretch;flex-direction:column;gap:16px}.room-members-card .room-players{grid-template-columns:1fr;column-gap:0}.room-members-card .member-row:nth-child(2){border-top:1px solid #ffffff0c}}.room-personal-card>.speed-control{padding:0;margin:0;border:0;border-radius:0;background:none}.room-personal-card .speed-heading{gap:12px;flex-wrap:wrap}.room-personal-card .speed-heading label{font-size:14px}.room-personal-card .speed-heading output{font-size:12px}.room-personal-card .speed-preview{margin-top:14px}.room-calibration-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:18px;border-top:1px solid #ffffff0d}.room-calibration-summary p{font-size:12px;color:#a9bc9e;margin:0;white-space:nowrap}.room-calibration-summary button{font-size:12px;padding:9px 12px;min-height:36px}.quick-keys{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0 0 18px}.quick-keys>span{font-size:12px;color:#c9d9be;font-weight:650}.quick-keys>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(100px,1.5fr);gap:4px;padding:4px;border:1px solid #44503b;border-radius:9px;background:#111813}.quick-keys button{min-width:0;min-height:36px;border:0;border-radius:6px;background:transparent;color:#a8b5a0;font:700 13px monospace}.quick-keys button.selected{background:var(--mint);color:#203116;box-shadow:0 2px 10px #b9f7751c}.quick-keys button:disabled{cursor:default;opacity:.65}.quick-keys button.selected:disabled{opacity:1}#room-keys{margin-top:16px;padding-bottom:14px;border-bottom:1px solid #ffffff0c}.room-players .member-ready{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap}.room-players .member-ready.is-ready{color:#c9ff8c}.ready-check{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#b9f7751e;border:1px solid #b9f77566;color:#c9ff8c;font-size:15px}.room-players .member-ready.not-ready{color:#ff6878}#ready-button.is-ready{background:#263723;color:#c9ff8c;border-color:#97ca63}.peer-song-tools{margin-top:14px;padding:12px;border:1px solid #3f4d37;border-radius:8px;background:#101811}.peer-song-tools[hidden]{display:none}.peer-song-message{font-size:11px;color:#bdcdae;line-height:1.7}.peer-song-message progress{display:block;width:100%;height:5px;margin-top:8px;accent-color:var(--mint)}.peer-song-message progress[hidden]{display:none}.peer-song-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:9px}.peer-song-actions button[hidden]{display:none}@media(max-width:600px){.quick-keys button{min-width:0;min-height:38px}.room-players .member-ready{font-size:11px}}.room-start-buttons .request-host-button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cba356;border-radius:7px;background:#493b20;color:#ffe2a0;font-size:13px;font-weight:750;touch-action:manipulation}.room-start-buttons .request-host-button[hidden]{display:none}.request-host-button>span{font-size:23px}.request-host-button small{font:11px monospace;opacity:.85}.request-host-button:hover:not(:disabled){background:#66502a}.request-host-button:disabled{opacity:.5;cursor:default}.host-request-banner{display:flex;align-items:center;gap:14px;padding:16px;margin-top:16px;border:1px solid #b8934b;border-radius:9px;background:linear-gradient(110deg,#59411f,#302c1d);box-shadow:inset 3px 0 #f4cf7c}.host-request-banner[hidden]{display:none}.host-request-crown{font-size:34px;color:#ffe3a0;flex-shrink:0}.host-request-banner>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.host-request-banner strong{font-size:17px;color:#fff0c6;overflow-wrap:anywhere}.host-request-banner>div>span{font-size:12px;color:#e6c78f}.host-request-banner button{min-height:36px;padding:9px 12px;background:#e4c076;border-color:#e4c076;color:#30220d;flex-shrink:0}.host-request-banner button[hidden]{display:none}.host-wanted-badge{display:block;width:fit-content;margin-top:5px;padding:3px 6px;border-radius:4px;background:#d9ae4f20;color:#f0ce85;font-size:10px;font-style:normal;white-space:nowrap}.host-request-alert{position:fixed;z-index:30;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:18px;padding:18px 26px;border:1px solid #f3cb77;border-radius:14px;background:linear-gradient(120deg,#59401e,#29271c);box-shadow:0 12px 48px #0009,0 0 25px #eac46c33;pointer-events:none;color:#ffedba}.host-request-alert[hidden]{display:none}.host-request-alert>span{font-size:46px}.host-request-alert>div{display:flex;flex-direction:column;gap:5px;min-width:0}.host-request-alert b{font-size:12px;color:#edc575;letter-spacing:2px}.host-request-alert strong{font-size:23px;overflow-wrap:anywhere}.host-request-alert small{font-size:12px;color:#dfd0ad}.quick-keys .more-keys-button{font-family:inherit;font-size:12px;padding:4px 7px;line-height:1.4}.match-settings>.quick-keys{grid-column:1/-1;margin:0 0 8px}.match-settings>#key-count[hidden]{display:none}.extra-keys-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.extra-keys-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:16px 10px;border:1px solid #465c3b;border-radius:9px;background:#1e2b1c;color:#d3e5c4}.extra-keys-grid button>strong{font:750 25px monospace}.extra-keys-grid button>span{font-size:10px;color:#afc49f;line-height:1.8;overflow-wrap:anywhere}.extra-keys-grid button.selected{border-color:#b9f775;background:#35482b;color:#dfffba}.extra-keys-grid button:disabled{opacity:.6}.speed-feedback{position:absolute;left:50%;top:calc(50% + 28px);transform:translate(-50%,-50%);z-index:4;padding:6px 11px;border:1px solid #d9edc52b;border-radius:6px;background:#0d171bd9;color:#e5f5d9;font:600 13px/1.5 monospace;white-space:nowrap;pointer-events:none;text-shadow:0 1px 5px #000;box-shadow:0 2px 12px #0004}.speed-feedback[hidden]{display:none}.play-guide-dialog{width:min(760px,calc(100vw - 28px));padding:26px}.guide-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:22px 0}.guide-nav button{padding:10px 8px;border:1px solid #3e5135;border-radius:6px;background:#202c20;color:#aabb9e;font-size:12px;min-height:40px}.guide-nav button.selected{border-color:#a5ce7a;color:#dbf7be;background:#35492c}.guide-page{min-height:310px;padding:20px;border:1px solid #3d5033;border-radius:10px;background:#121c16}.guide-page-heading{display:flex;align-items:center;gap:15px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #91ae7824}.guide-page-heading>span{font:700 32px monospace;color:#9ec579}.play-guide-dialog .guide-page h3{margin:0;font-size:21px;color:#e1efda}.guide-page p,.guide-page li{font-size:13px;line-height:1.95;color:#bdceb1}.guide-page p{margin:12px 0}.guide-page .guide-lead{font-size:17px;color:#e3f2d8;margin-top:0}.guide-page ul,.guide-page ol{padding-left:22px;margin:15px 0}.guide-page li{padding-left:4px;margin:8px 0}.guide-page .guide-note{font-size:12px;color:#99b08d;border-top:1px solid #3d5033;padding-top:14px}.guide-page kbd{display:inline-block;padding:2px 7px;border:1px solid #596a4c;border-bottom-width:2px;border-radius:4px;background:#273222;color:#e0edcf;font:12px monospace;line-height:1.6}.guide-key-layout{padding:13px;border:1px solid #4a5e3f;border-radius:7px;margin:15px 0;background:#1f2a1b}.guide-key-layout>span{font-size:11px;color:#acc798}.guide-key-layout>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.guide-grades{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.guide-grades>span{flex:1;min-width:90px;border:1px solid #4c5840;border-radius:6px;padding:10px;color:#d8c997;font:11px monospace}.guide-grades b{display:block;font-size:14px;color:#e7efd4;margin-top:7px}.guide-reactions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;font-size:24px}.guide-reactions span{font-size:12px;color:#bdceb1;margin-right:12px}.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}.guide-footer>span{font:12px monospace;color:#a6bd97}.guide-footer button{min-width:100px}@media(max-width:600px){.site-header{flex-wrap:wrap;gap:12px}.header-right{margin-left:auto;gap:8px}.header-right .settings-button{padding:8px 11px;min-height:36px}.host-request-banner{padding:12px;gap:10px;flex-wrap:wrap}.host-request-banner button{margin-left:auto}.host-request-alert{padding:14px 18px;gap:12px}.host-request-alert strong{font-size:20px}.extra-keys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-guide-dialog{padding:17px}.guide-nav{gap:5px;margin:18px 0}.guide-nav button{font-size:11px;padding:9px 4px}.guide-page{padding:15px;min-height:0}.guide-footer button{min-width:85px}.guide-key-layout kbd{padding:2px 6px}}.page-fire-layer{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden;contain:strict}.page-fire-layer[hidden],.page-fire[hidden]{display:none}.page-fire{position:absolute;top:100%;width:100px;height:100px;max-width:none;pointer-events:none;user-select:none;-webkit-user-select:none;transform:translateZ(0)}.shared-playfield .board[hidden],.follow-progress>div[hidden]{display:none}.player-combos{position:absolute;left:calc(100% + 12px);top:var(--track-top,100px);width:148px;box-sizing:border-box;padding:12px;border:1px solid #42513d;border-radius:10px;background:#19201c;max-height:var(--track-height,560px);overflow:auto;pointer-events:none}.player-combos[hidden]{display:none}.player-combos-title{display:block;margin-bottom:8px;font-size:10px;letter-spacing:1px;color:#a6b99a}#player-combo-list{display:grid;gap:6px}.player-combo{display:flex;align-items:center;gap:8px;min-width:0;min-height:42px;padding:7px 8px;border-radius:6px;background:#ffffff04;box-sizing:border-box}.player-combo.mine{background:#b9f77512}.player-combo.disconnected{opacity:.45}.player-combo-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#c2ccba}.player-combo-value{flex-shrink:0;font-family:monospace;font-size:23px;font-variant-numeric:tabular-nums;line-height:1;color:#d7edbd}.player-combo.mine .player-combo-value{color:var(--mint)}.feel-settings .toggle-setting{min-height:44px;cursor:pointer}.toggle-setting input{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:24px;flex-shrink:0;margin:0;border:1px solid #52604a;border-radius:14px;background:#101817;cursor:pointer}.toggle-setting input:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#9aa992;transition:transform .15s,background .15s}.toggle-setting input:checked{border-color:#9abd78;background:#35452a}.toggle-setting input:checked:after{transform:translate(18px);background:var(--mint)}.toggle-setting input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}@media(max-width:1200px){.player-combos{position:static;width:auto;max-height:none;margin:0 0 12px;padding:10px 12px}.player-combos-title{margin-bottom:6px}#player-combo-list{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.player-combo{min-height:35px;padding:6px 8px}.player-combo-value{font-size:20px}}@media(prefers-reduced-motion:reduce){.toggle-setting input:after{transition:none}}.room-rotation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff0b}.room-rotation .toggle-setting{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:#d0ddc4;cursor:pointer}.toggle-setting input:disabled{cursor:default;opacity:.65}#host-rotation-next{min-width:0;font-size:11px;color:#a6ba95;overflow-wrap:anywhere}.room-timing-slot .settings-fields{margin-top:14px;padding:16px;border:1px solid #3d4e36;border-radius:8px;background:#131c16}.room-timing-slot .field-heading{color:#d6e9c8;font-weight:650}.room-timing-slot .tempo{margin:10px 0 6px}.room-timing-slot .tempo input{font-size:36px;width:104px;letter-spacing:-1px}.room-timing-slot .tempo>button{width:40px;height:40px}.room-timing-slot .round-field{margin:16px 0 0;padding-top:14px;border-top:1px solid #ffffff0b;gap:12px}.room-timing-slot .round-field select{min-width:0;max-width:75%;min-height:40px}.room-timing-slot input[type=range]{height:18px;margin:4px 0;touch-action:pan-y}.keybind-settings{margin-top:20px;padding-top:18px;border-top:1px solid #3d4c35}.keybind-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.keybind-heading h3{margin:0}.keybind-heading select{min-height:40px;border:1px solid #4b5e3e;border-radius:6px;background:#101817;color:#dae9cf;padding:6px 12px}.keybind-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.keybind-lane{min-width:0;min-height:68px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#202b21;border:1px solid #40543a;border-radius:8px}.keybind-lane small{font-size:10px;color:#a3b297}.keybind-lane strong{font:700 20px monospace;color:#d3ecc0}.keybind-lane.listening{border-color:var(--mint);background:#34472b;box-shadow:0 0 0 2px #b9f77522}.keybind-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.keybind-status,.keybind-help{font-size:11px;line-height:1.7;color:#a6ba97}.keybind-help{margin:10px 0 0}.keybind-footer button{flex-shrink:0;min-height:36px}.diagnostics-settings{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:12px;border:1px solid #46513f;border-radius:8px;background:#111a15}.diagnostics-settings>div{flex:1;min-width:130px}.diagnostics-settings h3{margin:0;font-size:13px}.diagnostics-settings p{margin:6px 0 0;color:#9bab90;font-size:10px}.diagnostics-settings .secondary{min-height:38px;padding:8px 12px;font-size:11px}.network-issue{position:fixed;z-index:30;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));max-width:min(400px,calc(100vw - 28px));display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border:1px solid #a07c44;border-radius:10px;background:#28251af5;box-shadow:0 8px 30px #0006}.network-issue>span{width:100%;font-size:12px;line-height:1.6;color:#f1dfb4}.network-issue .secondary{min-height:36px;padding:8px 12px}.network-issue .text-button{margin-left:auto;color:#d2c6ab;min-height:36px}.network-issue[hidden]{display:none}.arena-meta>[data-download-diagnostics]{white-space:nowrap;min-height:36px}@media(max-width:600px){.arena-meta{flex-wrap:wrap;justify-content:flex-end}.keybind-lanes{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.keybind-footer{align-items:flex-start}.diagnostics-settings{padding:10px}.network-issue{max-width:min(340px,calc(100vw - 28px))}}.in-game .network-issue{top:max(8px,env(safe-area-inset-top));bottom:auto;max-width:min(300px,calc(100vw - 28px));padding:9px 12px;gap:6px}.in-game .network-issue>span{font-size:11px}.header-right .feedback-button{gap:7px;font-family:inherit}.feedback-button svg{flex-shrink:0;color:var(--mint)}@media(max-width:700px){.site-header{height:auto;min-height:72px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}.header-right{margin-left:auto;gap:8px}.header-right .feedback-button{padding:8px 11px;min-height:36px}.header-right .icon-button{flex-shrink:0}}.pending-start-status{margin:12px 0 0;color:#bdceb1;font-size:12px;line-height:1.7}.connection-entry-title{font-size:30px;font-weight:900;letter-spacing:.02em;line-height:1.25;margin:0 0 24px;color:#eef5e7}.self-play-entry{padding:24px;border:1px solid #48513d;border-radius:12px;background:linear-gradient(135deg,#20291e,#161d1c);min-width:0}.self-play-heading{display:flex;align-items:center;gap:14px;margin-bottom:19px}.self-play-heading h2{font-size:24px;margin:0;font-weight:850}.self-play-heading p{font-size:12px;color:#aebaa4;margin:6px 0 0}.self-play-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #5c7047;background:#b9f77512;color:var(--mint);border-radius:12px;font-size:28px;flex:none}.self-play-import{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.self-play-import>span{font-size:12px;color:#aebaa4;overflow-wrap:anywhere}.self-play-entry [data-selection]{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff18}.self-play-entry label{display:flex;align-items:center;gap:12px;font-size:12px;color:#bdcbb0}.self-play-entry select{flex:1;min-width:0;max-width:100%;padding:10px;border:1px solid #485842;background:#111a15;color:#e5efde;border-radius:6px;font:inherit}.self-play-entry [data-details]{font-size:12px;color:#c2ceb6;line-height:1.7;overflow-wrap:anywhere}.self-play-entry [data-status]{font-size:12px;color:#d8cb99;line-height:1.6;overflow-wrap:anywhere;margin-bottom:0}.self-play-entry [data-status]:empty{display:none}#self-play [data-title]{overflow-wrap:anywhere}#self-play [data-message]{color:#d8cb99;font-size:13px;line-height:1.7}#self-play [data-message]:empty{display:none}.self-play-score{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#1d2324}.self-play-score>strong{font:700 26px monospace;color:var(--mint)}.self-play-score>span{font:12px monospace;color:#c7baff}.self-play-score>span:last-child{margin-left:auto;color:#bbcab2}.self-play-countdown{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:48px;font-weight:900;color:#e6ffd0;text-shadow:0 2px 18px #000;pointer-events:none}.self-play-pads{order:2;display:grid;gap:5px;padding:10px 6px;background:#1c202a;touch-action:none}.self-play-pad{min-width:0;min-height:54px;border:1px solid #565067;border-bottom:4px solid #9588b9;border-radius:6px;background:#2b2839;color:#eee4ff;font-size:clamp(12px,2.6vw,20px);font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.self-play-pad.held{background:#62547d;border-color:#cfb9ff;transform:translateY(2px)}.self-play-speed{max-width:806px;margin:18px auto 28px;box-sizing:border-box}.self-play-speed input{width:100%;accent-color:var(--mint)}.self-play-result{max-width:806px;margin:35px auto}.self-play-result h2{text-align:center;font-size:30px}.self-play-result [data-summary]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.self-play-result [data-summary]>div{padding:22px 12px;text-align:center;background:#1a221e;border:1px solid #3c4a36;border-radius:10px}.self-play-result strong{display:block;font:700 26px monospace;color:var(--mint)}.self-play-result [data-summary] span{display:block;font-size:11px;color:#afbea3;margin-top:8px}@media(max-width:600px){.connection-entry-title{font-size:27px;margin-bottom:20px}.self-play-entry{padding:20px}.self-play-heading h2{font-size:22px}.self-play-score{gap:9px;padding:12px 9px;flex-wrap:wrap}.self-play-score>strong{font-size:22px}.self-play-score>span{font-size:10px}.self-play-pads{gap:3px;padding:8px 3px}.self-play-pad{font-size:13px}.self-play-result [data-summary]{grid-template-columns:repeat(2,minmax(0,1fr))}}#local-studio{max-width:1080px;margin:28px auto}.studio-timing{display:grid;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff16}.studio-timing>label{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c8d8ba;font-size:13px}.studio-timing input[type=number],.studio-timing select{max-width:180px;width:50%;box-sizing:border-box;background:#111a15;color:#e5efde;border:1px solid #485842;border-radius:6px;padding:10px;font-size:16px}.studio-extra-keys{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.studio-extra-keys button{padding:8px 12px}.studio-library{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;margin-top:15px;border:1px solid #4b5b41;border-radius:8px;background:#111a15}.studio-library span{font-size:14px;font-weight:700}#local-studio [data-use-file]{overflow-wrap:anywhere;text-align:left;margin-top:12px;max-width:100%}#local-studio [data-summary]{font-size:13px;color:#cbdcb8;line-height:1.8;margin-bottom:0}#local-studio .speed-control input[type=range]{width:100%;accent-color:var(--mint)}#local-studio [data-playing]{max-width:900px;margin:0 auto}.in-game #local-studio>.room-header{display:none}.in-game #local-studio{margin-top:0}#local-studio .self-play-pads{order:2}#local-studio [data-calibration]{margin:0}#local-studio .room-track-actions{margin-top:20px}@media(max-width:600px){#local-studio{margin:20px auto}.studio-timing input[type=number],.studio-timing select{max-width:160px}}.primary,.secondary,button.text-button,.transfer-host{font-family:inherit;border-radius:8px;font-weight:650;line-height:1.35;transition:background .15s,border-color .15s,color .15s}.primary:focus-visible,.secondary:focus-visible,button.text-button:focus-visible,.transfer-host:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button.text-button,.transfer-host{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #3b4540;background:#242c2b;color:#c3cfc5;font-size:12px;text-decoration:none;touch-action:manipulation}button.text-button:hover:not(:disabled),.transfer-host:hover:not(:disabled){background:#303a33;border-color:#53614f}.secondary.danger-button{background:#2b2424;border-color:#624343;color:#efb6ad}.secondary.danger-button:hover:not(:disabled){background:#3a2a29;border-color:#92605a}.room-header-actions button{min-height:36px;padding:8px 14px;font-size:12px}.self-replay-card{margin-bottom:18px}.self-replay-card>p{color:#a9bc9e;font-size:12px;line-height:1.7}.self-replay-card [data-selection]{padding-top:16px;margin-top:16px;border-top:1px solid #ffffff16}.self-replay-card label{display:flex;align-items:center;gap:14px;font-size:12px;color:#c5d7b8}.self-replay-card select{min-width:0;flex:1;padding:10px;border:1px solid #485842;border-radius:8px;background:#111a15;color:#e5efde}.self-replay-card [data-details],.self-replay-card [data-status]{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#c2ceb6}.self-replay-card [data-status]:empty{display:none}.lan-settings-panel{margin:18px 0;padding:16px;border:1px solid #46583e;border-radius:10px;background:#17201b}.lan-settings-panel p{font-size:12px;color:#b6c8ac;line-height:1.8}.lan-settings-panel label{display:block;font-size:12px;margin:16px 0 8px;color:#c9d9bd}.lan-settings-panel input{min-width:0;flex:1;background:#101817;border:1px solid #46583e;color:#dce9d4;border-radius:8px;padding:10px;font-size:14px}.lan-settings-panel>button,.lan-settings-panel #use-remote-instead{margin-top:14px}.lan-settings-panel code{-webkit-user-select:all;user-select:all;color:#d4eca8}#network-address a{display:block;margin:8px 0;color:#c8e8ad;overflow-wrap:anywhere}#network-address p{line-height:1.8}#arena .arena-toolbar{max-width:806px;margin:12px auto;align-items:center;min-height:36px}#arena .arena-meta{margin-left:auto;max-width:none;flex-wrap:nowrap;gap:10px}#arena .spectate-control{margin:0;gap:8px;font-size:11px}#arena .spectate-control select{max-width:160px}#arena .follow-progress{max-width:806px;margin:0 auto 12px;grid-template-columns:1fr;gap:0}#arena .follow-progress>div>span{justify-content:flex-end;margin-bottom:5px}#arena .shared-playfield .board{order:2}#arena .shared-playfield .track-row{order:0}#arena .arena-foot{max-width:806px;margin:10px auto 20px;align-items:center;font-size:10px}#arena .arena-foot>span{width:auto;order:initial}#arena .arena-foot .speed-shortcuts{margin:0}#arena .reaction-panel{position:absolute;left:calc(100% + 12px);top:var(--track-top,0px);height:var(--track-height,560px);width:78px;box-sizing:border-box;margin:0;padding:8px;display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;border:1px solid #514237;border-radius:11px;background:#211d19}#arena .reaction-panel[hidden]{display:none}#arena .reaction-panel{pointer-events:none}#arena .reaction-panel .fire-button{pointer-events:auto}#arena .fire-button{width:60px;height:60px;font-size:34px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:1000px){#arena .playfield-shell.has-reactions{max-width:946px;padding-right:70px}#arena .reaction-panel{left:auto;right:0;width:60px;padding:5px}#arena .fire-button{width:48px;height:56px;font-size:30px}}@media(max-width:600px){.in-game main{padding-left:8px;padding-right:8px}#arena .playfield-shell.has-fever{padding-left:52px}#arena .playfield-shell.has-reactions{padding-right:52px}#arena .playfield-shell .fever-panel,#arena .reaction-panel{width:46px;padding:6px 0}#arena .fire-button{width:44px;height:56px;font-size:30px}#arena .fever-heading>b{font-size:9px}#arena .fever-heading>strong{font-size:10px}#arena .fever-footer .fever-trigger{min-height:48px;font-size:10px}}.member-ready[data-remind-ready]{cursor:pointer;touch-action:manipulation}.member-ready[data-remind-ready]:focus-visible{outline:1px solid #ff8790;outline-offset:5px;border-radius:2px}.ready-reminder-edge{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:0;box-shadow:inset 0 0 70px 22px #df3030b3;background:radial-gradient(ellipse at center,transparent 55%,#cf242447 100%)}.ready-reminder-edge[hidden]{display:none}.fever-panel{text-align:center;touch-action:none;-webkit-user-select:none;user-select:none}.fever-panel:disabled{opacity:1;cursor:default}.fever-panel:active:not(:disabled){transform:none}.fever-footer .fever-trigger{display:flex;align-items:center;justify-content:center;pointer-events:none}#arena button.reaction-panel{pointer-events:auto;display:grid;place-items:center;align-items:center;justify-content:center;width:78px;height:var(--track-height,560px);padding:0;font-size:52px;touch-action:none;background:#30221b;border:1px solid #5b4235}#arena button.reaction-panel:active:not(:disabled){transform:none;background:#573626}@media(max-width:1000px){#arena button.reaction-panel{width:60px;font-size:42px}}@media(max-width:600px){#arena button.reaction-panel{width:46px;font-size:34px}}.lobby-actions-column{display:flex;flex-direction:column;gap:20px;min-width:0}.lobby-actions-column>.setup{width:100%}#lobby.has-room .lobby-actions-column{grid-column:1/-1}#lobby.has-room .self-play-entry{display:none}.game-loading{position:absolute;z-index:5;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px;background:#17201ef2;border:1px solid #465641;border-radius:10px;font-size:13px;text-align:center}.game-loading button{min-height:44px;padding:10px 20px}html.play-locked{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}body.in-game{position:fixed;inset:0;width:100%;height:var(--play-height,100dvh);overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.in-game #app{height:100%;min-height:0;overflow:hidden}body.in-game main{height:100%;width:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(4px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}body.in-game #arena,body.in-game #self-play,body.in-game #local-studio{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0 auto;overflow:hidden}body.in-game #arena .arena-toolbar,body.in-game .arena-toolbar{flex:none;width:100%;margin:4px auto;min-height:32px;align-items:center}body.in-game .arena-toolbar h2{font-size:16px;margin:0;max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.in-game .arena-toolbar .eyebrow{display:none}body.in-game #arena .follow-progress{flex:none;width:100%;margin:0 auto 6px}body.in-game .playfield-shell{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}body.in-game .shared-playfield{flex:1;min-height:0;width:100%;margin:0 auto}body.in-game .track-row{display:flex;flex-direction:column;flex:1;min-height:0}body.in-game .shared-canvas-wrap{flex:1;min-height:0;height:auto;max-height:none}body.in-game .shared-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}body.in-game .shared-playfield .board{flex:none}body.in-game .shared-playfield .pads{padding-top:5px;padding-bottom:5px}body.in-game .shared-playfield .pad{height:48px}body.in-game #arena .arena-foot{flex:none;width:100%;margin:6px auto 0;font-size:10px;line-height:18px}body.in-game #arena .arena-foot .speed-shortcuts{white-space:nowrap}body.in-game .player-combos{flex:none}body.in-game #self-play [data-game],body.in-game #local-studio [data-playing]{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0 auto}body.in-game .self-play-score{flex:none;padding:6px 12px}body.in-game .self-play-score>strong{font-size:20px}body.in-game .self-play-pads{flex:none;padding-top:5px;padding-bottom:5px}body.in-game .self-play-pad{min-height:44px}body.in-game .self-play-speed{flex:none;width:100%;padding:0;margin:6px auto 0;border:0;background:none}body.in-game .self-play-speed>.speed-heading,body.in-game .self-play-speed>input{display:none}body.in-game .self-play-speed .speed-shortcuts{margin:0}@media(max-width:1200px){body.in-game .player-combos{max-height:20%;overflow:hidden;margin-bottom:5px;padding:5px}.in-game .player-combo{min-height:26px;padding:3px 6px}.in-game .player-combos-title{margin-bottom:3px}}body.in-game .shared-canvas-wrap{contain:layout paint;isolation:isolate}.shared-canvas-wrap.relay-composer .prep-A{inset:6px 8px auto auto;min-width:0;width:auto;max-width:42%;padding:0 5px;gap:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.shared-canvas-wrap.relay-composer .prep-A .prep-label,.shared-canvas-wrap.relay-composer .prep-A .prep-hint{display:none}.shared-canvas-wrap.relay-composer .prep-A .prep-number{font-size:26px;line-height:1.2}.shared-canvas-wrap.relay-composer .self-play-countdown{inset:6px 12px auto auto;font-size:26px;line-height:1.2}.shared-canvas-wrap.relay-composer .judgement-A{display:none}.shared-canvas-wrap.relay-composer .judgement-B{top:78%}.shared-canvas-wrap.relay-composer .speed-feedback{top:76%}.account-gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.account-card{background:#19201e;border:1px solid #3c4b32;border-radius:18px;padding:26px}.account-gate>.account-card{width:min(100%,460px)}.account-eyebrow{font-size:11px;letter-spacing:2px;color:#b9f775}.account-gate h1,.account-admin h1{margin:8px 0 24px}.account-tabs,.account-inline,.account-foot,.account-pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-tabs button{flex:1;background:#252e29;border:1px solid #45543b;border-radius:8px;padding:10px;color:inherit}.account-tabs .selected{color:#b9f775;border-color:#b9f775}.account-form{display:grid;gap:16px;margin-top:20px}.account-form label{display:grid;gap:8px;font-size:13px}.account-form input,.account-inline input:not([type=checkbox]),.account-admin textarea{width:100%;background:#111714;border:1px solid #495442;border-radius:8px;padding:12px;color:#eef1eb}.account-form input:focus-visible{outline:2px solid #b9f775;outline-offset:2px}.account-foot{margin-top:24px;justify-content:space-between}.account-foot a,.account-gate a{color:#b9f775}.account-avatar-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #384433;border-radius:10px;padding:12px}.account-avatar-picker label{display:grid;justify-items:center;gap:6px;cursor:pointer}.account-avatar-picker input{width:auto}.account-avatar-picker img{width:52px;height:52px;border-radius:50%;object-fit:cover}.account-avatar-picker small{color:#a6afa3}.account-entry{display:flex;align-items:center;gap:8px;max-width:180px}.account-entry img{width:25px;height:25px;border-radius:50%;object-fit:cover}.account-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dialog{width:min(580px,calc(100vw - 28px));max-height:88dvh;overflow:auto;padding:24px;border:1px solid #6a8050;border-radius:18px;background:#19201e;color:#eef1eb}.account-dialog::backdrop{background:#0009}.account-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.account-dialog-heading h2{margin:0;font-size:22px}.account-identity{display:flex;align-items:center;gap:16px;margin:24px 0}.account-identity img{width:76px;height:76px;border-radius:50%;object-fit:cover}.account-identity h3{overflow-wrap:anywhere}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-stats>div{display:grid;gap:8px;padding:18px;background:#263022;border-radius:12px}.account-stats strong{font-size:32px;color:#b9f775}.account-stats span{font-size:13px;color:#bdc6b7}.account-key-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.account-key-stats>div{display:grid;gap:8px;text-align:center;background:#111714;padding:12px 4px;border-radius:8px}.account-key-stats span{font-size:12px;color:#acb8a1}.account-key-stats strong{color:#d8efb4}.account-section{border-top:1px solid #384433;margin-top:24px;padding-top:18px}.account-section summary{cursor:pointer}.account-section p,.account-admin .account-card>p{font-size:13px;color:#b5c1ab;line-height:1.8}.account-code{display:block;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:#c7f795;margin:16px 0}.account-section>span{margin-right:12px}[data-account-status]{font-size:13px;color:#c8dcae;line-height:1.7;overflow-wrap:anywhere;min-height:1.7em}[data-account-status].is-error{color:#ff9191}.account-admin{max-width:1120px;margin:auto;padding:28px 22px}.account-admin>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.account-admin>.account-card{margin-bottom:22px}.account-table-wrap{overflow-x:auto;margin-top:16px}.account-admin table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.account-admin td,.account-admin th{padding:12px 10px;border-bottom:1px solid #35402f;white-space:nowrap}.account-admin td button{margin:3px}.account-admin th{color:#bbd5a3}.account-pagination{justify-content:flex-end;margin-top:15px}.account-admin textarea{height:130px;margin-top:16px}.account-inline input[type=checkbox]{accent-color:#b9f775;width:18px;height:18px;vertical-align:middle}.account-inline input[type=number]{max-width:100px;margin-left:8px}.account-admin-status{position:sticky;bottom:12px;background:#19201e;border-radius:10px;padding:12px}.member-profile-link{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:0;padding:0;text-align:left;font:inherit}.member-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.member-ready .not-ready-text{display:inline-block;color:#ff707a;font-weight:900;text-shadow:0 0 8px #ff435945;animation:not-ready-wiggle 1.8s ease-in-out infinite;pointer-events:none}.member-row:nth-child(3n) .not-ready-text{animation-delay:-.4s}.member-row:nth-child(3n+1) .not-ready-text{animation-delay:-1.1s}@keyframes not-ready-wiggle{0%,60%,to{transform:translate(0) rotate(0)}10%{transform:translate(-2px,-3px) rotate(-5deg)}20%{transform:translate(3px,1px) rotate(4deg)}30%{transform:translate(-1px,-4px) rotate(-3deg)}40%{transform:translate(2px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.member-ready .not-ready-text{animation:none;text-shadow:none}}@media(max-width:600px){.account-card,.account-dialog{padding:18px}.account-admin{padding:18px 12px}.account-entry{font-size:11px;max-width:100px;padding:8px}.account-entry img{width:22px;height:22px}.account-gate{padding:16px}.account-key-stats{gap:5px}.account-identity img{width:64px;height:64px}}.account-host-crown{display:inline-flex;margin-left:7px;font-size:16px;vertical-align:middle}.member-row.is-host{border:1px solid #e2bd50;background:linear-gradient(100deg,#e2bd5017,transparent);border-radius:10px;box-shadow:inset 0 0 0 1px #e2bd5015}.account-avatar-picker label{position:relative;padding:8px;border:1px solid transparent;border-radius:12px;min-width:74px}.account-avatar-picker label:has(input:checked){border-color:#b9f775;background:#b9f77513}.account-avatar-picker input[type=radio]{position:absolute;width:1px;height:1px;opacity:0}.account-avatar-picker label:has(input:focus-visible){outline:2px solid #b9f775}.account-avatar-picker[disabled]{opacity:.6}.account-upload-preview{width:96px;height:96px;object-fit:cover;border-radius:50%;border:2px solid #b9f775}.account-upload-hint{color:#a8b3a0;font-size:12px;line-height:1.6}.account-avatar-gallery{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.account-avatar-gallery>div{display:grid;gap:8px;justify-items:center;max-width:90px;font-size:12px;overflow-wrap:anywhere}.account-avatar-gallery img{width:64px;height:64px;border-radius:50%;object-fit:cover}.account-inline select{background:#111714;color:#eef1eb;border:1px solid #495442;border-radius:8px;padding:12px;max-width:100%}.guest-solo #room-browser,.guest-solo .online-setup,.guest-solo [data-settings-tab=connection],.guest-solo #settings-connection-panel{display:none!important}.account-form input[type=file]{padding:10px;max-width:100%;min-width:0}.account-form{min-width:0}.account-avatar-picker{max-height:300px;overflow-y:auto}.account-avatar-picker span{font-size:12px;max-width:90px;overflow-wrap:anywhere}.room-members-card .room-players>.member-row.is-host{border:1px solid #e2bd50;padding:11px 9px;margin:4px 0}.account-user-filter input[name=search]{flex:1;min-width:150px;width:auto}.account-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0 0}.account-bulk-actions>span{color:#b9f775;font-size:13px;margin-right:auto}.account-admin input[type=checkbox]{accent-color:#b9f775;width:17px;height:17px;cursor:pointer}.account-bulk-preview{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto;margin:16px 0 22px}.account-bulk-preview span{background:#273123;border-radius:6px;padding:7px 9px;font-size:12px}