:root{--bg: #f2f2f2;--surface: #ffffff;--border: #e5e5e5;--text-primary: #111111;--text-secondary: #333333;--text-tertiary: #555555;--grid-border: #d5d5d5;--grid-box-border:#888888;--cell-given-bg: var(--bg);--accent: #8B49FF;--accent-light: #EDE0FF;--accent-hover: #7235e0;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--radius-xs: 5px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font: "Roboto Mono", monospace;--font-display: "Barlow Condensed", sans-serif;--text-xs: 10px;--text-btn: 15px;--text-sm: 12px;--text-base: 14px;--text-md: 18px;--text-lg: 22px;--text-xl: 26px;--text-2xl: 28px;--text-3xl: 66px;--text-4xl: 96px;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--weight-heavy: 800;--weight-black: 900;--p1-color: #17B9EF;--p1-mid-dark: #0A8FBB;--p1-dark: #006B8F;--p1-bg-light: #E5F7FD;--p1-bg-mid: #B8ECFB;--p2-color: #F31299;--p2-mid-dark: #BC0074;--p2-dark: #880055;--p2-bg-light: #FFEBF8;--p2-bg-mid: #FFD0EF;--danger-color: #F00013;--danger-dark: #A8000F;--danger-bg-light: #FFEBEC;--danger-bg-mid: #FFCED1;--orange: #FF8B16;--orange-hover: #E07500;--orange-dark: #C06200;--yellow: #FFCA00;--text-layer-shadow: 2px 2px 0 var(--accent);--header-h: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:var(--text-base);-webkit-font-smoothing:antialiased;overflow:hidden;touch-action:manipulation}#root{width:100%;height:100%;position:relative;overflow:hidden}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:900;pointer-events:none}.header-left,.header-right{display:flex;align-items:center;gap:8px;pointer-events:all}.header-center{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.action-bar-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);color:#fff;letter-spacing:.12em;text-transform:uppercase;text-shadow:2px 2px 0 var(--accent);white-space:nowrap}.btn-utility{font-family:var(--font);font-weight:var(--weight-bold);background:#00000059;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:background .15s}.btn-utility:hover{background:#0000008c}.btn-utility:disabled{opacity:.3;cursor:not-allowed}.btn-utility:disabled:hover{background:#00000059}.header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header-text-btn{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:0 12px;height:36px}.header-back-btn{display:flex;align-items:center;gap:5px;padding:0 12px;height:36px;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.header-icon-img{display:block;filter:brightness(0) invert(1)}.header-back-btn .header-icon-img{width:16px;height:16px}.header-icon-btn .header-icon-img{width:20px;height:20px}.carousel-btn .header-icon-img{width:14px;height:14px}.screen{display:none;width:100vw;height:100vh;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0}.screen.active{display:flex}#screen-start,#screen-character-select,#screen-lobby,#screen-sp-lobby{background-image:url(/assets/ui/bg_0.svg);background-size:cover;background-position:center}#btn-select-char{display:none}.hidden{display:none!important}.btn{font-family:var(--font);font-size:var(--text-btn);font-weight:700;padding:12px 32px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:4px 4px #fff}.btn:hover{background:var(--accent-hover);transform:translate(-1px,-2px);box-shadow:5px 6px #fff}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #fff}.btn:disabled{background:var(--border);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.btn.btn-sm{font-size:var(--text-sm);padding:5px 14px;box-shadow:2px 2px #fff;border-radius:var(--radius-xs)}.btn.btn-sm:hover{box-shadow:3px 3px #fff}.btn.btn-sm:active{box-shadow:1px 1px #fff}.btn.btn-secondary{background:#fff;color:var(--accent);box-shadow:4px 4px 0 var(--accent)}.btn.btn-secondary:hover{background:var(--accent-light);box-shadow:5px 6px 0 var(--accent)}.btn.btn-secondary:active,.btn.btn-sm.btn-secondary{box-shadow:2px 2px 0 var(--accent)}.btn.btn-sm.btn-secondary:hover{box-shadow:3px 3px 0 var(--accent)}.btn.btn-sm.btn-secondary:active{box-shadow:1px 1px 0 var(--accent)}.btn-secondary{font-family:var(--font);font-size:var(--text-btn);font-weight:700;padding:12px 32px;background:#fff;color:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:4px 4px 0 var(--accent)}.btn-secondary:hover{background:var(--accent-light);transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--accent)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--accent)}.btn-secondary:disabled{background:var(--border);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.btn-alt{background:var(--orange);box-shadow:4px 4px #fff}.btn-alt:hover{background:var(--orange-hover);box-shadow:5px 6px #fff}.btn-alt:active{background:var(--orange-dark);box-shadow:2px 2px #fff}.btn-danger{background:var(--danger-color);box-shadow:4px 4px #fff}.btn-danger:hover{background:var(--danger-dark);transform:translate(-1px,-2px);box-shadow:5px 6px #fff}.btn-danger:active{transform:translate(2px,2px);box-shadow:2px 2px #fff}.ctx-menu{position:fixed;top:calc(var(--header-h) + 4px);right:12px;background:#141414f5;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:12px;z-index:901;min-width:220px;box-shadow:0 8px 24px #00000080}.ctx-menu.hidden{display:none}.ctx-menu-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.ctx-menu-item.stacked{flex-direction:column;align-items:flex-start;gap:6px}.ctx-label{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.1em;color:#fff;text-shadow:var(--text-layer-shadow)}.ctx-menu-divider{height:1px;background:#ffffff1a;margin:2px 0}.track-carousel{display:flex;align-items:center;gap:4px}.carousel-btn{font-family:var(--font);line-height:1;min-width:44px;min-height:44px;padding:0 8px;display:flex;align-items:center;justify-content:center}.track-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:#fff;letter-spacing:.04em;text-align:center;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-tertiary);border-radius:24px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}@keyframes slam-from-top{0%{transform:translateY(-140%) scale(2.2);opacity:0}55%{transform:translateY(5%) scale(.96);opacity:1}78%{transform:translateY(-2%) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slam-from-bottom{0%{transform:translateY(140%) scale(2.2);opacity:0}55%{transform:translateY(-5%) scale(.96);opacity:1}78%{transform:translateY(2%) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes card-appear{0%{opacity:0;transform:translateY(22px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop-in{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:0}}@keyframes cell-wipe{0%{background:var(--surface)}30%{background:var(--wipe-color)}to{background:var(--surface)}}@keyframes completion-flash{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes flash-text-white{0%{color:inherit}35%{color:#fff}65%{color:#fff}to{color:inherit}}@keyframes float-up{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.15)}20%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-36px) scale(.9)}}@keyframes punch-flash{0%{box-shadow:inset 0 0 80px #f0001338}to{box-shadow:none}}@keyframes heavy-flash{0%{box-shadow:inset 0 0 120px #ff8b1652}60%{box-shadow:inset 0 0 60px #f000132e}to{box-shadow:none}}@keyframes self-flash{0%{box-shadow:inset 0 0 60px #f0001333}to{box-shadow:none}}.start-logo-top{animation:slam-from-top .55s cubic-bezier(.22,1,.36,1) .05s both}.start-logo-bottom{animation:slam-from-bottom .55s cubic-bezier(.22,1,.36,1) .27s both}@media (prefers-reduced-motion: reduce){.start-logo-top,.start-logo-bottom{animation:none;opacity:1;transform:none}}.card-intro{animation:card-appear .3s cubic-bezier(.34,1.56,.64,1) both}.start-logo-container{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:32px}.start-logo-top,.start-logo-bottom{max-width:380px;width:100%;height:auto;display:block}.start-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.start-section{display:flex;flex-direction:column;align-items:center;gap:10px}.start-section-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;text-shadow:1px 1px 0 var(--accent);letter-spacing:.08em;text-transform:uppercase}#screen-start .btn,#screen-start .combo-input{width:240px;box-sizing:border-box}#screen-start .combo-input{margin-top:8px}.start-divider{width:240px;height:1px;background:#ffffff40;margin:4px 0}.start-mode-label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);color:#fff;letter-spacing:.12em;text-shadow:2px 2px 0 var(--accent);margin:4px 0 2px;text-align:center}.combo-input{display:flex;border:2px solid #ffffff;border-radius:var(--radius-sm);overflow:hidden;box-shadow:4px 4px 0 var(--accent)}.combo-input .combo-text{flex:1;min-width:0;background:var(--bg);border:none;padding:12px 14px;font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;outline:none}.combo-input .combo-text::placeholder{color:var(--text-tertiary);font-weight:var(--weight-normal);letter-spacing:.01em;text-transform:none}.combo-input #btn-join-room{flex-shrink:0;padding:12px 20px;background:#fff;color:var(--accent);font-family:var(--font);font-size:15px;font-weight:var(--weight-bold);letter-spacing:.05em;border:none;border-left:1px solid var(--border);border-radius:0;cursor:pointer;transition:background .12s}.combo-input #btn-join-room:hover{background:var(--accent-light)}.combo-input #btn-join-room:active{background:var(--accent);color:#fff}.start-error{font-size:var(--text-sm);color:var(--danger-color);font-weight:var(--weight-bold);text-shadow:1px 1px 0 rgba(0,0,0,.4);margin:0;visibility:hidden}.start-error.visible{visibility:visible}.char-select-scroll{display:contents}.subtitle{font-size:var(--text-base);color:#fff;margin-bottom:32px;font-weight:var(--weight-bold);text-shadow:1px 1px 0 var(--accent)}#screen-character-select:not(.cards-ready) .character-card,#screen-character-select:not(.cards-ready) .subtitle{opacity:0;pointer-events:none}#character-grid{display:grid;grid-template-columns:repeat(5,auto);gap:20px;justify-content:center}.character-card{width:auto;background:var(--surface);border-radius:0;cursor:pointer;padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:4px 4px 0 var(--accent)}.character-card:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--accent)}.character-card.selected{background:var(--accent);box-shadow:4px 4px #fff}.character-card.selected .char-name{color:#fff}.character-card img{width:165px;height:165px;object-fit:cover;object-position:50% 12%;border-radius:0;display:block;transform:scaleX(-1)}.char-name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);transition:color .15s}.screen-title{font-size:var(--text-xl);font-weight:var(--weight-heavy);color:var(--text-primary);margin-bottom:24px;letter-spacing:-.7px}.lobby-players{display:flex;align-items:center;gap:40px;margin:16px 0 0}.lobby-player{display:flex;flex-direction:column;align-items:center;gap:10px}.lobby-player-label{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.12em;color:#fff;text-transform:uppercase;text-shadow:var(--text-layer-shadow)}.lobby-player img{width:225px;height:225px;object-fit:cover;object-position:50% 12%;image-rendering:pixelated;display:block;border:4px solid transparent;box-sizing:border-box}#lobby-p2-portrait,#sp-lobby-p2-portrait{transform:scaleX(-1)}.lobby-player>span:first-of-type{font-size:var(--text-md);font-weight:var(--weight-bold);color:#fff;text-shadow:var(--text-layer-shadow)}.lobby-player-name{font-size:var(--text-md);font-weight:var(--weight-bold);color:#fff;text-shadow:var(--text-layer-shadow)}#lobby-p1.is-me .lobby-player-label{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--p1-color);text-shadow:3px 3px 0 #ffffff}#lobby-p1.is-me img{border:8px solid var(--p1-color)}#lobby-p2.is-me .lobby-player-label{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--p2-color);text-shadow:3px 3px 0 #ffffff}#lobby-p2.is-me img{border:8px solid var(--p2-color)}#sp-lobby-p1.is-me .lobby-player-label{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--p1-color);text-shadow:3px 3px 0 #ffffff}#sp-lobby-p1.is-me img{border:8px solid var(--p1-color)}#sp-lobby-p2 .lobby-player-label{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--p2-color);text-shadow:3px 3px 0 #ffffff}#sp-lobby-p2 img{border:8px solid var(--p2-color)}#p1-grid.is-me{--_grid-outline-color: var(--p1-color);--_grid-outline-width: 3px}#p2-grid.is-me{--_grid-outline-color: var(--p2-color);--_grid-outline-width: 3px}.lobby-vs{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:#fff;letter-spacing:0;text-shadow:2px 3px 0 var(--accent)}.lobby-status{font-size:var(--text-sm);font-weight:var(--weight-bold);padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.04em}.lobby-status.ready{color:#fff;background:var(--accent)}.lobby-status.waiting{color:var(--text-secondary);background:var(--border)}.lobby-hint{font-size:var(--text-base);color:#fff;text-shadow:1px 2px 0 var(--accent);animation:fade-pulse 1.4s ease-in-out infinite;margin-top:10px}.lobby-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);color:#fff;letter-spacing:.12em;text-transform:uppercase;text-shadow:2px 2px 0 var(--accent);margin:0}.lobby-promo{display:flex;flex-direction:column;align-items:center;gap:4px;margin:12px 0 0}.lobby-promo-feedback{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#ffffffd9;margin:0;visibility:hidden}.lobby-promo-feedback.visible{visibility:visible}.lobby-share{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0 0;padding:12px 20px;background:#ffffff1f;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.25)}.lobby-share.hidden{display:none}.lobby-share-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;letter-spacing:.08em;text-transform:uppercase}.lobby-invite-row{display:flex;align-items:center;gap:8px}.lobby-share-code{font-family:var(--font);font-size:var(--text-xl);font-weight:var(--weight-black);color:#fff;letter-spacing:.35em;text-shadow:2px 2px 0 var(--accent);min-width:8ch;text-align:center}.lobby-share-loading{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#ffffff73;letter-spacing:.05em}.lobby-copy-confirm{font-size:var(--text-sm);color:#ffffffd9;margin:0;visibility:hidden}.lobby-copy-confirm.visible{visibility:visible}.lobby-arena-picker{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px}#screen-gameplay{flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--header-h) 0 0;gap:0;background:var(--bg);background-size:cover;background-position:center;position:relative;overflow:hidden}#btn-surrender{width:auto;padding:0 10px;font-family:var(--font);font-size:var(--text-sm);color:#fff}.action-bar{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 12px 0;position:relative;z-index:901;flex-shrink:0}#hud{display:flex;flex-direction:column;width:100%;max-width:1200px;position:relative;z-index:1;padding:8px 12px 4px;gap:3px;flex-shrink:0}.hud-name-row{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:2px}.hud-name{font-size:var(--text-md);font-weight:var(--weight-heavy);color:#fff;text-transform:uppercase;text-shadow:var(--text-layer-shadow);letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.hud-name.right{text-align:right}#p1-name{text-shadow:2px 2px 0 var(--p1-mid-dark)}#p2-name{text-shadow:2px 2px 0 var(--p2-mid-dark)}.round-label{font-size:var(--text-md);font-weight:var(--weight-bold);color:#fff;text-shadow:2px 2px 0 var(--accent);letter-spacing:.1em;text-transform:uppercase}.round-timer{font-size:var(--text-xl);font-weight:var(--weight-bold);color:#fff;line-height:1;letter-spacing:-1px;text-align:center;text-shadow:3px 3px 0 var(--accent);flex-shrink:0}.round-timer.urgent{color:var(--danger-color);text-shadow:2px 3px 0 var(--orange);animation:timer-blink .5s step-end infinite}.hud-bar-row{display:flex;align-items:stretch;width:100%;height:40px}.ko-block{background:var(--accent);color:#fff;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);padding:0 16px;letter-spacing:3px;display:flex;align-items:center;flex-shrink:0}.hud-bar-track{flex:1;height:100%;background:var(--danger-color);overflow:hidden;position:relative}.hud-bar-track.left{border-radius:6px 0 0 6px;display:flex;justify-content:flex-end}.hud-bar-track.right{border-radius:0 6px 6px 0;display:flex;justify-content:flex-start}.hud-bar{height:100%;background:var(--yellow);transition:width .35s cubic-bezier(.4,0,.2,1),background .4s;width:100%}.hud-bar-track.left .hud-bar{border-radius:6px 0 0 6px}.hud-bar-track.right .hud-bar{border-radius:0 6px 6px 0}.hud-bar.mid{background:var(--orange)}.hud-bar.low{background:var(--yellow);animation:hp-pulse .45s step-end infinite}.hud-sub-row{display:flex;align-items:center;justify-content:space-between;width:100%}.hud-sub-left{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.hud-sub-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end;overflow:hidden}.hud-score{font-size:var(--text-md);font-weight:var(--weight-bold);color:#fff;text-shadow:var(--text-layer-shadow);letter-spacing:.02em;white-space:nowrap}.combo-counter{font-size:var(--text-md);font-weight:var(--weight-bold);color:#fff;white-space:nowrap;min-height:1em}#p1-score,#p1-combo{text-shadow:2px 2px 0 var(--p1-mid-dark)}#p2-score,#p2-combo{text-shadow:2px 2px 0 var(--p2-mid-dark)}#arena{display:grid;grid-template-columns:1fr clamp(0px,calc(100vw - 700px),300px) 1fr;position:relative;z-index:1;gap:8px;margin-top:clamp(12px,calc((100vh - 600px)*.3),120px);width:100%;max-width:1200px;flex:1;align-items:flex-start;padding:4px 12px 8px;min-height:0}.player-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}.sudoku-grid{--_grid-outline-color: var(--grid-box-border);--_grid-outline-width: 2px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:0;background:transparent;border:var(--_grid-outline-width) solid var(--_grid-outline-color);border-radius:0;overflow:hidden;width:100%;aspect-ratio:1}.cell{aspect-ratio:1;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,calc(4vw - 9px),19px);font-weight:var(--weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);transition:background .1s;border-right:1px solid var(--grid-border);border-bottom:1px solid var(--grid-border);position:relative}.sudoku-grid.is-me .cell{background:#ffffffe0}.sudoku-grid:not(.is-me) .cell{background:#ffffff40}.sudoku-grid:not(.is-me) .cell.given,.sudoku-grid:not(.is-me) .cell.opponent-given,.sudoku-grid:not(.is-me) .cell.correct,.sudoku-grid:not(.is-me) .cell.opponent-filled{background:#ffffffe6}.cell>span{position:relative;z-index:1}.cell.given{color:var(--text-secondary);font-weight:700;cursor:pointer}.cell.readonly{cursor:default}.cell.opponent-given{color:var(--text-secondary);font-weight:700;cursor:default}.cell.danger{color:var(--danger-dark);font-weight:600}.cell.danger:before,.cell.danger:after{content:"";position:absolute;bottom:18%;pointer-events:none;z-index:0;width:auto;height:1.5px;top:50%;left:18%;right:18%;border-radius:2px;background:var(--danger-color)}.cell.danger:before{transform:translateY(-50%) rotate(45deg);transform-origin:center}.cell.danger:after{transform:translateY(-50%) rotate(-45deg);transform-origin:center}#p1-grid{--completion-flash-color: var(--p1-color);--wipe-color: var(--p1-bg-mid)}#p1-grid .cell.correct,#p1-grid .cell.opponent-filled{color:var(--p1-dark);font-weight:600}#p1-grid .cell.highlight{background:var(--p1-bg-light)}#p1-grid .cell.same-number{background:var(--p1-bg-mid)}#p2-grid{--completion-flash-color: var(--p2-color);--wipe-color: var(--p2-bg-mid)}#p2-grid .cell.correct,#p2-grid .cell.opponent-filled{color:var(--p2-dark);font-weight:600}#p2-grid .cell.highlight{background:var(--p2-bg-light)}#p2-grid .cell.same-number{background:var(--p2-bg-mid)}#p1-grid .cell.selected{background:var(--p1-bg-light);box-shadow:inset 0 0 0 2px var(--p1-color)}#p2-grid .cell.selected{background:var(--p2-bg-light);box-shadow:inset 0 0 0 2px var(--p2-color)}#p1-grid .cell.danger,#p2-grid .cell.danger{background:var(--danger-bg-light)}#p1-grid .cell.opponent-cursor{outline:3px solid var(--p1-color);outline-offset:-3px;background-color:var(--p1-bg-light)!important}#p2-grid .cell.opponent-cursor{outline:3px solid var(--p2-color);outline-offset:-3px;background-color:var(--p2-bg-light)!important}.cell.box-top{border-top:2px solid var(--grid-box-border)}.cell.box-left{border-left:2px solid var(--grid-box-border)}.cell.pre-box-right{border-right:none}.cell.pre-box-bottom{border-bottom:none}.sudoku-grid .cell:nth-child(9n){border-right:none}.sudoku-grid .cell:nth-last-child(-n+9){border-bottom:none}.cell.wiping{animation:cell-wipe .4s ease-out forwards}.cell.completion-flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--completion-flash-color);pointer-events:none;animation:completion-flash .35s ease-in-out forwards}.cell.completion-flash>span{animation:flash-text-white .35s ease-in-out forwards}.floating-points{position:fixed;font-size:13px;font-weight:800;color:var(--accent);pointer-events:none;transform:translate(-50%);animation:float-up .75s ease-out forwards;z-index:500;white-space:nowrap}#arena-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0;opacity:1;pointer-events:none;display:none}#arena-bg-overlay.active{display:block}.arena-sun{position:absolute;width:520px;height:520px;left:50%;transform:translate(-50%);pointer-events:none;z-index:0;display:none}.arena-sun.active{display:block}#fight-ground{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:0}.midground-graphic{display:none;position:absolute;bottom:9vw;height:auto;z-index:1;pointer-events:none}#palm-trees{left:50%;transform:translate(-50%);width:calc(100% + 100px);max-width:2100px}#buildings{left:0;width:100%}#alley{left:50%;transform:translate(-50%);width:calc(100% * 1544 / 1200)}#fight-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;z-index:10;padding-bottom:16px}.fight-characters{display:flex;justify-content:center;align-items:flex-end;width:100%;gap:0}.character-wrap{display:flex;justify-content:center;align-items:flex-end;position:relative;z-index:1}.character-wrap:first-child{margin-right:-25px}.character-wrap:last-child{margin-left:-25px}.character-wrap.flipped{transform:scaleX(-1)}.character-wrap.attacking{z-index:3}.character-sprite{width:150px;height:150px;image-rendering:pixelated}.mistake-effect{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:150px;image-rendering:pixelated;pointer-events:none}.attack-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.attack-flash.punch-flash{animation:punch-flash .25s ease-out forwards}.attack-flash.heavy-flash{animation:heavy-flash .35s ease-out forwards}.attack-flash.self-flash{animation:self-flash .2s ease-out forwards}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:none;z-index:200;pointer-events:none}.game-overlay.hidden{display:none}.overlay-btn-row{display:flex;gap:16px;margin-top:12px;pointer-events:all}.overlay-btn-row.hidden{display:none}.overlay-main{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);color:var(--accent);letter-spacing:0;line-height:1;text-align:center;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1);text-shadow:4px 5px 0 #ffffff}.overlay-sub{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--yellow);letter-spacing:-.3px;text-shadow:1px 2px 0 var(--accent)}#mobile-numpad{display:none}.sp-difficulty{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;margin-bottom:20px}.sp-difficulty-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px 0 var(--accent)}.sp-difficulty-btns{display:flex;gap:10px}.sp-diff-btn{min-width:76px;opacity:.55}.sp-diff-btn.selected{opacity:1}#btn-sp-start{margin-top:18px;min-width:160px}@media (max-width: 500px){:root{--text-xl: 18px;--text-3xl: 44px;--text-4xl: 56px}.lobby-status{display:none}#screen-character-select{justify-content:flex-start;align-items:stretch;overflow:hidden}.char-select-scroll{overflow-y:auto;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--header-h) + 20px);padding-bottom:40px;width:100%}.start-logo-top,.start-logo-bottom{max-width:200px}#character-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;width:100%;max-width:380px}.character-card{width:100%}.character-card img{width:100%;height:auto;object-position:50% 12%}.lobby-player:not(.is-me){display:none}.lobby-vs,#screen-sp-lobby #sp-lobby-p2,#screen-sp-lobby .lobby-vs{display:none}#arena{grid-template-columns:1fr;margin-top:8px;flex:0 0 auto}#hud{flex-wrap:nowrap;padding:4px 12px 2px}.hud-score,.combo-counter{font-size:var(--text-sm)}.ko-block{font-size:0;padding:0;width:6px;flex-shrink:0;border-radius:0}.hud-bar-row{height:4px}.hud-bar-track.left{border-radius:2px 0 0 2px}.hud-bar-track.right{border-radius:0 2px 2px 0}.hud-bar-track.left .hud-bar{border-radius:2px 0 0 2px}.hud-bar-track.right .hud-bar{border-radius:0 2px 2px 0}.action-bar{padding:3px 12px 0}#arena{margin-top:4px}.player-panel{display:none}.player-panel.is-me{display:flex;width:100%;gap:0;padding-bottom:0}.player-panel.is-me .cell{font-size:19px}#fight-stage{display:flex;position:fixed;bottom:0;left:0;right:0;height:110px;padding-bottom:0;z-index:2;pointer-events:none;overflow:visible}#fight-ground{position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:1}.midground-graphic{position:fixed}#fight-stage .fight-characters{align-items:flex-end;padding-bottom:0}}@media (pointer: coarse){#mobile-numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;width:100%;padding:2px 0 8px;margin-top:0;flex-shrink:0;position:relative;z-index:10}.numpad-btn{font-family:var(--font);font-size:19px;font-weight:var(--weight-bold);background:#ffffffd9;border:2px solid rgba(0,0,0,.15);border-radius:6px;color:var(--text-primary);height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .08s;text-shadow:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.numpad-btn:active{background:#fff;transform:scale(.93)}}