:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#121827;--surface:#1b2335;--input:#141d2e;--border:#2d384f;--text:#eef2fa;--muted:#9aa9c0;--cyan:#65d6f3}*{box-sizing:border-box}body{color:var(--text);background:var(--background);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:var(--cyan);text-decoration:none}a:hover{color:#a4e9ff}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:var(--text)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.5px;font-size:clamp(32px,4vw,48px);line-height:1.15}h2{letter-spacing:-.5px;font-size:23px;line-height:1.3}h3{font-size:21px;line-height:1.35}p{color:var(--muted)}small{color:var(--muted);font-size:12px}em{color:var(--cyan);font-style:normal}input,select,textarea{background:var(--input);border:1px solid var(--border);color:var(--text);border-radius:7px;width:100%;min-width:0;padding:11px 13px}input::placeholder,textarea::placeholder{color:#8792a8}textarea{resize:vertical}label{color:#c3cce0;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}form label{margin-bottom:19px}code,.mono{word-break:break-all;font-family:Cascadia Code,Consolas,monospace;font-size:12px}.top-accent{background:linear-gradient(90deg,#5bd9f5,#5895f9 70%,#fd899b);height:3px}.navigation{border-bottom:1px solid var(--border);align-items:center;gap:44px;max-width:1180px;min-height:89px;margin:auto;padding:15px 30px;display:flex}.brand{color:#fff;letter-spacing:-.7px;flex-shrink:0;align-items:center;gap:12px;font-size:22px;font-weight:800;line-height:1.05;display:flex}.brand img{width:47px;height:47px}.brand span span{color:var(--cyan)}.brand small{letter-spacing:2.5px;margin-top:7px;font-size:8px;font-weight:500;display:block}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";background:var(--cyan);border-radius:3px;height:3px;position:absolute;bottom:-27px;left:0;right:0}.account-nav{white-space:nowrap;align-items:center;gap:16px;margin-left:auto;display:flex}.text-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px}.text-button:hover{color:var(--text)}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:14px;padding:12px 21px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button.primary{background:var(--cyan);color:#102334;box-shadow:0 4px 22px #58c7e21c}.button.primary:hover{color:#102334;background:#85e3fb;transform:translateY(-1px)}.button.secondary{color:var(--text);background:#243049;border-color:#34415a}.button.secondary:hover{background:#2b3b56}.button.small{padding:7px 13px;font-size:12px}.player-link{color:var(--text);align-items:center;gap:9px;font-size:13px;display:flex}.avatar{color:#dce8fa;background:linear-gradient(140deg,#40577d,#293549);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-large{border:3px solid #8d9abd33;border-radius:24px;width:100px;height:100px;font-size:40px}main{max-width:1180px;min-height:calc(100vh - 198px);margin:auto;padding:36px 30px 70px}.eyebrow{color:var(--cyan);letter-spacing:2.1px;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.hero{background:radial-gradient(at 90% 40%,#23455970,#0000 65%),linear-gradient(130deg,#1c263b,#141c2e);border:1px solid #334055;border-radius:16px;grid-template-columns:1.25fr 1fr;min-height:385px;margin-bottom:27px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;padding:45px 0 44px 43px;position:relative}.hero h1{margin-bottom:18px;font-size:clamp(35px,4.2vw,53px)}.hero p{max-width:405px;margin-bottom:26px;font-size:15px}.hero-actions{flex-wrap:wrap;gap:11px;display:flex}.rhythm-art{justify-content:center;align-items:center;display:flex;position:relative}.art-disc{z-index:1;filter:drop-shadow(0 0 40px #318bbf30);width:220px;height:220px;position:relative;transform:rotate(-10deg)}.art-disc img{width:100%}.art-orbit{border:1px solid #89d5fc24;border-radius:50%;width:310px;height:310px;position:absolute;transform:rotate(-25deg)scaleY(.9)}.art-orbit.second{opacity:.6;border-style:dashed;width:390px;height:390px;transform:rotate(25deg)scaleY(.88)}.art-note{background:var(--cyan);z-index:2;border-radius:3px;width:46px;height:13px;position:absolute;transform:rotate(-25deg);box-shadow:0 0 23px #57c4fc55}.art-note.a{top:65px;left:23%}.art-note.b{background:#ff99ac;width:34px;bottom:85px;right:13%}.art-note.c{opacity:.45;width:28px;top:125px;right:13%}.art-caption{color:#8696b0;letter-spacing:3px;font-size:10px;position:absolute;bottom:22px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:42px;display:grid}.feature{border:1px solid var(--border);background:#1a2234;border-radius:11px;padding:24px;transition:border-color .2s,background .2s;display:block}.feature:hover{background:#1d293d;border-color:#62c0dd66}.feature-symbol{color:#687d9d;border-bottom:2px solid var(--cyan);margin-bottom:14px;padding-bottom:5px;font-size:11px;font-weight:700;display:inline-block}.feature h2{color:var(--text);margin-bottom:10px;font-size:19px}.feature p{min-height:42px;margin-bottom:17px;font-size:13px}.feature>span:last-child{font-size:12px;font-weight:600}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title h2{margin:0}.section-title .eyebrow{margin-bottom:5px}.section-title>a{font-size:12px}.page-heading{margin:11px 0 31px}.page-heading h1{margin-bottom:14px}.page-heading p{max-width:650px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px}.empty{text-align:center;color:var(--muted);border-radius:8px;padding:44px 20px;font-size:14px}.empty a:not(.button){margin-left:5px}.alert,.service-alert{color:#ffc2cc;overflow-wrap:anywhere;background:#71313d38;border:1px solid #af566555;border-radius:7px;margin-bottom:18px;padding:13px 17px;font-size:13px}.service-alert{text-align:center;border-radius:0;margin:0}.muted{color:var(--muted)}.badge{color:#b5c4db;letter-spacing:.3px;white-space:nowrap;background:#2d374d;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.badge.verified{color:#85dfbd;background:#2f77613b}.pack-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pack-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.pack-card:hover{border-color:#587c9b;transform:translateY(-3px)}.pack-art{background:repeating-linear-gradient(120deg,#0000 0 30px,#b8f1ff08 30px 31px),linear-gradient(125deg,#1d4d62,#344161);height:120px;position:relative;overflow:hidden}.pack-card:nth-child(3n+2) .pack-art{background-color:#49395e;background-image:repeating-linear-gradient(120deg,#0000 0 30px,#ffffff08 30px 31px),linear-gradient(125deg,#4b395e,#293d5b)}.pack-art span{color:#ffffff0d;letter-spacing:-9px;font-size:87px;font-style:italic;font-weight:900;position:absolute;top:3px;right:24px}.pack-art i{border:1px solid #aaddf733;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-46px;left:-13px;box-shadow:0 0 0 20px #aaddf708,0 0 0 40px #aaddf705}.pack-card-content{flex-direction:column;flex:1;align-items:flex-start;padding:22px;display:flex}.pack-card-content h3{color:var(--text);overflow-wrap:anywhere;margin:11px 0 7px}.pack-card-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;display:-webkit-box;overflow:hidden}.card-meta{color:#8291a9;border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:13px;font-size:11px;display:flex}.filter-bar{flex-wrap:wrap;align-items:end;gap:13px;margin-bottom:23px;display:flex}.filter-bar>input{flex:1}.filter-bar>span{color:var(--muted);font-size:12px}.filter-bar label{flex:1;min-width:140px}.filter-bar select{font-size:12px}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:65px;max-width:900px;margin:35px auto;display:grid}.auth-intro img{width:100px;margin-bottom:24px}.auth-intro h1{margin-bottom:20px}.auth-intro p{max-width:325px}.auth-form{padding:34px}.auth-form h2{margin-bottom:25px}.auth-form button{width:100%;margin:18px 0 23px}.auth-form p{margin-bottom:0;font-size:12px}.auth-form small{display:block}.profile-banner{background:radial-gradient(at 100% 0,#335b72,#0000 65%),#1c283f;border:1px solid #3a4a63;border-radius:13px;margin-bottom:25px;padding:28px 32px}.profile-identity{align-items:center;gap:25px;display:flex}.profile-identity h1{margin:0 0 7px}.profile-identity p{color:#c3d0e4;overflow-wrap:anywhere;margin:12px 0 0}.profile-edit{margin-left:auto}.profile-form{max-width:650px;margin-bottom:25px}.profile-columns{grid-template-columns:.7fr 1.3fr;gap:25px;display:grid}.biography{white-space:pre-wrap;overflow-wrap:anywhere}.score-list a{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:14px;padding:16px 0;display:flex}.score-list a>span:first-child{flex:1}.score-list small{display:block}.score-number{color:var(--cyan);font-variant-numeric:tabular-nums;font-weight:700}.pack-detail-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:27px;font-size:13px;display:flex}.pack-detail-meta .button{margin-left:auto}.chart-list a{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:17px;padding:16px 0;display:flex}.chart-list a>span:nth-child(2){flex:1}.chart-list small{display:block}.chart-list a>span:last-child{color:var(--cyan);font-size:12px}.key-badge{width:38px;height:38px;color:var(--cyan);background:#4f82a022;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.level{color:#fac79a;font-size:12px}.checksum{color:var(--muted);margin-top:27px;font-size:12px}.checksum summary{cursor:pointer;margin-bottom:10px}.ranking-layout{grid-template-columns:300px 1fr;gap:22px;display:grid}.chart-picker{padding:18px}.chart-picker>input{margin-bottom:12px}.chart-picker>select{margin-bottom:20px}.chart-choice{color:var(--text);border-bottom:1px solid var(--border);border-left:2px solid #0000;align-items:center;gap:10px;padding:13px 8px;display:flex}.chart-choice.selected{border-left-color:var(--cyan);background:#314a6740}.chart-choice strong{font-size:12px;display:block}.chart-choice small{font-size:10px;display:block}.chart-choice>span:last-child{overflow-wrap:anywhere;min-width:0}.ranking-board{min-width:0}.ranking-board h2{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8c9bb4;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #48526c;padding:11px 9px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--border);padding:16px 9px}td.podium{color:#ffd39b;font-size:19px;font-weight:700}.ranking-note{color:#8a99b0;margin:24px 0 0;font-size:11px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:23px;font-size:12px;display:flex}.pagination button{border:1px solid var(--border);background:#29354c;border-radius:5px;padding:5px 13px}.tabs{border:1px solid var(--border);background:#171f30;border-radius:8px;gap:5px;margin-bottom:25px;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:5px;flex:1;padding:10px 18px}.tabs button.active{color:var(--text);background:#2b3a52}.tabs.compact{border:0;margin:0}.tabs.compact button{padding:5px 12px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.stats-grid .panel{padding:22px}.stats-grid strong{font-size:34px;line-height:1;display:block}.stats-grid .eyebrow{margin-bottom:17px}.admin-columns{grid-template-columns:1fr 1.4fr;gap:25px;display:grid}.admin-columns form small{margin-bottom:20px;display:block}.admin-list>div{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:15px 0;display:flex}.admin-list>div>span{flex:1}.admin-list small{display:block}.multiplayer-layout{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.inline-form{gap:9px;margin-bottom:20px;display:flex}.inline-form input,.inline-form select{flex:1}.room-list>div{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:18px 0;display:flex}.room-list>div>span:first-child{flex:1}.room-list small{display:block}.room-status{flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:25px;display:flex}.room-status .text-button{margin-left:auto}.chart-confirmation{background:#29374c50;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;padding:17px;font-size:12px;display:flex}.chart-confirmation>a{flex-basis:100%}.check-label{flex-direction:row;align-items:center;gap:9px;width:100%;font-size:12px}.check-label input{width:16px;accent-color:var(--cyan)}.live-ranking>div{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:14px 0;display:flex}.rank-position{color:#7d8aa1;width:15px;font-size:12px}.member-name{flex:1}.member-name small{display:block}.member-name a{color:var(--text)}.countdown{color:var(--cyan);text-align:center;padding:20px;font-size:30px}.chat-panel{flex-direction:column;min-height:430px;display:flex}.chat-messages{flex:1;height:380px;margin-bottom:20px;overflow:auto}.chat-message{padding:10px 0}.chat-message>div{align-items:center;gap:10px;font-size:12px;display:flex}.chat-message time{color:#76849c;margin-left:auto;font-size:10px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d0d8e7;margin:5px 0;font-size:13px}.chat-panel .inline-form{margin:0}.chat-panel .button{padding:10px 14px}.footer{border-top:1px solid var(--border);color:#738299;align-items:center;gap:22px;max-width:1120px;min-height:100px;margin:auto;padding:23px 0;font-size:11px;display:flex}.footer-brand{color:#a6b4ca;font-size:15px;font-weight:800}.connection-label{align-items:center;gap:7px;margin-left:auto;display:inline-flex}.connection-label i{background:#52617b;border-radius:50%;width:6px;height:6px}.connection-label i.online-dot{background:#67d8b0;box-shadow:0 0 8px #67d8b033}@media (width<=1000px){.navigation{flex-wrap:wrap;gap:24px}.nav-links{order:3;gap:30px;width:100%;padding:6px 0;overflow:auto}.nav-links a.active:after{bottom:-12px}.ranking-layout{grid-template-columns:250px 1fr}.multiplayer-layout{grid-template-columns:1fr}.footer{margin:0 30px}.account-nav{margin-left:auto}.hero-content{padding-left:30px}.art-disc{width:175px;height:175px}.art-orbit{width:250px;height:250px}.art-orbit.second{width:320px;height:320px}}@media (width<=700px){main{padding:24px 18px 45px}.navigation{padding:15px 18px}.brand{font-size:19px}.brand img{width:38px;height:38px}.account-nav{gap:10px}.player-link>span:last-child{text-overflow:ellipsis;max-width:85px;overflow:hidden}.hero{grid-template-columns:1fr}.hero-content{padding:35px 25px}.rhythm-art{height:235px}.art-orbit.second{width:280px;height:280px}.art-caption{bottom:12px}.feature-grid,.pack-grid,.profile-columns,.admin-columns,.ranking-layout,.auth-layout{grid-template-columns:1fr}.feature-grid{gap:12px}.feature{padding:21px}.feature p{min-height:0}.pack-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pack-card-content{padding:16px}.pack-card h3{font-size:17px}.auth-layout{gap:25px;margin-top:0}.auth-intro img{width:70px}.auth-intro h1{font-size:34px}.auth-intro p{max-width:none}.panel{padding:21px}.auth-form{padding:27px}.profile-banner{padding:24px}.profile-identity{flex-wrap:wrap;gap:16px}.avatar-large{border-radius:18px;width:78px;height:78px}.profile-edit{margin:5px 0 0}.profile-identity h1{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-picker{max-height:370px;overflow-y:auto}.chart-list a{gap:10px}.chart-list a>span:last-child{display:none}.pack-detail-meta .button{margin-left:0}.footer{flex-wrap:wrap;gap:14px;margin:0 18px}.footer>span:first-of-type{display:none}.inline-form{flex-wrap:wrap}.inline-form input{min-width:130px}.hero-actions .button{font-size:12px}.chat-messages{min-height:280px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.table-secondary{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.ir-score-table{min-width:1200px;font-size:12px}.ir-score-table td,.ir-score-table th{padding:11px 9px}.table-symbol{color:#a7dfff;font-size:32px}.difficulty-card:hover{border-color:#587c9b}.clear-lamp{color:#bdc9d9;white-space:nowrap;background:#384252;border-radius:4px;padding:4px 7px;font-size:10px;display:inline-block}.clear-easy{color:#a5edbb;background:#24593d}.clear-normal{color:#acd7ff;background:#284975}.clear-hard{color:#ffd0a2;background:#72402a}.clear-full-combo,.clear-perfect{color:#ffe798;background:#625023}.clear-failed{color:#ffa5b6;background:#602f3a}