[data-plate=art]{isolation:isolate;position:relative;box-shadow:none!important;background:0 0!important;border-color:#0000!important}[data-plate=art]>:not(.plate-art){z-index:1;position:relative}[data-plate=art] :is(strong,small,.seat,.duel-role,.you-label,.bot-label){color:inherit!important}[data-plate=art] :is(.you-label,.bot-label){border-color:currentColor}[data-plate=art] :is(small,.seat,.duel-role){opacity:.78}[data-plate=art]{--plate-h:62px;padding-left:max(8px, calc(var(--cap-l) * var(--plate-h) * .8))!important;padding-right:max(8px, calc(var(--cap-r) * var(--plate-h) + 4px))!important}[data-plate=art]>div{min-width:0}.roster li[data-plate=art]{contain:inline-size}.plate-sample[data-plate=art]{--plate-h:46px}[data-plate=art]:is(.out,[data-out]){padding-right:8px!important}.plate-art{z-index:0;pointer-events:none;display:flex;position:absolute;inset:0}.plate-art i{background-image:var(--plate-img);background-repeat:no-repeat;height:100%;display:block}.plate-art i:first-child{aspect-ratio:var(--cap-l);background-position:0;background-size:auto 100%;flex:none}.plate-art i:nth-child(2){background-size:calc(100% / var(--plate-mid)) 100%;background-position:var(--plate-pos) center;flex:1 1 0;min-width:0;margin:0 -1px}.plate-art i:last-child{aspect-ratio:var(--cap-r);background-position:100%;background-size:auto 100%;flex:none}.stamp.stamp-art{box-shadow:none;background:0 0;border:0;padding:0;line-height:0}.stamp-art img{filter:drop-shadow(0 2px 3px #0006);width:auto;max-width:none;height:2.5em;display:block}.roster li[data-pt-field]>.field-finish:has(.stamp-art){flex-basis:auto}.brief{overflow-x:clip}.roster .field-stamp.stamp-art img{height:2.2em}.recap-stamp.stamp-art img{height:1.8em}.preview-row[data-out] .stamp{animation:2.4s ease-out both field-stamp-arrival}@media (prefers-reduced-motion:reduce){.preview-row[data-out] .stamp{animation:none}}ol.roster{--plate-h:68px;--seat-w:40px;--wpm-w:52px}ol.roster li[data-pt-field]{--plate-h:inherit;grid-template-columns:var(--seat-w) auto minmax(0, 1fr) var(--wpm-w);height:var(--plate-h);align-items:center;column-gap:8px;display:grid;padding:0!important}ol.roster li[data-pt-field]>.plate-art{left:calc(var(--seat-w) + 4px);right:calc(var(--wpm-w) + 4px)}ol.roster li[data-pt-field]>.field-icon-wrap{margin-left:max(6px, calc(var(--field-cap-l) * var(--plate-h) * .55 - 4px))}ol.roster li[data-pt-field]>div:not(.field-finish){min-width:0;padding-right:max(10px, calc(var(--cap-r,.3) * var(--plate-h) + 2px));grid-area:1/3}ol.roster li[data-pt-field].out>div:not(.field-finish){padding-right:max(7.5rem, calc(var(--cap-r,.3) * var(--plate-h) + 2px))}ol.roster li[data-pt-field]>.seat{font-variant-numeric:tabular-nums;background:#ffffff1a;border-radius:10px;place-items:center;width:auto;height:36px;font:800 22px/1 system-ui,sans-serif;display:grid;color:#f4f2ff!important;opacity:1!important}ol.roster li[data-zone=danger]>.seat{background:#ff5d6c;color:#1c0a10!important}ol.roster li.out>.seat{background:0 0;color:#9a9db0!important}ol.roster li[data-pt-field]>b{font-variant-numeric:tabular-nums;justify-items:end;gap:2px;font-size:22px;line-height:1;display:grid;color:#f4f2ff!important}ol.roster li[data-pt-field]>b small{letter-spacing:.08em;font-size:9px;color:#b9bed0!important;opacity:1!important}ol.roster li[data-pt-field]>.field-finish{z-index:1;pointer-events:none;grid-area:1/3;justify-content:flex-end;place-self:center stretch;width:auto;height:auto;margin-right:6px;display:flex}ol.roster li[data-cut]{margin-top:18px}ol.roster li[data-cut]:before,ol.roster li[data-cut]:after{z-index:2;pointer-events:none;position:absolute}ol.roster li[data-cut]:before{content:"";border-top:2px dashed #ff5d6c;top:-10px;left:0;right:0}ol.roster li[data-cut]:after{content:"ELIMINATION ZONE";color:#1c0a10;letter-spacing:.12em;background:#ff5d6c;border-radius:999px;padding:1px 8px;font:800 9px/1.4 system-ui,sans-serif;top:-17px;left:50%;transform:translate(-50%)}@media (width<=650px){ol.roster{--plate-h:60px;--seat-w:32px;--wpm-w:42px}ol.roster li[data-pt-field]{column-gap:6px}ol.roster li[data-pt-field]>.seat{height:30px;font-size:17px}ol.roster li[data-pt-field]>b{font-size:18px}ol.roster li[data-pt-field].out>div:not(.field-finish){padding-right:max(5.5rem, calc(var(--cap-r,.3) * var(--plate-h) + 2px))}}.zone-chip{color:#c9f5d8;background:#5ad38a1f;border:1px solid #5ad38a66;border-radius:999px;align-items:baseline;gap:8px;padding:5px 12px;display:inline-flex}.zone-chip b{letter-spacing:.06em;text-transform:uppercase;color:#7ee6a4;font-size:13px}.zone-chip[data-zone=danger]{color:#ffd7dc;background:#ff5d6c26;border-color:#ff5d6c}.zone-chip[data-zone=danger] b{color:#ff8a96}[data-pt-tone=light]{--lt-ink:var(--pt-text);--lt-muted:color-mix(in srgb, var(--pt-text) 72%, var(--pt-bg));--lt-go:#3a6500;--lt-bad:#a3253a;--lt-gold:#85540a;--lt-cool:#1f5f86;--lt-tint:color-mix(in srgb, var(--pt-text) 7%, transparent);--lt-line:color-mix(in srgb, var(--pt-text) 24%, transparent)}[data-pt-tone=light] :is(.arena-card,.match-banner,.brief,.round-groups section,.round-verdict,.extra-performance,.compact-performance,.time-track,.icon-button,.rarity-badge,.keychain-tip,.version,.welcome-name input,.pick-slot button,.settings,.final-stats,.final-tug,.cosm-compare,.cosm-actions,.cosm-banner){--pt-text:#eeeefa;--lt-ink:#f4f2ff;--lt-muted:#b9bed0;--lt-go:#c5f652;--lt-bad:#ffb3ba;--lt-gold:#ffdb87;--lt-cool:#9fdcff;--lt-tint:#0a122066;--lt-line:#69718a88;color:var(--pt-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-pt-tone=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-pt-tone=light] .shop-offers button{background:var(--lt-tint);color:inherit;border:1px solid var(--lt-line);border-radius:8px}[data-pt-tone=light] .base-price strong,[data-pt-tone=light] .final-side[data-side=left] .final-who strong{color:var(--lt-go)}[data-pt-tone=light] .final-side[data-side=right] .final-who strong{color:#a8341c}[data-pt-tone=light] .final-head h2 em{color:var(--lt-gold)}[data-pt-tone=light] .event-records li b{color:#0b6f86}[data-pt-tone=light] .admin-page :is(small,.cosm-help,.optional,.cosm-facts dt,.cosm-card code,.cosm-upload-thumb em){color:var(--lt-muted)}[data-pt-tone=light] .cosm-card{background:var(--lt-tint)}[data-pt-tone=light] .cosm-card>button{color:var(--lt-go)}[data-pt-tone=light] .welcome{--well:var(--lt-tint);--lime:#3a6500}[data-pt-tone=light] :is(.welcome-step,.locker-card,.profile-section){border-color:var(--lt-line)}[data-pt-tone=light] :is(.step-no,.you-tag,.xp-badge,.unlock-road [data-start] small){color:#141723;background:#c5f652}[data-pt-tone=light] .page-nav a:not([aria-current]){border-color:var(--lt-line)}[data-pt-tone=light] :is(.appearance-row>span,.duel-lead,.event-table td,.finish-place p,.preview-row,.profile-hero,.round-groups h3,.round-label,.settings .settings-group>label,.spectate-follow,.spectate-title span,.timer){color:var(--lt-ink)}[data-pt-tone=light] :is(.alive,.arena-bottom,.base-message,.base-short,.bot-label,.championship-vote p,.connection,.event-table small,.event-table td:last-child,.event-table th,.eyebrow,.final-head small,.final-result[data-result=runner-up],.finish-how,.finish-meta,.finish-place strong span,.finish-placements summary span,.finish-podium small,.finish-wpm small,.finish-you small,.follow-label,.history-note,.match-banner strong small,.match-spectate>small,.match-stage>small,.metrics strong b,.name-feedback,.pill,.profile-hero small,.profile-page .profile-coins,.profile-page .profile-mastery p,.recent-range,.records-panel p,.reward-none,.roster small,.round-groups h3 b,.round-route small,.rule-highlights span,.section-label,.settings label,.settings-group small,.spectate-vs,.text-button,.watched-progress,.win-rates small,.word-placeholder,.word-target,.word-target small,.you-label,kbd,p){color:var(--lt-muted)}[data-pt-tone=light] :is(.alive b,.duel-role,.event-table .you td:first-child,.name-feedback[data-tone=ok],.next-event,.queue-timer,.result-medal,.roster .you strong,.round-groups li strong,.spectate-challenge .correct,.word-correct,.you-label,h1 em){color:var(--lt-go)}[data-pt-tone=light] :is(.base-message[data-ok=false],.finish-path b,.name-feedback[data-tone=error],.welcome-go [role=alert],.welcome-name small[data-problem],.word-error){color:var(--lt-bad)}[data-pt-tone=light] .coin-total{color:var(--lt-gold)}[data-pt-tone=light] :is(.base-offer,.cap-picker,.coin-row,.earn-flow>li,.event-guide-grid article,.event-tiles li,.profile-hero,.rule-highlights>div,.slot){background:var(--lt-tint)}.app[data-pt-theme]{background:radial-gradient(ellipse at 65% -20%, var(--pt-panel), transparent 65%), var(--pt-bg);color:var(--pt-text)}.topbar .lastkey{flex-shrink:0;line-height:0;display:block}.topbar .lastkey img{width:auto;height:clamp(42px,4.2vw,60px);display:block}.lastkey b,.preview-row strong small{color:#141723;background:#c5f652;border-radius:7px;padding:.05em .3em}.page-nav{gap:8px;display:flex}.page-nav a{border:1px solid #596078;border-radius:12px;place-items:center;min-width:7.2em;padding:.6em 1.2em;font-weight:500;line-height:1.2;display:grid}.page-nav a[aria-current]{color:#141723;background:#c5f652;border-color:#c5f652;font-weight:750}.page-title{align-items:center;gap:20px;margin:25px 0;display:flex}.page-title h1,.locker-card h2,.profile-page h2{letter-spacing:-.045em;margin:.15em 0 .5em;font-style:italic}.page-title h1{font-size:clamp(34px,5vw,64px)}.page-title p{margin:0}.page-title small,.locker-card>small,.slot-button small{letter-spacing:.14em;text-transform:uppercase;font:700 11px/1.4 monospace}.locker-grid{grid-template-columns:1.08fr 1fr;align-items:start;gap:18px;display:grid}.locker-card,.profile-page .records-panel{background:linear-gradient(145deg, #ffffff08, transparent 70%), var(--pt-panel);border:1px solid #69718a88;border-radius:16px;min-width:0;margin:0 0 18px;padding:clamp(15px,2vw,28px)}.locker-card h2{font-size:clamp(22px,3vw,36px)}.slot{background:#10142199;border:1px solid #70778b80;border-radius:14px;margin-top:12px;overflow:hidden}.slot:has([aria-expanded=true]){border-color:#c5f652}.slot-button{text-align:left;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:26% 1fr auto;align-items:center;gap:16px;padding:15px;display:grid}.slot-button strong{margin-top:5px;font:700 clamp(16px,2vw,25px) monospace;display:block}.field-icon{object-fit:contain;width:clamp(44px,6vw,88px);height:auto}.slot-button .field-icon{justify-self:center}.plate-sample{border:1px solid #bbc4cf55;border-radius:7px;width:100%;height:46px;display:block}.stamp{text-align:center;border:3px double;justify-self:center;padding:.4em;font:700 clamp(9px,1.1vw,17px)/1 monospace;display:inline-block;transform:rotate(-6deg);box-shadow:0 2px 5px #0005}.swatches{border:1px solid #ccc6;border-radius:6px;gap:4px;padding:8px;display:flex}.swatches i{background:var(--pt-panel);border-radius:50%;width:20px;height:20px}.swatches i:nth-child(2){background:var(--pt-text)}.swatches i:last-child{background:var(--pt-accent)}.choices{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid}.choices button{color:#fff;background:#151b2a;border:1px solid #647188;border-radius:8px;align-content:center;justify-items:center;gap:8px;padding:10px 5px;font:600 12px monospace;display:grid}.choices [aria-pressed=true]{outline:2px solid #c5f652}.choices .field-icon{width:48px}.preview-row{color:#fff8e6;border:1px solid #748098;border-radius:10px;align-items:center;gap:10px;min-height:62px;margin:8px 0;padding:6px 12px;font-family:monospace;display:flex}.preview-row strong{overflow-wrap:anywhere;flex:1}.preview-row .field-icon,.field-icon-wrap img{vertical-align:middle;width:46px}.mine,.roster li.you[data-pt-field]{outline:2px solid #c5f652}.roster li[data-pt-field]{color:#fff8e6;background-color:#263044;border-radius:8px;gap:8px;margin:4px 0;padding:5px 8px;display:flex}.roster li[data-pt-field]>div{flex:1}.roster .field-icon{width:36px}.field-icon-wrap{flex-shrink:0;display:inline-flex}@media (width<=860px){.topbar:has(.page-nav){flex-wrap:wrap;gap:12px;height:auto;padding:12px 4%}.page-nav{order:3;width:100%}.locker-grid{grid-template-columns:1fr}.preview-row{font-size:13px}.page-nav a{text-align:center;flex:1}.slot-button{gap:8px}}@media (width<=500px){.page-nav a{min-width:0;padding-inline:.5em}}.mastery-track{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0 0;padding:0;list-style:none;display:grid;position:relative}.mastery-track:before{content:"";background:linear-gradient(to right, var(--rarity) var(--fill), #586071 var(--fill));height:4px;position:absolute;top:88px;left:12.5%;right:12.5%}.mastery-track li{text-align:center;align-content:start;justify-items:center;gap:5px;min-width:0;display:grid}.mastery-track button{width:88%;height:72px;color:inherit;background:#141925;border:1px solid #66738a;border-radius:9px;place-items:center;padding:6px;display:grid}.mastery-track .field-icon{width:58px}.mastery-track .track-dot{z-index:1;color:#fff;background:#293245;border-radius:50%;width:25px;height:25px;line-height:25px}.mastery-track .track-dot[data-earned=true]{background:var(--rarity);color:#20251b}.mastery-track strong{font-size:clamp(11px,1.6vw,16px)}.mastery-preview{border-radius:9px;margin-top:16px;padding:12px}.mastery-card select{border-radius:6px;padding:6px}.mastery-track .swatches{max-width:100%;padding:4px}.mastery-track .stamp{font-size:clamp(8px,1.1vw,16px)}.shop{margin-bottom:1rem}.shop header,.shop-offers,.shop-buy{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.shop header{justify-content:space-between}.shop header strong{color:var(--pt-accent)}.shop-offers button{text-align:left;flex:190px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.shop-offers button[aria-pressed=true]{outline:2px solid var(--pt-accent)}.shop-offers .field-icon{width:3.6rem;height:3.6rem}.shop-offers small{margin-top:.3rem;display:block}.shop-buy{margin:1rem 0}.roster li[data-pt-field]{box-sizing:border-box;height:62px}.roster li[data-pt-field] strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.roster li[data-pt-field]>.field-finish{flex:0 0 clamp(62px,6vw,84px);place-items:center;height:100%;display:grid;position:relative}.roster .field-stamp{padding:.35em;font-size:clamp(9px,.8vw,12px);line-height:1.1;animation:2.4s ease-out both field-stamp-arrival}@keyframes field-stamp-arrival{0%{opacity:0;transform:translateY(-9px)rotate(-16deg)scale(1.45)}18%{opacity:1;transform:rotate(-8deg)scale(.92)}32%,72%{filter:brightness(1.3);transform:rotate(-6deg)scale(1.04)}to{opacity:1;transform:rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.roster .field-stamp{animation:none}}.roster li.out:has(.field-stamp){z-index:1}[data-rarity=Starter]{--rarity:#b8c0cc}[data-rarity=Uncommon]{--rarity:#79cf8d}[data-rarity=Rare]{--rarity:#69aaff}[data-rarity=Epic]{--rarity:#bc91ff}[data-rarity=Legendary]{--rarity:#ffd166}.rarity-badge{vertical-align:middle;color:var(--rarity);background:#151722;border:1px solid;border-radius:100px;padding:.12rem .5rem;font:700 .7rem/1.3 system-ui;display:inline-block}.earned-reward[data-rarity] .reward-meter i{background:var(--rarity)}.shop-offers{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));display:grid}.shop-offers button[aria-pressed=true]{outline-color:var(--rarity)}.mastery-heading,.ranking-picker,.recent-matches nav{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mastery-heading h2{margin:.3rem 0}.boards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));align-items:start;gap:1rem;display:grid}.boards-grid h2{font-size:1.5rem}.boards-grid p{line-height:1.5}.ranking-list,.recent-matches ol{padding:0;list-style:none}.ranking-list li,.recent-matches li{border-bottom:1px solid #8490a340;align-items:center;gap:.8rem;padding:.9rem .25rem;display:flex}.ranking-list li>span,.recent-matches li>strong{font-variant-numeric:tabular-nums}.ranking-list li>div{overflow-wrap:anywhere;min-width:0}.ranking-list li b{white-space:nowrap;color:var(--pt-accent,#cdf48d);margin-left:auto;font-size:1.3rem}.ranking-list li small{margin-top:.25rem;display:block}.event-records li b{color:#5fe3f0;font-variant-numeric:tabular-nums}.event-records li b small{letter-spacing:.06em;font-size:.65em;display:inline}.event-records li[data-empty] b,.event-records li[data-empty] small{opacity:.6}.ranking-picker img{width:3rem;height:3rem}.recent-matches li>strong{flex:none;min-width:5.5rem;font-size:1.35rem}.recent-matches li small,.match-path span{opacity:.8}.match-path{line-height:1.8}.match-path span{margin-right:.25rem;display:inline-block}.match-path b{border:1px solid;border-radius:1rem;padding:0 .65rem;font-size:.82rem;display:inline-block}.match-path .champion{color:var(--pt-accent,#cdf48d)}.recent-matches nav{justify-content:flex-end}@media (width<=500px){.page-nav{grid-template-columns:auto auto auto auto;gap:.3rem;display:grid}.page-nav a{padding-inline:.25rem;font-size:clamp(.72rem,3.35vw,.92rem)}}.lab-link{color:var(--pt-accent);white-space:nowrap;font-weight:700}.lab-panel fieldset{border:1px solid #8995a855;border-radius:.7rem;min-width:0;margin:1rem 0;padding:1rem}.lab-panel legend{font-weight:700}.lab-panel form{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.8rem 0;display:flex}.lab-panel input{max-width:8rem}.lab-panel button{margin:.15rem;padding:.4rem .75rem}.lab-panel .field-icon{width:3rem;height:3rem}.profile-hero{color:#ececf8;background:#11152299;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar identity keys""avatar mastery keys";align-items:center;gap:10px clamp(16px,2.6vw,32px);padding:clamp(16px,2.2vw,26px);display:grid}.profile-hero>.field-icon{grid-area:avatar;align-self:center;width:clamp(64px,8vw,112px);height:auto}.profile-hero small{letter-spacing:.12em;text-transform:uppercase;color:#c9cde0;font:700 11px/1.4 monospace;display:block}.profile-identity{grid-area:identity;align-self:end;min-width:0}.profile-page .profile-identity h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:.05em 0 .15em;font-size:clamp(30px,4.6vw,56px);font-style:italic;line-height:1.05}.profile-page .profile-coins{color:#c9cde0;align-items:center;gap:6px;margin:0;display:flex}.profile-coins strong{color:var(--pt-accent,#c5f652);font-size:1.05rem}.profile-coins svg,.profile-coins img{width:18px;height:18px}.profile-mastery{grid-area:mastery;align-self:start;min-width:0;max-width:460px}.profile-page .profile-mastery p{color:#c9cde0;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 6px;display:flex}.profile-mastery p strong{color:var(--pt-accent,#c5f652);font-size:1.15rem}.profile-mastery progress{width:100%;height:8px;accent-color:var(--pt-accent,#c5f652);margin-bottom:6px;display:block}.profile-keys{grid-area:keys;justify-self:end;min-width:0}.profile-keys>p{max-width:22ch;margin:8px 0 0}.records-panel .profile-keys .profile-keychain{margin:14px 0 6px 35px}.profile-section{border-top:1px solid #8490a340;min-width:0;margin-top:clamp(18px,2.4vw,26px);padding-top:clamp(18px,2.4vw,26px)}.profile-hero+.profile-section{border-top:0;padding-top:0}.profile-section .event-stats-table tbody td:nth-child(n){padding-block:.6rem}.profile-page .profile-section h3{margin:0 0 12px;font-size:1.08rem}.win-rates{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.win-rates>div{min-width:0}.win-rates>div+div{border-left:1px solid #8490a340;padding-left:clamp(18px,3vw,36px)}.win-rates strong{color:var(--pt-accent,#c5f652);font-variant-numeric:tabular-nums;font-size:clamp(34px,4vw,46px);line-height:1.05;display:block}.profile-page .win-rates p{color:inherit;margin:4px 0 2px;font-weight:600}.win-rates small,.history-note{color:#bbb8cd;font-size:12px}.profile-section .table-scroll{margin:0}.recent-heading{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.profile-page .recent-heading h3{margin:0}.recent-range{color:#bbb8cd;font-variant-numeric:tabular-nums;font-size:13px}.recent-heading button,.recent-matches nav button{color:inherit;cursor:pointer;background:0 0;border:1px solid #8490a3aa;border-radius:999px;padding:6px 14px;font:600 13px/1.2 inherit;text-decoration:none}.recent-heading button{margin-left:auto}.recent-heading button:hover,.recent-matches nav button:hover:not(:disabled){border-color:var(--pt-accent,#c5f652)}.recent-matches nav button:disabled{opacity:.4;cursor:default}.recent-matches ol{margin:8px 0 0}.recent-matches[data-view=all] li{content-visibility:auto;contain-intrinsic-size:auto 56px}.recent-matches nav{font-variant-numeric:tabular-nums;margin-top:12px}.recent-error button{margin-left:6px}.history-note{margin:14px 0 0;line-height:1.5}@media (width<=720px){.profile-hero{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar identity""mastery mastery""keys keys"}.profile-mastery{max-width:none}.profile-keys{justify-self:start;margin-top:10px}}@media (width<=560px){.win-rates{grid-template-columns:minmax(0,1fr)}.win-rates>div+div{border-top:1px solid #8490a340;border-left:0;margin-top:16px;padding:16px 0 0}.recent-heading button{margin-left:0}.recent-matches li>strong{min-width:4.2rem;font-size:1.2rem}}.settings-group{border:1px solid #44415c;border-radius:10px;gap:8px;min-width:0;max-width:100%;margin:0;padding:12px 16px 14px;display:grid}.settings .settings-group>label{color:#e6e3f3;font-weight:700}.display-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings .display-name-row input{color:#fff;width:min(220px,100%);font:inherit;background:#1b1a2d;border:1px solid #77639e;border-radius:8px;padding:8px 10px;font-size:14px}.settings .display-name-row input[aria-invalid=true]{border-color:#ff9c9c}.settings-group small{color:#a9a5c0;max-width:34ch}.name-feedback{overflow-wrap:anywhere;color:#bdb9d3;max-width:34ch;min-height:1.4em;margin:0}.name-feedback[data-tone=ok]{color:#beff87}.name-feedback[data-tone=error]{color:#ff9c9c}.shop-art{--frame:4.25rem;width:var(--frame);height:var(--frame);background:radial-gradient(70% 22% at 50% 92%,#0000004d,#0000 70%);border-radius:14px;flex:none;display:block;position:relative}.shop-art .field-icon,.shop-offers .shop-art .field-icon{object-fit:contain;width:100%;height:100%;transform:translate(var(--art-x,0), var(--art-y,0)) scale(var(--art-scale,1));transform-origin:50%;position:absolute;inset:0}.shop-offers button{min-height:6.4rem}.achievements-page .page-title{margin:0}.achievements-page .page-title h1{margin:.1em 0 .15em;font-size:clamp(30px,2.4vw,42px)}.achievements-page .page-title p{color:#b9bed0;margin:0}.ach-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 32px;margin-bottom:20px;display:flex}.ach-total{background:#0d1220;border:1px solid #ffffff18;border-radius:14px;grid-template-columns:auto auto;align-items:baseline;gap:4px 10px;min-width:220px;padding:12px 18px;display:grid}.ach-total strong{color:#c5f652;font:800 28px/1 ui-monospace,monospace}.ach-total>span:not(.ach-bar){color:#b9bed0;font-size:14px}.ach-total .ach-bar{grid-column:1/-1}.ach-bar{background:#ffffff14;border-radius:999px;height:8px;display:block;overflow:hidden}.ach-bar i{border-radius:inherit;background:linear-gradient(90deg,#8fd14f,#c5f652);height:100%;display:block}.ach-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ach-card{text-align:center;background:radial-gradient(ellipse 80% 50% at 50% 26%, color-mix(in srgb, var(--rarity) 16%, transparent), transparent 72%), #131a29;color:#f4f2ff;width:100%;height:100%;font:inherit;cursor:pointer;border:1px solid #ffffff16;border-radius:16px;align-content:start;justify-items:center;gap:6px;padding:16px 14px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.ach-card:hover{border-color:color-mix(in srgb, var(--rarity) 55%, transparent);transform:translateY(-2px)}.ach-card[aria-pressed=true]{border-color:var(--rarity);box-shadow:inset 0 0 0 1px var(--rarity), 0 12px 28px -16px var(--rarity)}.ach-card:focus-visible{outline-offset:2px;outline:2px solid #fff}.ach-card[data-state=locked] .shop-art{filter:saturate(.55)brightness(.86)}.ach-card[data-state=done]{background:radial-gradient(ellipse 80% 50% at 50% 26%, color-mix(in srgb, var(--rarity) 26%, transparent), transparent 72%), #16212a}.ach-status{letter-spacing:.08em;text-transform:uppercase;color:#b9bed0;background:#ffffff12;border-radius:999px;justify-self:end;padding:3px 9px;font:800 10px/1.3 ui-monospace,monospace}.ach-card[data-state=done] .ach-status{color:#141723;background:#c5f652}.ach-art .shop-art{--frame:clamp(5.5rem, 6vw, 7.5rem)}.ach-name{letter-spacing:-.03em;margin-top:4px;font-size:19px;font-style:italic}.ach-req{color:#b9bed0;font-size:14px}.ach-reward{align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.ach-progress{color:#b9bed0;gap:6px;width:100%;margin-top:6px;font-size:13px;display:grid}.ach-progress b{color:#f4f2ff;font-variant-numeric:tabular-nums}.ach-card[data-state=done] .ach-bar i{background:linear-gradient(90deg, var(--rarity), #c5f652)}.achievements-page .ach-inspect{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;margin:18px 0 0;padding:20px 24px;display:grid}.ach-stage{background:radial-gradient(ellipse at 70% -20%, var(--pt-panel), transparent 65%), var(--pt-bg);color:var(--pt-text);border-radius:14px;align-content:center;gap:8px;padding:18px;display:grid}.ach-stage>small{letter-spacing:.12em;opacity:.8;font:700 11px/1.4 monospace}.ach-stage .preview-row{margin:0}.ach-detail{align-content:start;gap:8px;display:grid}.ach-detail>small{letter-spacing:.14em;color:#b9bed0;font:700 11px/1.4 monospace}.ach-detail h2{margin:0;font-size:clamp(22px,1.8vw,28px)}.ach-note{color:#b9bed0;margin:0;font-size:14px;line-height:1.5}.ach-detail .mastery-summary{margin:0;font-size:14px}.ach-detail .mastery-track{--sample-h:56px;margin:4px 0 0}.ach-detail .mastery-track .field-icon{width:44px}.ach-detail .text-button{justify-self:start}.mastery-summary .achievement-link{white-space:nowrap;margin-left:12px;font-weight:700}.ach-toast{z-index:60;border:1px solid var(--rarity,#c5f652);color:#f4f2ff;background:#101624f2;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;max-width:min(440px,100vw - 32px);padding:12px 14px 12px 12px;animation:.35s ease-out both ach-toast-in;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 40px -18px #000}.ach-toast .shop-art{--frame:3.6rem}.ach-toast div{gap:2px;display:grid}.ach-toast small{letter-spacing:.12em;color:#c5f652;font:800 10px/1.3 ui-monospace,monospace}.ach-toast strong{font-size:17px}.ach-toast span{color:#c7ccdb;font-size:13px}.ach-toast .rarity-badge{color:var(--rarity)}.ach-toast a{color:#c5f652;font-weight:700}.ach-toast button{color:#b9bed0;cursor:pointer;background:0 0;border:0;font-size:20px}@keyframes ach-toast-in{0%{opacity:0;transform:translateY(16px)}}.match-achievements{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.match-achievements li{border:1px solid color-mix(in srgb, var(--rarity) 60%, transparent);color:#f4f2ff;background:#131a29;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;font-size:14px;display:grid}.match-achievements .shop-art{--frame:2.8rem}.match-achievements small{letter-spacing:.12em;color:#c5f652;font:800 10px/1.3 ui-monospace,monospace;display:block}.match-achievements a{color:#c5f652;font-weight:700}@media (width<=1099px){.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievements-page .ach-inspect{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ach-card,.ach-toast{transition:none;animation:none}.ach-card:hover{transform:none}}[data-pt-tone=light] :is(.achievements-page .page-title p,.ach-detail>small,.ach-note){color:var(--lt-muted)}[data-pt-tone=light] .ach-total{background:var(--lt-tint);border-color:var(--lt-line)}[data-pt-tone=light] .ach-total>span:not(.ach-bar){color:var(--lt-muted)}[data-pt-tone=light] .ach-total strong{color:var(--lt-go)}.play-home{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.play-ready,.play-guide,.play-ach{min-width:0;padding:30px}.play-ready{flex-direction:column;gap:16px;display:flex}.play-ready h2{letter-spacing:-1px;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,2.4vw,40px)}.play-ready>p{color:#b9b5cf;margin:-6px 0 0;font-size:14px}.play-plate{align-items:center;gap:16px;margin-top:6px;display:flex}.play-plate .preview-row{flex:1;min-width:0;max-width:460px;min-height:68px;margin:0}.play-plate .preview-row .field-icon{width:46px}.play-plate .preview-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.play-plate .text-button{white-space:nowrap;font-size:12px}.play-ready .play-join{align-self:flex-start;min-width:280px;margin-top:4px;padding:18px 28px;font-size:17px}.play-ready .play-join:disabled{opacity:.55;cursor:not-allowed}.play-xp{background:#ffffff08;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:16px;margin-top:auto;padding:16px 18px;display:flex}.play-xp-cap .field-icon{width:54px;display:block}.play-xp>div,.play-ach>div{flex:1;gap:6px;min-width:0;display:grid}.play-xp small,.play-ach>div>small:last-child{color:#a9a5c0;font-size:12px}.play-xp strong{font-size:16px}.play-bar{background:#ffffff14;border-radius:99px;height:8px;display:block;overflow:hidden}.play-bar:before{content:"";height:100%;width:var(--fill,0%);border-radius:inherit;background:#beff87;display:block}.play-side{grid-template-rows:auto 1fr;gap:22px;min-width:0;display:grid}.play-ach{color:inherit;align-items:center;gap:22px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}a.play-ach:hover,a.play-ach:focus-visible{border-color:#beff8788;transform:translateY(-2px)}.play-ach h3{letter-spacing:-.4px;margin:0;font-size:22px}.play-ach p{color:#c9c6dc;margin:0;font-size:13px}.play-ach-art .shop-art{width:96px;height:96px}.play-guide h3{margin:0 0 16px;font-size:18px}.play-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 22px;padding:0;list-style:none;display:grid}.play-flow li{background:#ffffff08;border-top:3px solid #beff8766;border-radius:10px;gap:3px;padding:10px 10px 10px 12px;display:grid;position:relative}.play-flow li:last-child{border-top-color:#ffd36a}.play-flow small{letter-spacing:1px;text-transform:uppercase;color:#a9a5c0;font-size:10px}.play-flow strong{font-size:13px;line-height:1.25}.play-events{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding:0;list-style:none;display:grid}.play-events li{align-items:center;gap:12px;min-width:0;display:flex}.play-events .event-symbol{color:#beff87;background:#2c2d44;border:1px solid #47475f;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;box-shadow:0 3px #15151f}.play-events .event-symbol[data-glyph]{font-size:20px}.play-events div{min-width:0;display:grid}.play-events strong{font-size:14px}.play-events small{color:#a9a5c0;font-size:12px}@media (prefers-reduced-motion:reduce){.play-ach{transition:none}a.play-ach:hover,a.play-ach:focus-visible{transform:none}}@media (width<=1100px){.play-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.play-home{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.play-ready,.play-guide,.play-ach{padding:20px 16px}.play-plate{flex-wrap:wrap}.play-ready .play-join{align-self:stretch;min-width:0}.play-events{grid-template-columns:minmax(0,1fr)}}.inline-passage{--caret:#fff}.inline-passage .correct{color:#c1ff8c}.inline-passage [data-word]{background-color:#b5a1ff12}.inline-passage [data-state=wrong],.inline-passage .extra{color:#fff;background:#d93954;border-radius:3px;box-shadow:inset 0 -3px #ff9aac}.inline-passage [data-state=blocked]{color:#ffe1a3;background:#b9822a55;border-radius:3px;box-shadow:inset 0 -3px #e9b356}.inline-passage [data-caret][data-state=upcoming]{color:#fff;background-color:#ffffff1a;border-radius:3px}.inline-passage [data-caret]{position:relative}.inline-passage [data-caret]:before{content:"";pointer-events:none;background:var(--caret);border-radius:2px;position:absolute}.inline-passage[data-caret-style=line] [data-caret]:before{width:3px;top:.12em;bottom:.12em;left:-1.5px}.inline-passage[data-caret-style=underline] [data-caret]:before{height:4px;bottom:.02em;left:0;right:0}.inline-passage[data-caret-style=block] [data-caret]{color:#141723;background:var(--caret)}.inline-passage[data-caret-style=block] [data-caret]:before{display:none}.challenge[data-size=small]{font-size:21px}.challenge[data-size=large]{font-size:32px}@media (width<=1050px){.challenge[data-size=small]{font-size:19px}.challenge[data-size=large]{font-size:29px}}@media (width<=760px){.challenge[data-size=small]{font-size:18px}.challenge[data-size=large]{font-size:27px}}.contrast .inline-passage{color:#c8c8db}.contrast .inline-passage [data-state=wrong],.contrast .inline-passage .extra{background:#b0002a;box-shadow:inset 0 -3px #fff}.contrast .inline-passage [data-state=blocked]{color:#fff;background:#8a5a00}.typing-appearance{border:1px solid #44415c;border-radius:10px;gap:10px;min-width:0;margin:0;padding:12px 16px 14px;display:grid}.typing-appearance legend{color:#e6e3f3;padding:0 6px;font-weight:700}.appearance-row{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.appearance-row>span{color:#e6e3f3;min-width:64px}.typing-preview{color:#7f809c;white-space:pre-wrap;background:#151625;border-radius:8px;justify-self:start;max-width:100%;padding:8px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:20px;line-height:1.6}.typing-preview[data-size=small]{font-size:16px}.typing-preview[data-size=large]{font-size:25px}.typing-preview .challenge-text{padding-bottom:0}.final-duel{--final-left:var(--accent,#c5f652);--final-right:#ff9a85;--crown:#ffd56b;gap:14px;display:grid}.final-duel[data-spectating]{--final-left:#8fd8ff}.final-head{text-align:center;justify-items:center;gap:4px;display:grid}.final-head h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,2.6vw,32px);font-style:italic}.final-head h2 em{letter-spacing:.12em;color:var(--crown);margin:0 .4em;font-size:.6em;font-style:normal}.final-head small{letter-spacing:.14em;text-transform:uppercase;color:#b9bed0;font:700 11px/1.4 monospace}.final-tug{background:linear-gradient(130deg,#202131,#1c1d2e);border:1px solid #3d3c53;border-radius:14px;grid-template-columns:minmax(0,8rem) minmax(0,1fr) minmax(0,8rem);align-items:center;gap:6px 14px;padding:14px 18px 10px;display:grid}.tug-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.tug-name[data-side=left]{color:var(--final-left)}.tug-name[data-side=right]{color:var(--final-right);text-align:right}.tug-rope{background:repeating-linear-gradient(115deg, #ffffff10 0 6px, transparent 6px 12px), linear-gradient(90deg, color-mix(in srgb, var(--final-left) 35%, #262838), #262838 50%, color-mix(in srgb, var(--final-right) 35%, #262838));border-radius:999px;height:12px;position:relative;box-shadow:inset 0 1px 3px #0008}.tug-fill{background:var(--final-left);opacity:.7;box-shadow:0 0 10px -1px var(--final-left);transition:left .7s cubic-bezier(.3,.8,.3,1),width .7s cubic-bezier(.3,.8,.3,1);position:absolute;top:0;bottom:0}.final-tug[data-leader=right] .tug-fill{background:var(--final-right);box-shadow:0 0 10px -1px var(--final-right)}.tug-mid{background:#fff5;width:2px;position:absolute;top:-6px;bottom:-6px;left:50%}.tug-crown{border:2px solid var(--crown);width:38px;height:38px;color:var(--crown);box-shadow:0 0 14px -2px var(--crown), 0 3px 6px #0008;background:radial-gradient(circle at 35% 30%,#3b3420,#17150e);border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:left .7s cubic-bezier(.3,.8,.3,1),border-color .3s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.final-tug[data-leader=left] .tug-crown{box-shadow:0 0 16px -2px var(--final-left), 0 3px 6px #0008}.final-tug[data-leader=right] .tug-crown{box-shadow:0 0 16px -2px var(--final-right), 0 3px 6px #0008}.tug-text{text-align:center;color:#e5e5f0;grid-column:1/-1;margin:2px 0 0;font-size:13px;font-weight:700}.final-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.final-side{gap:10px;min-width:0;display:grid}.final-who{align-items:center;gap:10px;min-width:0;padding:0 4px;display:flex}.final-who .field-icon{width:34px;height:34px}.final-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.final-side[data-side=left] .final-who strong{color:var(--final-left)}.final-side[data-side=right] .final-who strong{color:var(--final-right)}.final-duel .challenge{padding-left:20px;padding-right:20px;font-size:21px}.final-duel .challenge[data-size=small]{font-size:18px}.final-duel .challenge[data-size=large]{font-size:25px}.watched-passage{cursor:default}.watched-progress{color:#b9bed0;align-items:center;font:12px monospace;display:flex}.challenge.watched-passage:not(:focus){opacity:1}.final-stats{background:var(--panel,#202132);letter-spacing:.04em;border:1px solid #ffffff16;border-radius:12px;flex-wrap:wrap;gap:22px;padding:14px 20px;font-size:12px;display:flex}.final-stats strong{color:var(--final-right);margin-right:5px;font-size:23px}.final-side[data-side=left] .final-stats strong{color:var(--final-left)}.final-keyboard,.final-own .match-keyboard{justify-content:center;padding:18px 4px 6px;display:flex}.final-own .match-keyboard{flex-direction:column;align-items:center;gap:12px}.final-duel .decorative-keyboard{width:min(100%,520px)}@media (prefers-reduced-motion:no-preference){.final-head{animation:.45s ease-out both final-fade}.final-tug{animation:.5s cubic-bezier(.2,.9,.3,1.2) .12s both final-drop}.final-side[data-side=left]{animation:.6s cubic-bezier(.2,.8,.2,1) 80ms both final-from-left}.final-side[data-side=right]{animation:.6s cubic-bezier(.2,.8,.2,1) .16s both final-from-right}.tug-crown{animation:.65s cubic-bezier(.3,1.6,.4,1) .42s both crown-in}}@keyframes final-fade{0%{opacity:0}}@keyframes final-drop{0%{opacity:0;transform:translateY(-14px)}}@keyframes final-from-left{0%{opacity:0;transform:translate(-40px)}}@keyframes final-from-right{0%{opacity:0;transform:translate(40px)}}@keyframes crown-in{0%{opacity:0;transform:translate(-50%,-160%)scale(.4)}}@media (prefers-reduced-motion:reduce){.tug-fill,.tug-crown{transition:none}}@media (width<=900px){.final-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=650px){.final-keyboard,.final-own .match-keyboard{display:none}.final-tug{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 14px 10px}.tug-rope{grid-area:2/1/auto/-1;margin:10px 4px}.final-stats{gap:14px;padding:12px 14px}}.final-decided h2{color:var(--crown)}.final-decided .text-button{font-size:13px}.final-decided .earned-reward{width:min(100%,560px);margin-top:6px}.final-tug[data-decided] .tug-text{color:var(--crown);font-size:15px}.final-tug[data-decided] .tug-crown{width:46px;height:46px;font-size:27px}.final-side{position:relative}.final-result{letter-spacing:.1em;white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 10px;font:800 11px/1.3 monospace}.final-result[data-result=winner]{background:var(--crown);color:#241c05}.final-result[data-result=runner-up]{color:#c9cbd8;background:#ffffff1c}.final-side[data-result=winner]>.arena-card,.final-side[data-result=winner]>.final-stats{border-color:var(--crown);box-shadow:0 0 0 1px var(--crown), 0 0 28px -6px var(--crown)}.final-side[data-result=runner-up]>:not(.final-who){opacity:.55;filter:grayscale(.6)}.winner-burst{pointer-events:none;z-index:2;width:0;height:0;position:absolute;top:18px;left:50%}.winner-crown{color:var(--crown);text-shadow:0 0 18px #ffd56b99,0 4px 6px #0009;opacity:0;font-size:54px;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.winner-burst i{background:var(--crown);opacity:0;border-radius:2px;width:8px;height:8px;position:absolute;top:0;left:0}.winner-burst i:nth-child(odd){background:var(--final-left)}@media (prefers-reduced-motion:no-preference){.final-duel[data-decided] .winner-crown{animation:.9s cubic-bezier(.25,1.5,.45,1) .25s both crown-drop}.final-duel[data-decided] .winner-burst i{animation:burst 1.1s calc(.65s + var(--i) * 25ms) ease-out both}.final-side[data-result=winner]>.arena-card{animation:1.4s ease-out .4s both winner-glow}.final-side[data-result=runner-up]>:not(.final-who){animation:.8s ease-out .3s both runner-up}.final-duel[data-decided] .final-tug,.final-duel[data-decided] .final-side[data-side]{animation:none}.final-duel[data-decided] .final-head{animation:.5s ease-out both final-fade}}@keyframes runner-up{0%{opacity:1;filter:none}}@media (prefers-reduced-motion:reduce){.winner-crown{opacity:1;font-size:40px;top:-6px}}@keyframes crown-drop{0%{opacity:0;transform:translate(-50%,-220%)scale(.5)rotate(-18deg)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-78%)scale(1)rotate(0)}}@keyframes burst{0%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--i) * 36deg)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--i) * 36deg)) translateY(-90px) scale(.4)}}@keyframes winner-glow{0%{box-shadow:0 0 0 1px var(--crown), 0 0 0 0 var(--crown)}35%{box-shadow:0 0 0 2px var(--crown), 0 0 60px 6px #ffd56b88}to{box-shadow:0 0 0 1px var(--crown), 0 0 28px -6px var(--crown)}}.passage-hidden{align-content:center;gap:.7em;height:100%;padding:.5em 0;display:grid;position:relative}.passage-hidden span{background:linear-gradient(90deg,#ffffff14,#ffffff08);border-radius:999px;height:.5em;display:block}.passage-hidden span:nth-child(2){width:86%}.passage-hidden span:nth-child(3){width:64%}.passage-hidden p{letter-spacing:.16em;text-transform:uppercase;color:#d8dbea;place-items:center;margin:0;font:700 13px/1.2 monospace;display:grid;position:absolute;inset:0}.finish-screen{--crown:#ffd56b;text-align:center;gap:22px;margin-top:10px;padding:clamp(18px,3vw,34px);display:grid}.finish-hero{justify-items:center;gap:8px;display:grid}.finish-champion{aspect-ratio:1;background:radial-gradient(circle at 50% 60%,#ffd56b33,#0000 68%);border-radius:50%;place-items:center;width:clamp(96px,12vw,132px);display:grid;position:relative}.finish-champion .field-icon{filter:drop-shadow(0 8px 10px #0008);width:82%;height:auto}.finish-crown{color:var(--crown);text-shadow:0 0 16px #ffd56b88,0 3px 4px #0009;font-size:clamp(34px,4vw,46px);line-height:1;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.finish-hero h2{letter-spacing:-.045em;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(28px,4vw,44px);font-style:italic;line-height:1.05}.finish-screen[data-you-won] .finish-hero h2{color:var(--crown)}.finish-meta{color:#b9bed0;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.finish-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;width:min(100%,560px);margin:0 auto;padding:0;list-style:none;display:grid}.finish-podium li{justify-items:center;gap:3px;min-width:0;display:grid}.finish-podium li[data-place="1"]{order:2}.finish-podium li[data-place="2"]{order:1}.finish-podium li[data-place="3"]{order:3}.finish-podium .field-icon{width:clamp(44px,6vw,60px);height:auto}.finish-podium strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.finish-podium small{letter-spacing:.12em;color:#9da2b8;font:700 10px monospace}.finish-podium li[data-you] strong,.finish-podium li[data-you] small{color:var(--pt-accent,#c5f652)}.podium-step{color:#d6d8e6;background:linear-gradient(#3a3b55,#24253a);border:1px solid #ffffff1c;border-radius:10px 10px 4px 4px;place-items:center;width:100%;margin-top:6px;font:800 22px monospace;display:grid}.finish-podium li[data-place="1"] .podium-step{height:78px;color:var(--crown);background:linear-gradient(#6b5520,#2e2611);border-color:#ffd56b88}.finish-podium li[data-place="2"] .podium-step{height:56px}.finish-podium li[data-place="3"] .podium-step{height:40px}.finish-you{text-align:left;background:#ffffff08;border:1px solid #ffffff1c;border-radius:16px;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.6fr);grid-template-areas:"place progress""actions progress";align-items:start;gap:16px 28px;padding:clamp(16px,2.4vw,24px);display:grid}.finish-you small{letter-spacing:.14em;color:#9da2b8;font:700 11px/1.4 monospace}.finish-place{grid-area:place;gap:4px;display:grid}.finish-place strong{color:var(--pt-accent,#c5f652);font-variant-numeric:tabular-nums;font-size:clamp(40px,5vw,56px);line-height:1}.finish-place strong span{color:#b9bed0;font-size:.45em}.finish-place p{color:#d6d8e6;margin:0;font-size:14px}.finish-progress{grid-area:progress;gap:8px;min-width:0;display:grid}.finish-progress .earned-reward{max-width:none;margin:0}.reward-none{color:#b9bed0;background:#ffffff09;border-radius:12px;margin:0;padding:12px 14px}.finish-path{flex-wrap:wrap;gap:6px;margin:0;display:flex}.finish-path span,.finish-path b{background:#ffffff12;border-radius:999px;padding:3px 10px;font-size:12px}.finish-path b{color:#ffb3a4;background:#ff9a8526}.finish-path b[data-champion]{color:var(--crown);background:#ffd56b33}.finish-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-start;align-self:end;align-items:center;gap:18px;display:flex}.finish-placements{text-align:left}.finish-placements summary{cursor:pointer;align-items:baseline;gap:12px;display:flex}.finish-placements summary h3{margin:0;display:inline}.finish-placements summary span{color:#9da2b8;font-size:13px}.finish-placements ol{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.finish-placements li{background:#ffffff06;border-radius:10px;grid-template-columns:3rem 2rem minmax(0,1.2fr) minmax(0,1.4fr) 5rem;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:grid}.finish-placements li[data-you]{background:color-mix(in srgb, var(--pt-accent,#c5f652) 14%, transparent);outline:1px solid color-mix(in srgb, var(--pt-accent,#c5f652) 50%, transparent)}.finish-placements li[data-place="1"] b{color:var(--crown)}.finish-placements .field-icon{width:2rem;height:auto}.finish-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finish-how{color:#b9bed0;font-size:12px}.finish-wpm{text-align:right;font-variant-numeric:tabular-nums}.finish-wpm small{color:#9da2b8;font-size:10px}@media (prefers-reduced-motion:no-preference){.finish-crown{animation:.9s cubic-bezier(.25,1.5,.45,1) .15s both finish-crown}.finish-champion .field-icon{animation:.6s cubic-bezier(.25,1.4,.5,1) both finish-pop}.finish-podium .podium-step{transform-origin:bottom;animation:.7s cubic-bezier(.2,.9,.3,1) both podium-rise}.finish-podium li[data-place="2"] .podium-step{animation-delay:.15s}.finish-podium li[data-place="3"] .podium-step{animation-delay:.3s}.finish-you{animation:.6s ease-out .35s both finish-up}}@keyframes finish-crown{0%{opacity:0;transform:translate(-50%,-120%)scale(.5)rotate(-15deg)}}@keyframes finish-pop{0%{opacity:0;transform:scale(.6)}}@keyframes podium-rise{0%{transform:scaleY(0)}}@keyframes finish-up{0%{opacity:0;transform:translateY(14px)}}@media (width<=700px){.finish-you{grid-template-columns:minmax(0,1fr);grid-template-areas:"place""progress""actions"}.finish-placements li{grid-template-columns:2.4rem 1.8rem minmax(0,1fr) 3.6rem}.finish-how{display:none}}.spectate-view{--spectate:#7fd8ff;--final-left:var(--spectate);--final-right:var(--spectate);gap:12px;display:grid;position:relative}.spectate-banner{border:1px solid color-mix(in srgb, var(--spectate) 55%, transparent);color:#e8f7ff;background:repeating-linear-gradient(-45deg,#7fd8ff0d 0 10px,#0000 10px 20px),linear-gradient(110deg,#123247,#172235 60%,#1c1d2e);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 18px;display:flex}.spectate-eye{width:30px;height:30px;color:var(--spectate);flex:none}.spectate-title{flex:14rem;gap:2px;min-width:0;display:grid}.spectate-title strong{letter-spacing:.18em;color:var(--spectate);font:800 19px/1.1 monospace}.spectate-title span{color:#bcd7e6;font-size:13px}.spectate-follow{letter-spacing:.12em;text-transform:uppercase;color:#bcd7e6;gap:4px;font:700 11px/1.3 monospace;display:grid}.spectate-follow select{border:1px solid color-mix(in srgb, var(--spectate) 60%, transparent);color:#fff;letter-spacing:0;text-transform:none;background:#0d1826;border-radius:9px;min-width:12rem;max-width:100%;padding:8px 10px;font:600 14px/1.2 inherit}.spectate-player{gap:10px;min-width:0;display:grid}.spectate-player .final-who strong{color:var(--spectate)}.spectate-vs{color:#b9bed0;font-size:13px}.spectate-player>.arena-card{border:2px dashed color-mix(in srgb, var(--spectate) 65%, transparent)}.spectate-player .final-stats strong{color:var(--spectate)}.spectate-actions{gap:16px;display:flex}@media (width<=560px){.spectate-banner{padding:12px 14px}.spectate-follow,.spectate-follow select{width:100%}}:root{color:#eeeefa;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #b3ff80}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.app{background:radial-gradient(at 72% 0,#33304c55,#0000 43%);min-height:100vh}.topbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;height:96px;padding:0 5.4%;display:flex}.top-actions{align-items:center;gap:13px;display:flex}.connection{letter-spacing:1px;color:#9999b0;align-items:center;gap:7px;margin-right:12px;font-size:10px;font-weight:700;display:flex}.connection i{background:#f3b556;border-radius:50%;width:6px;height:6px}.connection.online i{background:#baff87;box-shadow:0 0 12px #baff8730}.icon-button{color:#bdbed1;background:#1a1b2b;border:1px solid #39394d;border-radius:8px;padding:10px 13px;font-size:11px}.icon-button:hover{background:#2c2d43}main{max-width:1440px;margin:0 auto;padding:48px 5.4% 40px}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:1.8px;color:#b6b5ca;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.eyebrow>span:first-child{background:#beff87;border-radius:50%;width:5px;height:5px}.version{letter-spacing:.8px;color:#85869e;background:#242538;border-radius:4px;margin-left:5px;padding:4px 7px;font-size:9px}h1{letter-spacing:-2px;margin:16px 0 12px;font-size:clamp(35px,4vw,52px);font-weight:800;line-height:1.15}h1 em{color:#beff87;font-style:normal}p{color:#9697b0;font-size:13px;line-height:1.7}.intro p{margin:0;font-size:14px}.layout{grid-template-columns:minmax(0,1fr) 278px;gap:25px;display:grid}.arena-card{background:linear-gradient(130deg,#202131,#1c1d2e);border:1px solid #3d3c53;border-radius:17px;overflow:hidden;box-shadow:0 16px 45px #00000016}.timer{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e5e5f0;font-size:18px}.time-track{background:#303045;height:3px}.time-track div{background:linear-gradient(90deg,#9e9aff,#beff87);height:100%;transition:width .1s linear}.countdown,.results{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:398px;padding:26px 30px 31px;display:flex}.pill{letter-spacing:1.5px;color:#b8b2d0;font-size:9px;font-weight:700}.results h2{letter-spacing:-.8px;margin:15px 0 0;font-size:27px}.results p{max-width:400px;margin:12px 0 23px}.primary{color:#1e2c20;background:#beff87;border:0;border-radius:9px;min-width:196px;padding:14px 23px;font-size:13px;font-weight:750;box-shadow:0 4px #86b75e}.primary:hover{background:#d1ffa9}.primary span{margin-left:24px;font-size:17px}.results>small{color:#85869e;margin-top:19px;font-size:10px}.countdown strong{color:#beff87;font-size:110px;font-weight:850;line-height:1.4}.countdown>span{letter-spacing:2px;color:#c5beda;font-size:10px}.countdown p{max-width:400px}.challenge{letter-spacing:.15px;color:#7f809c;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;outline:none;height:260px;padding:5px 28px 50px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:26px;line-height:1.85;position:relative;overflow:hidden}.challenge:focus{background:#ffffff01}.challenge:not(:focus){opacity:.6}.arena-bottom{color:#9393ac;border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:10px;height:70px;padding:15px 25px;font-size:10px;display:flex}kbd{color:#c7c5dc;border:1px solid #57566d;border-bottom-width:2px;border-radius:4px;padding:3px 6px;font-size:10px}.text-button{color:#b9b5cf;text-underline-offset:4px;background:0 0;border:0;font-size:11px;text-decoration:underline}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.metrics>div{background:#1a1b2b;border:1px solid #2f3045;border-radius:11px;padding:19px 16px}.metrics strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:10px 0 3px;font-size:31px;font-weight:700;display:block}.metrics strong b{color:#a1a1ba;margin-left:2px;font-size:17px}.metrics small{color:#84859e;font-size:9px}.brief{background:linear-gradient(130deg,#252232,#1d1c2d);border:1px solid #393449;border-radius:14px;padding:23px 23px 16px}.section-label{color:#b4a5d3;letter-spacing:1.4px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.section-label span{font-size:17px}.brief h2{letter-spacing:-1px;margin:19px 0 12px;font-size:29px;line-height:1.15}.brief>p{margin-bottom:25px;font-size:12px}footer{color:#64667e;letter-spacing:.7px;border-top:1px solid #ffffff0a;justify-content:space-between;margin-top:36px;padding:22px 0 25px;font-size:9px;display:flex}footer b{color:#5a5270;margin:0 8px}.result-medal{color:#beff87;margin-bottom:8px;font-size:36px}.results{padding-top:21px}.results h2{font-size:25px}.results p{margin-bottom:15px;font-size:11px}.settings{background:#25243b;border-bottom:1px solid #44415c;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:18px;font-size:12px;display:flex}.settings label{color:#bdb9d3;align-items:center;gap:7px;display:flex}.settings input{accent-color:#beff87}.toast,.network{color:#f2eafa;z-index:5;background:#302941;border:1px solid #6b557c;border-radius:9px;max-width:90vw;padding:14px 22px;font-size:12px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0006}.network{background:#403024;border-color:#8b6943;top:10px;bottom:auto}.contrast p,.contrast small,.contrast .challenge,.contrast footer{color:#c8c8db}@media (width>=1500px){main{padding-top:60px}.countdown,.results{min-height:430px}.challenge{height:292px}}@media (width<=1050px){.layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.metrics{gap:8px}.metrics>div{padding:16px 12px}.metrics small{font-size:8px}.brief{padding:20px 18px}.challenge{font-size:23px}}@media (width<=760px){.topbar{height:78px;padding:0 6%}.connection{display:none}.top-actions{gap:7px}.icon-button{padding:9px;font-size:9px}.intro{margin-bottom:26px}main{padding:30px 6% 0}h1{font-size:39px}.intro p{font-size:12px}.eyebrow{font-size:8px}.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics small{font-size:10px}.metrics>div{padding:17px}.results,.countdown{min-height:390px;padding:27px 20px}.challenge{height:260px;padding-left:19px;padding-right:19px;font-size:22px}.arena-bottom{padding:15px 17px;font-size:9px}.arena-bottom>span{max-width:73%}.brief h2 br{display:none}.brief h2{font-size:25px}.brief>p{margin-bottom:20px}aside{gap:16px;display:grid}footer{flex-direction:column;gap:12px;margin-top:26px}.settings{gap:15px;font-size:11px}.network{width:90vw;font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.word-strip{cursor:text;background:#151625;border-bottom:1px solid #ffffff0c;align-items:center;gap:18px;padding:10px 25px;font-family:Consolas,monospace;font-size:17px;display:flex}.word-target{color:#c2b4ed;align-items:center;gap:10px;min-width:0;max-width:48%;display:flex}.word-target small{letter-spacing:1px;color:#a2a0bb;font:700 8px system-ui}.word-target>span{overflow-wrap:anywhere}.word-input{white-space:pre;scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.word-correct{color:#beff87}.word-error{color:#ffb3c2;background:#9e234644;-webkit-text-decoration:underline wavy #ff8da3;text-decoration:underline wavy #ff8da3}.word-caret{vertical-align:text-bottom;border-left:2px solid #beff87;height:1.15em;margin-left:2px;display:inline-block}.word-placeholder{color:#8c8da7;margin-left:7px;font-size:12px}.contrast .word-target,.contrast .word-placeholder{color:#ded9ef}@media (width<=760px){.word-strip{gap:10px;padding:10px 17px;font-size:15px}.word-target small{display:none}}.match-banner{background:#242136;border:1px solid #45405a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;padding:18px 23px;display:flex}.match-banner strong{margin-top:7px;font-size:22px;display:block}.match-banner strong small{color:#aaa5c3;margin-top:5px;font-size:10px;font-weight:400;display:block}.alive{color:#aca5c5;text-align:right;font-size:16px}.alive b{color:#beff87;font-size:34px}.alive small{letter-spacing:1px;font-size:8px;display:block}.next-event{color:#beff87;font-size:12px}.match-stage,.match-finish,.match-round-results,.match-spectate{min-width:0;padding:30px}.match-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;display:flex}.match-stage>small{color:#9994ae;margin-top:22px;font-size:10px}.match-stage h2,.match-finish h2,.match-round-results h2,.match-spectate h2{letter-spacing:-.8px;font-size:28px}.follow-label{color:#b8b5cd;flex-direction:column;gap:8px;font-size:11px;display:flex}.follow-label select{font:inherit;color:#eee9ff;background:#151625;border:1px solid #49445e;border-radius:7px;width:100%;min-width:0;padding:11px 12px;font-size:13px}.roster{scrollbar-width:none;max-height:505px;margin:15px 0 0;padding:0;list-style:none;overflow-y:auto}.roster::-webkit-scrollbar{display:none}.roster li{border-bottom:1px solid #ffffff08;align-items:center;gap:9px;padding:13px 0;display:flex}.roster li.out{opacity:.52}.roster .seat{color:#87809e;width:17px;font:11px monospace}.roster li>div{flex:1;min-width:0}.roster strong{overflow-wrap:anywhere;font-size:11px;font-weight:600;display:block}.roster small{color:#9890ad;margin-top:5px;font-size:9px;display:block}.roster li>b{text-align:right;font-variant-numeric:tabular-nums;font-size:16px}.roster li>b small{font-size:7px}.roster .you strong,.event-table .you td:first-child{color:#beff87}.bot-label,.you-label{color:#b7a0cf;vertical-align:middle;border:1px solid #75638860;border-radius:4px;margin-left:3px;padding:2px 4px;font-size:7px;display:inline-block}.you-label{color:#beff87;border-color:#beff8730}.match-aside .section-label span{font-size:9px}.match-aside .brief>p{font-size:10px}.event-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.event-table th{text-align:left;color:#aca3c0;border-bottom:1px solid #52455f;padding:12px 8px;font-size:9px;font-weight:500}.event-table td{color:#d5cee4;overflow-wrap:anywhere;border-bottom:1px solid #ffffff0b;padding:13px 8px}.event-table th:first-child{width:34%}.event-table th:nth-child(2){width:17%}.event-table th:nth-child(3){width:20%}.event-table th:last-child{width:29%}.event-table td:last-child{color:#a7a0b8;font-size:9px}.event-table small{color:#b8abd5;margin-top:4px;font-size:9px;display:block}.table-scroll{max-width:100%;margin-top:15px;overflow-x:auto}.match-finish{text-align:center}.match-finish h3{text-align:left;margin-top:28px;font-size:14px}.match-finish .event-table{text-align:left}.follow-label{max-width:280px;margin:18px 0}.spectate-challenge{color:#88849d;white-space:pre-wrap;overflow-wrap:anywhere;max-height:210px;margin:20px 0;font:20px/1.8 Consolas,monospace;overflow:hidden}.spectate-challenge .correct{color:#beff87}.match-spectate>small{color:#ada4c2;font-size:11px}.match-spectate .text-button{margin-top:22px;display:block}.match-round-results h2{font-size:24px}@media (width<=760px){.match-stage,.match-finish,.match-round-results,.match-spectate{padding:20px 16px}.match-banner{gap:12px;padding:16px}.match-banner strong{font-size:20px}.alive b{font-size:26px}.alive small{font-size:7px}.event-table{font-size:10px}.event-table td,.event-table th{padding:10px 4px}.event-table td:last-child{font-size:8px}.roster{max-height:310px}.match-finish h2{font-size:25px}}.pending-correct{color:#c6dba8;background:#3d4135}.roster,.roster li{position:relative}.queue-timer{color:#b5ff72;margin:16px 0;font-size:32px;display:block}.championship-vote{border-color:#b9a0ff;padding:30px}.championship-vote h2{font-size:clamp(24px,3vw,36px)}.championship-vote p,.records-panel p{color:#bbb8cd;line-height:1.6}.records-panel{background:#191a2b;border:1px solid #38354b;border-radius:18px;margin:28px 0;padding:24px}.records-panel form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.records-panel input{color:#fff;background:#25243b;border:1px solid #77639e;border-radius:8px;max-width:100%;padding:10px}.personal-result{background:#222437;border-radius:12px;margin-top:24px;padding:18px}.records-panel li{overflow-wrap:anywhere;padding:8px 0}@media (width<=650px){.championship-vote,.records-panel{padding:18px}}.challenge{overflow-anchor:none;scroll-behavior:auto;padding-bottom:0}.challenge-text{padding-bottom:var(--typing-tail,300px)}.countdown h2{color:#eee9ff;overflow-wrap:anywhere;margin:20px 0 0;font-size:clamp(34px,4.5vw,58px);line-height:1.12}.countdown strong{font-size:86px;line-height:1.25}.event-table.event-stats-table{table-layout:auto;min-width:790px}.event-stats-table thead th:nth-child(n){width:auto;font-size:11px}.event-stats-table tbody td:nth-child(n){color:inherit;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-size:12px}@media (width>=900px){main:has(.match-aside){max-width:1800px;padding-inline:clamp(24px,3vw,64px)}.layout:has(.match-aside){grid-template-columns:minmax(0,1fr) minmax(310px,34%)}.match-aside .roster{max-height:clamp(480px,68vh,830px)}.match-aside .roster li[data-pt-field]{gap:12px;padding:8px 12px}.match-aside .roster .field-icon{width:clamp(38px,3vw,54px)}.match-aside .roster strong{font-size:clamp(14px,1.1vw,18px)}.match-aside .roster li>b{font-size:clamp(17px,1.3vw,22px)}}.round-label{letter-spacing:.1em;text-transform:uppercase;color:#d5cde6;font:700 12px monospace}.round-verdict{border:1px solid var(--signal);--signal:#c5f652;background:#151522;border-radius:12px;align-items:center;gap:16px;margin:12px 0 18px;padding:16px;display:flex}.round-verdict[data-standing=out]{--signal:#ffa8a8}.round-verdict[data-standing=watching]{--signal:#cbbdff}.round-verdict h2{color:var(--signal);margin:0;font-size:clamp(22px,3vw,38px)}.round-verdict p{margin:4px 0 0}.round-groups{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;display:grid}.round-groups section{background:#151522;border-radius:10px;padding:12px}.round-groups h3{color:#fff;margin:0 0 8px}.round-groups h3 b{color:#c9bfd8;font:600 12px monospace}.round-groups ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.round-groups li{color:#f6f1fa;overflow-wrap:anywhere;background:#302e40;border-radius:5px;padding:4px 7px;font-size:13px}.round-groups li.self{outline:1px solid #c5f652}.round-groups li strong{color:#c5f652;margin-left:6px;font:700 9px monospace}.round-breakdown{margin:16px 0}.round-breakdown summary{cursor:pointer}@media (width<=640px){.round-groups{grid-template-columns:1fr}}.focus-zone{isolation:isolate;position:relative}.focus-zone[data-muted=true] .typing-surface{filter:blur(5px)grayscale();opacity:.34}.focus-cover{z-index:1;color:#fff;background:#12152555;border:0;border-radius:12px;place-items:center;width:100%;font:700 clamp(15px,2vw,22px) system-ui;display:grid;position:absolute;inset:0}.layout:not(:has(aside)){grid-template-columns:minmax(0,1fr)}.round-groups .recap-stamp{vertical-align:middle;margin-left:8px;font-size:10px;animation:2.4s ease-out both stamp-arrival}@keyframes stamp-arrival{0%{opacity:.2;transform:scale(1.3)rotate(-12deg)}18%,to{opacity:1;transform:scale(1)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.round-groups .recap-stamp{animation:none}}.event-table.event-stats-table{min-width:0}.event-stats-table thead th:nth-child(n){color:inherit;font-size:.82rem;font-weight:650}.event-stats-table tbody td:nth-child(n){padding:.8rem .65rem;font-size:.94rem}.event-stats-table tbody td:first-child{white-space:normal;font-weight:650}.event-stats-table tbody tr:nth-child(odd){background:#ffffff07}.event-stats-table td small{color:inherit;opacity:.78;font-size:.78rem}@media (width<=650px){.event-stats-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.event-stats-table tbody{gap:.6rem;display:grid}.event-stats-table tr{border:1px solid #ffffff29;border-radius:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.6rem;display:grid}.event-stats-table tbody td:nth-child(n){white-space:normal;border:0;padding:.15rem}.event-stats-table td:first-child{grid-column:1/-1}.event-stats-table td[data-label]:before{content:attr(data-label);margin-bottom:.25rem;font-size:.75rem;display:block}}.topbar:has(.player-wallet){flex-wrap:wrap;height:auto;min-height:78px;padding-block:12px}.player-wallet,.coin-total,.reward-heading,.reward-caption{align-items:center;gap:.6rem;display:flex}.player-wallet{color:inherit;border:1px solid #ffffff24;border-radius:.8rem;min-width:0;padding:.35rem .7rem;text-decoration:none}.player-wallet .field-icon{object-fit:contain;width:36px;height:36px}.player-wallet strong,.player-wallet small{display:block}.player-wallet strong{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;overflow:hidden}.player-wallet small,.reward-caption{font-size:.75rem}.coin-total{color:#ffdb87;white-space:nowrap;font-variant-numeric:tabular-nums;gap:.3rem}.player-wallet .coin-total{border-left:1px solid #ffffff25;padding-left:.6rem}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.earned-reward{text-align:left;background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;max-width:660px;margin:.8rem auto;padding:1rem;display:grid}.earned-reward>.field-icon{width:clamp(44px,6vw,68px);height:auto}.reward-heading,.reward-caption{justify-content:space-between}.reward-heading strong{color:var(--pt-accent)}.reward-meter{background:#0e1120;border-radius:10px;height:10px;margin:.45rem 0;overflow:hidden}.reward-meter i{background:var(--pt-accent,#bafb65);border-radius:inherit;transform-origin:0;height:100%;transform:scaleX(var(--after));animation:1.15s ease-out both reward-fill;display:block}@keyframes reward-fill{0%{transform:scaleX(var(--before))}to{transform:scaleX(var(--after))}}@media (prefers-reduced-motion:reduce){.reward-meter i{animation:none}}@media (width<=650px){.earned-reward{grid-template-columns:auto minmax(0,1fr)}.earned-reward>.coin-total{grid-column:2}.player-wallet{max-width:100%}.player-wallet strong{max-width:12ch}}.records-panel .profile-keychain{background:linear-gradient(145deg,#c7d9e533,#233340cc);border:1px solid #a8bbca80;border-radius:12px;gap:7px;width:max-content;max-width:calc(100% - 35px);margin:20px 0 12px 35px;padding:9px;list-style:none;display:flex;position:relative;box-shadow:0 6px #121c26,0 10px 14px #0006,inset 0 1px 2px #fff5}.profile-keychain:before{content:"";border:4px solid #afbac7;border-radius:50%;width:31px;height:31px;position:absolute;top:24px;left:-39px;box-shadow:inset 0 1px 2px #fff,0 2px 2px #0008}.profile-keychain:after{content:"";border:2px solid #c2cad4;border-radius:50%;width:15px;height:8px;position:absolute;top:36px;left:-13px}.profile-keychain li{min-width:0;margin:0;padding:0}.profile-keychain .keychain-key{background:linear-gradient(145deg,#344652,#192731);border:1px solid #91a7b570;border-radius:9px;place-items:center;width:clamp(54px,5.3vw,72px);height:clamp(60px,5.8vw,78px);padding:5px;transition:transform .14s,box-shadow .14s;display:grid;position:relative;box-shadow:0 5px #0c141d,inset 0 1px 1px #ffffff30}.profile-keychain .keychain-key:hover,.profile-keychain .keychain-key:focus-visible,.profile-keychain .keychain-key:active{transform:translateY(3px);box-shadow:0 2px #0c141d,inset 0 1px 1px #ffffff30}.profile-keychain .field-icon{object-fit:contain;width:100%;height:100%}.profile-keychain .keychain-tip{color:#fff8e4;opacity:0;visibility:hidden;pointer-events:none;z-index:5;background:#111d28;border:1px solid #82969e;border-radius:8px;width:max-content;max-width:150px;padding:8px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0005}.keychain-tip b{color:var(--accent);display:block}.keychain-key:hover .keychain-tip,.keychain-key:focus .keychain-tip{opacity:1;visibility:visible}.key-ranking-status{min-height:1.5em}@media (prefers-reduced-motion:reduce){.profile-keychain .keychain-key{transition:none}}[data-base=slate]{--kb-case:#252535;--kb-key:#393847;--kb-ink:#b7b6c5;--kb-side:#171723}[data-base=cream]{--kb-case:#b8ac97;--kb-key:#d4c8b4;--kb-ink:#655f55;--kb-side:#807460}[data-base=forest]{--kb-case:#263e35;--kb-key:#3d5447;--kb-ink:#b1c4b4;--kb-side:#162a22}[data-base=lavender]{--kb-case:#555064;--kb-key:#756d87;--kb-ink:#e0d8ed;--kb-side:#373143}.decorative-keyboard{background:var(--kb-case);width:min(100%,420px);box-shadow:0 5px 0 var(--kb-side), 0 9px 16px #0003, inset 0 1px 1px #ffffff20;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;border-radius:12px;padding:9px}.keyboard-row{gap:3px;margin-bottom:4px;display:flex}.keyboard-row:last-child{margin-bottom:0}.keyboard-key{min-width:0;height:23px;color:var(--kb-ink);background:var(--kb-key);box-shadow:0 2px 0 var(--kb-side), inset 0 1px 1px #ffffff10;border:1px solid #ffffff14;border-radius:4px;flex:1;justify-content:center;align-items:center;font:8px monospace;transition:transform 65ms,box-shadow 65ms;display:flex}.keyboard-key[data-wide=wide]{flex:1.6;font-size:6px}.keyboard-key[data-wide=space]{flex:6}.keyboard-key img{object-fit:contain;width:100%;height:29px;margin-top:-5px}.keyboard-editor fieldset{border:0;min-width:0;margin:0;padding:0}.keyboard-editor legend{margin-bottom:12px;font-size:13px}.keyboard-bases{flex-wrap:wrap;gap:8px;display:flex}.keyboard-bases button{background:var(--kb-case);color:var(--kb-ink);border:2px solid #0000}.keyboard-bases button[aria-pressed=true]{border-color:var(--accent,#c5f652)}.keyboard-editor fieldset>label{margin:12px 0;display:block}.keyboard-editor input[type=checkbox]{width:auto;margin-right:8px}.match-keyboard{flex-direction:column;align-items:center;gap:14px;padding:24px 12px 12px;display:flex}.match-keyboard>button{opacity:.7;font-size:11px}.compact-performance{background:var(--panel,#202132);border:1px solid #ffffff16;border-radius:0 0 12px 12px;flex-wrap:wrap;align-items:center;gap:22px;padding:16px 24px;display:flex;position:relative}.compact-performance>span{letter-spacing:.04em;font-size:12px}.compact-performance strong{color:var(--accent,#c5f652);margin-right:5px;font-size:23px}.compact-performance details{margin-left:auto;font-size:12px}.compact-performance summary{cursor:pointer;text-decoration:underline}.extra-performance{z-index:6;background:#171a29;border:1px solid #626479;border-radius:8px;width:min(340px,100%);padding:18px;position:absolute;top:100%;right:0;box-shadow:0 5px 15px #0005}.extra-performance span{margin-bottom:8px;display:block}.match-banner{gap:24px;min-height:0;margin-bottom:18px;padding:16px 22px}.match-banner>div:first-child{align-items:center;gap:20px;display:flex}.match-banner strong{margin:0;font-size:20px}.match-banner .pill{margin:0;font-size:11px}.match-banner .alive{margin-left:auto}.match-banner .alive b{font-size:26px}.match-clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:23px;font-weight:700}.intro[hidden]{display:none}@media (width<=650px){.match-keyboard{display:none}.match-banner{flex-wrap:wrap;gap:12px}.match-banner>div:first-child{gap:10px}.match-banner strong{font-size:17px}.compact-performance{gap:14px;padding:14px}}@media (prefers-reduced-motion:reduce){.keyboard-key{transition:none}.keyboard-key[data-down]{box-shadow:0 2px 0 var(--kb-side);transform:none}}.keyboard-editor button{cursor:pointer;font:inherit;border-radius:9px;padding:11px 16px}.keyboard-editor button:disabled{opacity:.5;cursor:default}.keyboard-editor fieldset>button{background:var(--accent,#c5f652);color:#14221b;border:1px solid #0000;margin-top:12px;font-weight:700}.keyboard-bases button:focus-visible{outline:2px solid var(--accent,#c5f652);outline-offset:3px}@media (width>=900px){main:has(.match-aside){padding-top:24px}.match-aside .roster{max-height:clamp(300px,100vh - 410px,650px)}.arena-bottom{height:42px;padding:10px 25px}}.decorative-keyboard{background:linear-gradient(160deg, #ffffff16, transparent 35%), var(--kb-case);border:2px solid color-mix(in srgb, var(--kb-case), white 18%);width:min(100%,580px);box-shadow:0 3px 0 color-mix(in srgb, var(--kb-case), black 12%), 0 10px 0 var(--kb-side), 0 13px 0 #080b124d, 0 22px 24px #0005, inset 0 2px 2px #ffffff30, inset 0 -3px 4px #0005;transform-origin:50%;border-radius:18px;padding:16px 14px 19px;transform:perspective(1100px)rotateX(10deg)}.keyboard-row{gap:5px;margin-bottom:10px}.keyboard-key{background:linear-gradient(110deg, color-mix(in srgb, var(--kb-key), white 8%), var(--kb-key) 38%, var(--kb-side));height:32px;box-shadow:0 5px 0 var(--kb-side), 0 6px 2px #0008, inset 0 1px 1px #fff5;border:0;border-radius:6px;padding:0;font-size:10px;position:relative;transform:translateY(-2px)}.keyboard-key:before{content:"";background:linear-gradient(150deg, #ffffff14, #0000000a 55%, #00000020), var(--kb-key);border-radius:4px;position:absolute;inset:2px 3px 4px;box-shadow:inset 0 1px 1px #ffffff25,0 1px 1px #0003}.key-legend{z-index:1;text-shadow:0 1px #0003;position:relative}.keyboard-key[data-wide=wide]{font-size:8px}.keyboard-key[data-artisan]{box-shadow:none;isolation:isolate;background:0 0;border:0}.keyboard-key[data-artisan]:before{z-index:-1;background:#090d16;border-radius:5px;inset:15% 6% -3px;box-shadow:0 3px 4px #0009}.keyboard-key[data-artisan] img{object-fit:contain;filter:drop-shadow(0 3px 1px #0008);width:120%;max-width:none;height:calc(100% + 17px);margin:0;position:absolute;bottom:-3px}.keyboard-key[data-down]{box-shadow:0 0 0 var(--kb-side), inset 0 1px 1px #ffffff30;transform:translateY(3px)}.keyboard-key[data-artisan][data-down]{box-shadow:none}.keyboard-editor .decorative-keyboard{margin:45px auto 40px}.keyboard-editor .keyboard-key{color:var(--kb-ink);border-radius:6px;padding:0;font:10px monospace}.keyboard-editor .keyboard-key[aria-pressed=true]{outline:2px solid var(--accent,#c5f652);outline-offset:5px}.keyboard-editor .keyboard-key:focus-visible{outline-offset:5px;outline:2px solid #fff}.slot-marker{color:var(--accent,#c5f652);font:700 10px monospace;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.keyboard-edit-hint{color:var(--accent,#c5f652);font-size:13px}.cap-picker{background:#0f182880;border:1px solid #ffffff20;border-radius:14px;margin:24px 0;padding:18px}.cap-picker header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cap-picker h3{margin:0;font-size:18px}.cap-picker header button{color:inherit;background:0 0;border:1px solid #ffffff25}.cap-options{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.cap-options button{color:inherit;background:#1a293d;border:2px solid #0000;flex-direction:column;align-items:center;gap:10px;display:flex}.cap-options button[aria-pressed=true]{border-color:var(--accent,#c5f652);background:#293d46}.cap-options img{object-fit:contain;filter:drop-shadow(0 4px 3px #0006);width:70px;height:70px}.cap-options button>span:last-child{font-size:12px}.plain-key-preview{background:linear-gradient(135deg,#718095,#354356);border-radius:10px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 5px #121b29}.match-keyboard{gap:20px;padding-top:32px}.visual-guide{margin:24px 0}.rule-highlights{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.rule-highlights>div{background:#0c17254d;border:1px solid #ffffff16;border-radius:12px;flex-direction:column;padding:16px;display:flex}.rule-highlights b{color:var(--accent,#c5f652);font-size:30px}.rule-highlights span{color:#b8bfd0;font-size:12px}.round-route{grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none;display:grid}.round-route li{border-top:2px solid var(--accent,#c5f652);background:#ffffff05;border-radius:10px;flex-direction:column;gap:7px;padding:16px;display:flex}.round-route small{letter-spacing:.12em;color:#b9bed0;font:10px monospace}.round-route b{font-size:16px}.round-route span{color:var(--accent,#c5f652);font:16px monospace}.visual-guide details{border-top:1px solid #ffffff20;padding:14px 0}.visual-guide summary{cursor:pointer;font-weight:700}.visual-guide .guide-tip{margin:20px 0;font-size:13px}.event-guide-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.event-guide-grid article{background:#0a142540;border:1px solid #ffffff15;border-radius:10px;gap:12px;padding:16px;display:flex}.event-symbol{color:var(--accent,#c5f652);flex-shrink:0;font:700 18px monospace}.event-guide-grid h4{margin:0 0 8px;font-size:15px}.event-guide-grid p{margin:0;font-size:12px;line-height:1.6}.visual-guide details li{margin:10px 0;font-size:13px;line-height:1.6}@media (width<=650px){.keyboard-row{gap:3px;margin-bottom:7px}.keyboard-key{height:23px;font-size:7px}.keyboard-key[data-wide=wide]{font-size:5px}.decorative-keyboard{border-radius:12px;padding:12px 8px}.keyboard-key[data-artisan] img{width:125%;height:calc(100% + 10px)}.rule-highlights{grid-template-columns:repeat(2,1fr)}.round-route li{padding:12px 8px}.round-route b{font-size:12px}.event-guide-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.keyboard-key[data-down]{transform:translateY(-2px)}}[data-base=aurora]{--kb-case:#1b2130;--kb-key:#2c3446;--kb-ink:#d9f4ff;--kb-side:#0b0f18;--kb-glow:#5ef2d6}.decorative-keyboard[data-base=aurora]{background:linear-gradient(90deg,#0000 49.6%,#5ef2d61a 49.6% 50.4%,#0000 50.4%) 0 0/46px 100%,linear-gradient(#0000 47%,#8f7dff14 47% 53%,#0000 53%) 0 0/100% 38px,radial-gradient(circle at 18% 12%,#5ef2d61f 0 2px,#0000 3px) 0 0/46px 38px,repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(160deg,#3a4560,#1b2130 42%,#121726);border:2px solid #3b4660;box-shadow:0 0 0 1px #5ef2d640,-6px 0 16px -6px #5ef2d680,6px 0 16px -6px #b27dff80,0 3px #10141f,0 10px #070a11,0 13px #05070d80,0 22px 26px #000a,inset 0 2px 2px #ffffff26,inset 0 -3px 5px #0008}.decorative-keyboard[data-base=aurora] .keyboard-key:not([data-artisan]){background:linear-gradient(110deg,#3a4459,#2a3244 40%,#141a26)}.decorative-keyboard[data-base=aurora] .keyboard-key:not([data-artisan]):before{background:linear-gradient(150deg,#ffffff12,#00000010 55%,#00000026),#2c3446;box-shadow:inset 0 1px 1px #fff2,inset 0 -1px #5ef2d61a}.decorative-keyboard[data-base=aurora] .key-legend{text-shadow:0 0 4px #5ef2d640}.decorative-keyboard[data-base=aurora]:after{content:"";opacity:.55;background:linear-gradient(90deg,#5ef2d6,#7aa8ff 45%,#b27dff);border-radius:2px;height:2px;margin:8px 18px -8px;display:block;box-shadow:0 0 8px #7aa8ff99}.keyboard-bases button[data-base=aurora]{background:linear-gradient(135deg,#2b3448,#161c29);box-shadow:inset 0 -2px #5ef2d688,0 0 10px -4px #b27dff}.keyboard-bases .base-locked{color:#b8bfd0;border:1px dashed #ffffff40;border-radius:9px;align-items:center;padding:11px 16px;text-decoration:none;display:inline-flex}.keyboard-bases .base-locked:hover{color:#fff;border-color:var(--accent,#c5f652)}.keyboard-editor .base-note{color:#b8bfd0;margin-top:8px;font-size:12px;display:block}[data-base=slate]{--kb-glow:#9ab8ff}[data-base=cream]{--kb-glow:#ffcf7a}[data-base=forest]{--kb-glow:#9cf0b0}[data-base=lavender]{--kb-glow:#e7c9ff}.keyboard-key{transition:transform 65ms,box-shadow 65ms,filter .14s ease-out}.keyboard-key[data-down]:not([data-artisan]){filter:brightness(1.22);box-shadow:0 0 0 var(--kb-side), 0 0 9px 1px color-mix(in srgb, var(--kb-glow,#fff) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kb-glow,#fff) 55%, transparent), inset 0 1px 1px #ffffff30}.keyboard-key[data-down]:not([data-artisan]) .key-legend{color:color-mix(in srgb, var(--kb-glow,#fff) 55%, white)}.keyboard-key[data-artisan][data-down] img{filter:brightness(1.18) drop-shadow(0 0 5px var(--kb-glow,#fff)) drop-shadow(0 2px 1px #0008)}@media (prefers-reduced-motion:reduce){.keyboard-key{transition:none}}.base-shop>header p{max-width:62ch}.base-offer{background:#0a122066;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:14px;padding:18px;display:grid}.base-offer[data-owned]{border-color:color-mix(in srgb, var(--accent,#c5f652) 55%, transparent)}.base-offer-preview{place-items:center;min-width:0;padding:26px 8px 30px;display:grid}.base-offer-preview .decorative-keyboard{margin:0}.base-offer-info small{letter-spacing:.14em;font:700 11px/1.4 monospace}.base-offer-info h3{letter-spacing:-.04em;margin:4px 0 8px;font-size:clamp(22px,2.6vw,30px);font-style:italic}.base-offer-info p{margin:0 0 12px;line-height:1.55}.base-price{align-items:center;gap:6px;display:flex}.base-price strong{color:var(--accent,#c5f652);font-size:20px}.owned-badge{background:var(--accent,#c5f652);color:#141723;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.base-short{color:#b8bfd0;margin-top:8px;display:block}.base-message{color:#b8bfd0;min-height:1.4em;margin-top:10px!important}.base-message[data-ok=true]{color:var(--accent,#c5f652)}.base-message[data-ok=false]{color:#ffb3ba}@media (width<=760px){.base-offer{grid-template-columns:minmax(0,1fr);gap:8px}}@media (width>=900px) and (height<=900px){.play-column .match-keyboard{zoom:.76}}.sudden-pace{color:#cfd0e2;background:#151625;border-bottom:1px solid #ffffff0c;grid-template-columns:minmax(0,1fr) minmax(90px,160px) auto;align-items:center;gap:14px;height:46px;padding:0 25px;font-size:13px;display:grid}.sudden-message{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sudden-pace[data-state=ok] .sudden-message{color:#c1ff8c}.sudden-pace[data-state=warning]{color:#ffe3e8;background:#4a1622}.sudden-pace[data-state=warning] .sudden-message{color:#fff}.sudden-meter{background:#ffffff1a;border-radius:4px;height:8px;position:relative;overflow:hidden}.sudden-meter i{background:#c1ff8c;position:absolute;inset:0 auto 0 0}.sudden-pace[data-state=warning] .sudden-meter i{background:#ff6f7d}.sudden-meter b{background:#fff;width:2px;position:absolute;top:0;bottom:0}.sudden-numbers{font-variant-numeric:tabular-nums;white-space:nowrap}.sudden-numbers strong{color:#fff;font-size:16px}.sudden-numbers small{color:#a9aac0}@media (width<=760px){.sudden-pace{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 17px}.sudden-meter,.sudden-numbers small,.sudden-target-word{display:none}.sudden-pace{font-size:12px}}.duel-focus{gap:8px;display:grid}.duel-focus .duel-roster{margin:0}.duel-lead{color:#fff;background:#ffffff1a;border-radius:999px;justify-self:center;padding:4px 14px;font:800 13px system-ui}.duel-lead[data-lead=leading],.duel-lead[data-lead=opponent-out]{color:#141723;background:#c5f652}.duel-lead[data-lead=behind]{color:#22070c;background:#ff6f7d}.duel-bye{color:#fff8e6;text-align:center;background:#263044;border-radius:12px;margin:8px 0;padding:18px;font-weight:700}.challenge.inline-passage{height:5.55em;padding-top:0}.countdown-slot{position:relative}.countdown-ghost{visibility:hidden}.countdown-slot>.countdown{gap:2px;min-height:0;padding:8px 16px;position:absolute;inset:0}.countdown-slot>.countdown h2{margin:4px 0 0;font-size:clamp(24px,2.2vw,34px)}.countdown-slot>.countdown strong{margin-top:6px;font-size:clamp(56px,6vh,76px);line-height:1}.countdown-slot .countdown-how,.countdown .countdown-how{color:#ffd56a;letter-spacing:.04em;font-size:12px;font-weight:700}.queue-card{text-align:center;justify-items:center;gap:14px;padding:34px 24px 26px;display:grid;overflow:hidden}.queue-card h2{margin:4px 0 0;font-size:clamp(24px,2.2vw,34px)}.queue-card p{color:#b9bed0;margin:0}.queue-ring{aspect-ratio:1;width:clamp(190px,22vh,250px);position:relative}.queue-ring svg{width:100%;height:100%;overflow:visible}.queue-ring circle{fill:none;transform-origin:60px 60px}.queue-ring-track{stroke:#ffffff14;stroke-width:7px}.queue-ring-fill{stroke:#c5f652;stroke-width:7px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--left,1) * 100);filter:drop-shadow(0 0 8px #c5f65266);transition:stroke-dashoffset 1s linear;transform:rotate(-90deg)}.queue-ring-spin{stroke:#9fdcff55;stroke-width:1.5px;stroke-dasharray:1 3;animation:12s linear infinite queue-spin}.queue-ring-center{place-content:center;justify-items:center;gap:2px;display:grid;position:absolute;inset:0}.queue-ring-center .field-icon{width:52px;height:52px}.queue-ring-center strong{font-variant-numeric:tabular-nums;color:#f4f2ff;font-size:clamp(48px,6vh,66px);font-weight:850;line-height:1}.queue-ring-center small{letter-spacing:.14em;text-transform:uppercase;color:#b9bed0;font-size:10px}.queue-parade{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.queue-parade>div{gap:18px;width:max-content;animation:36s linear infinite queue-parade;display:flex}.queue-parade .field-icon{opacity:.6;width:44px;height:44px}.queue-leave{margin-top:4px}@keyframes queue-spin{to{transform:rotate(360deg)}}@keyframes queue-parade{to{transform:translate(-50%)}}.layout[data-enter]{animation:.45s ease-out both match-enter}@keyframes match-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}}@media (prefers-reduced-motion:reduce){.queue-ring-spin,.queue-parade>div,.layout[data-enter]{animation:none}.queue-ring-fill{transition:none}}.championship-vote{--vote:#b9a0ff}.vote-head{justify-content:space-between;align-items:center;gap:24px;display:flex}.vote-head h2{margin:10px 0 12px}.vote-finalists{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.vote-finalist{align-items:center;gap:10px;font-size:16px;display:inline-flex}.vote-finalist em{color:var(--vote);letter-spacing:.1em;margin-right:4px;font:800 13px/1 ui-monospace,monospace}.vote-finalist .field-icon{width:38px;height:38px}.vote-timer{flex:none;place-items:center;width:92px;height:92px;display:grid;position:relative}.vote-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.vote-timer circle{fill:none;stroke-width:4px}.vote-timer circle:first-child{stroke:#ffffff1a}.vote-timer circle:last-child{stroke:var(--vote);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--left,1) * 100);transition:stroke-dashoffset .25s linear,stroke .2s}.vote-timer[data-low] circle:last-child{stroke:#ff8a9b}.vote-timer strong{font-variant-numeric:tabular-nums;font:800 32px/1 ui-monospace,monospace}.vote-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 6px;display:grid}.vote-card{--mod:#b9a0ff;text-align:left;background:linear-gradient(160deg, color-mix(in srgb, var(--mod) 18%, transparent), transparent 62%), #131a29;color:#f4f2ff;min-height:210px;font:inherit;border:1px solid #ffffff1c;border-radius:16px;grid-template-rows:auto auto 1fr auto;align-content:start;gap:8px;padding:18px 16px 14px;transition:transform .15s,border-color .15s,box-shadow .15s,opacity .15s;display:grid;position:relative}.vote-card[data-modifier=long]{--mod:#7ad7ff}.vote-card[data-modifier=punctuation]{--mod:#ffd166}.vote-card[data-modifier=reverse]{--mod:#c5f652}.vote-card[data-modifier=sudden]{--mod:#ff7a90}button.vote-card{cursor:pointer}button.vote-card:hover:not(:disabled){border-color:var(--mod);box-shadow:0 14px 30px -18px var(--mod);transform:translateY(-3px)}button.vote-card:focus-visible{outline-offset:3px;outline:2px solid #fff}button.vote-card:disabled{cursor:default;opacity:1}button.vote-card:disabled:not([aria-pressed=true]):not([data-state]){opacity:.5}.vote-icon{background:color-mix(in srgb, var(--mod) 20%, #0d1220);border:1px solid color-mix(in srgb, var(--mod) 55%, transparent);width:52px;height:52px;color:var(--mod);border-radius:14px;place-items:center;font:800 20px/1 ui-monospace,monospace;display:grid}.vote-card strong{letter-spacing:-.02em;font-size:20px}.vote-desc{color:#b9bed0;font-size:13px;line-height:1.45}.vote-by{flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;display:flex}.vote-chip{border:1px solid var(--mod);background:#0d1220;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font:700 12px/1.2 system-ui,sans-serif;animation:.3s ease-out both vote-chip-in;display:inline-flex}.vote-chip .field-icon{width:22px;height:22px}@keyframes vote-chip-in{0%{opacity:0;transform:scale(.6)}}.vote-card[data-state=picked]{border-color:color-mix(in srgb, var(--mod) 70%, transparent)}.vote-card[aria-pressed=true],.vote-card[data-state=locked]{border-color:var(--mod);box-shadow:inset 0 0 0 1px var(--mod), 0 16px 34px -18px var(--mod)}.vote-card[aria-pressed=true]:after,.vote-card[data-state=locked]:after{content:"YOUR VOTE";background:var(--mod);color:#141723;letter-spacing:.08em;border-radius:999px;padding:4px 8px;font:800 10px/1 ui-monospace,monospace;position:absolute;top:14px;right:14px}.vote-card[data-state=locked]:after{content:"LOCKED IN"}.championship-vote .vote-status{color:#f4f2ff;min-height:1.6em;margin:14px 0 2px;font-size:16px;font-weight:600}.championship-vote .vote-rules{color:#9ea4b8;margin:0;font-size:12px}@media (width<=1000px){.vote-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.vote-head{align-items:flex-start}.vote-cards{grid-template-columns:minmax(0,1fr)}.vote-card{min-height:0}.vote-timer{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.vote-card,.vote-timer circle:last-child{transition:none}button.vote-card:hover:not(:disabled){transform:none}.vote-chip{animation:none}}.leave-button{color:#ffc2cb;cursor:pointer;background:#ff8a9b14;border:1px solid #ff8a9b88;border-radius:10px;align-items:center;min-height:40px;padding:9px 18px;font:700 14px/1 system-ui,sans-serif;transition:background .15s,border-color .15s;display:inline-flex}.leave-button:hover{background:#ff8a9b26;border-color:#ff8a9b}.leave-button:focus-visible{outline-offset:2px;outline:2px solid #fff}[data-pt-tone=light] .leave-button{color:var(--lt-bad);border-color:color-mix(in srgb, var(--lt-bad) 55%, transparent);background:color-mix(in srgb, var(--lt-bad) 8%, transparent)}@media (width>=1100px){main:has(.shop-page,.loadout-page){padding-top:26px}main:has(.shop-page,.loadout-page){padding-bottom:18px}}.shop-page .page-title,.loadout-page .page-title{margin:0}.shop-page .page-title h1,.loadout-page .page-title h1{margin:.1em 0 .15em;font-size:clamp(30px,2.4vw,42px)}.mastery-track{--sample-h:72px}.mastery-track:before{top:calc(var(--sample-h) + 16px)}.mastery-track .track-sample{box-sizing:border-box;height:var(--sample-h);width:88%;color:inherit;background:#141925;border:1px solid #66738a;border-radius:9px;place-items:center;padding:6px;display:grid;overflow:hidden}.mastery-track .track-sample .stamp-art img{max-width:100%;height:auto;max-height:2.4em}.shop-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:18px 28px;margin-bottom:18px;display:grid}.shop-head .page-title p{color:#b9bed0;margin:0}.shop-tabs{background:#0d1220;border:1px solid #ffffff18;border-radius:14px;gap:4px;padding:5px;display:inline-flex}.shop-tabs [role=tab]{color:#c7ccdb;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:9.5rem;padding:11px 20px;font:700 16px/1 system-ui,sans-serif;transition:background .15s,color .15s;display:inline-flex}.shop-tabs [role=tab]:hover{color:#fff;background:#ffffff0d}.shop-tabs [role=tab][aria-selected=true]{color:#141723;background:#c5f652;box-shadow:0 6px 18px -10px #c5f652}.shop-tabs [role=tab]:focus-visible{outline-offset:2px;outline:2px solid #fff}.tab-count{background:#ffffff14;border-radius:999px;min-width:1.6em;padding:3px 6px;font:700 12px/1 ui-monospace,monospace}[aria-selected=true]>.tab-count{background:#14172322}.shop-balance{color:#c7ccdb;white-space:nowrap;background:#0d1220;border:1px solid #ffd16655;border-radius:14px;align-items:center;gap:8px;margin:0;padding:10px 18px;font-size:14px;display:inline-flex}.shop-balance .coin-icon{width:22px;height:22px}.shop-balance strong{color:#ffd166;font-variant-numeric:tabular-nums;font:800 22px/1 ui-monospace,monospace}.shop-body{min-width:0}.shop-keycaps{grid-template-columns:minmax(0,1fr) minmax(400px,470px);align-items:start;gap:18px;display:grid}.shop-page .locker-card{margin:0}.shop-page .shop{padding:18px}.shop-page .shop .shop-offers{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}@media (width>=1100px) and (height>=700px){.shop-page .shop .shop-offers{scrollbar-gutter:stable;max-height:max(560px,100dvh - 300px);margin:-4px;padding:4px;overflow-y:auto}}.shop-page .shop .shop-offers>button{text-align:center;background:radial-gradient(ellipse 75% 55% at 50% 32%, color-mix(in srgb, var(--rarity) 18%, transparent), transparent 72%), #131a29;color:#f4f2ff;cursor:pointer;border:1px solid #ffffff16;border-radius:14px;align-content:start;justify-items:center;gap:7px;min-width:0;min-height:0;padding:14px 12px 12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.shop-page .shop .shop-offers>button:hover{border-color:color-mix(in srgb, var(--rarity) 60%, transparent);transform:translateY(-2px)}.shop-page .shop .shop-offers>button[aria-pressed=true]{border-color:var(--rarity);box-shadow:inset 0 0 0 1px var(--rarity), 0 10px 26px -14px var(--rarity);outline:none}.shop-page .shop .shop-offers>button:focus-visible{outline-offset:2px;outline:2px solid #fff}.shop-page .shop-offers .shop-art{--frame:4.6rem}.shop-page .shop-offers>button>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 14px/1.25 system-ui,sans-serif;overflow:hidden}.offer-meta{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.offer-meta .rarity-badge{font-size:.66rem}.offer-price,.offer-owned{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font:800 13px/1 ui-monospace,monospace;display:inline-flex}.offer-price{color:#ffd166}.offer-price .coin-icon{width:15px;height:15px}.offer-owned{color:#c5f652}.offer-owned:before{content:"✓"}.shop-page .shop-inspector{border-color:color-mix(in srgb, var(--rarity) 35%, #69718a88);flex-direction:column;gap:16px;padding:22px;display:flex;position:sticky;top:16px}.inspector-top{gap:14px;display:grid}.inspector-stage{border:1px solid color-mix(in srgb, var(--rarity) 40%, transparent);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rarity) 32%, transparent), transparent 66%), #0d1220;border-radius:18px;place-items:center;height:clamp(150px,19vh,210px);display:grid}.inspector-stage .shop-art{--frame:clamp(6.5rem, 14vh, 9rem)}.inspector-copy h2{letter-spacing:-.04em;margin:6px 0 4px;font-size:clamp(24px,2vw,32px);font-style:italic;line-height:1.05}.inspector-copy .set-description{color:#b9bed0;margin:0;font-size:14px;line-height:1.5}.shop-page .shop-buy{gap:10px;margin:0;display:grid}.shop-owned{background:#c5f65214;border:1px solid #c5f65255;border-radius:14px;align-items:center;gap:8px;min-height:56px;margin:0;padding:0 16px;display:flex}.inspector-label{letter-spacing:.14em;color:#b9bed0;margin-bottom:-6px;font:700 11px/1.4 monospace}.shop-inspector .mastery-summary{margin:0;font-size:14px}.shop-inspector .mastery-track{--sample-h:60px;margin:0}.shop-inspector .mastery-track .field-icon{width:46px}.shop-inspector .mastery-track strong{font-size:13px;line-height:1.2}.shop-inspector .mastery-track small{color:#b9bed0;font-size:12px}.buy-button{color:#141723;letter-spacing:-.01em;cursor:pointer;background:linear-gradient(#dcff8a,#c5f652 52%,#aedf3a);border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:58px;padding:8px 8px 8px 22px;font:800 18px/1 system-ui,sans-serif;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 4px #6d9618,0 14px 26px -14px #c5f652,inset 0 1px #fffa}.buy-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 5px #6d9618,0 18px 30px -14px #c5f652,inset 0 1px #fffa}.buy-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #6d9618,0 6px 14px -10px #c5f652,inset 0 1px #fffa}.buy-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.buy-price{color:#ffd166;font-variant-numeric:tabular-nums;background:#141723;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font:800 17px/1 ui-monospace,monospace;display:inline-flex}.buy-price .coin-icon{width:19px;height:19px}.buy-button:disabled{cursor:not-allowed;color:#8f97aa;background:#262d3d;box-shadow:0 4px #171c28,inset 0 1px #ffffff12}.buy-button:disabled .buy-price{color:#b6a571;background:#171c28}.buy-button:disabled .coin-icon{filter:grayscale(.5);opacity:.8}.coin-shortfall{gap:6px;display:grid}.coin-meter{background:#ffffff14;border-radius:999px;height:6px;display:block;overflow:hidden}.coin-meter i{border-radius:inherit;background:linear-gradient(90deg,#ffb84d,#ffd166);height:100%;display:block}.shop-page .coin-shortfall small{letter-spacing:0;color:#b9bed0;font:400 13px/1.4 system-ui,sans-serif}@media (prefers-reduced-motion:reduce){.buy-button,.shop-page .shop .shop-offers>button{transition:none}.buy-button:hover:not(:disabled),.buy-button:active:not(:disabled),.shop-page .shop .shop-offers>button:hover{transform:none}}.shop-page .base-shop{padding:24px 28px}.shop-page .base-shop>header{gap:6px;display:grid}.shop-page .base-shop>header h2{margin:0}.shop-page .base-shop>header p{color:#b9bed0;margin:0}.base-offers{gap:16px;margin-top:18px;display:grid}.shop-page .base-offer{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:40px;margin:0;padding:28px 32px}.shop-page .base-offer-info{gap:10px;max-width:420px;display:grid}.shop-page .base-offer-info h3,.shop-page .base-offer-info p{margin:0}.loadout-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 32px;display:flex;margin-bottom:18px!important}.loadout-head>p{color:#b9bed0;margin:0 0 .6em}.loadout-grid{grid-template-columns:minmax(0,1fr) minmax(380px,440px);align-items:start;gap:18px;display:grid}.loadout-main,.loadout-side{gap:18px;min-width:0;display:grid}.loadout-page .locker-card{margin:0;padding:20px 24px}.loadout-page .locker-card h2{margin:0;font-size:clamp(22px,1.8vw,28px)}.loadout-page .locker-card>small{color:#b9bed0;margin-bottom:2px;display:block}.loadout-page .keyboard-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""picker""controls""status";display:grid}.keyboard-editor-head{flex-wrap:wrap;grid-area:head;align-items:baseline;gap:4px 16px;display:flex}.keyboard-editor-head p{color:#b9bed0;margin:0;font-size:14px}.keyboard-editor-head .keyboard-edit-hint{color:var(--accent,#c5f652);flex-basis:100%;font-size:13px}.keyboard-editor-stage{grid-area:stage;place-items:center;min-width:0;display:grid}.loadout-page .keyboard-editor .decorative-keyboard{width:min(100%,600px);margin:26px auto 12px}.loadout-page .keyboard-editor fieldset{flex-wrap:wrap;grid-area:controls;align-items:center;gap:8px 18px;margin:4px 0 0;display:flex}.loadout-page .keyboard-editor legend{letter-spacing:.08em;text-transform:uppercase;color:#b9bed0;margin-bottom:8px;font-size:12px;font-weight:700}.loadout-page .keyboard-bases{flex:100%;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;display:grid}.loadout-page .keyboard-bases button,.loadout-page .keyboard-bases .base-locked{white-space:nowrap;justify-content:center;padding:9px 8px;font-size:13px}.loadout-page .keyboard-editor .base-note{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loadout-page .keyboard-editor .keyboard-toggle{align-items:center;margin:0;font-size:14px;display:flex}.loadout-page .keyboard-editor .keyboard-save{margin:0 0 0 auto}.loadout-page .keyboard-status{grid-area:status;min-height:1.4em;margin:6px 0 0;font-size:13px}.loadout-page .cap-picker{grid-area:picker;margin:0 0 10px}.loadout-mastery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;display:flex}.loadout-mastery-head small{letter-spacing:.14em;color:#b9bed0;font:700 11px/1.4 monospace}.loadout-mastery .mastery-heading h2{margin:.1rem 0}.track-picker{align-items:center;gap:8px;font-size:14px;display:inline-flex}.loadout-mastery .shop-link{margin:6px 0 0;font-size:14px}.loadout-mastery .mastery-summary{color:#b9bed0;margin:8px 0 0;font-size:14px}.loadout-mastery .mastery-track{--sample-h:62px;margin-top:12px}.loadout-mastery .mastery-track .field-icon{width:48px}.loadout-mastery .mastery-track strong{font-size:14px}.loadout-mastery .mastery-preview{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:12px;padding:8px 14px;display:grid}.loadout-mastery .mastery-preview .preview-row{margin:0}.loadout-slots h2{margin-bottom:4px!important}.loadout-page .slot{margin-top:8px}.loadout-page .slot-button{grid-template-columns:132px minmax(0,1fr) auto;gap:16px;min-height:60px;padding:7px 14px}.slot-sample{place-items:center;height:46px;display:grid;overflow:hidden}.slot-sample .field-icon{width:48px}.slot-sample .plate-sample{height:38px}.slot-sample .stamp{font-size:13px}.slot-sample .stamp-art img{max-width:124px;height:auto;max-height:40px}.loadout-page .slot-button strong{margin-top:2px;font-size:19px}.loadout-page .choices{max-height:260px;overflow-y:auto}.loadout-previews .preview-row{min-height:52px;margin:6px 0}.elimination-preview{border-top:1px solid #ffffff14;margin-top:10px;padding-top:10px}.elimination-preview header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.elimination-preview h3{letter-spacing:-.02em;margin:0;font-size:15px;font-style:italic}@media (width<=1099px){.shop-head{grid-template-columns:minmax(0,1fr) auto}.shop-head .page-title{grid-column:1/-1}.shop-keycaps,.loadout-grid{grid-template-columns:minmax(0,1fr)}.shop-page .shop-inspector{position:static}.shop-page .base-offer{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}}@media (width<=760px){.loadout-page .keyboard-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""picker""controls""status"}.shop-tabs [role=tab]{min-width:0;padding-inline:14px}}[data-pt-tone=light] :is(.shop-head .page-title p,.loadout-head>p),[data-pt-tone=light] :is(.keyboard-editor-head p:not(.keyboard-edit-hint),.loadout-page .keyboard-editor legend,.loadout-mastery-head small,.loadout-mastery .mastery-summary,.loadout-page .locker-card>small,.inspector-label,.shop-inspector .mastery-track small,.inspector-copy .set-description,.coin-shortfall small,.shop-page .base-shop>header p){color:var(--lt-muted)}[data-pt-tone=light] .keyboard-editor .keyboard-editor-head p.keyboard-edit-hint{color:var(--lt-go)}[data-pt-tone=light] .tab-count{background:var(--lt-line)}[data-pt-tone=light] :is(.shop-tabs,.shop-balance){background:var(--lt-tint);border-color:var(--lt-line);color:var(--lt-ink)}[data-pt-tone=light] .shop-tabs [role=tab]:not([aria-selected=true]){color:var(--lt-ink)}[data-pt-tone=light] .shop-balance strong{color:var(--lt-gold)}[data-pt-tone=light] .shop-owned{background:var(--lt-tint);border-color:var(--lt-line)}[data-pt-tone=light] .elimination-preview{border-top-color:var(--lt-line)}[data-pt-tone=light] .coin-meter{background:var(--lt-line)}[data-pt-tone=light] .mastery-track .track-sample{color:#f4f2ff;background:#141925}[data-pt-tone=light] :is(.keyboard-bases .base-locked,.keyboard-editor .base-note){color:var(--lt-muted);border-color:var(--lt-line)}[data-pt-tone=light] .cap-options button{background:var(--lt-tint);color:var(--lt-ink)}[data-pt-tone=light] .cap-options button[aria-pressed=true]{background:color-mix(in srgb, var(--lt-go) 14%, transparent);border-color:var(--lt-go)}.welcome{--lime:#c5f652;--lime-edge:#86b75e;--muted:color-mix(in srgb, var(--pt-text,#eeeefa) 76%, transparent);--well:#0a122099;--cap:linear-gradient(135deg, #718095, #354356);max-width:1120px;margin:0 auto 32px}.welcome p{color:var(--muted)}.welcome h4{margin:14px 0 4px;font-size:16px}.welcome-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 28px;display:flex}.welcome-hero h1{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(32px,6vw,76px);font-style:italic;line-height:1}.welcome-hero p{text-wrap:balance;margin:0;font-size:17px}.welcome-hero .text-button{color:var(--muted);flex-shrink:0;font-size:13px}.welcome-step{background:linear-gradient(145deg, #ffffff08, transparent 70%), var(--pt-panel);border:1px solid #69718a88;border-radius:16px;min-width:0;margin:0 0 20px;padding:clamp(16px,3vw,36px)}.welcome-step h2{letter-spacing:-.045em;align-items:center;gap:14px;margin:0 0 22px;font-size:clamp(24px,3.2vw,40px);font-style:italic;display:flex}.welcome-step h3{margin:30px 0 12px;font-size:18px}.step-no{background:var(--lime);color:#141723;letter-spacing:0;min-width:1.5em;height:1.5em;box-shadow:0 4px 0 var(--lime-edge);border-radius:9px;place-items:center;font:800 .55em/1 monospace;display:inline-grid}.step-lede{max-width:60ch;margin:-8px 0 22px;font-size:15px}.match-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:28px clamp(24px,3vw,40px);display:grid}.event-overview h3{margin-top:0}.field-demo{gap:14px;min-width:0;margin:0;display:grid}.field-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.field-count{justify-items:center;min-width:2.6ch;display:grid}.field-count strong{color:var(--lime);font-variant-numeric:tabular-nums;font:800 clamp(44px,5vw,64px)/.9 monospace}.field-count span{color:var(--muted);font:600 12px monospace}.field-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 7px;max-width:460px;margin:0;padding:0 0 10px;list-style:none;display:grid}.field-grid li{aspect-ratio:1;background:var(--cap);border-radius:10px;place-items:center;transition:opacity .8s,filter .8s,transform .5s,box-shadow .5s;display:grid;position:relative;box-shadow:0 5px #121b29}.field-grid img{pointer-events:none;width:84%;height:auto;transition:filter .8s}.field-grid li[data-state=out-now],.field-grid li[data-state=out]{transform:translateY(4px);box-shadow:0 1px #121b29}.field-grid li[data-state=out-now] img,.field-grid li[data-state=out] img{filter:grayscale()}.field-grid li[data-state=out-now]{opacity:.75;outline-offset:1px;background:linear-gradient(135deg,#8a3c48,#3d2230);outline:2px solid #ff6f7d}.field-grid li[data-state=out]{opacity:.16}.field-grid li[data-you]{outline:3px solid var(--lime);outline-offset:2px;z-index:1}.you-tag{background:var(--lime);color:#141723;white-space:nowrap;border-radius:5px;padding:0 6px;font:800 10px/1.4 monospace;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.field-demo figcaption{min-height:6.2em;font-size:15px;line-height:1.5}.field-demo figcaption b{color:var(--lime);margin-bottom:2px;display:block}.stage-steps{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.stage-steps button:not(.replay){text-align:left;background:var(--well);min-width:0;color:inherit;border:1px solid #ffffff2a;border-radius:10px;flex:60px;gap:2px;padding:6px 10px;display:grid}.stage-steps small{color:var(--muted);font:11px monospace}.stage-steps span{font:700 17px monospace}.stage-steps [aria-pressed=true]{border-color:var(--lime);background:#c5f65222}.stage-steps .replay{color:var(--muted);padding:0 8px;font-size:13px}.event-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.event-tiles li{background:#0a142540;border:1px solid #ffffff15;border-radius:10px;grid-template-columns:2.2em minmax(0,1fr);align-content:start;column-gap:10px;padding:12px 14px;display:grid}.event-tiles .event-symbol{color:var(--lime);grid-row:span 2;font:700 18px monospace}.event-tiles strong{font-size:15px}.event-tiles p{margin:4px 0 0;font-size:13px;line-height:1.5}.earn-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.3fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.earn-flow>li,.coin-row{background:#0c17254d;border-radius:12px;padding:16px}.earn-flow p,.coin-row p{margin:0;font-size:13px;line-height:1.6}.earn-art{background:var(--cap);border-radius:14px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 5px #121b29}.earn-art .field-icon{width:60px}.earn-art .coin-icon{width:40px;height:40px}.xp-badge{background:var(--lime);box-shadow:0 5px 0 var(--lime-edge);color:#141723;font:800 22px monospace}.earn-track h4{margin-top:0}.unlock-road{--frame:60px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid;position:relative}.unlock-road li+li:before{content:"";width:14px;right:100%;top:calc(var(--frame) / 2 - 2px);background:var(--pt-accent,var(--lime));border-radius:2px;height:4px;position:absolute}.unlock-road li{grid-template-rows:var(--frame) auto auto;text-align:center;align-content:start;justify-items:center;gap:4px;min-width:0;display:grid;position:relative}.unlock-frame{width:100%;height:var(--frame);background:var(--well);border:1px solid #fff2;border-radius:12px;place-items:center;margin-bottom:6px;display:grid;overflow:hidden;box-shadow:0 4px #121b29}.unlock-road [data-start] .unlock-frame{background:var(--cap);border-color:var(--lime)}.unlock-frame .field-icon{width:46px}.unlock-frame .swatches{padding:6px}.unlock-frame .swatches i{width:14px;height:14px}.unlock-frame .plate-sample{width:78%;height:28px}.unlock-frame .stamp{border-width:2px;padding:.35em;font-size:11px}.unlock-frame .stamp-art{text-align:center;width:88%}.unlock-frame .stamp-art img{object-fit:contain;width:100%;height:auto;max-height:2.5em}.unlock-road strong{font-size:13px;line-height:1.25}.unlock-road small{white-space:nowrap;color:#141723;background:var(--pt-accent,var(--lime));border-radius:999px;padding:1px 7px;font:700 11px monospace}.unlock-road [data-start] small{background:var(--lime)}.coin-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:16px;margin-top:14px;display:grid}.coin-row>div{align-items:center;gap:16px;display:flex}.coin-row h4{margin-top:0}.shop-strip{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shop-strip li{border:1px solid var(--rarity,#fff3);background:var(--well);border-radius:10px;justify-items:center;gap:2px;padding:6px 8px;display:grid}.shop-strip .field-icon{width:46px}.shop-strip small{color:var(--muted);font:11px monospace}.pick-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.pick-slot{border:0;min-width:0;margin:0 0 18px;padding:0}.pick-slot legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:700}.pick-slot>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pick-slot button{color:#fff;text-align:center;background:#151b2a;border:1px solid #647188;border-radius:10px;align-content:center;justify-items:center;gap:8px;min-height:96px;padding:12px 6px;font:600 12px monospace;display:grid}.pick-slot button[aria-pressed=true]{outline:3px solid var(--lime);outline-offset:1px;background:#1d2638}.pick-slot .field-icon{width:56px}.pick-slot .plate-sample{height:36px}.welcome-name{gap:8px;margin-top:6px;display:grid}.welcome-name>span{font-size:14px;font-weight:700}.welcome-name input{color:#fff;background:#0e1422;border:1px solid #647188;border-radius:10px;width:100%;max-width:440px;padding:13px 15px;font:600 18px/1.2 inherit}.welcome-name input::placeholder{color:#ffffff59}.welcome-name input[aria-invalid]{border-color:#ff6f7d}.welcome-name small{color:var(--muted);font-size:12px}.welcome-name small[data-problem]{color:#ffb3ba}.pick-preview{background:var(--well);border-radius:14px;gap:4px;padding:16px;display:grid;position:sticky;top:16px}.pick-preview small{color:var(--muted);font-size:12px}.welcome-go{text-align:center;justify-items:center;padding:18px 0 8px;display:grid}.welcome-go .primary{width:min(100%,440px);padding:18px 28px;font-size:17px}.welcome-go p{max-width:52ch;margin:14px 0 0;font-size:13px}.welcome-go [role=alert]{color:#ffb3ba}@media (width<=960px){.match-overview{grid-template-columns:minmax(0,1fr)}.field-grid{max-width:520px}}@media (width<=860px){.earn-flow,.coin-row,.pick-layout{grid-template-columns:minmax(0,1fr)}.pick-preview{position:static}}@media (width<=560px){.welcome-hero{flex-direction:column;align-items:flex-start}.field-head{gap:12px}.field-grid{gap:11px 5px}.field-demo figcaption{min-height:7.8em;font-size:14px}.field-grid li{border-radius:7px;box-shadow:0 3px #121b29}.event-tiles{grid-template-columns:minmax(0,1fr)}.unlock-road{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.unlock-road li:nth-child(3):before{display:none}.stage-steps button:not(.replay){flex:28%}.pick-slot button{min-height:84px;font-size:11px}.pick-slot .field-icon{width:44px}}@media (prefers-reduced-motion:reduce){.field-grid li,.field-grid img{transition:none}}.admin-page{max-width:1120px;margin:0 auto 32px}.admin-page p{color:#b8bfd0}.admin-login{max-width:420px;margin:40px auto}.admin-login h1,.admin-head h1{letter-spacing:-.045em;margin:0 0 12px;font-style:italic}.admin-login form{gap:16px;display:grid}.admin-login label,.admin-tools label{gap:6px;font-size:13px;font-weight:700;display:grid}.admin-login input,.admin-tools input[type=search]{color:#fff;font:inherit;background:#0e1422;border:1px solid #647188;border-radius:9px;padding:11px 13px}.admin-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 20px;display:flex}.admin-head p{margin:0}.admin-page h2 small{letter-spacing:0;color:#b8bfd0;margin-left:8px;font:500 13px/1 system-ui}.admin-lobbies{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;display:grid}.admin-lobby{background:#0a122099;border:1px solid #ffffff1f;border-left:3px solid #c5f652;border-radius:10px;align-content:start;gap:10px;padding:14px;display:grid}.admin-lobby[data-phase=queue]{border-left-color:#9bdfff}.admin-lobby[data-phase=finished],.admin-lobby[data-phase=error]{border-left-color:#7a8398}.admin-lobby header{gap:2px;display:grid}.admin-lobby header span,.admin-lobby small{color:#b8bfd0;font:12px monospace}.admin-lobby ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.admin-lobby li{justify-content:space-between;gap:10px;font-size:13px;display:flex}.admin-lobby li .text-button{color:#fff;text-align:left;padding:0;font-size:13px}.admin-lobby li span{color:#b8bfd0;font:12px monospace}.admin-lobby li span[data-status=Connected],.admin-lobby li span[data-status=Champion]{color:#c5f652}.admin-lobby p{margin:0;font-size:13px}.admin-tools{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.admin-tools label:first-child{flex:240px}.admin-tools .admin-check{align-items:center;gap:8px;padding-bottom:10px;font-weight:500;display:flex}.admin-danger{color:#ffd6da;background:#3a1820;border:1px solid #ff6f7d;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.admin-danger:not(:disabled):hover{background:#57202b}.admin-message{min-height:1.6em;margin:8px 0}.admin-page .table-scroll{position:relative}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:#b8bfd0;border-bottom:1px solid #ffffff26;padding:8px;font-size:12px;font-weight:600}.admin-table td{vertical-align:middle;font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff12;padding:8px}.admin-table td strong{display:block}.admin-table td small{color:#8f97ab;font:11px monospace}.admin-table tr[data-selected] td{background:#c5f65214}.admin-table input[type=checkbox]{width:16px;height:16px}.admin-pages{justify-content:center;align-items:center;gap:16px;margin-top:14px;font-size:13px;display:flex}.admin-pages .text-button{font-size:13px}@media (width<=560px){.admin-head{flex-direction:column;align-items:flex-start}}.admin-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.admin-section-head h2{margin-bottom:0}.admin-sort{gap:6px;font-size:13px;font-weight:700;display:grid}.admin-sort select{color:#fff;font:inherit;background:#0e1422;border:1px solid #647188;border-radius:9px;max-width:100%;padding:9px 11px;font-weight:500}.admin-note{margin:8px 0 14px;font-size:13px}.admin-matches{gap:6px;margin:0;padding:0;list-style:none;display:grid}.admin-matches>li{background:#0a122099;border:1px solid #ffffff1f;border-left:3px solid #c5f652;border-radius:10px}.admin-matches>li[data-state=live]{border-left-color:#9bdfff}.admin-matches>li[data-state=incomplete],.admin-matches>li[data-state=error]{border-left-color:#ff9c9c}.admin-matches>li[data-state=legacy]{border-left-color:#7a8398}.admin-matches summary{cursor:pointer;grid-template-columns:minmax(12rem,1.4fr) minmax(8rem,1fr) 5.5rem minmax(8rem,1fr) minmax(9rem,1.2fr);align-items:baseline;gap:4px 14px;padding:10px 14px;font-size:13px;display:grid}.admin-matches summary small{color:#b8bfd0;overflow-wrap:anywhere;grid-column:1/-1;font:11px monospace}.match-state{font-weight:700}.match-winner{overflow-wrap:anywhere}.admin-matches details[open] summary{border-bottom:1px solid #ffffff1a}.admin-matches details>p,.admin-matches details>table{margin:10px 14px 14px}.match-people{width:calc(100% - 28px)}.match-people .text-button{color:#fff;padding:0;font-size:13px}.kind-badge{color:#c5f652;background:#c5f65233;border-radius:999px;padding:1px 8px;font:700 11px monospace;display:inline-block}.kind-badge[data-kind=bot]{color:#b8bfd0;background:#ffffff1a}@media (width<=760px){.admin-matches summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.match-when,.match-winner{grid-column:1/-1}}.admin-page:has(.cosm-catalog,.cosm-editor){max-width:1400px}.admin-tabs{gap:8px;margin:0 0 16px;display:flex}.admin-tabs button{color:#dfe4f0;background:#0e1422;border:1px solid #647188;border-radius:999px;padding:9px 16px;font-weight:700}.admin-tabs button[aria-pressed=true]{color:#141723;background:#c5f652;border-color:#c5f652}.cosm-catalog-head,.cosm-editor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.cosm-catalog-head h2,.cosm-editor-head h2{margin:0}.cosm-catalog-head p,.cosm-editor-head p{max-width:68ch;margin:4px 0 0}.cosm-filters{flex-wrap:wrap;gap:12px;margin:18px 0 8px;display:flex}.cosm-filters label,.cosm-form label{gap:5px;font-size:13px;font-weight:700;display:grid}.cosm-filters select,.cosm-filters input,.cosm-form input:not([type=radio],[type=checkbox],[type=color],[type=range],[type=file]),.cosm-form select,.cosm-form textarea,.cosm-note input{color:#fff;background:#0e1422;border:1px solid #647188;border-radius:8px;min-width:0;padding:8px 10px;font:500 14px system-ui}.cosm-form [aria-invalid=true]{border-color:#ff8a8a}.cosm-search{flex:220px}.cosm-group{margin-top:22px}.cosm-group h3{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.cosm-group h3 small{color:#9aa3b8}.cosm-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px;display:grid}.cosm-card{border:1px solid #ffffff1f;border-top:3px solid var(--rarity);background:#0a122099;border-radius:12px;align-content:start;gap:10px;padding:14px;display:grid}.cosm-card header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cosm-card h4{margin:0;font-size:17px}.cosm-card code{color:#aab3c7;font-size:12px}.cosm-card>button{color:#e8ffc0;background:0 0;border:1px solid #c5f652;border-radius:8px;justify-self:start;padding:8px 14px;font-weight:700}.cosm-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.chip{color:#dfe4f0;white-space:nowrap;background:#2a3348;border-radius:999px;padding:2px 8px;font:700 11px/1.5 system-ui;display:inline-block}.chip[data-tone=ok]{color:#c9f7c9;background:#23452c}.chip[data-tone=draft]{color:#ffe08a;background:#4b3a14}.chip[data-tone=new]{color:#bfe0ff;background:#233a5a}.cosm-facts{gap:4px;margin:0;font-size:13px;display:grid}.cosm-facts div{grid-template-columns:7.5em 1fr;gap:8px;display:grid}.cosm-facts dt{color:#9aa3b8}.cosm-facts dd{margin:0}.set-preview{gap:10px;min-width:0;display:grid}.sp-keycaps{align-items:center;gap:14px;display:flex}.sp-keycaps figure{justify-items:center;gap:4px;margin:0;display:grid}.sp-keycaps figcaption,.sp-block>small{color:#9aa3b8;text-transform:uppercase;letter-spacing:.04em;font:600 11px system-ui}.sp-keycaps .shop-art{--frame:7.5rem;background-color:#ffffff0d}.set-preview.compact .sp-keycaps .shop-art{--frame:5.5rem}.sp-ingame{align-self:end}.sp-ingame .field-icon{width:46px}.sp-names{justify-items:start;gap:4px;min-width:0;display:grid}.sp-names p{margin:0;font-size:13px}.sp-block{gap:2px;display:grid}.sp-block>small{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;display:flex}.sp-block>small .text-button{text-transform:none;padding:0;font-size:11px}.sp-block .preview-row{min-height:62px;margin:0}.set-preview.compact .preview-row{font-size:13px}.theme-mini-wrap{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.theme-mini{min-height:116px;color:var(--pt-text);border:1px solid #ffffff2a;border-radius:10px;font-size:12px;overflow:hidden;background:radial-gradient(ellipse at 65% -20%, var(--pt-panel), transparent 65%), var(--pt-bg)!important}.tm-bar{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:6px 9px;display:flex}.tm-bar b{letter-spacing:-.04em;font-style:italic}.tm-panel{background:var(--pt-panel);border-radius:8px;margin:8px;padding:8px}.tm-panel p{color:var(--pt-text);margin:3px 0 6px}.tm-accent{background:var(--pt-accent);color:var(--pt-bg);border-radius:6px;padding:1px 7px;font-weight:800;display:inline-block}.tm-panel u{color:var(--pt-accent)}.theme-hex{gap:3px;margin:0;font-size:12px;display:grid}.theme-hex div{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0;display:grid}.theme-hex dt{align-items:center;gap:5px;display:flex}.theme-hex i{border:1px solid #fff5;border-radius:3px;width:12px;height:12px}.theme-hex dd{margin:0;font-family:monospace}.cosm-editor{gap:16px;display:grid}.cosm-banner{background:#3a2e10;border:1px solid #ffd166;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.cosm-banner p{flex:320px;margin:0;color:#ffeec2!important}.cosm-banner button:not(.text-button){color:#141723;background:#ffd166;border:0;border-radius:8px;padding:8px 12px;font-weight:700}.cosm-editor-head{justify-content:start;justify-items:start;gap:6px;display:grid}.cosm-editor-head .text-button{padding:0;font-size:13px}.cosm-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:20px;display:grid}.cosm-form{gap:14px;display:grid}.cosm-form fieldset{border:1px solid #fff2;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding:12px 14px 14px;display:grid}.cosm-form fieldset>:is(p,small,.cosm-upload,.cosm-row,.cosm-colors,.cosm-choice,.readability,.field-issue,.cosm-check),.cosm-form label.wide{grid-column:1/-1}.cosm-form legend{padding:0 6px;font-weight:800}.cosm-form small,.cosm-help{color:#aab3c7;margin:0;font-size:12px;font-weight:400}.optional{color:#9aa3b8;font-weight:400}.cosm-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:end;gap:10px;display:grid}.cosm-check,.cosm-choice label{align-items:center;gap:8px;font-weight:600!important;display:flex!important}.cosm-choice{flex-wrap:wrap;gap:6px 18px;display:flex}.cosm-colors{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.color-field>span{align-items:center;gap:6px;display:flex}.color-field input[type=color]{background:#0e1422;border:1px solid #647188;border-radius:8px;width:42px;height:36px;padding:2px}.color-field input:not([type=color]){width:100%;font-family:monospace!important}.cosm-field{align-content:start;gap:4px;display:grid}.field-issue{font-size:12px;font-weight:600;display:block;color:#ffb3b3!important}.readability{gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.readability li:before{content:"● "}.readability [data-level=pass]:before{color:#8fe08f}.readability [data-level=warn]:before{color:#ffd166}.readability [data-level=fail]{color:#ffb3b3}.readability [data-level=fail]:before{color:#ff7a7a}.cosm-upload{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.cosm-upload>div,.cosm-upload label{gap:4px;min-width:0;display:grid}.cosm-upload input[type=file]{width:100%;min-width:0;font-size:13px}.cosm-upload-thumb{background:repeating-conic-gradient(#ffffff10 0 25%, transparent 0 50%) 0 0 / 16px 16px, #0e1422;border:1px solid #fff2;border-radius:10px;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.cosm-upload-thumb[data-slot=nameplate]{width:140px;height:46px}.cosm-upload-thumb img{object-fit:contain;max-width:100%;max-height:100%}.cosm-upload-thumb em{color:#9aa3b8;font-size:12px}.cosm-compare{background:#0a1220cc;border:1px solid #fff2;border-radius:12px;gap:10px;padding:12px;display:grid;position:sticky;top:12px}.cosm-compare-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cosm-compare-cols[data-single]{grid-template-columns:minmax(0,1fr)}.cosm-compare h3{margin:0 0 8px;font-size:15px}.cosm-compare h3 small{color:#9aa3b8;font-weight:500}.cosm-compare .theme-mini-wrap{grid-template-columns:minmax(0,1fr)}.cosm-compare .preview-row{gap:8px;padding:6px 10px;font-size:13px}.cosm-compare .theme-hex{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.cosm-diff{margin:0;font-size:13px}.cosm-actions{z-index:2;background:#101828;border:1px solid #ffffff2a;border-radius:12px;gap:8px;padding:12px 14px;display:grid;position:sticky;bottom:0;box-shadow:0 -6px 18px #0006}.cosm-issues{color:#ffd6d6;font-size:13px}.cosm-issues ul{max-height:7.5em;margin:4px 0 0;padding-left:18px;overflow:auto}.cosm-message{margin:0;font-size:13px}.cosm-message[data-tone=error]{color:#ffb3b3!important}.cosm-message[data-tone=ok]{color:#c9f7c9!important}.cosm-buttons{flex-wrap:wrap;align-items:end;gap:10px 14px;display:flex}.cosm-buttons>button:not(.primary,.text-button){color:#e8ffc0;background:0 0;border:1px solid #c5f652;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:700}.cosm-buttons .primary{min-width:0}.cosm-buttons .text-button{font-size:13px}.cosm-note{flex:180px;gap:4px;font-size:12px;font-weight:700;display:grid}.cosm-history ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cosm-history li{border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.cosm-history .field-icon{width:44px}.cosm-history li>div{gap:2px;font-size:13px;display:grid}.cosm-history li>div strong{align-items:center;gap:8px;display:flex}.cosm-history li>button{color:#d6f3ff;background:0 0;border:1px solid #9bdfff;border-radius:8px;padding:8px 12px;font-weight:700}@media (width<=1100px){.cosm-editor-grid{grid-template-columns:minmax(0,1fr)}.cosm-compare{position:static}}@media (width<=640px){.cosm-compare-cols,.cosm-form fieldset,.theme-mini-wrap{grid-template-columns:minmax(0,1fr)}.cosm-history li{grid-template-columns:auto minmax(0,1fr)}.cosm-history li>button{grid-column:1/-1}.cosm-actions{position:static}.cosm-upload{grid-template-columns:minmax(0,1fr)}}
