:root{color:#f6f7fb;background:#030507;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}.game-shell{position:relative;min-height:100vh;padding:26px 42px 34px;isolation:isolate;overflow:hidden}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#000000d1 0 12%,#00000024 34%,#000000e6),radial-gradient(circle at 34% 45%,rgba(255,42,50,.24),transparent 32%),radial-gradient(circle at 72% 52%,rgba(0,139,255,.22),transparent 35%),var(--gym-background-image, url(/assets/gym_background_dark.png)) center / cover}.top-bar{display:grid;grid-template-columns:minmax(210px,300px) minmax(340px,1fr) minmax(180px,320px);align-items:center;gap:12px;min-height:92px;border-bottom:1px solid rgba(255,255,255,.1)}.brand{font-weight:1000;font-style:italic;line-height:.86;filter:drop-shadow(0 8px 20px rgba(0,0,0,.7))}.brand-main{font-size:44px}.brand-sub{color:#e21d2b;font-size:40px}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#070c12b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-tabs button{height:34px;min-width:0;color:#aeb6c1;border:1px solid transparent;border-radius:6px;background:transparent;font-size:12px;font-weight:900;letter-spacing:0;line-height:1;cursor:pointer}.mode-tab-label{display:block;line-height:1}.mode-tab-label-bag{font-size:11px;line-height:.95}.mode-tabs button.active{color:#fff;border-color:#ff4c54b3;background:linear-gradient(180deg,#ff303959,#ff303929);box-shadow:0 0 18px #ff303957,inset 0 0 16px #ffffff0d}.mode-select-wrap{position:relative;display:none;min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#070c12db;box-shadow:inset 0 0 18px #ffffff06}.mode-select-wrap span{display:block;margin-bottom:3px;color:#98a2b0;font-size:10px;font-weight:900}.mode-select-button{width:100%;height:28px;padding:0 22px 0 0;color:#fff;border:0;background:transparent;text-align:left;font-size:14px;font-weight:900;outline:none;cursor:pointer}.mode-select-button:after{content:"";position:absolute;right:12px;bottom:17px;width:8px;height:8px;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(45deg)}.mode-select-wrap.open .mode-select-button:after{bottom:12px;transform:rotate(225deg)}.mode-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:grid;gap:4px;padding:5px;border:1px solid rgba(255,76,84,.34);border-radius:8px;background:#060a10fa;box-shadow:0 18px 48px #00000094,0 0 22px #ff303929}.mode-menu button{height:34px;color:#d8dee8;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;padding:0 10px;font-size:13px;font-weight:900;cursor:pointer}.mode-menu button.active,.mode-menu button:hover{color:#fff;border-color:#ff4c54b3;background:linear-gradient(180deg,#ff303957,#ff303921)}.score-strip{display:grid;grid-template-columns:repeat(4,minmax(96px,1fr));border-inline:1px solid rgba(255,255,255,.13)}.stat-block{min-height:70px;padding:8px 28px;border-right:1px solid rgba(255,255,255,.16)}.stat-block:last-child{border-right:0}.stat-block span,.combo-readout span{display:flex;align-items:center;gap:7px;color:#d4d6dc;font-size:14px}.stat-block strong{display:block;margin-top:3px;font-size:33px}.gold{color:#ffb313}.green{color:#59f05b}.blue-text{color:#23a7ff}.round-counter{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:5px;min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#070c129e}.round-counter span{color:#aab3bf;font-size:11px;font-weight:900}.round-counter strong{color:#ff3039;font-size:24px;line-height:1}.round-counter small{color:#cbd2dc;font-size:13px;font-weight:800}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1.2vw,18px);min-width:0}.mobile-mode-nav{display:none}.icon-button,.controls button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:48px;color:#f5f7fa;background:transparent;border:0;cursor:pointer}.icon-button span{position:absolute;top:36px;font-size:12px;color:#d8dbe0}.notify i{position:absolute;top:0;right:5px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#ff3039;font-style:normal;font-size:12px;font-weight:800}.profile{display:flex;align-items:center;gap:10px;min-width:92px;max-width:190px;padding:0;color:#f5f7fb;border:0;background:transparent;text-align:left;cursor:pointer}.avatar{display:grid;flex:0 0 58px;width:58px;height:58px;min-width:58px;min-height:58px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2e3b46,#11161c);color:#f0d0af;font-weight:900}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile>div:not(.avatar){min-width:0}.profile strong{display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.member-overlay{position:fixed;inset:0;z-index:22;display:grid;place-items:center;padding:24px;background:#02040ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-overlay,.profile-setup-overlay{position:fixed;inset:0;z-index:26;display:grid;place-items:center;padding:24px;background:#010409c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.start-mode-overlay{position:fixed;inset:0;z-index:27;display:grid;place-items:center;padding:24px;background:#010409cc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.start-mode-modal{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:end;gap:32px;width:min(1080px,94vw);min-height:min(720px,88vh);padding:34px 40px 34px 28px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#09101cfa;box-shadow:0 28px 110px #000000b8}.start-mode-content{align-self:center;min-width:0}.start-mode-logo{display:inline-grid;font-weight:1000;font-style:italic;line-height:.86;filter:drop-shadow(0 8px 20px rgba(0,0,0,.7))}.reception-figure{align-self:end;display:grid;place-items:end center;min-height:600px;overflow:hidden}.reception-figure img{width:min(330px,100%);height:min(640px,82vh);object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 32px rgba(0,0,0,.52))}.reception-greeting{margin-bottom:24px;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1e1e28e6}.reception-greeting span{display:block;color:#ff4c54;font-size:13px;font-weight:900;letter-spacing:0}.reception-greeting p{margin:7px 0 0;color:#f7fbff;font-size:26px;font-weight:800;line-height:1.35;word-break:keep-all}.start-mode-logo strong{color:#fff;font-size:56px}.start-mode-logo span{color:#e21d2b;font-size:50px}.start-mode-modal h1{margin:22px 0 18px;color:#fff;font-size:26px;line-height:1.15}.start-mode-options{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.start-mode-options button{min-height:118px;padding:18px;color:#dfe7f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0e;text-align:left;cursor:pointer}.start-mode-options button:hover{border-color:#ff4c54b3;background:#ff303926}.start-mode-options b,.start-mode-options small{display:block}.start-mode-options b{color:#fff;font-size:24px}.start-mode-options small{margin-top:10px;color:#aeb7c4;line-height:1.45}.message-modal{position:relative;width:min(840px,94vw);max-height:min(720px,90vh);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#09101cfa;box-shadow:0 28px 110px #000000b8}.message-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.message-head span,.profile-setup-head span{display:inline-flex;align-items:center;gap:8px;color:#67f08b;font-size:12px;font-weight:1000}.message-head h1,.profile-setup-head h1{margin:4px 0 0;font-size:28px;line-height:1.08}.message-tabs{display:inline-flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d}.message-tabs button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;color:#b8c3d2;border:0;border-radius:6px;background:transparent;font-size:12px;font-weight:1000;cursor:pointer}.message-tabs button.active{color:#07101a;background:#67f08b}.message-tabs b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#00000029}.message-list{display:grid;gap:9px}.message-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto 28px;align-items:center;gap:12px;min-height:76px;padding:10px 12px;color:#eef4fb;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0b;text-align:left;cursor:pointer}.message-row:hover{border-color:#67f08b66;background:#67f08b14}.message-row.archived{opacity:.78}.message-row.archived:hover{border-color:#67f08b52;background:#67f08b0f}.message-face{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;color:#fff;font-size:13px;font-weight:1000;box-shadow:inset 0 0 18px #ffffff14}.sender-desk{background:linear-gradient(145deg,#d8456a,#7f1d3e)}.sender-coach{background:linear-gradient(145deg,#2779ff,#152f74)}.sender-boss{background:linear-gradient(145deg,#b98b46,#44321c)}.sender-reception{background:linear-gradient(145deg,#ff6f9f,#7528c9)}.message-main{min-width:0}.message-main b,.message-main strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-main b{color:#aeb8c8;font-size:12px}.message-main strong{margin-top:2px;font-size:16px}.message-main small{display:block;min-width:0;margin-top:4px;overflow:hidden;color:#8f9bad;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.message-date{display:inline-flex;align-items:center;gap:5px;color:#96a1b1;font-size:12px;font-weight:800;white-space:nowrap}.message-read-icon{color:#67f08b}.message-empty{display:grid;min-height:160px;place-items:center;color:#8f9bad;border:1px dashed rgba(255,255,255,.13);border-radius:8px}.message-detail{position:relative;margin-top:14px;padding:18px;border:1px solid rgba(103,240,139,.24);border-radius:8px;background:#070e17f0;box-shadow:inset 0 0 24px #67f08b0d}.message-detail.visual-scene{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);min-height:230px;padding:0;overflow:hidden;border-color:#38b6ff47;background:linear-gradient(180deg,#08121f5c,#060a12f2),#070e17f5}.message-character-art{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:230px;background:linear-gradient(180deg,#38b6ff24,#ff546014)}.message-character-art img{width:100%;height:100%;max-height:260px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.message-character-art.image-view-upper img{width:125%;max-width:none;max-height:none;object-fit:cover;object-position:top center}.message-character-art.image-view-full img{object-fit:contain;object-position:bottom center}.message-dialogue{align-self:end;margin:58px 18px 18px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#050a11d1;box-shadow:0 12px 36px #00000057}.message-detail-close{position:absolute;z-index:3;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;color:#dce5ef;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1e1e28e6;cursor:pointer}.message-detail-sender{display:flex;align-items:center;gap:12px;padding-right:42px}.message-detail-sender b,.message-detail-sender small{display:block}.message-detail-sender b{color:#f2f7fc;font-size:14px}.message-detail-sender small{color:#98a4b4;font-size:12px;font-weight:800}.message-detail h2{margin:16px 0 8px;color:#fff;font-size:22px;line-height:1.18}.message-detail p{margin:0;color:#c8d2df;line-height:1.65;white-space:pre-wrap}.ticket-layout{display:grid;gap:14px}.ticket-compose,.ticket-reply{display:grid;gap:10px}.ticket-compose{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.ticket-compose label{display:grid;gap:6px}.ticket-compose span{color:#9fabbc;font-size:12px;font-weight:900}.ticket-compose input,.ticket-compose textarea,.ticket-reply textarea{width:100%;color:#edf4fb;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#050a11c2;font:inherit}.ticket-compose input{height:42px;padding:0 12px}.ticket-compose textarea,.ticket-reply textarea{min-height:96px;padding:11px 12px;resize:vertical}.ticket-compose-actions{display:flex;gap:8px;justify-content:flex-end}.ticket-compose-toggle,.ticket-compose button,.ticket-reply button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;color:#07101a;border:0;border-radius:8px;background:#67f08b;font-weight:1000;cursor:pointer}.ticket-compose-toggle{justify-self:start;padding:0 14px}.ticket-compose button.quiet{color:#c8d2df;border:1px solid rgba(255,255,255,.13);background:#1e1e28e6}.ticket-compose button:disabled,.ticket-reply button:disabled{opacity:.48;cursor:not-allowed}.ticket-row{grid-template-columns:54px minmax(0,1fr) auto 28px}.ticket-detail .message-character-art{background:linear-gradient(180deg,#ff6f9f29,#38b6ff14)}.ticket-dialogue{align-self:stretch;margin-top:18px}.ticket-comments{display:grid;gap:10px;max-height:270px;margin:0 0 14px;overflow:auto}.ticket-comment{max-width:88%;padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#1e1e28e6}.ticket-comment.user{justify-self:end;border-color:#67f08b3d;background:#67f08b17}.ticket-comment.reception{justify-self:start;border-color:#ff6f9f47;background:#ff6f9f17}.ticket-comment strong,.ticket-comment small{display:block;color:#9fabbc;font-size:12px;font-weight:900}.ticket-comment p{margin:5px 0;color:#d9e3ef}@media(max-width:720px){.message-detail.visual-scene{grid-template-columns:1fr}.message-character-art{min-height:180px}.message-character-art img{max-height:210px}.message-dialogue{margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0}}.profile-setup-modal{width:min(620px,94vw);padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#09101cfa;box-shadow:0 28px 110px #000000b8}.profile-setup-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.profile-setup-head>svg{color:#ff4c5b}.profile-setup-modal label,.coach-picker{display:grid;gap:8px;margin-bottom:14px}.profile-setup-modal label>span,.coach-picker>span{color:#c8d1de;font-size:13px;font-weight:900}.profile-setup-modal input,.profile-setup-modal select{height:44px;padding:0 12px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1e1e28e6}:is(.profile-setup-modal input,.profile-setup-modal select) n.profile-setup-modal select option{background:#1e1e28;color:#fff}.coach-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coach-picker button{min-height:78px;padding:12px;color:#dfe7f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;text-align:left;cursor:pointer}.coach-picker button.active{border-color:#67f08b94;background:#21764f42}.coach-picker button.locked{opacity:.55;cursor:not-allowed}.coach-picker strong,.coach-picker small{display:block}.coach-picker strong{display:flex;align-items:center;gap:6px}.coach-picker strong em{padding:2px 6px;border-radius:999px;background:#ffbf3624;color:#ffcf6b;font-size:11px;font-style:normal}.coach-picker small{margin-top:5px;color:#9fabbc;line-height:1.35}.profile-setup-close{position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;color:#dce6f2;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14;cursor:pointer}.profile-setup-submit{width:100%;height:46px;margin-top:8px;color:#08101a;border:0;border-radius:8px;background:#67f08b;font-weight:1000;cursor:pointer}.member-modal{position:relative;width:min(1080px,94vw);max-height:min(760px,90vh);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0a1324f7;box-shadow:0 28px 110px #000000b8}.member-modal>.settings-close{position:sticky;top:0;right:auto;z-index:12;margin-left:auto;margin-bottom:-38px}.member-head{display:grid;grid-template-columns:auto 1fr minmax(220px,280px);align-items:center;gap:18px}.member-avatar{display:grid;width:74px;height:74px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#324357,#101823);color:#f0d0af;font-size:24px;font-weight:1000}.member-head span,.membership-card span,.member-summary-grid span{color:#9ca8b8;font-size:12px;font-weight:900}.member-head h1{margin:5px 0;font-size:34px}.member-head p{margin:0;color:#dbe2ec}.member-head p b{color:#ffbf36}.member-grade{display:grid;gap:8px;padding:16px;border:1px solid rgba(255,191,54,.24);border-radius:8px;background:#ffbf3614}.member-grade small{color:#aeb7c4}.member-grade strong{color:#fff;font-size:24px}.member-grade button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;color:#15100a;border:0;border-radius:8px;background:#ffbf36;font-weight:1000;cursor:pointer}.member-actions{display:flex;justify-content:flex-end;margin-top:16px}.member-logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:128px;height:42px;color:#ffccd1;border:1px solid rgba(255,76,84,.46);border-radius:8px;background:#ff30391f;font-weight:1000;cursor:pointer}.member-logout-button:hover{color:#fff;background:#ff303938}.member-coach-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:14px 16px;border:1px solid rgba(56,182,255,.28);border-radius:8px;background:#12427085}.member-coach-card span{display:inline-flex;align-items:center;gap:7px;color:#9fc7e8;font-weight:900}.member-coach-card strong{display:block;margin-top:6px;color:#fff;font-size:22px}.member-coach-card small{display:block;margin-top:3px;color:#b7c0cc}.member-coach-card button{min-width:102px;height:38px;color:#061426;border:0;border-radius:8px;background:#38b6ff;font-weight:1000;cursor:pointer}.membership-card{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:16px;align-items:center;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d}.membership-card strong{display:block;margin-top:4px;color:#ff5964;font-size:22px}.membership-card p{margin:0;color:#b7c0cc}.member-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.member-summary-grid article{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#1242709e}.member-summary-grid svg{color:#38b6ff}.member-summary-grid strong{display:block;margin-top:8px;color:#fff;font-size:24px}.member-chart-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px;margin-top:16px}.member-chart-grid section{min-height:210px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#081420cc}.member-section-title{display:inline-flex;align-items:center;gap:7px;color:#dfe7f2;font-weight:900}.member-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:142px;margin-top:22px}.member-bars div{display:grid;height:100%;align-items:end;gap:6px}.member-bars i{display:block;min-height:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff5460,#8b1f2a);box-shadow:0 0 16px #ff546047}.member-bars span{color:#aeb7c4;text-align:center;font-size:12px}.member-line{width:100%;height:150px;margin-top:18px;overflow:visible}.member-line polyline{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.member-line.speed polyline{stroke:#38b6ff;filter:drop-shadow(0 0 6px rgba(56,182,255,.7))}.member-line.power polyline{stroke:#ff9c35;filter:drop-shadow(0 0 6px rgba(255,156,53,.65))}.free-mode-page{width:min(1100px,92vw);margin:22px auto 0;padding-bottom:22px}.free-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.free-hero span,.free-section-title{display:inline-flex;align-items:center;gap:8px;color:#ff5460;font-weight:900;letter-spacing:0}.free-hero h1{margin:8px 0 4px;font-size:34px;line-height:1}.free-hero p{margin:0;color:#aeb7c4;font-size:14px}.watch-status{display:grid;min-width:230px;padding:14px 16px;border:1px solid rgba(42,164,255,.3);border-radius:8px;background:#0b1c2dbf;color:#f5f8ff;box-shadow:0 0 24px #1e9bff29}.watch-status svg{color:#38b6ff}.watch-status strong{margin-top:8px;font-size:16px}.watch-status small{margin-top:3px;color:#98a6b7}.round-timer-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:12px;align-items:center;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(56,182,255,.26);border-radius:8px;background:#081420d1;box-shadow:inset 0 1px #ffffff0a}.round-timer-panel.orange{border-color:#ff9c3547}.round-timer-panel.green{border-color:#67f08b4d}.round-timer-panel.rest{border-color:#ffbf366b;background:#2a1c0bc7}.round-timer-main span{display:inline-flex;align-items:center;gap:8px;color:#9fc7e8;font-weight:1000}.round-timer-panel.orange .round-timer-main span{color:#ffc27a}.round-timer-panel.green .round-timer-main span{color:#8ef5a8}.round-timer-main strong{display:block;margin-top:4px;color:#fff;font-size:42px;line-height:1;letter-spacing:0}.round-timer-main small{display:block;margin-top:6px;color:#aeb7c4;font-weight:900}.round-timer-progress{grid-column:1 / -1;height:9px;overflow:hidden;border-radius:999px;background:#ffffff17}.round-timer-progress i{display:block;width:100%;height:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#38b6ff,#67f08b)}.round-timer-panel.orange .round-timer-progress i,.round-timer-panel.rest .round-timer-progress i{background:linear-gradient(90deg,#ff9c35,#ffcf6b)}.round-timer-panel.green .round-timer-progress i{background:linear-gradient(90deg,#67f08b,#38b6ff)}.round-timer-controls{display:grid;grid-template-columns:42px repeat(2,minmax(0,1fr));gap:8px}.round-timer-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;color:#f4f8ff;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;font-weight:1000;cursor:pointer}.round-timer-controls button:hover{border-color:#67f08b6b;background:#67f08b21}.round-timer-controls .round-timer-settings-button{padding:0}.mode-lock-notice{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(255,76,94,.32);border-radius:8px;background:#ff37481a;color:#e6edf6}.mode-lock-notice svg{color:#ff5662}.mode-lock-notice strong{color:#fff}.mode-lock-notice span{color:#aeb7c4}.mode-lock-notice button{margin-left:auto;height:34px;padding:0 13px;color:#fff;border:1px solid rgba(255,86,98,.65);border-radius:7px;background:#ff30392e;font-weight:900;cursor:pointer}.free-filter{display:flex;align-items:center;gap:22px;margin-bottom:16px}.free-filter button{display:inline-flex;align-items:center;gap:8px;height:34px;color:#aeb7c4;border:0;border-bottom:2px solid transparent;background:transparent;font-weight:900;cursor:pointer}.free-filter button.active{color:#ff4e5c;border-color:#ff4e5c}.left-dot,.right-dot{width:14px;height:14px;border-radius:4px}.left-dot{background:#2e8ef0}.right-dot{background:#e43d72}.free-hand-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;margin-bottom:12px}.free-hand-card{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#081420d1;box-shadow:inset 0 1px #ffffff0d}.free-hand-card.left{border-color:#2e8ef059}.free-hand-card.right{border-color:#e43d7259}.free-hand-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.free-hand-head span{color:#dce3ee;font-size:15px;font-weight:900}.free-hand-head strong{color:#f8fbff;font-size:30px;line-height:1}.speed-meter{position:relative;height:14px;overflow:hidden;border-radius:99px;background:repeating-linear-gradient(90deg,#ffffff29 0 18px,#ffffff0f 18px 28px)}.speed-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2e8ef0,#45c7ff);box-shadow:0 0 18px #2e8ef06b}.free-hand-card.right .speed-meter i{background:linear-gradient(90deg,#e43d72,#ff8d45);box-shadow:0 0 18px #e43d726b}.free-hand-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.free-hand-card dl div{min-width:0;padding:8px;border-radius:7px;background:#ffffff0d}.free-hand-card dt,.free-hand-card dd{margin:0}.free-hand-card dt{color:#91a0b1;font-size:12px}.free-hand-card dd{margin-top:3px;color:#f7faff;font-size:18px;font-weight:900}.hand-offline-msg{grid-column:1 / -1;padding:20px;text-align:center;color:#888;font-size:14px}.free-session-empty{text-align:center;padding:30px 0;color:#666;font-size:14px}.free-global-controls{display:flex;gap:10px;justify-content:center;margin:10px 0 16px;flex-wrap:wrap}.free-ctrl-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;font-size:14px;cursor:pointer;transition:all .15s}.free-ctrl-btn:hover{background:#ffffff21}.free-ctrl-btn:disabled{opacity:.5;cursor:default}.free-ctrl-btn.primary{background:#35a8ef;border-color:#35a8ef}.free-ctrl-btn.primary:hover{background:#2a8fd4}.free-ctrl-btn.danger{color:#ff4b63;border-color:#ff4b6366;background:#ff4b6314}.free-ctrl-btn.danger:hover{background:#ff4b6333}.free-hand-controls{width:100%;display:flex;justify-content:center;margin-top:12px}.speed-gauge{margin:10px 0 8px;padding:8px 10px 10px;border:1px solid rgba(56,182,255,.15);border-radius:6px;background:#00000059;transition:border-color .3s,box-shadow .3s}.right-gauge{border-color:#e43d7226}.speed-gauge-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.speed-gauge-head span{color:#89a;font-size:11px;font-weight:800;letter-spacing:.5px}.speed-val{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;transition:color .3s,text-shadow .3s}.left-gauge .speed-val{color:#5ab8ff}.right-gauge .speed-val{color:#ff6b8a}.speed-gauge.weak{border-color:#64c86433}.speed-gauge.strong{border-color:#ff96324d}.speed-gauge.above-avg{border-color:#38ffb459}.speed-gauge.record{border-color:gold;box-shadow:0 0 18px #ffd7004d,inset 0 0 12px #ffd70014;animation:gaugeRecordPulse .5s ease-out}.speed-val.weak{color:#6cc86c!important}.speed-val.strong{color:#f93!important}.speed-val.above-avg{color:#38ffb4!important}.speed-val.record{color:gold!important;text-shadow:0 0 12px rgba(255,215,0,.7),0 0 30px rgba(255,215,0,.3);animation:speedRecordPop .4s ease-out}.speed-gauge-track{position:relative;height:6px;border-radius:99px;background:#1e1e28e6;overflow:hidden}.speed-gauge-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38b6ff4d,#5ab8ff);transition:width .25s cubic-bezier(.34,1.56,.64,1)}.right-gauge .speed-gauge-fill{background:linear-gradient(90deg,#e43d724d,#ff6b8a)}.speed-gauge.weak .speed-gauge-fill{background:linear-gradient(90deg,#64c86433,#6cc86c)}.speed-gauge.strong .speed-gauge-fill{background:linear-gradient(90deg,#ff96324d,#f93)}.speed-gauge.above-avg .speed-gauge-fill{background:linear-gradient(90deg,#38ffb44d,#38ffb4);box-shadow:0 0 8px #38ffb44d}.speed-gauge.record .speed-gauge-fill{background:linear-gradient(90deg,#ffd70066,gold);box-shadow:0 0 14px #ffd70080}.gauge-scanline{position:absolute;top:0;left:-10px;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:gaugeScan 1.8s linear infinite}@keyframes gaugeScan{0%{left:-30px}to{left:110%}}.gauge-burst{position:absolute;inset:-4px;border-radius:inherit;background:transparent;box-shadow:0 0 20px #ffd70080;animation:gaugeBurst .4s ease-out forwards}@keyframes gaugeBurst{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.2)}}.speed-gauge-bars{display:flex;gap:2.5px;margin-top:5px;height:14px;align-items:flex-end}.gauge-seg{flex:1;height:4px;border-radius:1px;background:#1e1e28e6;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.gauge-seg.on{height:12px;background:#5ab8ff;box-shadow:0 0 6px #38b6ff59}.right-gauge .gauge-seg.on{background:#ff6b8a;box-shadow:0 0 6px #e43d7259}.gauge-seg.on.weak{height:6px;background:#6cc86c;box-shadow:0 0 4px #64c86440;animation:segWeakPulse .6s ease-in-out infinite alternate}@keyframes segWeakPulse{0%{opacity:.6}to{opacity:1}}.gauge-seg.on.strong{height:14px;background:#f93;box-shadow:0 0 8px #ff963266}.gauge-seg.on.above-avg{background:#38ffb4;box-shadow:0 0 6px #38ffb466}.gauge-seg.on.record{background:gold!important;box-shadow:0 0 10px #ffd70099!important;animation:segRecordPop .3s ease-out}@keyframes gaugeRecordPulse{0%{box-shadow:0 0 30px #ffd70080,inset 0 0 18px #ffd7001f}to{box-shadow:0 0 18px #ffd7004d,inset 0 0 12px #ffd70014}}@keyframes speedRecordPop{0%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes segRecordPop{0%{transform:scaleY(1.6)}to{transform:scaleY(1)}}@keyframes punchGlowLeft{0%{background:#2e8ef02e;box-shadow:0 0 #2e8ef066,0 0 #2e8ef01a,inset 0 0 30px #2e8ef01a}15%{background:#2e8ef040;box-shadow:0 0 40px 12px #2e8ef080,0 0 80px 30px #2e8ef026,inset 0 0 40px #2e8ef026;transform:scale(1.01)}40%{background:#2e8ef01f;box-shadow:0 0 20px 4px #2e8ef040,0 0 50px 15px #2e8ef014,inset 0 0 20px #2e8ef00f;transform:scale(1)}to{background:#081420d1;box-shadow:none;transform:scale(1)}}@keyframes punchGlowRight{0%{background:#e43d722e;box-shadow:0 0 #e43d7266,0 0 #e43d721a,inset 0 0 30px #e43d721a}15%{background:#e43d7240;box-shadow:0 0 40px 12px #e43d7280,0 0 80px 30px #e43d7226,inset 0 0 40px #e43d7226;transform:scale(1.01)}40%{background:#e43d721f;box-shadow:0 0 20px 4px #e43d7240,0 0 50px 15px #e43d7214,inset 0 0 20px #e43d720f;transform:scale(1)}to{background:#081420d1;box-shadow:none;transform:scale(1)}}.free-hand-card.left.punch-glow{animation:punchGlowLeft .5s ease-out}.free-hand-card.right.punch-glow{animation:punchGlowRight .5s ease-out}.free-hand-stat-list{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.free-hand-stat-item{text-align:center;padding:10px 6px;border-radius:8px;background:#00000026}.free-hand-stat-item.big{grid-column:1 / -1;padding:14px 6px}.free-hand-stat-label{display:block;color:#888;font-size:11px;margin-bottom:4px}.free-hand-stat-item strong{display:block;color:#fff;font-size:22px;font-weight:900}.free-hand-stat-item.big .free-hand-stat-value{font-size:36px}.free-simple-stats{margin-top:16px}.free-simple-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.free-simple-stat-card{text-align:center;padding:16px 10px;border-radius:10px;background:#0003}.free-simple-stat-card.left-stat{background:#35a8ef1a;border:1px solid rgba(53,168,239,.2)}.free-simple-stat-card.right-stat{background:#ff3f681a;border:1px solid rgba(255,63,104,.2)}.free-simple-label{display:block;color:#aaa;font-size:12px;margin-bottom:6px}.free-simple-value{display:block;font-size:28px;font-weight:900;color:#fff}.left-stat .free-simple-value{color:#5ab8ff}.right-stat .free-simple-value{color:#ff6b8a}.free-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.free-stat-card{display:grid;min-height:112px;place-items:center;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(180deg,#124270d6,#0e3156d6);box-shadow:inset 0 1px #ffffff0a}.free-stat-card svg{color:#8ea3b8}.free-stat-card strong{margin-top:4px;font-size:34px;line-height:1}.free-stat-card span{margin-top:6px;color:#aab4c2;font-size:14px}.free-stat-card .red{color:#ff4f66}.free-stat-card .blue{color:#35a9ff}.free-stat-card .mint{color:#24d6be}.free-stat-card .orange{color:#ff8a25}.free-stat-card .white{color:#f6f8fb}.free-session-panel{margin-top:18px}.free-section-title{margin-bottom:10px;color:#d8dde6}.free-session-list{display:grid;gap:6px}.free-session-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 72px 64px;align-items:center;gap:12px;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#0c0e1dd1}.free-session-row span{color:#c9d0dc}.free-session-row strong{justify-self:end;font-size:14px}.free-session-row b{color:#ffb23b;text-align:right}.free-session-row em{color:#ff5b68;font-style:normal;text-align:right}.bag-mode-page{width:min(1120px,92vw);margin:22px auto 0;padding-bottom:22px}.bag-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.bag-hero span{display:inline-flex;align-items:center;gap:8px;color:#ff9c35;font-weight:900}.bag-hero h1{margin:8px 0 4px;font-size:34px;line-height:1}.bag-hero p{margin:0;color:#aeb7c4;font-size:14px}.phone-status{display:grid;min-width:250px;padding:14px 16px;border:1px solid rgba(255,156,53,.3);border-radius:8px;background:#2a1a0eb8;box-shadow:0 0 24px #ff8b2529}.phone-status svg{color:#ff9c35}.phone-status strong{margin-top:8px;color:#f8fbff;font-size:16px}.phone-status small{margin-top:3px;color:#aeb7c4}.bag-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,430px);gap:18px}.bag-stage{position:relative;display:grid;min-height:520px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:radial-gradient(circle at 50% 40%,rgba(255,118,40,.18),transparent 28%),linear-gradient(180deg,#0a1420d1,#060910e6)}.bag-rig{position:absolute;top:0;width:6px;height:132px;background:linear-gradient(180deg,#8c96a4,#323945);box-shadow:0 0 0 1px #ffffff29}.sandbag{position:relative;display:grid;width:172px;height:318px;place-items:center;margin-top:58px;border:0;border-radius:84px 84px 66px 66px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 22% 72%,rgba(0,0,0,.25)),linear-gradient(180deg,#8e2630,#5c151d 54%,#3f1018);box-shadow:inset 0 0 32px #0000006b,0 34px 70px #00000080;cursor:pointer}.sandbag:before{content:"";position:absolute;top:32px;width:92px;height:22px;border-radius:999px;background:#ffffff1f}.sandbag span{position:absolute;inset:22px 22px auto;height:58px;border-radius:50%;border-top:4px solid rgba(255,255,255,.16)}.sandbag i{position:absolute;width:92px;height:92px;border:2px solid rgba(255,255,255,.42);border-radius:50%;opacity:0}.sandbag b{position:absolute;right:24px;top:118px;width:20px;height:20px;border-radius:50%;background:#ffef8a;opacity:0;box-shadow:0 0 26px #ff7b25}.sandbag.hit{animation:bagSwing .42s ease-out}.sandbag.hit i{animation:bagImpactRing .42s ease-out}.sandbag.hit b{animation:bagFlash .22s ease-out}@keyframes bagSwing{0%{transform:translate(0) rotate(0)}28%{transform:translate(22px) rotate(4deg)}62%{transform:translate(-12px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes bagImpactRing{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.7)}}@keyframes bagFlash{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.bag-shadow{position:absolute;bottom:54px;width:190px;height:34px;border-radius:50%;background:#0000007a;filter:blur(4px)}.bag-preview-button{position:absolute;right:16px;bottom:16px;height:38px;padding:0 14px;color:#fff;border:1px solid rgba(255,156,53,.48);border-radius:8px;background:#ff8b2524;font-weight:900;cursor:pointer}.bag-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.bag-stats article{min-height:116px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#124270b8}.bag-stats article span{color:#aeb7c4;font-size:13px;font-weight:800}.bag-stats article strong{display:block;margin-top:8px;color:#fff;font-size:34px;line-height:1}.bag-main-card{grid-column:span 2}.bag-main-card strong{font-size:58px}.bag-main-card small{display:block;margin-top:8px;color:#9ba7b8}.bag-main-card.power strong{color:#ff9c35}.power-meter{height:14px;margin-top:14px;overflow:hidden;border-radius:999px;background:#ffffff1a}.power-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd447,#ff7b25,#ff3948);box-shadow:0 0 18px #ff7b2570}.jump-mode-page{width:min(1120px,92vw);margin:22px auto 0;padding-bottom:22px}.jump-hero span{color:#67f08b}.jump-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:14px;align-items:stretch}.jump-layout.single{grid-template-columns:minmax(320px,1fr) minmax(260px,420px)}.jump-counter-card{display:grid;align-content:center;justify-items:center;min-height:360px;padding:28px;text-align:center;border:1px solid rgba(103,240,139,.26);border-radius:8px;background:radial-gradient(circle at 50% 34%,rgba(103,240,139,.18),transparent 34%),linear-gradient(180deg,#091f1cdb,#070c12e6);box-shadow:inset 0 1px #ffffff0d}.jump-counter-card.pulse{animation:jumpPulse .32s ease-out}.jump-counter-card span{color:#8ef5a8;font-size:14px;font-weight:1000}.jump-counter-card strong{margin-top:10px;color:#fff;font-size:82px;line-height:1;letter-spacing:0}.jump-counter-card small{margin-top:10px;color:#aeb7c4;font-weight:800}.jump-counter-card button{display:inline-flex;align-items:center;gap:7px;height:38px;margin-top:22px;padding:0 14px;color:#f3fff6;border:1px solid rgba(103,240,139,.42);border-radius:8px;background:#67f08b1f;font-weight:900;cursor:pointer}.jump-counter-card button:disabled{opacity:.45;cursor:default}.jump-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:stretch}.jump-stats-grid.compact{grid-template-columns:1fr}.jump-stats-grid article{min-height:170px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#12427094}.jump-stats-grid span{color:#aeb7c4;font-size:13px;font-weight:900}.jump-stats-grid strong{display:block;margin-top:12px;color:#fff;font-size:40px;line-height:1}@keyframes jumpPulse{0%{transform:scale(1);box-shadow:0 0 #67f08b00}35%{transform:scale(1.015);box-shadow:0 0 38px #67f08b3d}to{transform:scale(1);box-shadow:inset 0 1px #ffffff0d}}.beat-lane{display:grid;grid-template-columns:130px minmax(480px,1fr);align-items:center;width:min(1100px,76vw);margin:22px auto 4px;gap:16px}.phase-label{display:grid;gap:8px;color:#c8ccd3}.phase-label span{position:relative;padding-left:27px;font-size:16px}.phase-label span:before{content:"";position:absolute;left:0;top:4px;width:15px;height:15px;border:2px solid currentColor;border-radius:50%}.phase-label .on{color:#ff5158;text-shadow:0 0 12px rgba(255,49,58,.75)}.phase-label .blue{color:#25a4ff}.phase-label .on:before{background:currentColor}.beat-track{position:relative;display:grid;grid-template-columns:repeat(8,1fr);align-items:center}.beat-track:before{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4a4f 0 49%,#fff 50%,#1699ff 51% 100%);box-shadow:0 0 14px #ff43498c}.beat-track.action:before{box-shadow:0 0 14px #209bff8c}.beat-dot{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;justify-self:center;border:2px solid #ff555a;border-radius:50%;background:#0a0b0ee0;color:#f5f6f8;font-weight:800}.beat-dot:nth-child(n+5){border-color:#159cff}.beat-dot.current{transform:scale(1.18);background:#ff3039;box-shadow:0 0 18px #ff3039e6}.beat-track.action .beat-dot.current{background:#149cff;box-shadow:0 0 18px #149cffe6}.arena{position:relative;display:grid;grid-template-columns:minmax(220px,290px) minmax(480px,1fr) minmax(210px,250px);align-items:center;gap:30px;min-height:392px}.info-panel,.combo-panel{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#060c12c7;box-shadow:0 18px 70px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.info-panel{padding:22px 22px 20px}.info-panel h2,.combo-panel h2{margin:0 0 22px;font-size:22px}.info-panel label{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:42px;border-top:1px solid rgba(255,255,255,.1);color:#dfe3e9;font-size:14px}.info-panel output,.info-panel select{color:#f5f7fb;background:transparent;border:0;text-align:right}.stage-select-button{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:128px;min-height:34px;padding:0 10px;color:#f5f7fb;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#1e1e28e6;cursor:pointer}.stage-select-button strong{font-size:13px}.stage-select-button em{color:#59f05b;font-size:11px;font-style:normal;font-weight:1000}.stage-select-button em.level-easy,.stage-set-list strong.level-easy{color:#59f05b}.stage-select-button em.level-normal,.stage-set-list strong.level-normal{color:#ff9f1a}.stage-select-button em.level-hard,.stage-set-list strong.level-hard{color:#ff434d}.info-panel select{color:#59f05b;font-weight:800}.music-action.playing svg{color:#67f08b;filter:drop-shadow(0 0 10px rgba(103,240,139,.75))}.music-play-toggle.playing svg{color:#ff4c5b}.music-overlay{position:fixed;inset:0;z-index:24;display:grid;place-items:center;padding:24px;background:#02040abd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.music-modal{position:relative;display:flex;flex-direction:column;width:min(1180px,94vw);max-height:min(760px,90vh);overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0a1324f7;box-shadow:0 28px 110px #000000b8}.music-head{flex:0 0 auto;display:grid;grid-template-columns:1fr minmax(280px,430px);align-items:center;gap:18px;margin-bottom:18px}@media(min-width:721px){.music-head{padding-right:56px}}.music-head>span{display:inline-flex;align-items:center;gap:12px;color:#ff4c5b;font-size:32px;font-weight:1000}.music-now{display:grid;gap:10px;min-height:112px;padding:12px 14px;color:#fff;border:1px solid rgba(103,240,139,.36);border-radius:8px;background:#12473185}.music-now-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.music-now-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.music-now-title b,.music-track-main strong,.bpm-lock-note{color:#67f08b}.music-progress-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;color:#aebbd0;font-size:12px;font-weight:900}.music-progress-row span:last-child{text-align:right}.music-progress-row input{width:100%;accent-color:#67f08b}.music-player-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.music-player-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 8px;color:#f4f7fb;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff13;font-size:12px;font-weight:1000;cursor:pointer}.music-player-controls button:disabled{opacity:.45;cursor:default}.music-player-controls button:not(:disabled):hover{border-color:#67f08b73;background:#67f08b29}.music-columns{flex:1 1 auto;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);gap:16px;min-height:0;overflow:hidden}.music-column{display:flex;flex-direction:column;min-height:460px;min-width:0;overflow:hidden;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#081420cc}.music-column-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.music-filter-tabs{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.music-column h2{display:inline-flex;align-items:center;gap:8px;margin:0;color:#dfe7f2;font-size:18px}.music-column>h2{flex:0 0 auto;margin-bottom:12px}.music-family-tabs{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d}.music-family-tabs button{min-width:58px;height:30px;padding:0 10px;color:#b9c6d8;border:0;border-radius:6px;background:transparent;font-size:12px;font-weight:1000;cursor:pointer}.music-family-tabs button.active{color:#06111d;background:#67f08b}.music-list{display:grid;flex:1 1 auto;gap:8px;min-height:0;overflow:auto;padding-right:4px}.music-track{display:grid;grid-template-columns:1fr 38px;gap:8px;align-items:stretch}.music-track-main{display:grid;grid-template-columns:1fr auto;gap:3px 10px;min-height:72px;padding:10px 12px;color:#eef5ff;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;text-align:left;cursor:pointer}.music-track.active .music-track-main{border-color:#67f08b9e;background:#21764f52;box-shadow:0 0 18px #67f08b29}.music-track.locked .music-track-main{opacity:.65;cursor:default}.music-track-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.music-track-main small,.music-track-main em{grid-column:1 / -1;color:#a9b5c4;font-size:12px;font-style:normal}.music-track-main em{color:#ffbf36;font-weight:900}.music-add{display:grid;width:38px;min-width:38px;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1e1e28e6;cursor:pointer}.music-add.selected{border-color:#ff546080;background:#ff54602e}.music-empty{display:grid;min-height:116px;place-items:center;color:#93a1b3;border:1px dashed rgba(255,255,255,.14);border-radius:8px}.bpm-lock-note{display:inline-flex;align-items:center;gap:7px;margin-top:-6px;margin-bottom:3px;font-size:12px;font-weight:900}.info-panel input[type=range]{width:100%;accent-color:#ff3039}.info-panel .toggle-row input[type=checkbox]{justify-self:end;width:38px;height:20px;accent-color:#ff3039}.coach-stage{position:relative;display:grid;min-height:430px;place-items:center}.coach{width:min(510px,41vw);max-height:470px;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(0,0,0,.8));-webkit-user-select:none;user-select:none}.coach-impact{transform-origin:50% 62%}.coach-impact.perfect{animation:coachImpactPerfect .28s cubic-bezier(.18,.9,.32,1.25)}.coach-impact.good{animation:coachImpactGood .22s ease-out}@keyframes coachImpactPerfect{0%{transform:translateZ(0) rotate(0) scale(1);filter:drop-shadow(0 24px 42px rgba(0,0,0,.8))}18%{transform:translate3d(-10px,-3px,0) rotate(-1.5deg) scale(1.015);filter:drop-shadow(0 24px 42px rgba(0,0,0,.8)) drop-shadow(0 0 26px rgba(255,229,92,.5))}40%{transform:translate3d(9px,2px,0) rotate(1.2deg) scale(1.01)}66%{transform:translate3d(-4px,0,0) rotate(-.5deg) scale(1.004)}to{transform:translateZ(0) rotate(0) scale(1);filter:drop-shadow(0 24px 42px rgba(0,0,0,.8))}}@keyframes coachImpactGood{0%{transform:translateZ(0) rotate(0) scale(1)}24%{transform:translate3d(-6px,-1px,0) rotate(-.8deg) scale(1.008);filter:drop-shadow(0 24px 42px rgba(0,0,0,.8)) drop-shadow(0 0 18px rgba(103,240,139,.36))}58%{transform:translate3d(5px,1px,0) rotate(.6deg) scale(1.004)}to{transform:translateZ(0) rotate(0) scale(1);filter:drop-shadow(0 24px 42px rgba(0,0,0,.8))}}.target{position:absolute;width:78px;height:78px;border-radius:50%;border:4px solid rgba(255,255,255,.85);opacity:.55}.target:after{content:"";position:absolute;inset:22px;border-radius:inherit;border:4px solid currentColor}.target-left{top:95px;left:23%;color:#ff3039}.target-right{top:100px;right:23%;color:#f3f5f7}.target-body{bottom:82px;left:50%;transform:translate(-50%);color:#1aa2ff}.target.armed{opacity:1;border-color:currentColor;box-shadow:0 0 24px currentColor,inset 0 0 20px currentColor;animation:pulse .55s infinite alternate}.target.armed.body{color:#159cff}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.target-body.armed{transform:translate(-50%) scale(1)}.target-body.armed{animation:bodyPulse .55s infinite alternate}@keyframes bodyPulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.08)}}.target-field{position:absolute;inset:0;z-index:2;pointer-events:none}.rhythm-target{position:absolute;display:grid;width:58px;height:58px;place-items:center;transform:translate(-50%,-50%);color:#ffffff85;opacity:.38}.rhythm-target i,.rhythm-target b{position:absolute;inset:0;border-radius:50%}.rhythm-target i{border:3px solid currentColor;background:#05080c47;box-shadow:inset 0 0 14px #ffffff2e}.rhythm-target i:before{content:"";position:absolute;inset:16px;border:3px solid currentColor;border-radius:inherit}.rhythm-target b{opacity:0;border:4px solid #ff3039;transform:scale(var(--approach-scale))}.rhythm-target span{position:relative;z-index:1;font-weight:1000;font-size:17px}.rhythm-target small{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);color:#ffffffbf;font-size:10px;font-weight:800}.rhythm-target.active{color:#ff4a52;opacity:1;filter:drop-shadow(0 0 16px rgba(255,48,57,.95))}.rhythm-target.active i{border-color:#fff;background:#ff30392e;box-shadow:0 0 22px #ff30398c,inset 0 0 18px #ff303959}.rhythm-target.active b{opacity:1;box-shadow:0 0 18px #ff3039ad}.rhythm-target.impact i{animation:targetImpact .18s ease-out infinite alternate}.rhythm-target.impact b{border-color:#fff;box-shadow:0 0 34px #ffffffe6,0 0 28px #ff3039f2}@keyframes targetImpact{0%{transform:scale(1)}to{transform:scale(1.1)}}.judgement{position:absolute;z-index:3;bottom:32px;left:50%;transform:translate(-50%);min-width:160px;padding:10px 18px;border-radius:8px;background:#000000ad;border:1px solid rgba(255,255,255,.16);text-align:center;font-weight:1000;letter-spacing:0}.judgement.perfect{color:#59f05b}.judgement.good{color:#ffbd21}.judgement.miss{color:#ff434d}.move-callout{position:absolute;top:20px;left:50%;display:grid;min-width:210px;padding:10px 16px;transform:translate(-50%);border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#04080cb8;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.move-callout span{color:#b9c1cc;font-size:12px}.move-callout strong{margin-top:3px;color:#f8fbff;font-size:20px}.move-callout.action{border-color:#ff464eb3;box-shadow:0 0 22px #ff303959}.move-callout.countdown,.move-callout.rest{border-color:#ffbd21bf;box-shadow:0 0 24px #ffbd2147}.countdown-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.28),transparent 58%)}.countdown-overlay span{position:absolute;top:35%;color:#ffbd21;font-size:18px;font-weight:900;text-shadow:0 0 18px rgba(255,189,33,.8)}.countdown-overlay strong{display:grid;width:138px;height:138px;place-items:center;border:2px solid rgba(255,255,255,.34);border-radius:50%;background:#07080bb8;color:#fff;font-size:82px;font-weight:1000;box-shadow:0 0 32px #ff3039b3,inset 0 0 24px #ff303940;animation:countdownPop .42s ease-out}.hit-burst{position:absolute;z-index:6;left:50%;top:42%;transform:translate(-50%,-50%);font-size:58px;font-weight:1000;font-style:italic;pointer-events:none;animation:hitBurst .62s ease-out forwards}.hit-burst.perfect{color:#59f05b;text-shadow:0 0 22px rgba(89,240,91,.95),0 0 54px rgba(89,240,91,.65)}.hit-burst.good{color:#ffbd21;text-shadow:0 0 22px rgba(255,189,33,.95),0 0 54px rgba(255,189,33,.65)}.hit-burst.miss{color:#ff434d;text-shadow:0 0 22px rgba(255,67,77,.95),0 0 54px rgba(255,67,77,.65)}@keyframes hitBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-86%) scale(1)}}@keyframes countdownPop{0%{transform:scale(.72);opacity:.35}to{transform:scale(1);opacity:1}}.combo-panel{display:grid;justify-items:center;padding:24px 18px;text-align:center}.progress-ring{display:grid;width:150px;height:150px;margin:4px 0 16px;place-items:center;border-radius:50%;background:radial-gradient(circle,#111820 0 58%,transparent 59%),conic-gradient(var(--ring-color, #ff3039) var(--progress),rgba(255,255,255,.1) 0)}.progress-ring.listen{--ring-color: #ffbd21;box-shadow:0 0 24px #ffbd2138}.progress-ring.action{--ring-color: #ff3039;box-shadow:0 0 24px #ff303947}.progress-ring.rest{--ring-color: #27a8ff;box-shadow:0 0 24px #27a8ff2e}.progress-ring strong{align-self:end;font-size:56px}.progress-ring span{align-self:start;color:#d7dbe1;font-size:22px}.combo-panel p{color:#e1e4e9;line-height:1.55}.combo-readout{position:relative;z-index:7;display:grid;grid-template-columns:minmax(280px,1fr);width:min(780px,88vw);margin:8px auto 10px}.combo-readout>div{padding:9px 18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#070c12d1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.combo-readout span{justify-content:center}.combo-readout strong{display:block;font-size:21px}.combo-readout.status-ready strong,.combo-readout.status-paused strong,.combo-readout.status-finish strong{color:#fff;letter-spacing:0}.combo-readout.status-paused>div{border-color:#ffbf3657}.combo-readout.status-finish>div{border-color:#67f08b57}.history-panel{position:relative;z-index:7;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:min(980px,90vw);margin:-2px auto 8px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#060a0e9e}.history-panel>strong{color:#f5f7fb;font-size:14px}.history-panel>div{display:flex;min-height:30px;align-items:center;gap:8px;overflow:hidden}.empty-history{color:#8e96a2;font-size:13px}.history-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dfe4ea;font-size:12px;white-space:nowrap;background:#ffffff0d}.history-chip b{font-size:11px}.history-chip.perfect b{color:#59f05b}.history-chip.good b{color:#ffbd21}.history-chip.miss b{color:#ff434d}.pad-row{position:relative;z-index:7;display:grid;grid-template-columns:repeat(8,minmax(86px,1fr));gap:8px;width:min(1560px,94vw);margin:0 auto;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0c1117db}.pad-row button{position:relative;display:grid;grid-template-rows:22px 32px 18px 20px;align-items:center;min-height:112px;padding:11px 8px 8px;color:#f5f7fb;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:linear-gradient(180deg,#ffffff12,#ffffff05);cursor:pointer}.pad-row button:disabled{cursor:default}.pad-row button span{color:#e7e9ed;font-size:20px}.pad-row button strong{font-size:32px}.pad-row button small{color:#9fa6b0;font-size:12px}.pad-row button em{min-height:18px;font-style:normal;font-weight:1000;font-size:14px}.pad-row button em.perfect{color:#59f05b;text-shadow:0 0 12px rgba(89,240,91,.65)}.pad-row button em.good{color:#ffbd21;text-shadow:0 0 12px rgba(255,189,33,.65)}.pad-row button em.miss{color:#ff434d;text-shadow:0 0 12px rgba(255,67,77,.65)}.pad-row button.active,.pad-row button.current-beat{border-color:#ff5b62;background:linear-gradient(180deg,#ff30395c,#4b00068a);box-shadow:0 0 20px #ff303994,inset 0 0 16px #ffffff24}.pad-row button.cue-beat{border-color:#ffbd21;background:linear-gradient(180deg,#ffbd2140,#ff303933);box-shadow:0 0 18px #ffbd217a,inset 0 0 14px #ffffff1a;animation:cuePulse .22s ease-out infinite alternate}.pad-row button.cue-beat strong{color:#fff;text-shadow:0 0 14px rgba(255,189,33,.86)}.rhythm-slots button.empty{opacity:.34;background:#ffffff06}.rhythm-slots button.empty.beat-sweep{opacity:.82}.rhythm-slots button.empty strong,.rhythm-slots button.empty small{color:transparent}.rhythm-slots button.has-note{border-color:#ffffff57}.rhythm-slots button.beat-sweep{border-color:#ffffff9e;background:linear-gradient(180deg,#ffffff1f,#ff30391f),#ffffff0a;box-shadow:0 0 18px #ffffff47,inset 0 0 18px #ffffff1f}.rhythm-slots button.beat-sweep:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid rgba(255,255,255,.72);opacity:0;animation:beatSweepRing .24s ease-out}.rhythm-slots button.current-beat{transform:translateY(-3px);color:#fff}.rhythm-slots button.current-beat strong{text-shadow:0 0 14px rgba(255,255,255,.78)}.rhythm-slots button.past-beat:not(.judged){opacity:.55}.rhythm-slots button.judged.perfect{border-color:#59f05bbf}.rhythm-slots button.judged.good{border-color:#ffbd21bf}.rhythm-slots button.judged.miss{border-color:#ff434dbf}.rhythm-slots button.hit-flash{animation:hitGlow .34s ease-out}@keyframes hitGlow{0%{transform:translateY(-5px) scale(1.03);box-shadow:0 0 32px #ffffffeb,0 0 22px #ff3039c7}to{transform:translateY(0) scale(1)}}@keyframes cuePulse{0%{transform:translateY(-1px)}to{transform:translateY(-4px)}}@keyframes beatSweepRing{0%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(1.08)}}.bottom-panel{position:relative;z-index:7;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:10px;width:min(980px,90vw);min-height:76px;margin:18px auto 0;padding:10px 18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#060a0ec7}.mobile-panel-tabs,.mobile-info-tab,.mobile-combo-tab{display:none}.bottom-panel>.bottom-tab-panel:not(.mobile-info-tab):not(.mobile-combo-tab),.judge-results{display:contents}.result{display:grid;justify-items:center;gap:4px;border-right:1px solid rgba(255,255,255,.32)}.result:nth-child(3){border-right:0}.result strong{font-size:24px;font-style:italic}.result span{color:#dbe0e5}.result b{display:none}.result.perfect strong{color:#4df15c}.result.good strong{color:#ffc323}.result.miss strong{color:#ff3f49}.controls{display:flex;gap:8px}.controls button{min-width:50px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14}.controls .primary{min-width:112px;background:#ff3039;border-color:#ff5960;font-weight:800}.controls .asset-loading-label{display:none}.controls .asset-loading .asset-loading-label{display:inline}.controls .asset-loading .asset-loading-label+span{display:none}.result-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-modal{width:min(460px,92vw);padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(180deg,#121920f5,#06090df5);text-align:center;box-shadow:0 30px 90px #0009,0 0 34px #ff30393d}.result-modal>span{color:#ffbd21;font-size:13px;font-weight:900}.result-modal h2{margin:6px 0 8px;font-size:28px}.result-score{color:#fff;font-size:56px;font-weight:1000;line-height:1}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.result-grid p{display:grid;gap:3px;margin:0;padding:12px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d}.result-grid p:nth-child(1) b{color:#59f05b}.result-grid p:nth-child(2) b{color:#ffbd21}.result-grid p:nth-child(3) b{color:#ff434d}.result-grid b{font-size:30px}.result-grid small{color:#aeb6c1;font-size:11px}.result-summary{margin:-8px 0 20px;color:#dfe4ea;font-size:15px}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.result-actions button{min-width:116px;height:44px;color:#f8fbff;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;cursor:pointer}.result-actions .primary{background:#ff3039;border-color:#ff5960;font-weight:900}.result-actions .quiet{color:#b9c1cc;background:#ffffff0a}.settings-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#02040ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.watch-settings{position:relative;width:min(1080px,94vw);max-height:min(720px,90vh);overflow:auto;padding:34px 38px 38px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#121f3ef5;box-shadow:0 28px 110px #000000b8}.settings-close{position:absolute;z-index:5;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;color:#f5f7fb;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#1e1e28e6;cursor:pointer}.watch-settings-head>span{display:inline-flex;align-items:center;gap:12px;color:#ff4c5b;font-size:34px;font-weight:1000}.watch-connection-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;color:#dce3ee;font-size:18px}.watch-connection-summary p{display:inline-flex;align-items:center;gap:8px;margin:0}.watch-connection-summary b{display:inline-flex;align-items:center;min-height:34px;padding:0 17px;border:1px solid #ff4b63;border-radius:999px;color:#ff4b63;background:#ff415b1f;font-size:15px}.watch-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:24px;margin-top:28px}.round-settings-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(130px,170px) minmax(130px,170px);align-items:end;gap:12px;margin-top:22px;padding:14px;border:1px solid rgba(255,191,54,.24);border-radius:8px;background:#ffbf3614}.round-settings-card>div>span{display:inline-flex;align-items:center;gap:8px;color:#ffcf6b;font-weight:1000}.round-settings-card p{margin:5px 0 0;color:#aeb7c4;font-size:13px}.round-settings-card label{display:grid;gap:6px}.round-settings-card label span{color:#cbd5e2;font-size:12px;font-weight:900}.round-settings-card input{width:100%;height:42px;padding:0 10px;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0000003d;font-weight:900}.timer-settings-modal{position:relative;width:min(520px,92vw);padding:28px;border:1px solid rgba(255,191,54,.28);border-radius:8px;background:#0c121ffa;box-shadow:0 28px 90px #000000a6}.timer-settings-head span{display:inline-flex;align-items:center;gap:10px;color:#ffcf6b;font-size:24px;font-weight:1000}.timer-settings-head p{margin:8px 42px 0 0;color:#aeb7c4;font-size:13px}.round-settings-card.standalone{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin-top:20px}.background-settings-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,420px);align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(56,182,255,.24);border-radius:8px;background:#38b6ff14}.background-settings-card>div>span{display:inline-flex;align-items:center;gap:8px;color:#9fd8ff;font-weight:1000}.background-settings-card p{margin:5px 0 0;color:#aeb7c4;font-size:13px}.background-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.background-choice-grid button{min-height:40px;color:#dce6f2;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#1e1e28e6;font-size:12px;font-weight:1000;cursor:pointer}.background-choice-grid button.active{color:#06111d;border-color:#67f08bbf;background:#67f08b}.watch-connect-card{display:grid;justify-items:center;align-content:start;min-height:250px;padding:28px 26px;border-radius:8px;background:#124474c7}.watch-connect-card h2{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:#fff;font-size:22px}.watch-connect-card input{width:min(252px,100%);height:64px;margin-bottom:16px;color:#aeb7c4;border:2px solid rgba(255,255,255,.78);border-radius:8px;background:#131225f2;text-align:center;font-size:22px;letter-spacing:8px}.watch-connect-card.right input{border-color:#ffb24140}.watch-connect-card button{height:46px;padding:0 22px;color:#fff;border:0;border-radius:8px;background:#35a8ef;font-weight:900;cursor:pointer}.watch-connect-card.right button{background:#ff3f68}.watch-code-area{width:100%;text-align:center;margin-bottom:12px}.gen-code-btn{display:inline-flex!important;align-items:center;gap:8px;height:46px;padding:0 24px;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff12;font-size:15px;cursor:pointer;transition:all .2s}.gen-code-btn:hover{background:#ffffff24}.gen-code-btn:disabled{opacity:.5;cursor:default}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gen-code-btn .spin{animation:spin 1s linear infinite}.pair-code-display{text-align:center}.pair-code-display span{display:block;color:#aaa;font-size:13px;margin-bottom:8px}.big-code{display:block;font-size:52px;font-weight:900;letter-spacing:12px;color:#2ecc71;text-shadow:0 0 30px rgba(46,204,113,.35);line-height:1.1}.pair-code-display small{display:block;color:#888;font-size:12px;margin-top:4px}.pair-input-area{width:100%;margin-top:8px}.pair-input-area>span{display:block;color:#888;font-size:12px;margin-bottom:8px;text-align:center}.code-input-row{display:flex;gap:8px;justify-content:center;align-items:center}.code-input-row input{width:min(180px,100%);height:50px;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;text-align:center;font-size:24px;letter-spacing:8px}.btn-pair{height:50px!important;padding:0 20px!important;font-size:15px!important;min-width:70px}input.watch-code-input{width:min(200px,100%);height:52px;margin:0;padding:0 8px;color:#fff!important;border:2px solid rgba(255,255,255,.25)!important;border-radius:8px;background:#00000059!important;text-align:center;font-size:22px;letter-spacing:8px;outline:none;pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important}input.watch-code-input:focus{border-color:#35a8ef!important;box-shadow:0 0 0 2px #35a8ef33}.watch-connect-card.left input.watch-code-input:focus{border-color:#35a8ef!important}.watch-connect-card.right input.watch-code-input:focus{border-color:#ff3f68!important}.pairing-msg{width:100%;margin-top:10px;text-align:center;font-size:14px;color:#aaa}.watch-paired-info{text-align:center;width:100%}.paired-badge{color:#2ecc71;font-size:18px;font-weight:700;margin:8px 0}.token-display{font-size:11px;color:#888;margin-top:4px;word-break:break-all}.token-display code{color:#aaa;background:#0000004d;padding:2px 8px;border-radius:4px;font-family:monospace}.reset-all-btn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;height:38px;padding:0 16px;color:#ff4b63;border:1px solid rgba(255,75,99,.4);border-radius:8px;background:#ff4b631a;font-size:13px;cursor:pointer;transition:all .2s}.reset-all-btn:hover{background:#ff4b6333}.reset-all-btn:disabled{opacity:.5;cursor:default}.dot-on{color:#2ecc71!important;border-color:#2ecc71!important;background:#2ecc7126!important}.dot-pair{color:#f1c40f!important;border-color:#f1c40f!important;background:#f1c40f1f!important}.dot-off{color:#e94560!important;border-color:#e94560!important;background:#e945601f!important}@media(max-width:1280px){.top-bar{grid-template-columns:minmax(130px,170px) minmax(300px,1fr) auto;gap:9px}.mode-tabs{display:none}.mode-select-wrap{display:block}.profile{min-width:92px;max-width:150px}.avatar{flex-basis:54px;width:54px;height:54px;min-width:54px;min-height:54px}.top-actions{gap:8px}}.stage-modal-overlay{position:fixed;inset:0;z-index:36;display:grid;place-items:center;padding:18px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-modal{width:min(760px,94vw);max-height:min(720px,90vh);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#060a10f5;box-shadow:0 24px 90px #000000ad}.stage-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.stage-modal-head span{color:#ff4d57;font-size:12px;font-weight:1000}.stage-modal-head h2{margin:3px 0 0;font-size:24px}.stage-modal-head button{width:38px;min-width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff12;color:#fff;font-size:24px}.stage-set-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(570px,72vh);overflow-y:auto;padding:14px}.stage-set-list button{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#f5f7fb;text-align:left}.stage-set-list button.active{border-color:#ff4c54d1;background:#ff303929;box-shadow:0 0 18px #ff30392e}.stage-set-list span{font-size:15px;font-weight:1000}.stage-set-list strong{font-size:12px}.stage-set-list small{grid-column:1 / -1;color:#aeb6c1;line-height:1.35}@media(max-width:1120px){.game-shell{padding:18px}.brand{display:none}.top-bar{grid-template-columns:minmax(120px,150px) minmax(260px,1fr) auto}.arena{grid-template-columns:1fr}.score-strip{grid-template-columns:repeat(2,1fr)}.beat-lane,.combo-readout,.free-mode-page,.jump-mode-page{width:100%}.free-hero{align-items:stretch;flex-direction:column}.watch-status{min-width:0}.bag-mode-page{width:100%}.bag-hero,.bag-layout,.jump-layout{grid-template-columns:1fr}.bag-hero,.jump-hero{align-items:stretch;flex-direction:column}.arena{gap:12px}.info-panel{order:2}.combo-panel{order:3}.coach{width:min(460px,88vw)}.pad-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.game-shell{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:8px 10px 68px}.brand-main{font-size:34px}.brand-sub{font-size:31px}.top-bar{display:block;position:relative;min-height:42px;padding-top:44px;border-bottom:0}.brand,.round-counter{display:none}.top-actions{position:absolute;top:4px;right:10px;z-index:18;display:flex;gap:3px}.profile{min-width:36px;width:36px;height:36px;margin-left:4px}.profile .avatar{flex-basis:34px;width:34px;height:34px;min-width:34px;min-height:34px;font-size:12px}.profile>div:not(.avatar){display:none}.icon-button{width:36px;min-width:36px;height:36px}.notify i{top:-2px;right:0;width:17px;height:17px;font-size:10px}.icon-button span{display:none}.music-overlay{padding:10px}.start-mode-overlay{padding:14px}.start-mode-modal{grid-template-columns:1fr;gap:16px;min-height:auto;padding:18px}.start-mode-content{align-self:stretch}.reception-figure{min-height:230px;place-items:end center}.reception-figure img{width:min(210px,70vw);height:250px}.start-mode-logo strong{font-size:42px}.start-mode-logo span{font-size:38px}.start-mode-modal h1{font-size:22px}.reception-greeting{margin-bottom:16px;padding:14px}.reception-greeting p{font-size:16px}.start-mode-options{grid-template-columns:1fr}.start-mode-options button{min-height:104px}.round-timer-panel{grid-template-columns:1fr}.round-timer-main strong{font-size:36px}.round-settings-card,.background-settings-card{grid-template-columns:1fr}.background-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-modal{width:100%;max-height:calc(100vh - 20px);padding:22px 12px 14px}.music-head{grid-template-columns:1fr;gap:10px}.music-head>span{padding-right:40px;font-size:24px}.music-now{min-height:0}.music-player-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.music-progress-row{grid-template-columns:38px 1fr 38px}.music-columns{grid-template-columns:1fr;gap:10px}.music-column{min-height:0;padding:10px}.music-column:first-child .music-list{max-height:220px;overflow:auto}.music-column:last-child .music-list{max-height:360px;overflow:auto}.music-track-main{min-height:60px}.mode-tabs,.mode-select-wrap{display:none}.mobile-mode-nav{position:fixed;left:10px;right:10px;bottom:8px;z-index:28;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#05080df0;box-shadow:0 -16px 38px #0000008c,inset 0 0 18px #ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-mode-nav button{height:42px;color:#aeb6c1;border:1px solid transparent;border-radius:8px;background:transparent;font-size:12px;font-weight:900;cursor:pointer}.mobile-mode-nav button span{display:block;line-height:1}.mobile-mode-label-stacked{font-size:11px;line-height:.95}.mobile-mode-nav button.active{color:#fff;border-color:#ff4c54b8;background:linear-gradient(180deg,#ff303961,#ff303929);box-shadow:0 0 18px #ff303947,inset 0 0 14px #ffffff0d}.score-strip{grid-template-columns:repeat(4,1fr);margin-top:4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.free-mode-page{margin-top:8px;padding-bottom:8px;overflow-y:auto;max-height:calc(100vh - 100px)}.free-hero{gap:8px;margin-bottom:10px}.free-hero h1{margin-top:5px;font-size:24px}.free-hero p{font-size:12px}.watch-status{grid-template-columns:auto 1fr;column-gap:10px;padding:9px 11px}.watch-status strong{margin-top:0;font-size:13px}.watch-status small{grid-column:2;font-size:11px}.free-filter{gap:12px;margin-bottom:8px}.free-filter button{height:28px;font-size:12px}.free-hand-grid{grid-template-columns:1fr;gap:6px;margin-bottom:8px}.free-hand-card{padding:10px}.free-hand-head{margin-bottom:7px}.free-hand-head span{font-size:13px}.free-hand-head strong{font-size:24px}.speed-meter{height:11px}.free-hand-card dl{gap:5px;margin-top:8px}.free-hand-card dl div{padding:6px}.free-hand-card dt{font-size:10px}.free-hand-card dd{font-size:14px}.free-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.free-stat-card{min-height:74px;padding:9px}.free-stat-card strong{font-size:23px}.free-stat-card span{margin-top:3px;font-size:11px}.free-session-panel{margin-top:10px}.free-session-row{grid-template-columns:1fr auto;min-height:38px;padding:6px 9px;gap:3px 8px}.free-session-row span{grid-column:1 / -1;font-size:11px}.free-session-row strong,.free-session-row b,.free-session-row em{justify-self:start;font-size:12px}.free-session-row b,.free-session-row em{justify-self:end}.bag-mode-page{max-height:calc(100vh - 100px);margin-top:8px;overflow-y:auto;padding-bottom:8px}.bag-hero{gap:8px;margin-bottom:10px}.bag-hero h1{margin-top:5px;font-size:24px}.bag-hero p{font-size:12px}.phone-status{grid-template-columns:auto 1fr;column-gap:10px;min-width:0;padding:9px 11px}.phone-status strong{margin-top:0;font-size:13px}.phone-status small{grid-column:2;font-size:11px}.mode-lock-notice{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;padding:9px 10px;font-size:12px}.mode-lock-notice button{grid-column:1 / -1;width:100%;margin-left:0}.bag-layout{gap:8px}.bag-stage{min-height:300px}.bag-rig{height:74px}.sandbag{width:112px;height:210px;margin-top:36px}.sandbag i{width:64px;height:64px}.bag-shadow{bottom:34px;width:130px}.bag-preview-button{right:10px;bottom:10px;height:32px;font-size:12px}.bag-stats{gap:6px}.bag-stats article{min-height:78px;padding:10px}.bag-stats article strong{font-size:23px}.bag-main-card strong{font-size:34px}.settings-overlay{padding:10px}.watch-settings{width:100%;max-height:calc(100vh - 20px);padding:22px 14px 16px}.settings-close{top:10px;right:10px;width:32px;height:32px}.watch-settings-head>span{font-size:24px}.watch-connection-summary{gap:8px;margin-top:14px;font-size:14px}.watch-connection-summary b{min-height:28px;padding:0 11px;font-size:12px}.watch-connect-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.watch-connect-card{min-height:184px;padding:18px 14px}.watch-connect-card h2{margin-bottom:12px;font-size:18px}.watch-connect-card input{height:54px;margin-bottom:12px;font-size:18px}.watch-connect-card button{height:40px}.member-overlay{padding:10px}.member-modal{width:100%;max-height:calc(100vh - 20px);padding:18px 12px 14px}.member-head{grid-template-columns:auto 1fr;gap:10px}.member-avatar{width:54px;height:54px;font-size:18px}.member-head h1{font-size:24px}.member-grade{grid-column:1 / -1;padding:11px}.membership-card,.member-summary-grid,.member-chart-grid{grid-template-columns:1fr;gap:8px}.member-summary-grid article{min-height:78px}.member-summary-grid strong{font-size:20px}.member-chart-grid section{min-height:174px}.member-bars{height:110px;margin-top:14px}.member-line{height:118px}.stat-block{min-height:44px;padding:5px 7px}.stat-block span{font-size:10px}.stat-block strong{font-size:17px;margin-top:1px}.beat-lane{grid-template-columns:1fr;margin:4px 0 0;gap:3px}.beat-track{min-width:0}.beat-lane{overflow-x:visible}.phase-label{display:flex;gap:16px}.phase-label span{padding-left:24px;font-size:13px}.beat-dot{width:24px;height:24px;font-size:12px}.arena{grid-template-columns:1fr;min-height:300px;gap:0}.info-panel,.combo-panel{display:none}.coach-stage{min-height:318px}.coach{width:min(360px,82vw);max-height:318px}.combo-readout,.bottom-panel{grid-template-columns:1fr}.combo-readout{width:94vw;margin-top:-82px;margin-bottom:4px}.combo-readout>div{padding:7px 14px}.combo-readout strong{font-size:18px}.pad-row{grid-template-columns:repeat(8,minmax(0,1fr));width:94vw;gap:4px;padding:6px}.pad-row button{min-height:58px;grid-template-rows:14px 1fr;padding:5px 3px}.pad-row button span{font-size:13px}.pad-row button strong{font-size:18px}.pad-row button small,.pad-row button em{display:none}.bottom-panel{width:94vw;min-height:52px;margin-top:6px;padding:8px;gap:8px;align-items:stretch;grid-template-columns:1fr}.mobile-panel-tabs{display:grid;grid-column:1;grid-row:auto;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.mobile-panel-tabs button{height:30px;color:#aeb6c1;border:1px solid transparent;border-radius:6px;background:transparent;font-size:12px;font-weight:900}.mobile-panel-tabs button.active{color:#fff;border-color:#ff4c54a8;background:#ff303938;box-shadow:0 0 14px #ff30392e,inset 0 0 12px #ffffff0a}.bottom-panel>.bottom-tab-panel,.bottom-panel>.bottom-tab-panel:not(.mobile-info-tab):not(.mobile-combo-tab),.bottom-tab-panel{display:none}.bottom-panel>.bottom-tab-panel.active,.bottom-panel>.bottom-tab-panel.active:not(.mobile-info-tab):not(.mobile-combo-tab),.bottom-tab-panel.active{display:block;grid-column:1 / -1;grid-row:auto}.judge-results{display:grid;grid-template-columns:1fr;gap:6px;min-height:0}.judge-results .result{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;min-height:38px;min-width:0;padding:5px 8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.result strong{font-size:18px}.result b{display:block;color:#f5f7fb;font-size:18px;line-height:1}.result span{display:none}.mobile-info-tab,.mobile-combo-tab{padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#04090e6b}.mobile-info-tab h2,.mobile-combo-tab h2{margin:0 0 8px;font-size:16px}.mobile-info-tab.active{display:grid;grid-template-columns:1fr;gap:6px}.mobile-info-tab h2,.mobile-combo-tab h2{display:none}.mobile-info-tab label{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:36px;border-top:1px solid rgba(255,255,255,.09);color:#dfe3e9;font-size:12px}.mobile-info-tab .stage-select-button{width:100%;min-width:0;min-height:40px;justify-content:space-between;padding:0 12px;border-color:#ff4c546b;background:#ff303914}.mobile-info-tab .stage-select-button strong{font-size:14px}.mobile-info-tab .stage-select-button em{padding:4px 7px;border-radius:999px;background:#59f05b1f;font-size:11px}.mobile-info-tab output,.mobile-info-tab select{color:#f5f7fb;background:transparent;border:0;text-align:right;font-size:12px}.mobile-info-tab select{color:#59f05b;font-weight:900}.mobile-info-tab input[type=range]{grid-column:1 / -1;width:100%;accent-color:#ff3039}.mobile-info-tab .toggle-row input[type=checkbox]{position:relative;appearance:none;justify-self:end;width:48px;height:28px;accent-color:#ff3039;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background .18s ease,border-color .18s ease}.mobile-info-tab .toggle-row input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f2f5f8;box-shadow:0 3px 8px #00000059;transition:transform .18s ease,background .18s ease}.mobile-info-tab .toggle-row input[type=checkbox]:checked{border-color:#ff4c54d6;background:#ff3039}.mobile-info-tab .toggle-row input[type=checkbox]:checked:after{transform:translate(20px);background:#fff}.mobile-combo-tab{display:none;justify-items:center;text-align:center}.mobile-combo-tab.active{display:grid}.mobile-combo-tab .progress-ring{width:118px;height:118px;margin:4px 0 8px}.mobile-combo-tab .progress-ring strong{font-size:44px}.mobile-combo-tab .progress-ring span{font-size:20px}.mobile-combo-tab p{margin:0;color:#e1e4e9;font-size:15px}.controls{grid-column:1;grid-row:auto;justify-content:center}.controls .primary{min-width:112px}.stage-modal-overlay{align-items:end;padding:10px}.stage-modal{width:100%;max-height:86vh;border-radius:12px 12px 0 0}.stage-modal-head{padding:14px 15px}.stage-modal-head h2{font-size:20px}.stage-set-list{grid-template-columns:1fr;max-height:calc(86vh - 76px);padding:10px}.stage-set-list button{min-height:66px;padding:11px}}@media(max-height:820px)and (min-width:900px){.game-shell{padding-top:18px;padding-bottom:18px}.top-bar{min-height:76px;grid-template-columns:minmax(130px,170px) minmax(300px,1fr) auto}.brand-main{font-size:38px}.brand-sub{font-size:35px}.stat-block{min-height:62px;padding:5px 22px}.stat-block strong{font-size:29px}.beat-lane{margin-top:18px;margin-bottom:0}.arena{min-height:305px;gap:18px}.coach-stage{min-height:320px}.coach{width:min(380px,36vw);max-height:350px}.info-panel{padding:18px 20px}.info-panel h2,.combo-panel h2{margin-bottom:14px}.progress-ring{width:120px;height:120px}.progress-ring strong{font-size:44px}.target{width:66px;height:66px}.target-left{top:62px}.target-right{top:68px}.target-body{bottom:58px}.combo-readout{margin-top:-58px;margin-bottom:4px}.pad-row{padding:10px 14px}.pad-row button{min-height:86px;grid-template-rows:18px 25px 16px 16px;padding:9px 8px}.pad-row button strong{font-size:27px}.bottom-panel{min-height:60px;margin-top:10px}.result strong{font-size:20px}}.landing-page{min-height:100vh;color:#f8fafc;background:#070a10;overflow-x:hidden}.landing-page a{color:inherit}.landing-hero{position:relative;min-height:92vh;isolation:isolate;display:grid;align-items:center;padding:0 clamp(18px,5vw,72px) 80px}.landing-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:120px;background:linear-gradient(180deg,transparent,#070a10)}.landing-hero-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070a10eb,#070a10b8 38%,#070a1033),linear-gradient(180deg,#070a1040,#070a10e6),url(/og-image.png) center / cover no-repeat}.landing-nav{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px clamp(18px,5vw,72px);background:linear-gradient(180deg,rgba(7,10,16,.82),transparent)}.landing-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:1000}.landing-logo img{width:36px;height:36px;border-radius:8px}.landing-nav-links{display:flex;align-items:center;gap:clamp(12px,2vw,28px);color:#d6dce7;font-size:14px;font-weight:800}.landing-nav-links a{text-decoration:none}.landing-nav-links a:hover{color:#fff}.landing-language{display:inline-flex;align-items:center;gap:8px;min-width:116px;height:40px;padding:0 10px;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#060a109e}.landing-language select{width:100%;color:#fff;border:0;background:transparent;font-weight:900;outline:none}.landing-language option{color:#111827}.landing-hero-content{width:min(720px,100%);padding-top:96px}.landing-eyebrow{margin:0 0 14px;color:#ffbf36;font-size:14px;font-weight:1000;text-transform:uppercase}.landing-hero h1{margin:0;color:#fff;font-size:clamp(62px,11vw,132px);font-weight:1000;line-height:.88}.landing-lead{max-width:650px;margin:24px 0 0;color:#d9e0ea;font-size:clamp(20px,2.2vw,30px);font-weight:800;line-height:1.28}.landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.landing-primary-btn,.landing-secondary-btn,.landing-footer a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:8px;text-decoration:none;font-weight:1000}.landing-primary-btn{color:#111827!important;background:#fff;box-shadow:0 20px 48px #ff30393d}.landing-secondary-btn{color:#fff;border:1px solid rgba(255,255,255,.26);background:#ffffff14}.landing-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.landing-proof span{padding:8px 10px;color:#f8fafc;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#070a1070;font-size:13px;font-weight:900}.landing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:min(1180px,calc(100% - 36px));margin:-46px auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff1f}.landing-metrics article{display:grid;gap:5px;min-height:112px;padding:22px;background:#0b111cf0}.landing-metrics svg{color:#76e4a4}.landing-metrics span{color:#aeb7c5;font-size:13px;font-weight:900}.landing-metrics strong{color:#fff;font-size:23px;text-transform:uppercase}.landing-section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:96px 0 0}.landing-section-head{max-width:820px;margin-bottom:28px}.landing-section-head>span{color:#ff4d57;font-size:13px;font-weight:1000;text-transform:uppercase}.landing-section-head h2,.landing-seo-band h2{margin:8px 0 0;color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.02}.landing-section-head p,.landing-seo-band p{margin:14px 0 0;color:#b9c2cf;font-size:18px;line-height:1.55}.landing-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing-feature-grid article,.landing-faq-grid article{padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#101722}.landing-feature-grid svg{color:#ffbf36}.landing-feature-grid h3,.landing-faq-grid h3,.landing-mode-card h3,.landing-character-grid h3,.landing-reception-grid h3{margin:14px 0 0;color:#fff;font-size:20px}.landing-feature-grid p,.landing-faq-grid p,.landing-mode-card p,.landing-character-grid p,.landing-reception-grid p{margin:9px 0 0;color:#bdc7d3;line-height:1.55}.landing-mode-slider{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.landing-mode-card{overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0d131d}.landing-mode-card img{width:100%;height:330px;object-fit:contain;object-position:bottom center;background:radial-gradient(circle at 50% 28%,rgba(255,48,57,.26),transparent 48%),#080c14}.landing-mode-card div{padding:20px}.landing-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing-character-grid article{overflow:hidden;padding:0 18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#101722}.landing-character-grid img{width:100%;height:260px;margin-top:8px;object-fit:contain;object-position:bottom center}.landing-reception-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.landing-reception-grid article{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:16px;min-height:230px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(135deg,#76e4a41f,#ff30391a),#101722}.landing-reception-grid img{width:100%;height:210px;object-fit:contain;object-position:bottom center}.landing-seo-band{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;width:min(1180px,calc(100% - 36px));margin:96px auto 0;padding:30px;border:1px solid rgba(118,228,164,.28);border-radius:8px;background:linear-gradient(135deg,#76e4a421,#ffbf3614),#0d141e}.landing-seo-band svg{color:#76e4a4}.landing-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,calc(100% - 36px));margin:96px auto 0;padding:30px 0 42px;color:#d8dee8}.landing-footer span{color:#fff;font-size:22px;font-weight:1000}.landing-footer a{color:#fff;border:1px solid rgba(255,255,255,.16);background:#ffffff14}.landing-loading{display:grid;min-height:100vh;place-items:center;align-content:center;gap:18px;color:#fff;background:#070a10}.landing-loading img{width:86px;height:86px;border-radius:18px}.landing-loading p{color:#cbd5e1;font-weight:900}@media(max-width:980px){.landing-nav{align-items:flex-start;flex-wrap:wrap}.landing-nav-links{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.landing-feature-grid,.landing-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-reception-grid,.landing-faq-grid{grid-template-columns:1fr}}@media(max-width:640px){.landing-hero{min-height:88vh;padding-bottom:58px}.landing-hero-bg{background:linear-gradient(180deg,#070a109e,#070a10f2),url(/og-image.png) center / cover no-repeat}.landing-nav{padding:14px}.landing-logo span{display:none}.landing-language{min-width:104px}.landing-hero-content{padding-top:128px}.landing-lead{font-size:19px}.landing-primary-btn,.landing-secondary-btn{width:100%}.landing-metrics,.landing-feature-grid,.landing-character-grid{grid-template-columns:1fr}.landing-mode-slider{grid-template-columns:repeat(4,minmax(260px,82vw))}.landing-mode-card img{height:280px}.landing-reception-grid article{grid-template-columns:1fr;text-align:center}.landing-seo-band{grid-template-columns:1fr;padding:22px}.landing-footer{align-items:stretch;flex-direction:column}}