/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components,utilities;.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.block{display:block}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--arcade-block-i:#00d5f5;--arcade-block-j:#4a72ff;--arcade-block-l:#ff7a00;--arcade-block-o:#ffe03d;--arcade-block-s:#00e56b;--arcade-block-t:#a63dff;--arcade-block-z:#ff2e55;--arcade-block-garbage:#6b7a94;--arcade-bg-sky:#6a88dc;--arcade-bg-horizon:#9382e0;--arcade-bg-floor:#3f5aa6;--arcade-bg-glow:#58c0c9;--arcade-bg-warm:#d98a6b;--arcade-ink:#10131f;--arcade-field:#1c2233;--arcade-mist:#c9d2e4;--arcade-paper:#fff;--arcade-outline-1:2px;--arcade-outline-2:4px;--arcade-outline-3:6px;--arcade-outline-color:var(--arcade-ink);--arcade-halftone-dense:radial-gradient(circle at center, #10131f38 1px, transparent 1.2px);--arcade-halftone-dense-size:6px 6px;--arcade-halftone-mid:radial-gradient(circle at center, #10131f29 1.4px, transparent 1.7px);--arcade-halftone-mid-size:10px 10px;--arcade-halftone-soft:radial-gradient(circle at center, #10131f1a 2px, transparent 2.4px);--arcade-halftone-soft-size:16px 16px;--arcade-speedlines:repeating-linear-gradient(114deg, #ffffff29 0px, #ffffff29 2px, transparent 2px, transparent 13px);--arcade-speedlines-angle:114deg;--arcade-radius-capsule:999px;--arcade-radius-panel:18px;--arcade-cut-sm:10px;--arcade-cut-md:14px;--arcade-cut-lg:22px;--arcade-clip-slant-sm:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);--arcade-clip-slant-md:polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);--arcade-clip-slant-lg:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);--arcade-clip-chevron:polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);--arcade-gloss:linear-gradient(180deg, #ffffff6b 0%, #ffffff1a 38%, #0000 55%, #00000047 100%);--arcade-gloss-highlight:#ffffff6b;--arcade-gloss-shadow:#00000047;--arcade-bevel:inset 0 2px 0 #ffffff80, inset 0 -3px 0 #0000004d;--arcade-motion-quick:80ms;--arcade-motion-base:.12s;--arcade-motion-soft:.16s;--arcade-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--arcade-ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-reduced-motion:reduce){:root{--arcade-motion-quick:0s;--arcade-motion-base:0s;--arcade-motion-soft:0s}}html[data-reduced-motion=true]{--arcade-motion-quick:0s;--arcade-motion-base:0s;--arcade-motion-soft:0s}:root{color:#2f3437;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f6f3;font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:#f7f6f3;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.eyebrow{color:#787774;letter-spacing:.14em;margin:0 0 .8rem;font-family:SF Mono,JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.button{color:#2f3437;cursor:pointer;background:#fff;border:1px solid #dedbd5;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:.68rem 1rem;font-weight:700;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.button:hover{background:#f1efeb}.button:active{transform:scale(.98)}.button--primary{color:#fff;background:#191919;border-color:#191919}.button--primary:hover{background:#343434}.button--quiet{background:0 0}.home-page{width:min(1120px,100% - 40px);margin:0 auto;padding:88px 0 40px}.home-hero{border-bottom:1px solid #e3e0db;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;padding-bottom:64px;display:grid}.home-hero h1,.game-header h1,.placeholder-page h1{color:#202325;letter-spacing:-.045em;margin:0;font-family:Newsreader,Playfair Display,Georgia,serif;font-size:clamp(3rem,8vw,6.8rem);font-weight:500;line-height:.98}.hero-copy{color:#676762;max-width:680px;margin:28px 0 0;font-size:1.08rem;line-height:1.75}.hero-actions{gap:10px;min-width:180px;display:grid}.menu-grid{grid-template-columns:1.25fr .75fr .75fr 1.25fr;gap:12px;padding:40px 0;display:grid}.menu-card{background:#fff;border:1px solid #e3e0db;border-radius:12px;min-height:250px;padding:28px;text-decoration:none;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.menu-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000a}.menu-card--green{background:#edf3ec}.menu-card--blue{background:#eaf4f9}.menu-card--yellow{background:#fbf3db}.menu-card--red{background:#fdebec}.menu-card__index{color:#797873;letter-spacing:.12em;font-family:SF Mono,monospace;font-size:.72rem}.menu-card h2{letter-spacing:-.03em;margin:70px 0 8px;font-family:Newsreader,Georgia,serif;font-size:2.2rem;font-weight:500}.menu-card p{color:#66655f;margin:0;font-size:.92rem;line-height:1.55}.menu-card__arrow{font-size:1.5rem;position:absolute;bottom:20px;right:24px}.home-footer{color:#787774;border-top:1px solid #e3e0db;justify-content:space-between;padding-top:22px;font-size:.84rem;display:flex}.game-page{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.game-header{border-bottom:1px solid #e3e0db;justify-content:space-between;align-items:flex-end;gap:24px;min-height:104px;padding-bottom:22px;display:flex}.game-header h1{font-size:clamp(2.5rem,6vw,4.8rem)}.game-header p:not(.eyebrow){color:#787774;margin:10px 0 0}.game-header__actions{align-items:end;gap:8px;display:flex}.select-field{color:#787774;gap:4px;font-size:.72rem;display:grid}.select-field select{color:#2f3437;background:#fff;border:1px solid #dedbd5;border-radius:6px;min-height:42px;padding:0 2rem 0 .8rem}.arena-layout{grid-template-columns:minmax(160px,.8fr) minmax(260px,380px) minmax(160px,.8fr);justify-content:center;align-items:start;gap:16px;padding-top:24px;display:grid}.arena-side{gap:14px;display:grid}.hud-card,.field-frame{background:#fff;border:1px solid #e3e0db;border-radius:10px}.hud-card{padding:18px}.hud-card__heading,.field-status{color:#696863;letter-spacing:.08em;justify-content:space-between;align-items:center;min-height:24px;font-family:SF Mono,monospace;font-size:.7rem;font-weight:700;display:flex}.status-dot{color:#346538;letter-spacing:.04em;background:#edf3ec;border-radius:999px;align-items:center;padding:.28rem .5rem;font-size:.62rem;font-style:normal;display:inline-flex}.status-dot--muted{color:#787774;background:#f0efec}.field-frame{padding:10px;overflow:hidden}.field-status{padding:2px 4px 10px}.game-canvas{aspect-ratio:1/2;background:#fbfbfa;border:1px solid #dfdcd6;width:100%;height:auto;display:block}.room-lobby-page{color:#e9f2ff}.room-rules{color:var(--pulse-muted);text-align:right;gap:6px;display:grid}.room-rules strong{color:var(--pulse-cyan);font-size:1.1rem}.participant-card{border-left:3px solid var(--pulse-line);min-height:74px}.participant-card:has(.status-dot--online){border-left-color:var(--pulse-lime)}.garbage-meter strong{color:#ff5d73;margin-top:10px;font-family:SF Mono,monospace;font-size:1.4rem;display:block}.piece-preview{aspect-ratio:1;grid-template-columns:repeat(4,1fr);width:min(100%,116px);margin:14px auto 0;display:grid}.piece-preview--compact{width:62px;margin:0}.preview-cell{aspect-ratio:1}.preview-cell--I{background:#38d9ff}.preview-cell--J{background:#5271ff}.preview-cell--L{background:#ff9f43}.preview-cell--O{background:#ffe66d}.preview-cell--S{background:#4de39a}.preview-cell--T{background:#b46cff}.preview-cell--Z{background:#ff5d73}.next-list{gap:7px;margin-top:12px;display:grid}.next-item{color:#8a8984;border-top:1px solid #ece9e4;align-items:center;gap:12px;padding-top:7px;font-family:SF Mono,monospace;font-size:.64rem;display:flex}.stats-card{gap:10px;display:grid}.stat-row{color:#797873;border-bottom:1px solid #efede9;justify-content:space-between;padding-bottom:8px;font-size:.78rem;display:flex}.stat-row strong{color:#2f3437;font-family:SF Mono,monospace}.key-guide p{color:#777670;align-items:center;gap:5px;margin:10px 0 0;font-size:.74rem;display:flex}kbd{color:#4b4d4e;background:#f7f6f3;border:1px solid #dedbd5;border-radius:4px;padding:.18rem .38rem;font-family:SF Mono,monospace;font-size:.68rem}.touch-controls{touch-action:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:none}.touch-control{color:#424547;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcd8d1;border-radius:6px;min-height:52px;font-size:.68rem;font-weight:700}.touch-control--hard-drop{color:#fff;background:#191919;grid-column:1/-1;min-height:56px;margin-top:6px}.touch-control--hold{border-width:2px}.placeholder-page{place-content:center;justify-items:start;min-height:100vh;padding:32px;display:grid}.placeholder-page h1{max-width:780px;font-size:clamp(3rem,8vw,6rem)}.placeholder-page p:not(.eyebrow){color:#787774;margin:24px 0}.auth-page{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;width:min(980px,100% - 32px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid}.auth-intro h1{color:#202325;letter-spacing:-.045em;margin:0;font-family:Newsreader,Playfair Display,Georgia,serif;font-size:clamp(3rem,6vw,5rem);font-weight:500;line-height:1}.auth-intro>p:not(.eyebrow){color:#6f6e69;max-width:580px;margin:24px 0;line-height:1.7}.auth-back{color:#777670;width:fit-content;margin-top:18px;font-size:.84rem;display:block}.auth-card{background:#fff;border:1px solid #e3e0db;border-radius:12px;padding:28px}.auth-tabs{border-bottom:1px solid #e3e0db;grid-template-columns:1fr 1fr;display:grid}.auth-tabs button{color:#777670;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 8px}.auth-tabs button[aria-selected=true]{color:#202325;border-bottom-color:#202325;font-weight:700}.auth-form{gap:18px;margin-top:24px;display:grid}.auth-form label{color:#6f6e69;gap:7px;font-size:.78rem;font-weight:700;display:grid}.auth-form input{color:#2f3437;background:#fbfbfa;border:1px solid #dedbd5;border-radius:6px;min-height:46px;padding:0 12px}.form-error{color:#a1423f;margin:0;font-size:.8rem}.join-strip,.room-code-card{background:#fff;border:1px solid #e3e0db;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.join-strip h2,.room-code-card h1,.room-form-page h1,.room-lobby-page h1,.result-page h1{letter-spacing:-.04em;margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:500}.inline-form,.form-actions,.lobby-actions{gap:8px;display:flex}.inline-form input,.room-form input,.room-form select{color:#2f3437;background:#fbfbfa;border:1px solid #dedbd5;border-radius:6px;min-height:44px;padding:0 12px}.inline-form input{letter-spacing:.12em;text-transform:uppercase;width:132px;font-family:SF Mono,monospace;font-weight:700}.room-form-page,.room-lobby-page,.result-page{width:min(920px,100% - 32px);margin:0 auto;padding:64px 0}.room-form-page>header,.result-page>header{border-bottom:1px solid #e3e0db;padding-bottom:28px}.room-form-page>header>p:not(.eyebrow),.result-page>header>p:not(.eyebrow){color:#777670}.room-form{gap:20px;max-width:620px;padding-top:28px;display:grid}.room-form fieldset{border:0;grid-template-columns:1fr 1fr;gap:8px;padding:0;display:grid}.room-form legend,.room-form>label{color:#6f6e69;gap:7px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:grid}.choice-card{background:#fff;border:1px solid #e3e0db;border-radius:7px;align-items:center;gap:9px;min-height:50px;padding:12px;display:flex}.room-code-card{background:#eaf4f9;align-items:end}.room-code-card h1{letter-spacing:.12em;font-family:SF Mono,monospace}.participant-list,.result-list{gap:8px;padding:24px 0;display:grid}.participant-card,.result-list article{background:#fff;border:1px solid #e3e0db;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.participant-seat{color:#8a8984;font-family:SF Mono,monospace}.participant-card p{color:#787774;margin:4px 0 0;font-size:.78rem}.status-dot--online{background:#6fa572;width:9px;min-height:9px;padding:0}.opponent-strip{justify-content:flex-end;gap:8px;padding:12px 0 0;display:flex;overflow-x:auto}.opponent-board{color:#686762;cursor:pointer;background:#fff;border:1px solid #e3e0db;border-radius:7px;flex:none;width:98px;padding:7px;font-size:.66rem}.opponent-board--target{background:#fbf3db;border:2px solid #2f3437}.mini-grid{aspect-ratio:1/2;background:#f1efeb;grid-template-columns:repeat(10,1fr);margin:6px 0;display:grid}.mini-grid i{border:.5px solid #e3e0db}.mini-cell--I{background:#38d9ff}.mini-cell--J{background:#5271ff}.mini-cell--L{background:#ff9f43}.mini-cell--O{background:#ffe66d}.mini-cell--S{background:#4de39a}.mini-cell--T{background:#b46cff}.mini-cell--Z{background:#ff5d73}.mini-cell--G{background:#607086}.result-list article{grid-template-columns:70px repeat(3,1fr)}.result-list article strong{font-family:Newsreader,Georgia,serif;font-size:1.8rem}.rating-delta{background:#edf3ec;border:1px solid #e3e0db;border-radius:8px;padding:18px;font-family:SF Mono,monospace;font-weight:700}.my-ranking{background:#edf3ec;border:1px solid #d8e4d6;border-radius:9px;justify-content:space-between;align-items:baseline;gap:18px;margin-top:24px;padding:20px;display:flex}.my-ranking strong{font-family:SF Mono,monospace;font-size:2rem}.ranking-table{gap:2px;padding:24px 0;display:grid}.ranking-table article{background:#fff;grid-template-columns:48px 1fr 90px 180px;gap:12px;padding:13px 16px;display:grid}.ranking-table article strong,.ranking-table article span:nth-of-type(2){font-family:SF Mono,monospace}.ranking-table article small{color:#787774;text-align:right}.queue-page{place-content:center;gap:18px;width:min(760px,100% - 32px);min-height:100vh;margin:0 auto;display:grid}.queue-page h1{letter-spacing:-.045em;margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(3rem,8vw,6rem);font-weight:500;line-height:1}.proposal-card{text-align:center;background:#fbf3db;border:1px solid #e3e0db;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:22px;display:grid}.queue-pulse{background:#eaf4f9;border-radius:999px;width:fit-content;padding:8px 14px;font-family:SF Mono,monospace;font-size:.75rem}.replay-selectors{gap:8px;padding:24px 0;display:flex}.replay-selectors select{background:#fff;border:1px solid #dedbd5;border-radius:6px;min-height:42px;padding:0 32px 0 12px}.replay-field{grid-template-columns:minmax(240px,340px) 1fr;align-items:start;gap:28px;padding-bottom:24px;display:grid}.replay-field>div{background:#fff;border:1px solid #e3e0db;border-radius:9px;padding:20px}.spectate-field{background:#fff;border:1px solid #e3e0db;width:min(360px,100%);margin:18px auto;padding:8px}.settings-section{border-bottom:1px solid #e3e0db;padding:24px 0}.settings-section h2{margin:0 0 16px;font-family:Newsreader,Georgia,serif;font-size:1.8rem;font-weight:500}.key-binding-list,.toggle-list{gap:8px;display:grid}.key-binding-list label,.toggle-list label{background:#fff;border:1px solid #e3e0db;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.key-binding-list input{text-align:center;background:#f7f6f3;border:1px solid #dedbd5;border-radius:5px;width:130px;padding:8px;font-family:SF Mono,monospace}.settings-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.settings-grid label{gap:10px;display:grid}html[data-high-contrast=true] .game-canvas{filter:contrast(1.25);border:3px solid #111}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal-block{animation:.6s cubic-bezier(.16,1,.3,1) both reveal;animation-delay:calc(var(--index,0) * 80ms)}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.home-page{padding-top:48px}.home-hero{grid-template-columns:1fr}.hero-actions,.menu-grid{grid-template-columns:1fr 1fr}.arena-layout{grid-template-columns:minmax(120px,.7fr) minmax(240px,360px)}.arena-side--right{grid-column:1/-1;grid-template-columns:1fr 1fr}.game-header{flex-direction:column;align-items:start}}@media (width<=640px){.home-page,.game-page{width:min(100% - 20px,520px)}.home-page{padding-top:32px}.home-hero{gap:28px;padding-bottom:36px}.home-hero h1{font-size:clamp(3.5rem,18vw,5.6rem)}.hero-actions,.menu-grid{grid-template-columns:1fr}.menu-card{min-height:190px}.menu-card h2{margin-top:42px}.home-footer{flex-direction:column;gap:12px}.join-strip,.room-code-card{flex-direction:column;align-items:stretch}.inline-form{width:100%}.inline-form input{flex:1;min-width:0}.room-form-page,.room-lobby-page,.result-page{padding-top:28px}.participant-card,.result-list article{grid-template-columns:auto 1fr auto}.result-list article span:nth-of-type(n+2){display:none}.lobby-actions,.form-actions{flex-direction:column}.ranking-table article{grid-template-columns:36px 1fr 64px}.ranking-table article small{display:none}.proposal-card,.replay-field,.settings-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;gap:32px;padding:32px 0}.game-page{padding-top:14px}.game-header{min-height:0;padding-bottom:14px}.game-header__actions{flex-wrap:wrap;align-items:stretch;width:100%}.game-header__actions>*{flex:120px}.arena-layout{grid-template-columns:72px minmax(0,1fr);gap:8px;padding-top:10px}.arena-side--left{gap:8px}.arena-side--right{grid-column:1/-1;grid-template-columns:1fr}.arena-side--right .key-guide{display:none}.next-card .next-list{grid-template-columns:repeat(5,minmax(0,1fr))}.next-card .next-item{flex-direction:column;align-items:center;gap:3px;min-width:0}.next-card .piece-preview--compact{width:min(100%,42px)}.hud-card{padding:8px}.hud-card__heading{gap:4px;font-size:.58rem;display:grid}.status-dot{justify-content:center;padding:.2rem;font-size:.5rem}.piece-preview{width:54px;margin-top:8px}.stats-card{gap:5px}.stat-row{gap:2px;font-size:.6rem;display:grid}.field-frame{padding:5px}.field-status{font-size:.58rem}.touch-controls{display:grid}}@media (pointer:coarse){.touch-controls{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#e9f2ff;--pulse-bg:#050a12;--pulse-panel:#0b1421;--pulse-line:#1d3044;--pulse-muted:#8292a6;--pulse-cyan:#38d9ff;--pulse-lime:#4de39a;background:#050a12}body{background:linear-gradient(#38d9ff09 1px, transparent 1px), linear-gradient(90deg, #38d9ff09 1px, transparent 1px), var(--pulse-bg);background-size:40px 40px}.button,.select-field select,.inline-form input,.room-form input,.room-form select,.choice-card,.room-code-card,.participant-card{border-color:var(--pulse-line);background:var(--pulse-panel);color:#e9f2ff}.result-page.settings-page{align-content:start;height:auto;min-height:100vh;overflow:visible}.settings-section{border-color:var(--pulse-line)}.key-binding-list label,.toggle-list label{border-color:var(--pulse-line);background:var(--pulse-panel);color:#e9f2ff}.key-binding-list input{border-color:var(--pulse-line);color:#e9f2ff;background:#07111f}.button--primary{border-color:var(--pulse-cyan);background:var(--pulse-cyan);color:#041019}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pulse-lime);outline-offset:3px}.pulse-home{grid-template-rows:auto 1fr auto auto;width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto;padding:24px 0 18px;display:grid}.pulse-nav,.pulse-footer{border-bottom:1px solid var(--pulse-line);color:var(--pulse-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 0 18px;font-family:SF Mono,monospace;font-size:.72rem;display:flex}.pulse-brand,.pulse-account{text-decoration:none}.pulse-brand strong{color:var(--pulse-cyan)}.pulse-hero{align-self:center;padding:40px 0 28px}.pulse-kicker,.mode-number{color:var(--pulse-lime);letter-spacing:.14em;font-family:SF Mono,monospace;font-size:.72rem;font-weight:800}.pulse-hero h1{color:#f4f8ff;letter-spacing:-.07em;max-width:980px;margin:12px 0 18px;font-size:clamp(4rem,8.5vw,8.2rem);font-weight:850;line-height:.84}.pulse-hero h1 span{color:var(--pulse-cyan);display:block}.pulse-hero>p:last-child{max-width:620px;color:var(--pulse-muted);margin:0;line-height:1.65}.pulse-actions{grid-template-columns:1.7fr 1fr 1fr;gap:10px;padding-bottom:18px;display:grid}.pulse-action,.mode-card{border:1px solid var(--pulse-line);color:#e9f2ff;background:#0b1421e6;min-height:118px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.pulse-action:hover,.mode-card:hover{border-color:var(--pulse-cyan);transform:translateY(-2px)}.pulse-action--play{background:var(--pulse-cyan);color:#041019}.pulse-action span,.pulse-action small,.mode-card span{color:inherit;opacity:.68;font-family:SF Mono,monospace;font-size:.68rem}.pulse-action strong{align-self:end;font-size:1.55rem}.pulse-footer{border-top:1px solid var(--pulse-line);border-bottom:0;padding:14px 0 0}.mode-page{width:min(1120px,100% - 48px);min-height:100vh;margin:0 auto;padding:30px 0}.mode-header>a{color:var(--pulse-muted);text-decoration:none}.mode-header .eyebrow{color:var(--pulse-lime);margin-top:56px}.mode-header h1{letter-spacing:-.055em;margin:0 0 34px;font-size:clamp(3rem,6vw,5.8rem)}.mode-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mode-cluster{border:1px solid var(--pulse-line);background:#07101ce0;gap:10px;padding:24px;display:grid}.mode-cluster h2{margin:6px 0 0;font-size:2rem}.mode-cluster>p{color:var(--pulse-muted);margin:0 0 10px}.mode-card{min-height:82px}.mode-card strong{align-self:end;font-size:1.2rem}.mode-room-code{grid-template-columns:1fr auto;gap:8px;display:grid}.mode-room-code input,.mode-room-code button{border:1px solid var(--pulse-line);color:#e9f2ff;background:#07101c;min-height:46px;padding:0 12px}.mode-room-code button{cursor:pointer;color:var(--pulse-cyan);font-weight:800}@media (width>=901px){.solo-game-page{height:100vh;padding:10px 0;overflow:hidden}.solo-game-page .game-header{border-color:var(--pulse-line);min-height:58px;padding-bottom:8px}.solo-game-page .game-header h1{letter-spacing:-.04em;font-family:inherit;font-size:1.85rem;font-weight:850}.solo-game-page .game-header p:not(.eyebrow){margin-top:3px;font-size:.72rem}.solo-game-page .arena-layout{grid-template-columns:150px minmax(270px,min(380px,50vh - 66px)) 150px;gap:10px;padding-top:10px}.solo-game-page .field-frame,.solo-game-page .hud-card{border-color:var(--pulse-line);background:var(--pulse-panel);border-radius:2px}.solo-game-page .field-frame{padding:5px}.solo-game-page .hud-card{padding:10px}.solo-game-page .piece-preview{width:76px;margin-top:6px}.solo-game-page .next-list{gap:2px;margin-top:4px}.solo-game-page .next-item{padding-top:2px}.solo-game-page .piece-preview--compact{width:42px}}.game-header,.hud-card,.field-frame{border-color:var(--pulse-line)}.game-header h1,.game-header p,.hud-card,.stat-row strong{color:#e9f2ff}.hud-card,.field-frame{background:var(--pulse-panel)}.stat-row,.next-item{border-color:var(--pulse-line);color:var(--pulse-muted)}.game-canvas{background:#07111f;border-color:#294158}.field-frame{position:relative}.game-feedback{z-index:3;border:1px solid var(--pulse-cyan);color:#f4f8ff;letter-spacing:.08em;pointer-events:none;background:#050a12e6;padding:8px 12px;font-family:SF Mono,monospace;font-size:.78rem;font-weight:850;animation:.52s ease-out feedback-pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.game-feedback--garbage{color:#ff8292;border-color:#ff5d73}.game-feedback--hold{border-color:var(--pulse-lime);color:var(--pulse-lime)}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,-35%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width>=901px){.online-game-page{height:100vh;padding:10px 0;overflow:hidden}.online-game-page .game-header{border-color:var(--pulse-line);min-height:58px;padding-bottom:8px}.online-game-page .game-header h1{color:#f4f8ff;font-family:inherit;font-size:1.85rem;font-weight:850}.online-stage{justify-content:center;align-items:start;gap:12px;display:grid}.online-game-page--duel .online-stage{grid-template-columns:164px auto}.online-game-page--free-for-all .online-stage{grid-template-rows:auto 1fr}.online-game-page .arena-layout{grid-template-columns:140px minmax(270px,min(360px,50vh - 66px)) 140px;gap:10px;padding-top:8px}.online-game-page--free-for-all .arena-layout{grid-template-columns:120px minmax(200px,min(280px,50vh - 170px)) 120px}.online-game-page .field-frame,.online-game-page .hud-card{border-color:var(--pulse-line);background:var(--pulse-panel);border-radius:2px}.online-game-page .field-frame{padding:5px}.opponent-strip{padding:8px 0 0;overflow:visible}.opponent-strip--duel{justify-content:flex-start}.opponent-strip--free-for-all{justify-content:center;padding-top:4px}.opponent-board{border:1px solid var(--pulse-line);background:var(--pulse-panel);color:var(--pulse-muted);border-radius:2px}.opponent-strip--duel .opponent-board{width:154px;padding:10px}.opponent-strip--free-for-all .opponent-board{width:92px;padding:5px}.opponent-board__heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.opponent-board__heading b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opponent-board__heading em{color:var(--pulse-lime);letter-spacing:.08em;font-size:.55rem;font-style:normal}.opponent-board--danger{border-color:#ff5d73}.opponent-board--target{border-color:var(--pulse-lime);box-shadow:inset 3px 0 0 var(--pulse-lime);background:#4de39a14}.opponent-board__status{color:inherit;white-space:nowrap;font-family:SF Mono,monospace}.opponent-board--danger .opponent-board__status{color:#ff8292}.mini-grid{background:#07111f}.mini-grid i{border-color:#14273a}.result-page{color:#e9f2ff;align-content:center;gap:14px;width:min(980px,100% - 48px);height:100vh;margin:0 auto;padding:24px 0;display:grid;overflow:hidden}.result-page>header{border-color:var(--pulse-line);padding-bottom:18px}.result-page>header>p:not(.eyebrow){color:var(--pulse-muted)}.result-hero h1{color:#f4f8ff;letter-spacing:-.06em;font-family:inherit;font-size:clamp(3.2rem,6vw,5.6rem);font-weight:850}.result-page--victory .result-hero h1{color:var(--pulse-lime)}.result-page--defeat .result-hero h1{color:#ff8292}.result-list{gap:7px;padding:4px 0}.result-list .result-entry{border-color:var(--pulse-line);background:var(--pulse-panel);border-radius:2px;grid-template-columns:100px repeat(4,1fr);padding:13px 16px}.result-list .result-entry--winner{background:#38d9ff17}.result-list .result-entry--viewer{border-color:var(--pulse-lime);box-shadow:inset 4px 0 0 var(--pulse-lime)}.result-entry strong{color:#f4f8ff;font-family:inherit;font-size:1.45rem}.result-entry__you{color:var(--pulse-lime);margin-left:8px;font-family:SF Mono,monospace;font-size:.62rem}.rating-delta{border-color:var(--pulse-line);color:var(--pulse-lime);background:#4de39a14}}.button--ghost{background:0 0;border-style:dashed}.button--ghost:hover:not(:disabled){background:var(--pulse-panel);border-style:solid}.button--ghost:disabled{opacity:.45;cursor:not-allowed}.participant-badge{border:1px solid var(--pulse-line);color:var(--pulse-muted);letter-spacing:.12em;vertical-align:middle;border-radius:999px;margin-left:8px;padding:.14rem .44rem;font-size:.58rem;font-weight:700;display:inline-block}.taunt-layer{pointer-events:none;z-index:3;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.taunt-bubble{border:1px solid var(--pulse-line);background:var(--pulse-panel);color:#e9f2ff;text-align:center;border-radius:14px;max-width:15rem;padding:.36rem .72rem;font-size:.78rem;line-height:1.35}@media (prefers-reduced-motion:no-preference){.taunt-bubble{animation:.18s ease-out taunt-rise}}@keyframes taunt-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-page .taunt-layer{margin:0 auto;position:static;transform:none}.arcade-backdrop{--arcade-drift-halftone:42s;--arcade-drift-speedlines:28s;--arcade-drift-block:34s;--arcade-backdrop-halftone-dark:radial-gradient(circle at center, #10131f80 1.6px, transparent 2px);--arcade-backdrop-halftone-light:radial-gradient(circle at center, #fff6 1.5px, transparent 1.9px);--arcade-backdrop-speedlines:repeating-linear-gradient(114deg, #ffffff61 0px, #ffffff61 3px, transparent 3px, transparent 27px);z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.arcade-backdrop__layer{position:absolute;inset:0}.arcade-backdrop__base{background-image:radial-gradient(ellipse 72% 40% at 50% 4%, #ffffff29 0%, transparent 66%), linear-gradient(180deg, var(--arcade-bg-sky) 0%, var(--arcade-bg-horizon) 44%, var(--arcade-bg-floor) 100%)}.arcade-backdrop__base:after{background-image:radial-gradient(ellipse 42% 38% at 96% 74%, var(--arcade-bg-warm) 0%, transparent 70%);content:"";opacity:.42;position:absolute;inset:0}.arcade-backdrop__halftone{background-image:var(--arcade-backdrop-halftone-light);background-size:var(--arcade-halftone-soft-size);animation:arcade-halftone-drift var(--arcade-drift-halftone) linear infinite;opacity:.9;inset:-80px;-webkit-mask-image:linear-gradient(#000 6%,#0000 52%);mask-image:linear-gradient(#000 6%,#0000 52%)}.arcade-backdrop__halftone--dense{background-image:var(--arcade-backdrop-halftone-dark);background-size:var(--arcade-halftone-dense-size);animation-direction:reverse;animation-duration:calc(var(--arcade-drift-halftone) * 1.6);opacity:.85;-webkit-mask-image:linear-gradient(#0000 46%,#000 82%);mask-image:linear-gradient(#0000 46%,#000 82%)}.arcade-backdrop__speedlines{background-image:var(--arcade-backdrop-speedlines);animation:arcade-speedline-drift var(--arcade-drift-speedlines) linear infinite;opacity:.5;inset:-120px;-webkit-mask-image:radial-gradient(58% 50% at 50% 42%,#0000 0%,#000 100%);mask-image:radial-gradient(58% 50% at 50% 42%,#0000 0%,#000 100%)}.arcade-backdrop__arena{isolation:isolate}.arcade-backdrop__plane{position:absolute;inset:0}.arcade-backdrop__plane--floor{background-color:var(--arcade-ink);clip-path:polygon(0 72%,100% 63%,100% 100%,0 100%);opacity:.2}.arcade-backdrop__plane--apron{background-color:var(--arcade-ink);clip-path:polygon(0 88%,100% 81%,100% 100%,0 100%);opacity:.14}.arcade-backdrop__plane--wall-left{background-color:var(--arcade-ink);clip-path:polygon(0 26%,11% 44%,11% 100%,0 100%);opacity:.2}.arcade-backdrop__plane--wall-right{background-color:var(--arcade-ink);clip-path:polygon(100% 26%,89% 44%,89% 100%,100% 100%);opacity:.2}.arcade-backdrop__plane--floor-edge{background-color:var(--arcade-paper);clip-path:polygon(0 72%,100% 63%,100% 63.7%,0 72.7%);opacity:.72}.arcade-backdrop__plane--wall-left-edge{background-color:var(--arcade-paper);clip-path:polygon(0 26%,11% 44%,10.5% 44.4%,0 26.9%);opacity:.5}.arcade-backdrop__plane--wall-right-edge{background-color:var(--arcade-paper);clip-path:polygon(100% 26%,89% 44%,89.5% 44.4%,100% 26.9%);opacity:.5}.arcade-backdrop__block{width:var(--arcade-block-size,88px);height:var(--arcade-block-size,88px);animation:arcade-block-drift var(--arcade-drift-block) ease-in-out infinite;animation-delay:var(--arcade-block-delay,0s);opacity:var(--arcade-block-alpha,.2);position:absolute}@keyframes arcade-halftone-drift{0%{transform:translate(0,0)}to{transform:translate(48px,48px)}}@keyframes arcade-speedline-drift{0%{transform:translate(0,0)}to{transform:translate(-13px,32px)}}@keyframes arcade-block-drift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate3d(var(--arcade-block-shift,14px), -26px, 0) rotate(var(--arcade-block-spin,6deg))}}@media (prefers-reduced-motion:reduce){.arcade-backdrop__halftone,.arcade-backdrop__speedlines,.arcade-backdrop__block{animation:none}}html[data-reduced-motion=true] .arcade-backdrop__halftone,html[data-reduced-motion=true] .arcade-backdrop__speedlines,html[data-reduced-motion=true] .arcade-backdrop__block{animation:none}.arcade-panel{padding:var(--arcade-outline-2);background-color:var(--arcade-outline-color);display:block;position:relative}.arcade-panel--slant.arcade-panel--sm{clip-path:var(--arcade-clip-slant-sm)}.arcade-panel--slant.arcade-panel--md{clip-path:var(--arcade-clip-slant-md)}.arcade-panel--slant.arcade-panel--lg{clip-path:var(--arcade-clip-slant-lg)}.arcade-panel--capsule{border-radius:var(--arcade-radius-capsule)}.arcade-panel__body{background-color:var(--arcade-paper);box-shadow:var(--arcade-bevel);color:var(--arcade-ink);position:relative}.arcade-panel--slant.arcade-panel--sm>.arcade-panel__body{clip-path:var(--arcade-clip-slant-sm)}.arcade-panel--slant.arcade-panel--md>.arcade-panel__body{clip-path:var(--arcade-clip-slant-md)}.arcade-panel--slant.arcade-panel--lg>.arcade-panel__body{clip-path:var(--arcade-clip-slant-lg)}.arcade-panel--capsule>.arcade-panel__body{border-radius:var(--arcade-radius-capsule)}.arcade-panel--sm>.arcade-panel__body{padding:12px 18px}.arcade-panel--md>.arcade-panel__body{padding:18px 24px}.arcade-panel--lg>.arcade-panel__body{padding:26px 32px}.arcade-panel--capsule.arcade-panel--sm>.arcade-panel__body{padding:12px 24px}.arcade-panel--capsule.arcade-panel--md>.arcade-panel__body{padding:18px 34px}.arcade-panel--capsule.arcade-panel--lg>.arcade-panel__body{padding:26px 46px}.arcade-panel--halftone>.arcade-panel__body{background-image:var(--arcade-halftone-soft);background-size:var(--arcade-halftone-soft-size)}.arcade-menu-tile{width:100%;padding:var(--arcade-outline-2);background-color:var(--arcade-outline-color);color:inherit;cursor:pointer;font:inherit;text-align:left;transition:transform var(--arcade-motion-base) var(--arcade-ease-pop), padding var(--arcade-motion-base) var(--arcade-ease-out), background-color var(--arcade-motion-quick) var(--arcade-ease-out);border:0;display:block;position:relative}.arcade-menu-tile:hover:not(:disabled),.arcade-menu-tile[data-selected=true]{padding:var(--arcade-outline-3);transform:scale(1.06)}.arcade-menu-tile:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.6}.arcade-menu-tile--sm{clip-path:var(--arcade-clip-slant-sm)}.arcade-menu-tile--md{clip-path:var(--arcade-clip-slant-md)}.arcade-menu-tile--lg{clip-path:var(--arcade-clip-slant-lg)}.arcade-menu-tile--sm>.arcade-menu-tile__body{clip-path:var(--arcade-clip-slant-sm);padding:14px 16px}.arcade-menu-tile--md>.arcade-menu-tile__body{clip-path:var(--arcade-clip-slant-md)}.arcade-menu-tile--lg>.arcade-menu-tile__body{clip-path:var(--arcade-clip-slant-lg);padding:24px 28px}.arcade-menu-tile--sm .arcade-menu-tile__label{font-size:1.05rem}.arcade-menu-tile--lg .arcade-menu-tile__label{font-size:1.6rem}.arcade-menu-tile:focus-visible{padding:var(--arcade-outline-3);background-color:var(--arcade-bg-glow);outline:none;transform:scale(1.06)}.arcade-menu-tile__body{background-color:var(--arcade-paper);background-image:var(--arcade-halftone-soft);background-size:var(--arcade-halftone-soft-size);box-shadow:var(--arcade-bevel);color:var(--arcade-ink);transition:background-color var(--arcade-motion-base) var(--arcade-ease-out);padding:18px 22px;display:block}.arcade-menu-tile[data-selected=true] .arcade-menu-tile__body{background-color:var(--arcade-block-o)}.arcade-menu-tile__label{letter-spacing:-.01em;font-size:1.25rem;font-weight:800;display:block}.arcade-menu-tile__description{opacity:.74;margin-top:4px;font-size:.875rem;display:block}.arcade-pop-button{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background-color:var(--arcade-block-o);border-radius:var(--arcade-radius-capsule);box-shadow:var(--arcade-bevel), 0 5px 0 var(--arcade-gloss-shadow);color:var(--arcade-ink);cursor:pointer;font:inherit;transition:transform var(--arcade-motion-quick) var(--arcade-ease-out), box-shadow var(--arcade-motion-quick) var(--arcade-ease-out);justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.arcade-pop-button:active:not(:disabled){box-shadow:var(--arcade-bevel), 0 1px 0 var(--arcade-gloss-shadow);transform:translateY(4px)}.arcade-pop-button:focus-visible{outline:var(--arcade-outline-1) solid var(--arcade-bg-glow);outline-offset:3px}.arcade-pop-button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.6}.arcade-pop-button--sm{padding:8px 18px;font-size:.875rem}.arcade-pop-button--md{padding:12px 26px;font-size:1rem}.arcade-pop-button--lg{border-width:var(--arcade-outline-3);padding:16px 36px;font-size:1.25rem}.arcade-pop-button__gloss{background-image:var(--arcade-gloss);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.arcade-pop-button__label,.arcade-cloud-label{display:inline-block;position:relative}.arcade-cloud-label__puff,.arcade-cloud-label__tail,.arcade-cloud-label__tail:after{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background-color:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);position:absolute}.arcade-cloud-label__puff--a{width:48px;height:48px;top:-20px;left:16%}.arcade-cloud-label__puff--b{width:32px;height:32px;top:-13px;right:20%}.arcade-cloud-label__tail{width:22px;height:22px;bottom:-15px}.arcade-cloud-label__tail:after{content:"";width:12px;height:12px;bottom:-17px}.arcade-cloud-label[data-tail=left] .arcade-cloud-label__tail{left:14%}.arcade-cloud-label[data-tail=left] .arcade-cloud-label__tail:after{left:-14px}.arcade-cloud-label[data-tail=right] .arcade-cloud-label__tail{right:14%}.arcade-cloud-label[data-tail=right] .arcade-cloud-label__tail:after{right:-14px}.arcade-cloud-label__body{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background-color:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);color:var(--arcade-ink);padding:14px 24px;font-weight:700;display:block;position:relative}.arcade-mascot__shell{fill:var(--arcade-block-t);stroke:var(--arcade-outline-color);stroke-width:4px}.arcade-mascot__gloss{fill:var(--arcade-gloss-highlight)}.arcade-mascot__shade{fill:var(--arcade-gloss-shadow)}.arcade-mascot__eye,.arcade-mascot__mouth-fill{fill:var(--arcade-ink)}.arcade-mascot__line{fill:none;stroke:var(--arcade-ink);stroke-width:3.4px;stroke-linecap:round}.arcade-home{isolation:isolate;grid-template-rows:auto 1fr;width:min(1240px,100% - 48px);min-height:100vh;margin:0 auto;padding:18px 0 26px;display:grid}.arcade-home__bar{color:var(--arcade-ink);justify-content:space-between;align-items:center;display:flex}.arcade-home__brand{color:var(--arcade-ink);letter-spacing:.16em;font-size:.72rem;font-weight:700;text-decoration:none;display:grid}.arcade-home__brand strong{letter-spacing:-.01em;font-size:1.05rem}.arcade-home__account{border:var(--arcade-outline-1) solid var(--arcade-outline-color);background-color:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);color:var(--arcade-ink);transition:transform var(--arcade-motion-quick) var(--arcade-ease-out);align-items:center;gap:8px;padding:7px 16px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.arcade-home__account:hover,.arcade-home__account:focus-visible{transform:scale(1.04)}.arcade-home__dot{border:var(--arcade-outline-1) solid var(--arcade-outline-color);background-color:var(--arcade-block-s);border-radius:var(--arcade-radius-capsule);width:9px;height:9px}.arcade-home__stage{grid-template-rows:1fr auto;justify-items:center;display:grid}.arcade-home__hero{align-content:center;justify-items:center;gap:20px;display:grid}.arcade-home__eyebrow{color:var(--arcade-ink);letter-spacing:.04em;margin:0;font-family:SF Mono,JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.arcade-home__title{color:var(--arcade-paper);letter-spacing:-.045em;paint-order:stroke fill;text-align:center;-webkit-text-stroke:6px var(--arcade-outline-color);margin:0;font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:900;line-height:1}.arcade-home__floor{justify-content:center;align-self:end;align-items:flex-end;gap:clamp(16px,3vw,44px);width:100%;display:flex}.arcade-home__stack{--arcade-home-cell:clamp(24px, 3.4vw, 38px);grid-template-columns:repeat(6, var(--arcade-home-cell));grid-template-rows:repeat(4, var(--arcade-home-cell));gap:3px;display:grid}.arcade-home__cell{border:var(--arcade-outline-1) solid var(--arcade-outline-color);box-shadow:var(--arcade-bevel);border-radius:5px;position:relative}.arcade-home__cell:after{background-image:var(--arcade-gloss);border-radius:inherit;content:"";position:absolute;inset:0}.arcade-home__talk{justify-items:center;gap:10px;display:grid}.arcade-home__links{align-items:center;gap:20px;display:flex}.arcade-home__links>a{color:var(--arcade-ink);text-underline-offset:5px;transition:transform var(--arcade-motion-quick) var(--arcade-ease-out);padding:6px 2px;font-size:.88rem;font-weight:700;text-decoration:none}.arcade-home__links>a:hover,.arcade-home__links>a:focus-visible{text-decoration:underline;text-decoration-thickness:3px;transform:scale(1.04)}.arcade-home__links>.arcade-home__account:hover,.arcade-home__links>.arcade-home__account:focus-visible{text-decoration:none}.arcade-play{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(1180px,100% - 80px);min-height:100vh;margin:0 auto;padding:18px 0 26px;display:grid}.arcade-play__bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.arcade-play__bar>a{color:var(--arcade-ink);text-underline-offset:5px;transition:transform var(--arcade-motion-quick) var(--arcade-ease-out);padding:6px 2px;font-size:.88rem;font-weight:700;text-decoration:none}.arcade-play__bar>a:hover,.arcade-play__bar>a:focus-visible{text-decoration:underline;text-decoration-thickness:3px;transform:scale(1.04)}.arcade-play__title{color:var(--arcade-paper);letter-spacing:-.03em;paint-order:stroke fill;-webkit-text-stroke:4px var(--arcade-outline-color);margin:0;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:900}.arcade-play__modes{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.72fr);grid-template-columns:1.55fr 1fr;align-self:center;gap:14px;min-height:0;max-height:460px;display:grid}.arcade-play__tile--ranked{grid-area:1/1/3/2}.arcade-play__tile--practice{grid-area:1/2/2/3}.arcade-play__tile--sprint40{grid-area:2/2/3/3}.arcade-play__tile--room{grid-area:3/1/4/3}.arcade-play__modes>.arcade-menu-tile{height:100%}.arcade-play__modes>.arcade-menu-tile>.arcade-menu-tile__body{flex-direction:column;justify-content:center;height:100%;display:flex}.arcade-play__bottom{flex-wrap:wrap;align-items:stretch;gap:18px;display:flex}.arcade-play__detail{flex:420px}.arcade-play__bottom>.arcade-panel>.arcade-panel__body{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.arcade-play__category{color:var(--arcade-ink);letter-spacing:.08em;opacity:.72;margin:0 0 4px;font-family:SF Mono,JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.arcade-play__detail h2{letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:900}.arcade-play__detail p{margin:0 0 16px;font-size:.92rem;line-height:1.5}.arcade-play__join{flex:0 320px;display:flex}.arcade-play__join form{flex-direction:column;gap:8px;width:100%;display:flex}.arcade-play__join label{font-size:.86rem;font-weight:800}.arcade-play__join-row{align-items:center;gap:10px;display:flex}.arcade-play__join-row>.arcade-pop-button{white-space:nowrap;flex-shrink:0}.arcade-play__field{border:var(--arcade-outline-1) solid var(--arcade-outline-color);background-color:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);width:100%;min-width:0;color:var(--arcade-ink);font:inherit;letter-spacing:.18em;text-transform:uppercase;transition:box-shadow var(--arcade-motion-quick) var(--arcade-ease-out);padding:9px 16px;font-weight:700}.arcade-play__field:focus-visible{box-shadow:0 0 0 var(--arcade-outline-1) var(--arcade-bg-glow);outline:none}.arcade-play__hint{opacity:.7;margin:0;font-size:.74rem}.arcade-arena{isolation:isolate;width:min(1180px,100% - 32px);height:100vh;color:var(--arcade-ink);grid-template-rows:auto 1fr auto;gap:10px;margin:0 auto;padding:10px 0;display:grid;overflow:hidden}.arcade-arena__bar{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:52px;display:grid}.arcade-arena__back{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background-color:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);color:var(--arcade-ink);transition:transform var(--arcade-motion-quick) var(--arcade-ease-out);padding:8px 18px;font-weight:800;text-decoration:none}.arcade-arena__back:hover{transform:translate(-3px)}.arcade-arena__mode{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background-color:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);box-shadow:var(--arcade-bevel);justify-self:center;justify-items:center;gap:2px;padding:5px 26px;display:grid}.arcade-arena__mode-name{letter-spacing:-.02em;font-size:1.3rem;font-weight:900}.arcade-arena__mode-hint{max-width:520px;color:var(--arcade-ink);opacity:.68;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}.arcade-arena__actions{align-items:center;gap:8px;display:flex}.arcade-arena__actions .button{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);box-shadow:var(--arcade-bevel);color:var(--arcade-ink);padding:7px 16px;font-weight:800}.arcade-arena__actions .button--primary{background:var(--arcade-block-o)}.arcade-arena__actions .select-field{border:var(--arcade-outline-2) solid var(--arcade-outline-color);background:var(--arcade-paper);border-radius:var(--arcade-radius-capsule);color:var(--arcade-ink);align-items:center;gap:8px;padding:4px 6px 4px 14px;font-size:.72rem;font-weight:800;display:flex}.arcade-arena__actions .select-field select{color:var(--arcade-ink);font:inherit;background:0 0;border:0;padding:4px 8px}.arcade-arena__stage{grid-template-columns:178px minmax(260px,auto) 236px;place-content:start center;gap:18px;display:grid}.arcade-arena__rail{align-content:start;gap:12px;display:grid}.arcade-arena__rail--hold{padding-top:34px}.arcade-arena__rail--data{padding-top:4px}.arcade-arena__column{align-content:start;display:grid}.arcade-arena__board{padding:var(--arcade-outline-3);background-color:var(--arcade-outline-color);clip-path:var(--arcade-clip-slant-md);display:grid}.arcade-arena__board-inner{padding:var(--arcade-outline-2);background-color:var(--arcade-block-i);background-image:var(--arcade-halftone-dense);background-size:var(--arcade-halftone-dense-size);clip-path:var(--arcade-clip-slant-md);display:grid}.arcade-arena__band{color:var(--arcade-ink);letter-spacing:.18em;justify-content:space-between;align-items:center;padding:4px 12px 6px;font-size:.6rem;font-weight:900;display:flex}.arcade-arena__field{background-color:var(--arcade-field);clip-path:var(--arcade-clip-slant-sm);position:relative}.arcade-arena__field .game-canvas{background:0 0;border:0;width:min(340px,50vh - 116px);max-width:100%;height:auto;display:block}.arcade-arena__score{padding:var(--arcade-outline-3);background-color:var(--arcade-outline-color);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);margin-top:-2px;display:grid}.arcade-arena__score-body{background-color:var(--arcade-block-o);background-image:var(--arcade-gloss);box-shadow:var(--arcade-bevel);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);color:var(--arcade-ink);justify-content:space-between;align-items:baseline;padding:8px 18px;display:flex}.arcade-arena__score-label{letter-spacing:.18em;font-size:.62rem;font-weight:900}.arcade-arena__score-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2rem;font-weight:900;line-height:1}.arcade-hud>.arcade-panel__body{padding:10px 12px}.arcade-hud__heading{letter-spacing:.16em;justify-content:space-between;align-items:center;gap:8px;font-size:.6rem;font-weight:900;display:flex}.arcade-hud__badge{background-color:var(--arcade-ink);border-radius:var(--arcade-radius-capsule);color:var(--arcade-paper);letter-spacing:.08em;padding:2px 8px;font-size:.54rem;font-weight:800}.arcade-hud__badge[data-used=true]{background-color:var(--arcade-mist);color:var(--arcade-ink)}.arcade-preview{aspect-ratio:1;grid-template-columns:repeat(4,1fr);width:min(100%,104px);margin:8px auto 0;display:grid}.arcade-preview--compact{width:46px;margin:0}.arcade-preview__cell{aspect-ratio:1}.arcade-preview__cell[data-filled=true]{background-image:var(--arcade-gloss);box-shadow:inset 0 0 0 1px var(--arcade-outline-color)}.arcade-preview__cell--I{background-color:var(--arcade-block-i)}.arcade-preview__cell--J{background-color:var(--arcade-block-j)}.arcade-preview__cell--L{background-color:var(--arcade-block-l)}.arcade-preview__cell--O{background-color:var(--arcade-block-o)}.arcade-preview__cell--S{background-color:var(--arcade-block-s)}.arcade-preview__cell--T{background-color:var(--arcade-block-t)}.arcade-preview__cell--Z{background-color:var(--arcade-block-z)}.arcade-next{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px;display:grid}.arcade-next__item{border-top:var(--arcade-outline-1) solid var(--arcade-outline-color);justify-items:center;gap:3px;padding-top:4px;display:grid}.arcade-next__rank{opacity:.55;font-size:.54rem;font-weight:900}.arcade-stats{gap:7px;margin-top:8px;display:grid}.arcade-stats__row{border-bottom:var(--arcade-outline-1) solid var(--arcade-mist);justify-content:space-between;align-items:baseline;padding-bottom:5px;font-size:.7rem;font-weight:700;display:flex}.arcade-stats__row:last-child{border-bottom:0}.arcade-stats__value{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:900}.arcade-sticker{z-index:4;padding:var(--arcade-outline-2);background-color:var(--arcade-outline-color);clip-path:var(--arcade-clip-slant-sm);pointer-events:none;animation:arcade-sticker-pop var(--arcade-motion-soft) var(--arcade-ease-pop);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.arcade-sticker__body{background-color:var(--arcade-paper);background-image:var(--arcade-gloss);box-shadow:var(--arcade-bevel);clip-path:var(--arcade-clip-slant-sm);color:var(--arcade-ink);letter-spacing:.04em;white-space:nowrap;padding:8px 16px;font-size:1.05rem;font-weight:900;display:block}.arcade-sticker--line-clear .arcade-sticker__body{background-color:var(--arcade-block-o)}.arcade-sticker--garbage .arcade-sticker__body{background-color:var(--arcade-block-z)}.arcade-sticker--hold .arcade-sticker__body{background-color:var(--arcade-block-s)}.arcade-sticker--hard-drop .arcade-sticker__body{background-color:var(--arcade-block-i)}@keyframes arcade-sticker-pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.arcade-sticker{animation:none}}html[data-reduced-motion=true] .arcade-sticker{animation:none}.arcade-arena :focus-visible{outline:var(--arcade-outline-2) solid var(--arcade-bg-glow);outline-offset:3px}@media (height<=420px){.arcade-arena{height:auto;min-height:100vh;overflow:visible}}@media (width<=900px){.arcade-arena{height:auto;overflow:visible}.arcade-arena__stage{grid-template-columns:1fr;justify-items:center}.arcade-arena__rail{grid-auto-flow:column;justify-content:center}.arcade-arena__rail--hold,.arcade-arena__rail--data{padding-top:0}.arcade-arena__field .game-canvas{width:min(320px,78vw)}}