@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750;800;850;900&display=swap";:root{--ink:#1c2d4d;--muted:#8590a5;--blue:#3473ed;--pale:#eff5ff;--line:#e9eef5;--font:"Golos Text", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:var(--ink);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased;background:#f8faff;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled),a{transition:background .18s,color .18s,transform .18s,box-shadow .18s}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #8eb7ff}input:focus,select:focus{outline-offset:1px;outline:2px solid #95bcff}a{color:#3473ed;text-decoration:none}p{color:#7b879b;margin:8px 0 16px;line-height:1.75}h1,h2,h3,h4{letter-spacing:-.045em;margin:0;font-weight:750;line-height:1.25}h1{font-size:31px}h2{font-size:22px}h3{font-size:17px}small{color:#8490a5;font-size:11px}svg{flex-shrink:0}input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe7f2;border-radius:10px;min-height:45px;padding:12px 14px}input::placeholder{color:#a0a9b9}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}input[type=checkbox]{accent-color:var(--blue);flex-shrink:0;width:17px;height:17px}input[type=file]{color:#667693;max-width:100%;font-size:12px}input[type=file]::file-selector-button{color:#386ac0;font:inherit;cursor:pointer;background:#eef4fd;border:0;border-radius:7px;margin-right:8px;padding:7px 9px}label{justify-content:space-between;align-items:center;margin:19px 0 8px;font-size:12px;font-weight:650;display:flex}label b{color:var(--blue)}label .label-hint{color:#9aa5b7;font-size:10px;font-weight:400}.muted{color:#8591a5}.small{font-size:12px}.eyebrow{color:#7a92b9;letter-spacing:.12em;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:230px;height:100vh;padding:35px 19px 17px;display:flex;position:sticky;top:0}.brand{color:#1f375b;letter-spacing:-1.3px;align-items:center;gap:12px;margin:0 10px 44px;font-size:25px;font-weight:850;line-height:.98;display:flex}.brand>span:nth-child(2)>span{display:block}.brand-dot{color:#4485ef;display:inline!important}.brand-mark{color:#fff;background:#3979ed;border-radius:14px;justify-content:center;align-items:center;width:44px;height:47px;display:flex;transform:rotate(-6deg);box-shadow:0 6px 12px #3473ed23}.sidebar-label{letter-spacing:.12em;color:#a4afc0;margin:0 12px 15px;font-size:8px;font-weight:650}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button,.sidebar-bottom>button{text-align:left;color:#7f8b9e;border-radius:10px;align-items:center;gap:13px;width:100%;padding:13px 14px;font-size:12px;font-weight:550;display:flex}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#3473ed;background:#f5f8fe}.sidebar nav button.active{color:#3473ed;background:#edf4ff}.sidebar nav button.active:before{content:"";background:#3473ed;border-radius:0 3px 3px 0;width:3px;height:25px;position:absolute;left:0}.nav-new{letter-spacing:.05em;color:#698fc8;background:#e8f0ff;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:7px}.sidebar-card{background:linear-gradient(150deg,#f4f8ff,#fff);border:1px solid #e5edf9;border-radius:15px;margin:36px 6px 20px;padding:22px 18px 17px;position:relative;overflow:hidden}.mini-record{color:#90b0e9;text-align:center;opacity:.7;background:#e2ecff;border:12px double #d4e2fb;border-radius:50%;width:82px;height:82px;font-size:28px;line-height:57px;position:absolute;top:-14px;right:-13px;transform:rotate(-18deg)}.sidebar-card b{letter-spacing:-.03em;font-size:15px;line-height:1.4;display:block;position:relative}.sidebar-card p{margin-bottom:20px;font-size:10px;line-height:1.9}.sidebar-card>span:last-child{letter-spacing:.13em;color:#9baecc;font-size:6px}.sidebar-bottom{margin-top:auto}.sidebar-footer{border-top:1px solid var(--line);color:#adb7c6;justify-content:space-between;align-items:center;margin-top:17px;padding-top:17px;font-size:8px;display:flex}.connection{color:#7c8ca2;align-items:center;gap:6px;font-size:10px;display:flex}.connection i,.live-tag i{background:#6fc4a3;border-radius:50%;width:5px;height:5px}.connection i.offline{background:#e9ae6b}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:83px;padding:0 43px;display:flex}.breadcrumb{color:#9aa6b9;align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:#52637e;font-weight:500}.topbar-right{align-items:center;gap:20px;display:flex}.balance{align-items:center;gap:7px;font-size:12px;display:flex}.balance svg{color:#edb74d}.balance span{color:#9ba6b6;font-size:10px}.topbar-divider{background:var(--line);width:1px;height:27px}.user-menu{text-align:left;align-items:center;gap:10px;display:flex}.user-menu b{font-size:11px;font-weight:600;display:block}.user-menu small{margin-top:2px;font-size:8px;display:block}.user-menu>svg{color:#a4afbf}.avatar-small{background:#eaf2ff;border-radius:12px;width:36px;height:36px;overflow:hidden}.avatar-small svg{width:40px;transform:translate(-2px,-1px)}main{flex:1;width:100%;max-width:1560px;margin:auto;padding:35px 43px 30px}.welcome-line,.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.welcome-line p{margin:9px 0 0;font-size:12px}.blue-dot{color:#4482ed}.welcome-line .eyebrow{margin-bottom:7px}.button{white-space:nowrap;background:#fff;border:1px solid #dfe7f2;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:#f3f7fe;border-color:#c0d3f2}.button.primary{color:#fff;background:#3473ed;border-color:#3473ed;box-shadow:0 5px 10px #3473ed13}.button.primary:hover:not(:disabled){background:#2463db;transform:translateY(-1px)}.button.subtle{color:#7d8ca4;background:#fff;border-color:#e3eaf4;min-height:35px;padding:9px 13px;font-size:10px}.button.full{width:100%;margin-top:20px}.button.small{min-height:33px;padding:7px 10px;font-size:10px}.text-button{color:#4c7fcf;align-items:center;gap:7px;padding:5px 0;font-size:11px;font-weight:550;display:inline-flex}.text-button:hover{color:#1b55b5}.icon-button{color:#8b99ad;background:#fff;border:1px solid #e5ebf4;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{background:#f0f5ff}.hero{background:linear-gradient(112deg,#eff6ff 1%,#e9f2ff 59%,#eff6ff);border:1px solid #e1eafa;border-radius:20px;height:349px;margin-bottom:31px;padding:35px;position:relative;overflow:hidden}.hero-copy{z-index:2;width:51%;position:relative}.hero-tag{letter-spacing:.08em;color:#6b8ab9;background:#ffffff9c;border:1px solid #d9e5f9;border-radius:5px;align-items:center;gap:7px;margin-bottom:20px;padding:6px 9px;font-size:7px;font-weight:650;display:inline-flex}.hero h2{letter-spacing:-.055em;font-size:43px;font-weight:850;line-height:1.15}.hero h2 span{color:#3e7ce3}.hero-copy p{color:#8294ae;margin:15px 0 22px;font-size:11px;line-height:1.85}.hero-meta{color:#7990ae;gap:18px;font-size:8px;display:flex}.hero-meta>span{align-items:center;gap:5px;display:flex}.stage-art{width:100%;height:auto;display:block}.hero>.stage-art{width:59%;height:340px;position:absolute;top:3px;right:-42px}.hero-corner{letter-spacing:.16em;color:#99aecb;font-size:6px;position:absolute;bottom:17px;right:24px}.section-heading.compact{margin-top:27px;margin-bottom:16px}.section-heading.compact h2{letter-spacing:-.03em;font-size:17px}.section-heading.compact>span{color:#a2adbf;font-size:9px}.section-heading>div>p{margin-bottom:0;font-size:12px}.mode-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mode-card{text-align:left;background:#fff;border:1px solid #e3eaf5;border-radius:15px;padding:24px 26px 18px;position:relative;overflow:hidden}.mode-card:hover{border-color:#bfd2f2;transform:translateY(-3px);box-shadow:0 10px 25px #2137630a}.mode-card:after{content:"";pointer-events:none;border:20px solid #eff4fb;border-radius:50%;width:155px;height:155px;position:absolute;top:-70px;right:-78px}.mode-icon{color:#5d8bdb;background:#edf4ff;border-radius:14px;justify-content:center;align-items:center;width:51px;height:51px;margin-bottom:16px;display:flex}.mode-badge{letter-spacing:.1em;color:#8fa5c7;font-size:7px;position:absolute;top:29px;right:24px}.mode-card h3{margin-bottom:9px;font-size:24px;font-weight:750}.mode-card p{margin:0 0 20px;font-size:11px;line-height:1.75}.mode-bottom{border-top:1px solid #eef2f8;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.mode-bottom>span:first-child{color:#8f9bb0;align-items:center;gap:7px;font-size:9px;display:flex}.dot-divider{color:#b4c1d3;margin:0 5px}.round-arrow{color:#6a95da;background:#eff4fc;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.party-card{background:#f1f6ff;border-color:#dce8fc}.party-card .mode-icon{color:#fff;background:#3b79e8;box-shadow:0 7px 13px #3b79e822}.party-card .round-arrow{color:#fff;background:#3473ed}.party-card .mode-bottom{border-color:#dfe8f8}.party-card .mode-badge{color:#7195d1}.home-lower{grid-template-columns:1.5fr 1fr;gap:22px;margin-top:7px;display:grid}.starter-panel .section-heading{margin-top:27px}.starter-pack{background:#fff;border:1px solid #e5ecf6;border-radius:13px;align-items:center;gap:16px;padding:17px;display:flex}.starter-pack>.pack-cover{border-radius:9px;flex-shrink:0;width:85px;height:100px}.starter-pack .pack-cover>span{font-size:18px;bottom:13px;left:11px}.starter-pack .vinyl{border-width:12px;width:80px;height:80px;top:-22px;right:-26px}.starter-pack .eyebrow{margin-bottom:5px;font-size:6px}.starter-pack h3{font-size:14px}.starter-pack p{margin:7px 0 8px;font-size:9px;line-height:1.7}.starter-pack .tag{padding:3px 6px;font-size:6px}.play-circle{color:#5288df;border:1px solid #e1eafa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;margin-left:auto;display:flex}.own-pack-promo{background:#f1f5fc;border:1px dashed #d5e2f5;border-radius:13px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:63px;padding:22px 20px;display:flex}.own-pack-promo>svg{color:#8aabdf;margin-top:4px}.own-pack-promo h3{font-size:12px}.own-pack-promo p{margin:7px 0 0;font-size:9px}.own-pack-promo .text-button{margin-left:35px;padding:0;font-size:9px}.home-foot{color:#a3afc1;justify-content:space-between;align-items:center;gap:10px;margin-top:31px;font-size:8px;display:flex}.home-foot>span:first-child{align-items:center;gap:7px;display:flex}.home-foot button{color:#91a0b7;font-size:8px}.main-footer{color:#a6b2c3;border-top:1px solid #e9eef6;justify-content:space-between;align-items:center;padding:17px 43px;font-size:8px;display:flex}.main-footer>span:first-child{color:#8191ab;letter-spacing:-.02em;font-weight:650}.main-footer>span:first-child span{color:#b0b9c7;margin-left:12px;font-size:7px;font-weight:400}.main-footer button{color:#92a2ba;font-size:8px}.toolbar{align-items:center;gap:12px;margin:25px 0;display:flex}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg{color:#9aaac0;position:absolute;left:13px}.input-icon>input{padding-left:40px!important}.input-icon.search{flex:1}.tag,.chip{color:#7891b3;background:#f1f5fb;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:inline-flex}.chip{background:#fff;border:1px solid #e1e9f4;border-radius:7px;padding:7px 10px;font-size:11px}.chip.selected{color:#3979e4;background:#eef5ff;border-color:#afcbf7}.chips{flex-wrap:wrap;gap:7px;display:flex}.catalog-layout.with-filters{grid-template-columns:260px 1fr;gap:22px;display:grid}.panel{background:#fff;border:1px solid #e5ebf4;border-radius:13px;padding:21px}.panel h3{align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.filter-heading{justify-content:space-between;align-items:center;display:flex}.filter-heading h3{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.filter-total{color:#557fbf;background:#edf4ff;border-radius:8px;align-items:center;gap:7px;margin-top:20px;padding:10px;font-size:10px;display:flex}.track-picker{border:1px solid #e6edf6;border-radius:8px;max-height:200px;margin:10px 0;overflow:auto}.track-picker>button{text-align:left;border-bottom:1px solid #edf2f8;align-items:center;gap:10px;width:100%;padding:9px 11px;font-size:12px;display:flex}.track-picker>button>span:nth-child(2){flex:1}.track-picker small{display:block}.track-picker>button.selected{background:#edf5ff}.checkbox{color:#7c9ecc;background:#fff;border:1px solid #dbe5f3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:inline-flex}.list-summary{color:#91a0b7;justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.song-table{background:#fff;border:1px solid #e6ecf6;border-radius:13px;overflow:hidden}.song-table-head,.song-row{grid-template-columns:25px minmax(150px,1fr) 100px 55px 110px 30px;align-items:center;gap:12px;padding:16px 20px;display:grid}.song-table-head{color:#97a7bd;letter-spacing:.1em;background:#f3f7fc;font-size:7px}.song-row{border-top:1px solid #eef2f7;font-size:11px}.song-name{align-items:center;gap:12px;display:flex}.song-name b{font-size:12px;font-weight:600}.song-name small{margin-top:2px;font-size:9px;display:block}.track-art{color:#6a94d4;background:#e8f1ff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.available{color:#71a794;align-items:center;gap:4px;font-size:9px;display:flex}.catalog-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.catalog-actions p{max-width:360px;margin:0;font-size:10px}.requested-tracks{color:#93a1b4;border:1px dashed #dce6f5;border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:28px;padding:17px;font-size:10px;display:flex}.requested-tracks b,.requested-tracks small{flex-basis:100%}.requested-tracks>span{background:#f0f4fb;border-radius:5px;padding:6px 8px}.tabs{border-bottom:1px solid #e5ecf6;flex:1;gap:16px;display:flex}.tabs button{color:#9caac0;border-bottom:2px solid #0000;padding:14px 3px;font-size:12px}.tabs button.active{color:#3473ed;border-color:#3473ed}.tabs button span{background:#edf3fd;border-radius:4px;padding:2px 6px;font-size:9px}.packs-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pack-card{background:#fff;border:1px solid #e1e9f5;border-radius:15px;overflow:hidden}.pack-cover{background:#91b7ee;height:180px;position:relative;overflow:hidden}.pack-cover>span{letter-spacing:-.04em;color:#f6faff;max-width:75%;font-size:35px;font-weight:850;line-height:.92;position:absolute;bottom:23px;left:22px}.pack-cover>span.pack-count{letter-spacing:.03em;background:#ffffff4a;border:1px solid #ffffff4f;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:500;inset:13px 13px auto auto}.vinyl{opacity:.75;background:#a7c7f7;border:25px double #b5d0f8;border-radius:50%;width:185px;height:185px;position:absolute;top:-48px;right:-15px;box-shadow:0 0 0 1px #bbd5fb,inset 0 0 0 2px #c9dfff}.vinyl:after{content:"";background:#f0f6ff;border-radius:50%;width:13px;height:13px;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.cover-1{background:#829ac7}.cover-2{background:#81b6b7}.cover-3{background:#b4a3d5}.pack-card-body{padding:21px}.pack-card-body p{min-height:54px;font-size:11px}.pack-card-body small{font-size:9px}.pack-card-footer{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:15px;font-size:11px;display:flex}.added{color:#669b89;align-items:center;gap:5px;font-size:9px;display:flex}.create-pack-card{color:#8b9cb6;background:#f2f6fc;border:1px dashed #cfdef4;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.create-pack-card>span{color:#7d9fd4;background:#e6eefb;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:23px;display:flex}.create-pack-card h3{font-size:17px}.create-pack-card p{font-size:11px;line-height:1.8}.rank-intro{background:#edf4ff;border:1px solid #dde9fc;border-radius:15px;align-items:center;gap:23px;margin-bottom:25px;padding:25px 30px;display:flex}.rank-intro>svg{color:#78a3e8}.rank-intro p{margin-bottom:0;font-size:11px}.rank-intro .tag{white-space:nowrap;margin-left:auto}.ranking-table{border:1px solid #e4ebf5;border-radius:15px;overflow:hidden}.ranking-row{text-align:left;background:#fff;border-bottom:1px solid #edf2f7;align-items:center;gap:18px;width:100%;padding:15px 25px;display:flex}.ranking-row:hover,.ranking-row.is-me{background:#f0f6ff}.ranking-row>.rank-number{text-align:center;color:#9eacc1;width:22px;font-size:12px}.rank-number.rank-0{color:#d7a943}.rank-number.rank-1{color:#9daec7}.rank-number.rank-2{color:#b8917e}.ranking-row>.stage-art,.ranking-row>svg:not(:last-child){width:50px;height:50px}.ranking-row>span:nth-of-type(2){flex:1}.ranking-row b{font-size:12px}.ranking-row small{font-size:9px;display:block}.ranking-row strong{text-align:right;color:#4f7ac3;font-size:17px}.ranking-row>svg:last-child{color:#a0b0c5}.empty-state{text-align:center;color:#a6bad9;background:#fff;border-radius:15px;padding:65px 25px}.empty-state h3{color:#647b9d;margin:18px 0 8px}.empty-state p{font-size:12px}.profile-card{background:#fff;border:1px solid #e1eaf8;border-radius:18px;align-items:center;gap:30px;margin-bottom:32px;padding:30px;display:flex}.profile-avatar{background:#eff5ff;border-radius:30px;flex-shrink:0;width:145px}.profile-card h2{font-size:27px}.profile-card p{max-width:350px;font-size:11px}.profile-card .button{min-height:33px;padding:7px 12px;font-size:10px}.profile-stats{gap:30px;margin-left:auto;display:flex}.profile-stats>span{color:#8a9bb4;white-space:nowrap;flex-direction:column;align-items:center;font-size:10px;display:flex}.profile-stats b{color:#4e78bc;font-size:25px;line-height:1.7}.skins-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px;display:grid}.skin-card{text-align:center;background:#fff;border:1px solid #e2eaf5;border-radius:15px;padding:17px 15px 23px}.skin-card.equipped{background:#f5f9ff;border-color:#a5c4f5}.skin-card>svg{width:100%;max-width:125px}.skin-card h3{font-size:13px}.skin-card p{margin:7px 0 15px;font-size:11px}.skin-card .button{min-height:34px;padding:8px 10px;font-size:9px}.danger{color:#bf7d83}.public-profile{text-align:center}.public-profile>svg{width:155px}.public-profile .profile-stats{justify-content:center;margin:22px 0}.public-profile h2{margin:10px 0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#13264565;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:20px;width:490px;max-width:100%;max-height:calc(100dvh - 50px);padding:27px 30px 30px;animation:.18s ease-out enter;overflow-y:auto;box-shadow:0 25px 80px #10213e35}.modal.wide{width:850px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.modal-heading h2{letter-spacing:-.04em;font-size:20px}.modal-heading .icon-button{background:#f2f6fb;border:0;width:29px;height:29px}.modal>p,.modal form>p{font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid.three{grid-template-columns:1fr .65fr 1fr}.segmented{background:#f0f5fc;border:1px solid #e3ebf7;border-radius:10px;gap:5px;padding:4px;display:flex}.segmented>button{color:#8a9db9;border:1px solid #0000;border-radius:7px;flex:1;padding:10px;font-size:12px}.segmented>button.active{color:#3c75d5;background:#fff;border-color:#d8e5fa;box-shadow:0 2px 5px #183d7610}.segmented small{color:inherit;opacity:.65;margin-top:4px;font-size:9px;display:block}.segmented.modes button{flex-direction:column;align-items:center;gap:5px;padding:18px 10px;display:flex}.range-labels{color:#9caac0;justify-content:space-between;font-size:9px;display:flex}.expand-button{background:#f7faff;border:1px solid #e2ebf6;border-radius:9px;align-items:center;gap:8px;width:100%;margin:22px 0 15px;padding:12px 15px;font-size:12px;display:flex}.expand-button span{margin-left:auto}.note{color:#7c91b0;background:#f3f7fd;border:1px solid #e4edf9;border-radius:9px;margin:17px 0 0;padding:12px 15px;font-size:10px;line-height:1.8}.filters{padding:10px 0}.filter-heading .text-button{font-size:10px}.filters small{margin-top:4px;font-size:9px;line-height:1.7;display:block}.party-choice{text-align:left;background:#f5f9ff;border:1px solid #deeafa;border-radius:13px;align-items:center;gap:16px;width:100%;margin-top:15px;padding:23px 18px;display:flex}.party-choice:hover{background:#ecf4ff}.party-choice>span{color:#5086d9;background:#e4efff;border-radius:13px;padding:13px;display:flex}.party-choice>div{flex:1}.party-choice b{font-size:14px;display:block}.party-choice small{margin-top:4px;font-size:10px;display:block}.party-choice>svg{color:#85a7db}.code-input{text-align:center;letter-spacing:.35em;font-weight:700;color:#3c72c3!important;background:#f5f9ff!important;padding:22px!important;font-size:30px!important}.auth-tabs{margin-bottom:25px}.settings-form h3{align-items:center;gap:10px;margin:20px 0 15px;font-size:15px;display:flex}.check-label{justify-content:flex-start;gap:10px;font-size:12px;font-weight:450;line-height:1.6}.onboarding{grid-template-columns:1fr 1fr;gap:20px;display:grid}.onboarding-visual{background:#eff5ff;border-radius:13px;align-items:center;display:flex;overflow:hidden}.onboarding-visual .stage-art{flex-shrink:0;width:135%;max-width:none;transform:translate(-15%)}.onboarding-content{padding:20px 5px 5px}.onboarding-content h2{font-size:26px}.onboarding-content p{min-height:130px;font-size:12px}.onboarding-content .text-button{text-align:center;margin:12px auto;display:block}.onboarding-content>small{text-align:center;font-size:9px;display:block}.onboarding-dots{justify-content:center;gap:6px;display:flex}.onboarding-dots button{background:#dbe7fa;border-radius:9px;width:6px;height:6px;padding:0}.onboarding-dots button.active{background:#4d85e3;width:22px}.instructions p{font-size:12px}.instruction-intro{background:#edf4ff;border-radius:13px;margin-bottom:26px;padding:28px}.instruction-intro h3{font-size:29px;line-height:1.2}.instruction-intro p{max-width:480px;margin-bottom:0}.instruction-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.instruction-grid article{border:1px solid #e4ebf5;border-radius:12px;padding:20px}.step{color:#5f8fdc;background:#edf4ff;border-radius:5px;margin-bottom:12px;padding:5px 8px;font-size:10px;display:inline-block}.instruction-grid h3{font-size:16px}.instructions>h3{margin-top:28px}.score-guide{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.score-guide>span{text-align:center;color:#8b9db9;background:#f2f7ff;border-radius:8px;flex-direction:column;padding:8px;font-size:9px;display:flex}.score-guide b{color:#477ecc;font-size:20px}.key-guide{color:#8597b2;background:#f3f7fd;border-radius:10px;flex-wrap:wrap;gap:16px;margin:20px 0;padding:17px;font-size:10px;display:flex}kbd{font:9px var(--font);color:#7e93b3;white-space:nowrap;background:#fff;border:1px solid #dce5f3;border-bottom-width:2px;border-radius:4px;padding:3px 6px;display:inline-block}.button.primary kbd{color:#fff;background:#ffffff1a;border-color:#ffffff4f}.toast{z-index:200;color:#fff;background:#223c65;border-radius:12px;align-items:center;gap:20px;max-width:min(600px,90vw);padding:14px 16px 14px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #1d345a30}.toast button{color:#b5cbed;display:flex}.drop-zone{text-align:center;color:#7d9ac4;cursor:pointer;background:#f3f8ff;border:1px dashed #bad1f5;border-radius:12px;flex-direction:column;gap:10px;padding:25px;display:flex;position:relative}.drop-zone b{color:#5a7fb5;font-size:13px}.drop-zone span{font-size:10px;font-weight:400}.drop-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-track{border:1px solid #dfe8f6;border-radius:12px;margin:18px 0;padding:20px}.upload-title{align-items:center;gap:9px;font-size:12px;display:flex}.upload-title strong{text-overflow:ellipsis;flex:1;overflow:hidden}.upload-track audio{width:100%;height:35px;margin:15px 0 4px}.upload-track label{font-size:10px}.upload-track small{margin-top:6px;font-size:9px;display:block}.room-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.room-code{text-align:left;background:#edf4ff;border:1px dashed #bdcff0;border-radius:11px;padding:10px 18px}.room-code small{letter-spacing:.1em;font-size:7px}.room-code strong{letter-spacing:.14em;color:#4c7ac1;align-items:center;gap:16px;font-size:22px;display:flex}.rule-strip{color:#aa966b;background:#fffaf0;border:1px solid #eee4c9;border-radius:9px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 15px;font-size:10px;line-height:1.7;display:flex}.game-layout{grid-template-columns:minmax(0,1fr) 245px;gap:22px;display:grid}.studio{background:linear-gradient(145deg,#e9f3ff,#f4f8ff);border:1px solid #dfe9f9;border-radius:16px 16px 0 0;height:430px;min-height:390px;position:relative;overflow:hidden}.studio>.stage-art{opacity:.95;width:100%;height:100%;padding:20px 10px 0}.studio-toolbar{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:15px;left:18px;right:18px}.live-tag{color:#7994ba;letter-spacing:.1em;background:#ffffffa6;border:1px solid #dae7fa;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:7px;display:inline-flex}.studio-toolbar .chip{background:#ffffffd9;padding:5px 8px;font-size:8px}.sketchfab-studio{height:100%;padding-top:51px;padding-bottom:21px;position:relative}.sketchfab-studio iframe{border:0;width:100%;height:100%}.sketchfab-studio>a{color:#8c9eb8;font-size:7px;display:block;position:absolute;bottom:3px;left:10px}.game-controls{background:#fff;border:1px solid #dfe8f6;border-top:0;border-radius:0 0 13px 13px;justify-content:space-between;align-items:center;gap:18px;min-height:95px;padding:20px;display:flex}.game-controls b{font-size:12px}.game-controls p{margin:5px 0 0;font-size:10px}.button-row{align-items:center;gap:9px;display:flex}.keyboard-hints{color:#a0adc0;flex-wrap:wrap;align-items:center;gap:14px;padding:15px 2px;font-size:8px;display:flex}.keyboard-hints span{align-items:center;gap:5px;display:flex}.keyboard-hints span:last-child{margin-left:auto;font-size:7px}.room-sidebar .panel{margin-bottom:17px;padding:17px}.room-sidebar h3>span{color:#a0adc1;margin-left:auto;font-size:10px}.player-list{flex-direction:column;gap:6px;display:flex}.player-row{text-align:left;border-radius:8px;align-items:center;gap:7px;width:100%;padding:7px 0;display:flex}.player-row>svg{width:40px;height:40px}.player-row>span{flex:1;min-width:0}.player-row b{text-overflow:ellipsis;align-items:center;gap:4px;font-size:10px;display:flex;overflow:hidden}.player-row small{margin-top:3px;font-size:7px;line-height:1.7;display:block}.player-row strong{text-align:center;color:#6d8ebb;font-size:16px}.player-row strong small{margin-top:0;font-size:6px;font-weight:400}.player-row.performing{background:#edf5ff}.empty-player{color:#b3bed0;align-items:center;gap:12px;padding:10px 5px;font-size:9px;display:flex}.empty-player>span{text-align:center;border:1px dashed #d7e2f2;border-radius:9px;width:29px;height:29px;font-size:18px;line-height:27px}.voice-panel>svg{color:#80a7e4;box-sizing:content-box;background:#eff5ff;border-radius:10px;margin-bottom:13px;padding:7px}.voice-panel h3{margin-bottom:7px}.voice-panel p{min-height:26px;font-size:9px;line-height:1.65}.voice-panel .button{width:100%;min-height:35px;padding:9px 7px;font-size:9px}.voice-panel>small{text-align:center;margin-top:11px;font-size:7px;display:block}.voice-panel .text-button{margin:6px auto;font-size:8px}.points-panel>div{color:#91a0b6;justify-content:space-between;margin:9px 0;font-size:9px;display:flex}.points-panel b{color:#678bc1}.answer-form{align-items:center;gap:12px;width:100%;display:flex}.answer-form .input-icon{flex:1}.answer-form input{font-size:12px}.stage-overlay{text-align:center;z-index:2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f4f8ffed;border:1px solid #e2ecfc;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:25px;display:flex;position:absolute;inset:55px 15px 15px}.stage-overlay h2{font-size:29px}.stage-overlay p{margin:0;font-size:12px}.stage-overlay small{font-size:9px}.stage-overlay .eyebrow{margin:5px 0;font-size:8px}.stage-overlay .button{margin-top:8px}.result-icon{color:#8aa8d6;background:#e3edfc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.result-icon.success{color:#5f93e4;background:#e6f1ff}.reveal>b{color:#547fc0;font-size:15px}.final-result>svg{color:#d2ad59}.final-result .confetti{letter-spacing:15px;color:#79a5e8;font-size:26px;animation:2s ease-in-out infinite float}.reward-summary{gap:35px;margin:12px 0;display:flex}.reward-summary>span{color:#9aabc4;flex-direction:column;font-size:10px;display:flex}.reward-summary b{color:#4d7cc4;font-size:23px}.playing-hud{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdf;border:1px solid #dbe7fa;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:250px;padding:15px 24px;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #456fad13}.playing-hud>b{color:#567cae;font-size:16px}.playing-hud>span{color:#91a5c2;font-size:10px}.playing-hud>span strong{color:#5787cc;font-weight:600}.playing-hud .countdown{font-size:49px;line-height:1.1}.waveform{align-items:center;gap:3px;height:35px;margin-bottom:5px;display:flex}.waveform i{background:#75a6ed;border-radius:4px;width:3px;max-height:35px;animation:.7s ease-in-out infinite alternate wave}.performing-avatar{width:70px;height:65px}.performing-avatar>svg{width:70px}.spinner{border:3px solid #dce9fc;border-top-color:#5489df;border-radius:50%;width:32px;height:32px;margin-bottom:10px;animation:1s linear infinite spin}.error-text{color:#bd8080!important}blockquote{color:#748cad;background:#e9f1fd;border-radius:8px;max-height:60px;margin:0;padding:10px;font-size:10px;overflow:auto}.celebrate .stage-art{filter:saturate(1.25)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{opacity:.6;transform:scaleY(.35)}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes enter{0%{opacity:0;transform:translateY(7px)scale(.99)}to{opacity:1;transform:none}}[data-motion=off] *,[data-graphics=low] .waveform i{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (min-width:1550px){.hero,.hero>.stage-art{height:380px}.hero h2{font-size:50px}.hero-copy p{font-size:13px}.mode-card{padding:28px 30px 20px}.mode-card p{font-size:13px}.hero-meta{font-size:10px}.home-page{max-width:1280px;margin:auto}}@media (max-width:1200px){.sidebar{width:198px;padding-left:13px;padding-right:13px}.brand{gap:9px;font-size:22px}.brand-mark{width:38px;height:41px}.sidebar nav button{padding:12px;font-size:11px}.topbar{padding:0 26px}main{padding:28px 26px}.hero{height:325px;padding:28px}.hero h2{font-size:37px}.hero-copy p{font-size:10px}.hero-meta{gap:10px;font-size:7px}.hero>.stage-art{width:63%;height:310px;top:5px;right:-60px}.hero-copy{width:57%}.home-lower{grid-template-columns:1.7fr 1fr;gap:15px}.own-pack-promo{padding:17px 13px}.own-pack-promo>svg{display:none}.own-pack-promo .text-button{margin-left:0}.catalog-layout.with-filters{grid-template-columns:1fr}.song-table-head,.song-row{grid-template-columns:23px minmax(130px,1fr) 90px 45px 95px 25px;gap:8px;padding:13px}.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.studio{height:385px;min-height:385px}.game-controls{flex-wrap:wrap;padding:15px}.profile-card{gap:20px;padding:22px}.profile-avatar{width:110px}.profile-stats{gap:20px}.skins-grid{gap:12px}.skin-card h3{font-size:11px}.section-heading h1{font-size:27px}}@media (max-width:950px){.sidebar{align-items:center;width:80px;padding:25px 10px}.brand{margin:0 0 35px}.brand>span:nth-child(2),.sidebar-label,.sidebar-card,.nav-new,.sidebar-footer{display:none}.sidebar nav button{gap:0;padding:15px;font-size:0}.sidebar nav button.active:before{display:none}.sidebar-bottom>button{gap:0;padding:15px;font-size:0}.sidebar nav,.sidebar-bottom{width:100%}.hero{height:310px}.hero h2{font-size:36px}.hero-copy{width:58%}.hero-meta span:last-child{display:none}.hero>.stage-art{width:65%;right:-70px}.section-heading.compact>span{display:none}.packs-grid,.skins-grid{grid-template-columns:1fr 1fr}.profile-card{flex-wrap:wrap}.profile-stats{margin-left:0}.main-footer>span:last-child{display:none}.game-layout{grid-template-columns:1fr}.room-sidebar{grid-template-columns:1fr 1fr;gap:16px;display:grid}.room-sidebar .points-panel{display:none}.studio{height:420px}.game-controls{flex-wrap:nowrap}.welcome-line .button{gap:0;font-size:0}.welcome-line .button svg{width:18px}.welcome-line h1{font-size:28px}.main-footer{padding:15px 26px}}@media (max-width:680px){.sidebar{display:none}.topbar{height:65px;padding:0 17px}.breadcrumb{gap:6px;font-size:10px}.topbar-right{gap:10px}.balance span,.user-menu>svg,.user-menu small{display:none}.user-menu b{font-size:10px}.topbar-divider{display:none}.topbar-right .balance{font-size:10px}.topbar-right .balance svg{width:14px}main{padding:25px 17px}.welcome-line h1{font-size:26px}.welcome-line .eyebrow{font-size:7px}.hero{border-radius:15px;height:430px;padding:23px}.hero-copy{width:100%}.hero h2{font-size:36px}.hero-copy p{font-size:11px}.hero-meta{display:none}.hero>.stage-art{opacity:.8;width:87%;height:265px;top:170px;right:-30px}.hero-corner{font-size:5px}.mode-cards{gap:12px}.mode-card{padding:20px 15px 13px}.mode-card h3{font-size:19px}.mode-badge{font-size:5px;top:25px;right:12px}.mode-icon{width:40px;height:40px}.mode-icon svg{width:23px}.mode-card p{font-size:9px}.mode-bottom>span:first-child{gap:3px;font-size:7px}.mode-bottom .dot-divider{display:none}.mode-bottom .round-arrow{width:24px;height:24px}.home-lower{grid-template-columns:1fr}.own-pack-promo{flex-wrap:nowrap;align-items:center;margin-top:0;padding:20px}.own-pack-promo .text-button{margin-left:auto}.own-pack-promo>svg{display:block}.own-pack-promo p{font-size:8px}.home-foot>span:nth-child(2){display:none}.main-footer{padding:15px 17px}.main-footer>span:first-child span{display:none}.modal-backdrop{padding:12px}.modal{border-radius:15px;max-height:calc(100dvh - 24px);padding:20px}.modal-heading h2{font-size:17px}.onboarding{grid-template-columns:1fr}.onboarding-visual{height:160px}.onboarding-visual .stage-art{width:80%;height:230px;margin:auto;transform:none}.onboarding-content{padding:10px 0}.onboarding-content p{min-height:0}.onboarding-content h2{font-size:23px}.form-grid{gap:10px}.instruction-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;gap:8px}.toolbar .search{flex-basis:100%}.toolbar .button{flex:1}.packs-grid{grid-template-columns:1fr 1fr;gap:12px}.pack-cover{height:140px}.pack-cover>span{font-size:27px;bottom:17px;left:15px}.pack-card-body{padding:14px}.pack-card-body h3{font-size:15px}.pack-card-body p{min-height:75px;font-size:10px}.pack-card-footer{flex-direction:column;align-items:flex-start}.pack-count{font-size:6px!important}.song-table-head,.song-row{grid-template-columns:22px 1fr 55px;gap:8px;padding:12px}.song-table-head>span:nth-child(n+4),.song-row>span:nth-child(n+4),.song-row>.icon-button{display:none}.song-row>.song-name+span .tag{font-size:7px}.song-name b{font-size:10px}.song-name small{font-size:7px}.track-art{width:30px;height:30px}.song-name{gap:8px}.catalog-actions{flex-direction:column;align-items:stretch}.section-heading{flex-wrap:wrap;align-items:flex-start}.section-heading h1{font-size:25px}.section-heading>div>p{font-size:11px}.rank-intro{gap:14px;padding:20px}.rank-intro .tag{display:none}.rank-intro h3{font-size:14px}.rank-intro p{font-size:9px}.ranking-row{gap:12px;padding:12px}.profile-card{gap:14px}.profile-avatar{width:85px}.profile-card>div:nth-child(2){flex:1}.profile-card h2{font-size:22px}.profile-card .profile-stats{justify-content:space-around;width:100%;margin-top:10px}.room-top{margin-bottom:16px}.room-code{padding:8px 12px}.room-code strong{font-size:17px}.room-page>.section-heading{flex-wrap:nowrap;gap:10px}.room-page>.section-heading h1{font-size:22px}.room-code small{font-size:5px}.room-sidebar{grid-template-columns:1fr 1fr;gap:10px}.room-sidebar .panel{padding:12px}.player-row{gap:4px}.player-row b{font-size:8px}.player-row small{font-size:6px}.player-row>svg{width:28px}.voice-panel .button{gap:4px;font-size:8px}.voice-panel .button svg{width:12px}.game-controls{flex-direction:column;align-items:stretch}.game-controls .button-row{justify-content:flex-end}.studio{height:340px;min-height:340px}.studio>.stage-art{width:115%;max-width:none;padding:30px 0 0;transform:translate(-6%)}.stage-overlay{padding:14px}.stage-overlay h2{font-size:23px}.stage-overlay .button{font-size:10px}.answer-form{flex-wrap:wrap;gap:8px}.answer-form .input-icon{flex-basis:100%}.answer-form .button{width:100%}.rule-strip{flex-wrap:wrap;gap:4px;font-size:8px}.keyboard-hints{gap:10px;font-size:7px}.keyboard-hints span:last-child{flex-basis:100%;margin-left:0}.score-guide{grid-template-columns:repeat(4,1fr)}.upload-track{padding:12px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three>div:first-child{grid-column:span 2}.upload-title{font-size:10px}.instruction-intro h3{font-size:25px}}.avatar-small svg{height:40px}.profile-avatar svg{width:100%;height:auto}.skin-card>svg,.public-profile>svg{height:auto}.studio-world{background:#d9e9ff;position:absolute;inset:0}.studio-canvas{width:100%;height:100%}.studio-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.world-status{color:#284d83;text-align:center;background:#e4eeffd9;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px;display:flex;position:absolute;inset:0}.world-tools{color:#253c62;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:12px;left:15px;right:15px}.world-tools button{font:inherit;background:#ffffffbf;border:1px solid #ffffffb0;border-radius:8px;padding:5px 9px}.world-tools span{background:#ffffffbf;border-radius:8px;padding:5px 9px}.model-credits{color:#1c3963;z-index:12;background:#fffffff5;border-radius:16px;gap:8px;max-width:360px;padding:18px;font-size:11px;display:grid;position:absolute;bottom:47px;right:16px;box-shadow:0 10px 40px #193b7229}.model-credits a{color:#366bb9}.studio-toolbar{pointer-events:none}.studio-toolbar button{pointer-events:auto}.playing-hud{pointer-events:none}.existing-tracks{gap:5px;max-height:140px;margin:10px 0;font-size:12px;display:grid;overflow:auto}.character-shop-intro{color:#617693;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;font-size:13px;line-height:1.7;display:flex}.character-shop-intro p{max-width:570px}.character-shop-intro strong{white-space:nowrap;color:#3373cf;background:#edf4ff;border-radius:12px;align-items:center;gap:7px;padding:10px 13px;display:flex}.character-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.character-card{color:#173252;background:#fff;border:1px solid #d9e5f7;border-radius:18px;overflow:hidden}.character-card.selected{border-color:#4d8eef;box-shadow:0 0 0 2px #4d8eef25}.character-portrait{background:#eff5ff;height:190px;position:relative;overflow:hidden}.character-portrait img{object-fit:cover;width:100%;height:100%}.character-portrait>span{color:#315d97;background:#ffffffdf;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.character-card-copy{padding:14px}.character-card h3{margin-bottom:6px;font-size:18px}.character-card-copy>p{color:#7a8da7;min-height:36px;margin:0 0 12px;font-size:11px;line-height:1.6}.character-card .button{width:100%;min-height:38px;font-size:12px}.character-credit{color:#8195b1;text-align:center;margin-top:10px;font-size:9px;display:block}.character-confirm{margin-top:22px!important}.character-shop+.section-heading{margin-top:34px}.character-avatar{object-fit:cover;border-radius:22px;width:100%;height:100%}body.in-game{overflow:hidden}.has-game>.sidebar,.has-game .topbar,.has-game footer{display:none}.has-game .main-shell{width:100%;margin:0}.room-page.immersive-room{z-index:40;color:#f3f8ff;background:#142b59;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.immersive-room .game-layout,.immersive-room .game-main{display:contents}.immersive-room .studio{background:#142b59;border:0;border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.immersive-room .studio:after{content:"";pointer-events:none;background:linear-gradient(#0716329c 0%,#0000 32% 65%,#071632b8 100%);position:absolute;inset:0}.immersive-room .room-top{z-index:15;gap:20px;margin:0;position:absolute;top:20px;left:28px;right:28px}.immersive-room .room-top .text-button{color:#f7faff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#102449a6;border:1px solid #ffffff29;border-radius:12px;min-height:40px;padding:9px 12px;font-size:12px}.immersive-room .room-top .text-button:hover{background:#29539b}.immersive-room .room-top .connection{display:none}.immersive-room>.section-heading{z-index:10;pointer-events:none;align-items:start;margin:0;position:absolute;top:90px;left:32px;right:32px}.immersive-room>.section-heading h1{color:#fff;letter-spacing:-.8px;text-shadow:0 2px 15px #061d43;margin:4px 0;font-size:29px}.immersive-room>.section-heading p{color:#c3d8f4;margin-top:7px;font-size:12px}.immersive-room .eyebrow{color:#abcfff;font-size:10px}.immersive-room .room-code{pointer-events:auto;color:#cee2ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#142c55b3;border:1px solid #ffffff30;padding:10px 16px}.immersive-room .room-code small{font-size:8px}.immersive-room .room-code strong{color:#fff;font-size:23px}.immersive-room .studio-toolbar{z-index:4;top:104px;left:50%;right:auto;transform:translate(-50%)}.immersive-room .studio-toolbar .chip{display:none}.immersive-room .live-tag{color:#d8eaff;letter-spacing:2px;background:#102449a6;border:1px solid #ffffff2e;font-size:9px}.immersive-room>.rule-strip{z-index:11;color:#ffdf99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#241e12b5;border:1px solid #dec17e57;width:max-content;max-width:calc(100% - 64px);padding:8px 12px;font-size:11px;position:absolute;top:188px;left:32px;right:32px}.immersive-room .match-scoreboard{z-index:8;pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute;bottom:155px;left:24px;right:24px}.score-tile{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;text-align:left;background:#10254aad;border:1px solid #ffffff25;border-radius:13px;align-items:center;gap:10px;min-width:126px;max-width:190px;padding:9px 13px;display:flex}.score-tile.is-me{background:#1f477dbb;border-color:#94c3ffb0}.score-tile.is-out{opacity:.5}.score-tile.is-performing{box-shadow:0 0 0 2px #8dc8ff,0 0 28px #379eff80}.score-tile i{border-radius:50%;flex:none;width:8px;height:8px}.score-tile span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.score-tile small{color:#a9c2e5;margin-top:2px;font-size:9px;display:block}.score-tile b{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-size:24px}.immersive-room .game-controls{z-index:12;color:#173252;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4f8fff2;border:1px solid #ffffff40;border-radius:18px;width:850px;max-width:calc(100% - 48px);min-height:78px;padding:15px 20px;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #061a4440}.immersive-room .game-controls b{font-size:14px}.immersive-room .game-controls p{color:#5b7292;max-width:480px;font-size:11px}.immersive-room .game-controls .button{min-height:45px;padding:12px 20px;font-size:13px}.immersive-room .game-controls input{font-size:14px}.immersive-room .keyboard-hints{z-index:12;color:#d7e7fc;gap:18px;width:max-content;max-width:calc(100% - 40px);padding:0;font-size:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.immersive-room .keyboard-hints span:last-child{display:none}.immersive-room kbd{color:inherit;background:#cfe2ff1a;border-color:#9fbce747}.immersive-room .room-sidebar{display:none}.immersive-room.drawer-open .room-sidebar{z-index:24;color:#173252;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f4f8fff5;border:1px solid #fff6;border-radius:20px;width:310px;padding:12px;display:block;position:absolute;top:76px;bottom:52px;right:24px;overflow:auto;box-shadow:0 25px 90px #061a4470}.immersive-room .drawer-close{justify-content:flex-end;width:100%;padding:7px 6px 15px;font-size:12px}.immersive-room .room-sidebar .panel{background:0 0;border:0;border-bottom:1px solid #d4e0f0;border-radius:0;margin:0;padding:15px 8px}.immersive-room .player-row b{font-size:12px}.immersive-room .player-row small{font-size:10px}.immersive-room .voice-panel p,.immersive-room .voice-panel .button{font-size:12px}.immersive-room .voice-panel>small,.immersive-room .voice-panel .text-button{font-size:10px}.immersive-room .points-panel>div{font-size:12px}.immersive-room .world-tools{z-index:5;opacity:.8;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;bottom:225px;left:30px;right:auto}.immersive-room .world-tools span{display:none}.immersive-room .world-tools button{color:#d6e7ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1024499c;border-color:#ffffff29;padding:6px 9px;font-size:10px}.immersive-room .model-credits{z-index:30;bottom:265px;left:30px;right:auto}.immersive-room .world-status{z-index:6;color:#fff;background:#112a51e8;font-size:18px}.immersive-room .playing-hud{z-index:5;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;min-width:300px;padding:38px 12px 8px;top:102px;bottom:auto}.immersive-room .playing-hud>b{color:#fff;text-shadow:0 2px 16px #071a3c;font-size:23px}.immersive-room .playing-hud>span{color:#d2e4ff;font-size:13px}.immersive-room .playing-hud strong{color:#fff}.immersive-room .waveform{height:22px;margin:0}.immersive-room .waveform i{background:#b6ddff;max-height:22px}.immersive-room.is-countdown .playing-hud{background:#07183020;justify-content:center;width:100%;padding:0 0 60px;inset:0;transform:none}.immersive-room .playing-hud .countdown{letter-spacing:-10px;color:#fff;text-shadow:0 0 70px #6fb2ff70,0 10px #234b8b4d;font-size:clamp(110px,20vh,220px);font-weight:900;line-height:1}.immersive-room.is-countdown .playing-hud>span{letter-spacing:4px;text-transform:uppercase;font-size:18px}.immersive-room .performing-avatar{display:none}.immersive-room .stage-overlay{z-index:7;color:#173252;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f9fff0;border:1px solid #ffffffa1;gap:7px;width:490px;max-width:calc(100% - 48px);max-height:calc(100dvh - 230px);padding:24px 30px;inset:48% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 25px 100px #071a3c44}.immersive-room .stage-overlay .eyebrow{color:#3878cc}.immersive-room .stage-overlay h2{font-size:30px}.immersive-room .stage-overlay p{font-size:14px}.immersive-room .stage-overlay small{font-size:11px}.immersive-room .stage-overlay .button{min-height:40px;font-size:13px}.immersive-room .stage-overlay .result-icon{width:44px;height:44px}.immersive-room .stage-overlay .result-icon svg{width:27px}.immersive-room.phase-reveal .game-controls,.immersive-room.phase-judging .game-controls,.immersive-room.phase-finished .game-controls,.immersive-room.phase-loading .game-controls{display:none}.immersive-room.phase-reveal .match-scoreboard,.immersive-room.phase-finished .match-scoreboard,.immersive-room.phase-judging .match-scoreboard,.immersive-room.phase-loading .match-scoreboard{bottom:65px}.immersive-room.phase-reveal .world-tools,.immersive-room.phase-finished .world-tools{bottom:145px}@media (max-width:1050px){.immersive-room .room-top .text-button span{display:none}.immersive-room .room-top{top:14px;left:18px;right:18px}.immersive-room>.section-heading{top:76px;left:22px;right:22px}.immersive-room>.section-heading h1{font-size:23px}.immersive-room .studio-toolbar{top:86px}.immersive-room .playing-hud{top:82px}.immersive-room>.rule-strip{font-size:10px;top:170px}.score-tile{gap:6px;min-width:104px;padding:8px}.score-tile span{font-size:11px}.score-tile b{padding-left:4px;font-size:20px}}@media (max-height:700px){.immersive-room .match-scoreboard{bottom:128px}.immersive-room .game-controls{min-height:65px;padding:10px 16px;bottom:40px}.immersive-room .keyboard-hints{bottom:9px}.immersive-room .world-tools{bottom:190px}.immersive-room .stage-overlay{max-height:calc(100dvh - 190px);padding:18px 24px;top:48%}.immersive-room .playing-hud{padding-top:28px}.immersive-room .playing-hud>b{font-size:19px}.immersive-room .waveform{display:none}}@media (max-width:700px){.immersive-room .room-top{gap:5px}.immersive-room .room-top .button-row{gap:4px}.immersive-room .room-top .text-button{padding:8px;font-size:0}.immersive-room .room-top .text-button svg{width:18px;height:18px}.immersive-room>.section-heading h1{font-size:19px}.immersive-room>.section-heading p{font-size:10px}.immersive-room .room-code{padding:7px 9px}.immersive-room .room-code strong{font-size:17px}.immersive-room .studio-toolbar{display:none}.immersive-room .match-scoreboard{gap:4px;left:10px;right:10px}.score-tile{flex:1;min-width:0;max-width:130px;padding:8px 6px}.score-tile i,.score-tile small{display:none}.score-tile span{font-size:9px}.score-tile b{font-size:17px}.immersive-room .game-controls{gap:8px;max-width:calc(100% - 20px);padding:12px}.immersive-room .game-controls p{display:none}.immersive-room .game-controls .button{padding:10px;font-size:11px}.immersive-room .keyboard-hints{gap:10px;font-size:8px}.immersive-room .world-tools{left:12px}.immersive-room .playing-hud{padding:0;top:180px}.immersive-room>.rule-strip{gap:5px;max-width:calc(100% - 28px);font-size:9px;left:14px}.immersive-room>.rule-strip b{display:none}.immersive-room.drawer-open .room-sidebar{width:290px;right:10px}}.public-profile>.character-avatar{width:150px;height:150px;margin:0 auto 16px}.immersive-room .world-tools{flex-direction:row;align-items:center;left:50%;right:auto;transform:translate(-50%)}.immersive-room .modal{color:#173252}.immersive-room .modal .eyebrow{color:#6783ab}.voice-quality{text-align:left;color:#173252;background:#f5f8ff;border:1px solid #d9e5f8;border-radius:14px;gap:10px;width:100%;padding:14px;display:grid}.voice-quality-peer{overflow-wrap:anywhere;border-top:1px solid #d9e5f8;gap:4px;padding-top:8px;display:grid}.voice-quality-peer span{font-size:12px}.auth-gate{background:#f7faff;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,7vw,120px);min-height:100dvh;padding:clamp(24px,5vw,80px);display:grid}.auth-story{max-width:600px;padding:40px 0}.auth-brand{letter-spacing:-1.5px;align-items:center;gap:10px;margin-bottom:80px;font-size:30px;font-weight:850;display:flex}.auth-brand>span{color:var(--blue)}.auth-story .eyebrow{color:var(--blue);display:block}.auth-story h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(40px,5vw,72px);line-height:1.08}.auth-story h1 em{color:var(--blue);font-style:normal}.auth-story>p{color:#65748f;max-width:450px;font-size:18px;line-height:1.8}.auth-features{gap:15px;margin:35px 0;font-size:14px;font-weight:600;display:grid}.auth-story>small{color:#7d8ba1}.auth-entry{background:#fff;border:1px solid #e5edf9;border-radius:28px;width:100%;max-width:510px;padding:clamp(25px,4vw,55px);box-shadow:0 20px 70px #254d8820}.auth-entry h2{letter-spacing:-1px;margin:14px 0;font-size:28px}.auth-entry>p{color:#71809a;font-size:14px;line-height:1.7}.auth-entry form label,.appearance-form>label{margin:18px 0 8px;font-size:13px;font-weight:650;display:block}.auth-entry .button.full{min-height:49px;margin-top:24px}.auth-error{color:#b83247;background:#fff1f2;border-radius:12px;padding:12px;font-size:13px}.auth-loading{place-content:center;justify-items:center;gap:20px;min-height:200px;display:grid}.profile-picture{object-fit:cover;border-radius:inherit;border:3px solid #367cf5;width:100%;height:100%;display:block}.profile-avatar{border-radius:24px;overflow:hidden}.avatar-small{border-radius:50%;overflow:hidden}.appearance-preview{border:1px solid;border-radius:20px;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.appearance-preview .profile-picture{border-radius:22px;width:84px;height:84px}.appearance-preview b{overflow-wrap:anywhere;font-size:21px}.appearance-preview small{color:#71809a;margin-top:8px;font-size:12px;display:block}.profile-color-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.profile-color-row input[type=color]{cursor:pointer;width:48px;height:40px;padding:3px}.profile-color-row button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #d9e3f3}.profile-color-row button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.profile-color-row span{color:#71809a;font-size:12px}.avatar-options{grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0;display:grid}.avatar-options button{aspect-ratio:1;cursor:pointer;border:2px solid #e5edf9;border-radius:12px;padding:0;overflow:hidden}.avatar-options button[aria-pressed=true]{border-color:var(--blue)}.avatar-options img{object-fit:cover;width:100%;height:100%}.appearance-form .full{margin-top:16px}.fixed-camera-label{color:#dbe9ff;background:#14243bba;border-radius:8px;padding:7px 10px;font-size:11px}.ranking-list .profile-picture{border-radius:50%;width:45px;height:45px}@media (max-width:800px){.auth-gate{grid-template-columns:1fr;gap:24px}.auth-story{padding:0}.auth-brand{margin-bottom:30px}.auth-story h1{letter-spacing:-2px;font-size:42px}.auth-story>p,.auth-features,.auth-story>small{display:none}.auth-entry{max-width:none}}@media (prefers-reduced-motion:reduce){.auth-gate *{animation:none!important}}.ranking-row>.profile-picture{border-radius:50%;flex-shrink:0;width:45px;height:45px}.immersive-room .world-tools .fixed-camera-label{color:#d6e7ff;background:#1024499c;border:1px solid #ffffff29;font-size:10px;display:block}.profile-color-row input[type=color]{flex:0 0 48px;max-width:48px}.music-credits ul{gap:12px;padding:0;list-style:none;display:grid}.music-credits li{background:#f4f7fc;border-radius:12px;gap:6px;padding:14px 17px;display:grid}.music-credits li span{color:#536681;font-size:13px}.music-credits li small{color:#8391a7}.world-tools button:disabled{opacity:.45;cursor:not-allowed}.immersive-room>.rule-strip{color:#ffe0a1;z-index:16;pointer-events:none;background:#31200bef;border:1px solid #ffd48099;gap:12px;width:auto;max-width:none;padding:11px 15px;font-size:13px;line-height:1.4;top:184px;left:28px;right:28px;box-shadow:0 5px 22px #0004}.immersive-room>.rule-strip svg{flex-shrink:0}.immersive-room>.rule-strip strong{font-weight:750;display:block}.immersive-room>.rule-strip span{color:#ffeac4;margin-top:3px;font-size:12px;display:block}.immersive-room:has(>.rule-strip) .playing-hud:not(:has(.countdown)){background:#102449b8;border-radius:15px;padding-top:8px;top:255px}@media (max-width:1050px){.immersive-room>.rule-strip{font-size:11px;top:164px}.immersive-room>.rule-strip span{font-size:10px}.immersive-room:has(>.rule-strip) .playing-hud:not(:has(.countdown)){top:240px}}@media (max-width:700px){.immersive-room>.rule-strip{padding:8px 10px;left:12px;right:12px}.immersive-room>.rule-strip strong{display:block}.immersive-room:has(>.rule-strip) .playing-hud:not(:has(.countdown)){min-width:260px;top:265px}.immersive-room:has(>.rule-strip) .playing-hud>b{font-size:17px}}.catalog-player{background:#eef5ff;border:1px solid #cddff7;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;padding:16px 20px;font-size:13px;display:flex}.catalog-player[hidden]{display:none}.catalog-player audio{max-width:50%;height:36px}.recovery-code{color:#154eaf;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;letter-spacing:.02em;background:#edf4ff;border:1px solid #c5dbff;border-radius:14px;margin:20px 0;padding:18px;font:700 16px/1.7 ui-monospace,monospace;display:block}.recovery-card h2{margin:12px 0}.recovery-card .button-row{flex-wrap:wrap}.recovery-card .check-label{margin:20px 0}.existing-tracks{flex-wrap:wrap;gap:8px;display:flex}