*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08090f;--surface: #0e1020;--surface-hover: #141628;--border: #1c1e38;--fg: #e8e0f0;--text: #e8e0f0;--muted: #9a90b0;--accent: #ff3e6c;--accent-subtle: rgba(255, 62, 108, .15);--gold: #ffe03e;--blue: #3eb8ff;--green: #3effa0;--green-subtle: rgba(62, 255, 160, .15);--red: #f85149;--red-subtle: rgba(248, 81, 73, .15);--yellow: #d29922;--orange: #db6d28}html{overscroll-behavior:none}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;overscroll-behavior:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;touch-action:manipulation}input{font-family:inherit;font-size:inherit}.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;border-bottom:1px solid var(--border);background:#08090fe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.nav-tabs{display:flex;gap:0}.tab{padding:.75rem 1.25rem;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;transition:color .15s}.tab:hover{color:var(--fg)}.tab.active{color:var(--fg);border-bottom-color:var(--accent)}.nav-controls{position:relative;display:flex;align-items:center;gap:.5rem}.nav-brand{display:flex;align-items:center}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);transition:border-color .15s,color .15s}.icon-btn:hover{color:var(--fg);border-color:var(--accent)}.nav-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:.6rem 1rem;letter-spacing:.05em;transition:border-color .15s,color .15s;white-space:nowrap}.nav-btn:hover{color:var(--fg);border-color:var(--muted)}@media (max-width: 480px){.nav{padding:.6rem .7rem}.nav-controls{gap:.3rem}.nav-btn{font-size:.5rem;padding:.5rem .7rem;letter-spacing:.03em}.nav-btn-extra{display:none}}.nav-panel{position:absolute;top:calc(100% + .4rem);right:0;background:var(--surface);border:2px dashed var(--border);padding:1.2rem 1.4rem;width:min(340px,calc(100vw - 1.5rem));max-height:400px;overflow-x:hidden;overflow-y:auto;z-index:100;animation:panel-in .14s ease-out;transform-origin:top right}.nav-panel:before,.nav-panel:after{content:"";display:block;height:6px;background:repeating-linear-gradient(90deg,var(--border) 0 4px,transparent 4px 8px);margin:0 -1.4rem;width:calc(100% + 2.8rem);pointer-events:none;flex-shrink:0}.nav-panel:before{margin-bottom:1rem;margin-top:-.4rem}.nav-panel:after{margin-top:1rem;margin-bottom:-.4rem}.nav-panel-header{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--green);text-align:center;letter-spacing:.15em;margin-bottom:1rem}.nav-panel-date{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--muted);letter-spacing:.1em;margin-bottom:.35rem}.nav-panel-title{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--fg);margin-bottom:.5rem}.nav-panel-items{list-style:none;padding:0;margin:0}.nav-panel-items li{font-size:.95rem;color:var(--muted);padding:.2rem 0 .2rem 1.2rem;position:relative;line-height:1.5}.nav-panel-items li:before{content:"▸";position:absolute;left:0;color:var(--blue);font-size:.8rem}.nav-panel-divider{border:none;border-top:1px dashed var(--border);margin:.8rem 0}.nav-panel-desc{font-size:.95rem;color:var(--muted);line-height:1.5}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.settings-panel{position:absolute;top:calc(100% + .4rem);right:0;background:var(--surface);border:2px dashed var(--border);padding:1.6rem 1.4rem;width:min(300px,calc(100vw - 1.5rem));z-index:100;animation:panel-in .14s ease-out;transform-origin:top right}.settings-panel:before,.settings-panel:after{content:"";position:absolute;left:-2px;right:-2px;height:6px;background:repeating-linear-gradient(90deg,var(--border) 0 4px,transparent 4px 8px);pointer-events:none;z-index:1}.settings-panel:before{top:4px}.settings-panel:after{bottom:4px}@keyframes panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.settings-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.settings-onoff{font-family:"Press Start 2P",monospace;font-size:.55rem;padding:5px 10px;border-radius:6px;cursor:pointer;letter-spacing:.05em;border:1px solid;transition:border-color .15s,color .15s,background .15s}.settings-on{border-color:var(--green);color:var(--green);background:#3effa014}.settings-off{border-color:var(--border);color:var(--muted);background:var(--surface-hover)}.settings-divider{height:1px;background:var(--border);margin:.75rem 0}.settings-effect-row{display:flex;gap:4px;margin-bottom:.7rem}.settings-effect-btn{flex:1;padding:5px 0;font-size:.68rem;font-family:Outfit,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:7px;background:var(--surface-hover);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.settings-effect-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.settings-effect-active{border-color:var(--accent)!important;background:var(--accent-subtle)!important;color:var(--accent)!important}.settings-effect-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.page{max-width:600px;margin:0 auto;padding:2rem 1rem 5rem;text-align:center}.page:has(.bs-game){max-width:900px}.page h1{font-family:"Press Start 2P",monospace;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.5rem}.page p{margin-bottom:1rem;color:var(--muted)}.lobby-page{max-width:560px;width:100%}.lobby-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;width:100%}.lobby-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:1}.lobby-corner{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;z-index:2;pointer-events:none}.lobby-corner-tl{top:8px;left:8px;border-width:2px 0 0 2px}.lobby-corner-tr{top:8px;right:8px;border-width:2px 2px 0 0}.lobby-corner-bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.lobby-corner-br{bottom:8px;right:8px;border-width:0 2px 2px 0}.lobby-hero{height:145px;overflow:hidden;position:relative;display:flex;align-items:flex-end;flex-shrink:0}.lobby-hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.6;pointer-events:none;overflow:hidden}.lobby-hero-strip{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:.65rem;padding:.65rem 1rem;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lobby-hero-name{font-family:"Press Start 2P",monospace;font-size:.8rem;flex:1;color:var(--fg)}.lobby-hero-desc{font-size:.88rem;color:var(--muted);text-transform:uppercase}.lobby-body{padding:1.5rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:1}@media (max-width: 400px){.lobby-body{padding:1.25rem}}.lobby-rules{display:flex;flex-direction:column;gap:.4rem}.lobby-rule{font-size:.9rem;color:var(--muted);line-height:1.55;display:flex;gap:.5rem;text-align:left}.lobby-rule-bullet{color:var(--blue);flex-shrink:0}.lobby-warning{background:color-mix(in srgb,var(--red) 15%,transparent);border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:6px;color:var(--red);font-size:.8rem;padding:.5rem .75rem;margin:0}.lobby-divider{height:1px;background:var(--border);margin:0}.lobby-step-label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--muted);letter-spacing:.1em;margin-bottom:-.5rem}.lobby-cta{display:block;width:100%;background:var(--accent);color:#fff;font-family:"Press Start 2P",monospace;font-size:.75rem;padding:1.1rem 1rem;border:none;border-radius:6px;letter-spacing:.05em;box-shadow:0 3px #a0142dcc;cursor:pointer;transition:transform .08s,box-shadow .08s}.lobby-cta:hover{background:color-mix(in srgb,var(--accent) 85%,white)}.lobby-cta:active{transform:translateY(2px);box-shadow:0 1px #a0142dcc}.lobby-cta:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.lobby-cta-green{background:var(--green);color:#08090f;box-shadow:0 3px #14a050cc}.lobby-cta-green:hover{background:color-mix(in srgb,var(--green) 85%,white)}.lobby-cta-green:active{transform:translateY(2px);box-shadow:0 1px #14a050cc}.help-panel{width:240px}.help-rules{list-style:none;display:flex;flex-direction:column;gap:.4rem}.help-rules li{font-size:.85rem;color:var(--muted);line-height:1.45}.nickname-form{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.nickname-input-wrap{position:relative;display:block}.nickname-counter{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--muted);pointer-events:none}.nickname-counter-empty{color:var(--red)}.nickname-form input{padding:.75rem 2.5rem;border:1px solid var(--border);border-radius:0;background:var(--bg);color:var(--fg);width:100%;text-align:center;transition:border-color .15s}.nickname-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.btn{display:inline-block;padding:.5rem 1.25rem;border:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--fg);font-weight:500;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-hover);border-color:var(--fg)}.nickname-form button{display:inline-block;padding:.5rem 1.5rem;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:#fff;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.nickname-form button:hover{opacity:.88}.btn-rematch,.btn-go{background:var(--green-subtle);border-color:var(--green);color:var(--green)}.btn-rematch:hover,.btn-go:hover{background:var(--green);color:#fff}.btn-secondary{color:var(--muted);font-size:.85rem}.waiting-state{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center;padding:3.5rem 2rem;position:relative;border:1px solid rgba(62,184,255,.14);border-radius:16px;overflow:hidden}.waiting-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(62,184,255,.06) 0%,transparent 65%);pointer-events:none;z-index:0;animation:wait-glow-pulse 3.5s ease-in-out infinite}@keyframes wait-glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.waiting-state>*{position:relative;z-index:1}.wait-status{color:var(--muted);font-size:1.05rem}.wait-dots{display:flex;gap:7px}.wait-dots span{width:8px;height:8px;background:var(--blue);border-radius:50%;animation:wait-dot-bounce 1.2s ease-in-out infinite}.wait-dots span:nth-child(2){animation-delay:.2s}.wait-dots span:nth-child(3){animation-delay:.4s}@keyframes wait-dot-bounce{0%,to{transform:scale(.65);opacity:.35}50%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.wait-dots span{animation:none}.waiting-state:before{animation:none}}.game-info{font-size:1rem;color:var(--muted)}.game-status{font-size:1.35rem;font-weight:500;margin:.75rem 0;color:var(--muted)}.game-status.your-turn{color:var(--accent)}.game-status.game-over{color:var(--green);font-weight:600}.game-status.game-win{color:var(--green);font-weight:700;font-size:1.6rem}.game-status.game-lose{color:var(--red);font-weight:700;font-size:1.6rem}.game-status.game-winner-name{font-size:1rem;font-weight:500;opacity:.65;margin-top:-.4rem}.error{color:var(--red);margin-bottom:1rem}.game-end{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-top:1rem}.game-end .btn{display:block;text-align:center}.opponent-left{color:var(--red);font-weight:500}.rematch-info{color:var(--yellow);font-weight:500;min-height:1.5em}.mark-x{color:var(--accent)}.mark-o{color:var(--blue)}.disc-red{color:var(--accent)}.disc-yellow{color:var(--blue)}.disc-red-bg{background:var(--accent)!important}.disc-yellow-bg{background:var(--blue)!important}.ttt-board{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:4px;justify-content:center;margin:1rem auto}.ttt-cell{display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:1.6rem;background:#000;border:1px solid #1c1e38;border-radius:0;color:var(--fg);transition:border-color .1s,background .1s}.ttt-cell.mark-x{color:var(--accent)}.ttt-cell.mark-o{color:var(--blue)}.ttt-cell.clickable:hover{border-color:var(--accent);background:#ff3e6c14;cursor:pointer}.ttt-cell.taken,.ttt-cell:disabled{cursor:default}.ttt-cell.ttt-ghost{opacity:.45;box-shadow:inset 0 0 0 2px currentColor}.ttt-mode-badge{display:inline-block;font-family:"Press Start 2P",monospace;font-size:.45rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:#ff3e6c14;border:1px solid var(--accent);border-radius:0;padding:3px 8px;margin:-.25rem 0 .5rem}.c4-board{display:grid;grid-template-columns:repeat(7,50px);grid-template-rows:repeat(6,50px);gap:4px;justify-content:center;margin:1rem auto}.c4-cell{display:flex;align-items:center;justify-content:center;background:#0a0b14;border:1px solid #1c1e38;border-radius:0;padding:0}.c4-cell.clickable{cursor:pointer}.c4-cell:disabled{cursor:default}.c4-board[data-hover-col="0"] button[data-col="0"],.c4-board[data-hover-col="1"] button[data-col="1"],.c4-board[data-hover-col="2"] button[data-col="2"],.c4-board[data-hover-col="3"] button[data-col="3"],.c4-board[data-hover-col="4"] button[data-col="4"],.c4-board[data-hover-col="5"] button[data-col="5"],.c4-board[data-hover-col="6"] button[data-col="6"]{border-color:var(--accent);background:#ff3e6c14}.c4-disc{display:block;width:36px;height:36px;border-radius:50%}@keyframes c4-disc-drop{0%{transform:translateY(calc(-1 * var(--drop-dist, 54px)));opacity:.8}75%{transform:translateY(6px);opacity:1}to{transform:translateY(0)}}.c4-disc-drop{animation:c4-disc-drop .26s ease-in forwards}@keyframes c4-win-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}.c4-disc-win{animation:c4-win-pulse .5s ease-in-out 3;animation-fill-mode:forwards}.scoreboard{display:flex;justify-content:center;gap:2rem;margin-bottom:.75rem;font-size:1rem}.score-player,.score-draws{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-num{font-family:"Press Start 2P",monospace;font-size:1.1rem;color:var(--fg)}.score-player>span:first-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-draws span:first-child{color:var(--muted)}.rps-arena{display:flex;justify-content:center;align-items:flex-start;gap:1.5rem;margin:1.25rem 0 .75rem}.rps-arena-side{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:130px}.rps-arena-name{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.rps-arena-card{width:110px;height:110px;border:2px solid #1c1e38;background:#05060e;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.rps-arena-icon{font-size:2.8rem;line-height:1;-webkit-user-select:none;user-select:none}.rps-arena-sublabel{font-family:"Press Start 2P",monospace;font-size:.38rem;color:var(--muted);text-align:center;min-height:1em}.rps-arena-vs{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--muted);margin-top:42px}.rps-card-empty{border-color:#1c1e38}.rps-card-locked{border-color:#3a3d60;background:#0a0b18}.rps-card-locked .rps-arena-icon{font-size:2rem;opacity:.7}.rps-card-rock{border-color:#3eb8ff;background:#3eb8ff0f}.rps-card-paper{border-color:var(--gold);background:#ffe03e0f}.rps-card-scissors{border-color:var(--accent);background:#ff3e6c0f}.rps-card-lizard{border-color:var(--green);background:#3effa00f}.rps-card-spock{border-color:#c084fc;background:#c084fc0f}.rps-choices{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.rps-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #1c1e38;border-radius:0;background:#05060e;color:var(--muted);font-family:"Press Start 2P",monospace;transition:border-color .1s,background .1s,color .1s;cursor:pointer;min-width:88px}.rps-btn-icon{font-size:1.8rem;line-height:1}.rps-btn-label{font-size:.4rem}.rps-btn:hover[data-choice=rock]{background:#3eb8ff1f;border-color:#3eb8ff;color:#3eb8ff}.rps-btn:hover[data-choice=paper]{background:#ffe03e1a;border-color:var(--gold);color:var(--gold)}.rps-btn:hover[data-choice=scissors]{background:#ff3e6c1a;border-color:var(--accent);color:var(--accent)}.timer{font-size:1.5rem;font-weight:700;color:var(--accent);margin:.5rem 0}.timer-urgent{color:var(--red)}.bs-placement{display:flex;flex-direction:column;align-items:center;gap:.75rem}.bs-controls{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.bs-controls .btn{font-size:.8rem;padding:.35rem .75rem}.bs-hint{font-size:.75rem;color:var(--muted)}.bs-game{max-width:none}.bs-battle{display:flex;gap:1.5rem;justify-content:center;flex-wrap:nowrap;margin:.75rem 0}@media (max-width: 700px){.bs-battle{flex-wrap:wrap}}.bs-board-section{display:flex;flex-direction:column;align-items:center}.bs-board-label{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.bs-grid-wrapper{position:relative}.bs-grid{display:grid;gap:2px;position:relative}.bs-cell{background:#000;border:1px solid #1c1e38;border-radius:0;display:flex;align-items:center;justify-content:center;transition:border-color .1s,background .1s}.bs-cell.bs-clickable{cursor:pointer}.bs-cell.bs-clickable:hover{border-color:var(--accent);background:#ff3e6c14}.bs-cell.bs-hit{background:var(--accent);border-color:var(--accent)}.bs-cell.bs-miss{background:#1c1e38}.bs-cell.bs-safe{background:#1c1e38;cursor:default}.bs-marker{font-weight:700;font-size:1.1em;line-height:1;pointer-events:none}.bs-hit .bs-marker{color:#000}.bs-miss .bs-marker{color:var(--muted)}.bs-ship{pointer-events:none;display:flex;gap:2px;overflow:hidden;z-index:1;background:#2a2c44;border:1px solid var(--blue);opacity:1}.bs-ship-sunk{background:var(--accent)!important;border-color:var(--accent)!important;opacity:.7!important}.bs-ship-seg{flex-shrink:0}.bs-ship-seg-hit{background:var(--red);opacity:.5}.bs-label{display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--muted);font-weight:600}.bs-fleet{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem;font-size:.75rem}.bs-fleet-ship{display:flex;align-items:center;gap:.4rem}.bs-fleet-sunk{opacity:.4;text-decoration:line-through}.bs-fleet-name{color:var(--muted);width:75px;text-align:right}.bs-fleet-dots{display:flex;gap:3px}.bs-fleet-dot{width:10px;height:10px;border-radius:2px;background:var(--accent);opacity:.4}.bs-fleet-dot-hit{background:var(--red);opacity:.8}.hl-lobby-settings{display:flex;flex-direction:column;gap:.5rem;text-align:left}.hl-lobby-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0}.hl-presets{display:flex;gap:.4rem;flex-wrap:wrap}.hl-preset-btn{font-size:.8rem;padding:.3rem .65rem;border-radius:0}.hl-preset-active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.hl-input-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.25rem 0}.hl-number-input{width:260px;padding:1.25rem 1.5rem;border:3px solid var(--border);border-radius:0;background:var(--bg);color:var(--fg);font-family:"Press Start 2P",monospace;font-size:2.2rem;text-align:center;transition:border-color .1s;-moz-appearance:textfield}.hl-number-input::-webkit-outer-spin-button,.hl-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hl-number-input:focus{outline:none;border-color:var(--accent)}.hl-input-area .btn{min-width:200px;font-size:1rem;padding:.8rem 2rem}.hl-input-error{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--red);margin:0}.hl-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem auto;width:480px;max-width:100%}.hl-column-title{font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.6rem;text-align:left}.hl-guess{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-radius:0;background:#05060e;border:1px solid #1c1e38;margin-bottom:.5rem;text-align:left}.hl-guess-num{font-family:"Press Start 2P",monospace;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--fg)}.hl-result{font-family:"Press Start 2P",monospace;font-size:.8rem;line-height:1}.hl-higher{color:var(--green)}.hl-lower{color:var(--accent)}.hl-correct{color:var(--green)}.reaction-floats{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:100}.reaction-float{position:absolute;bottom:60px;font-size:2rem;animation:reaction-rise 1.8s ease-out forwards;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes reaction-rise{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}50%{opacity:.9;transform:translateY(-35vh) scale(1.15) rotate(-8deg)}to{opacity:0;transform:translateY(-70vh) scale(.7) rotate(12deg)}}.reaction-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:.35rem;padding:.5rem;background:var(--surface);border-top:1px solid var(--border);z-index:40}body:has(.reaction-bar){padding-bottom:72px}.reaction-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:0;background:var(--surface);font-size:1.35rem;display:flex;align-items:center;justify-content:center;transition:transform .1s,border-color .15s,background .15s;cursor:pointer;-webkit-user-select:none;user-select:none}.reaction-btn:hover{border-color:var(--fg);background:var(--surface-hover)}.reaction-btn:active{transform:scale(.85)}.hm-drawing{display:block;margin:.5rem auto;color:#3a3c58}.hm-hint{color:var(--accent);font-family:"Press Start 2P",monospace;font-size:.5rem;margin:.5rem 0 0;letter-spacing:.03em}.hm-word{display:flex;justify-content:center;gap:.4rem;margin:1rem 0;flex-wrap:wrap}.hm-letter{display:inline-flex;align-items:center;justify-content:center;width:36px;height:42px;font-family:"Press Start 2P",monospace;font-size:.75rem;text-transform:uppercase}.hm-blank{border-bottom:3px solid var(--muted)}.hm-space{width:16px;border-bottom:none}.hm-filled{color:var(--accent);border-bottom:3px solid var(--accent)}.hm-reveal{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent);margin:.5rem 0}.hm-keyboard{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:1rem auto}.hm-keyboard-row{display:flex;gap:.3rem;justify-content:center}.hm-key{width:38px;height:38px;border:1px solid #1c1e38;border-radius:0;background:#05060e;color:var(--fg);font-family:"Press Start 2P",monospace;font-size:.5rem;display:inline-flex;align-items:center;justify-content:center;transition:border-color .1s,background .1s;cursor:pointer}.hm-key:not(.hm-key-passive):not(:disabled):hover{border-color:var(--accent);background:#ff3e6c14}.hm-key:disabled,.hm-key-passive{cursor:default}.hm-key-correct{background:#3effa01f;border-color:var(--green);color:var(--green)}.hm-key-wrong{background:#ff3e6c14;border-color:#3a3c58;color:#3a3c58;opacity:.5}.hm-word-form{display:flex;flex-direction:column;gap:.75rem;align-items:center}.hm-word-form input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:0;background:var(--bg);color:var(--fg);width:min(320px,90vw);text-align:center;font-size:1.1rem;letter-spacing:.05em;transition:border-color .1s}.hm-word-form input:focus{outline:none;border-color:var(--accent)}.pong-game{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.pong-canvas-wrap{position:relative;line-height:0;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--border)}.pong-canvas-wrap canvas{display:block;max-width:100%;height:auto}.pong-end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem;border-radius:8px}.pong-final-score{font-size:1rem;opacity:.7;margin:.25rem 0 .5rem}.wordle-page{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.wordle-hdr{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.75rem;gap:.25rem}.wordle-hdr-title{font-size:1.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);margin:0}.wordle-hdr-scores{display:flex;gap:2rem;font-size:.82rem;color:var(--muted);font-weight:600}.wordle-hdr-scores strong{color:var(--fg)}.wordle-hdr-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.wordle-timer-inline{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg)}.wordle-opp-chip{font-size:.78rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:0;padding:.2rem .65rem}.wordle-grid-area{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:.5rem 0}.wordle-grid-area-spectating,.wordle-grid-area-split{flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}.wordle-grid-spectate-mine{opacity:.45}.wordle-end-info{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.5rem}.wordle-setter-reminder{font-size:.85rem;color:var(--muted);margin-bottom:.25rem}:root{--wt-correct: #3effa0;--wt-present: #ffe03e;--wt-absent: #2a2c44;--wt-correct-fg: #000;--wt-present-fg: #000;--wt-absent-fg: var(--muted);--wk-default: #1e2038;--wk-default-fg: #9096b8}.wordle-grid{display:inline-grid}.wordle-row{display:grid}.wordle-tile{display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.55rem;font-weight:700;border:2px solid var(--border);background:#0e1020;color:var(--fg);-webkit-user-select:none;user-select:none;text-transform:uppercase}.wordle-grid-compact .wordle-tile{font-size:.45rem;border-width:2px}.wordle-tile.wt-typed{border-color:var(--fg);animation:wt-pop .1s ease}@keyframes wt-pop{0%{transform:scaleY(1)}50%{transform:scaleY(1.12)}to{transform:scaleY(1)}}.wordle-tile.wt-submitting{border-color:var(--muted)}.wordle-tile.wt-correct{background:var(--wt-correct);border-color:var(--wt-correct);color:var(--wt-correct-fg)}.wordle-tile.wt-present{background:var(--wt-present);border-color:var(--wt-present);color:var(--wt-present-fg)}.wordle-tile.wt-absent{background:var(--wt-absent);border-color:var(--wt-absent);color:var(--wt-absent-fg)}@keyframes wt-flip-correct{0%{transform:scaleY(1);background:var(--surface);border-color:var(--muted);color:var(--fg)}49%{transform:scaleY(.01);background:var(--surface);border-color:var(--muted)}50%{transform:scaleY(.01);background:var(--wt-correct);border-color:var(--wt-correct);color:var(--wt-correct-fg)}to{transform:scaleY(1);background:var(--wt-correct);border-color:var(--wt-correct);color:var(--wt-correct-fg)}}@keyframes wt-flip-present{0%{transform:scaleY(1);background:var(--surface);border-color:var(--muted);color:var(--fg)}49%{transform:scaleY(.01);background:var(--surface)}50%{transform:scaleY(.01);background:var(--wt-present);border-color:var(--wt-present);color:var(--wt-present-fg)}to{transform:scaleY(1);background:var(--wt-present);border-color:var(--wt-present);color:var(--wt-present-fg)}}@keyframes wt-flip-absent{0%{transform:scaleY(1);background:var(--surface);border-color:var(--muted);color:var(--fg)}49%{transform:scaleY(.01);background:var(--surface)}50%{transform:scaleY(.01);background:var(--wt-absent);border-color:var(--wt-absent);color:var(--wt-absent-fg)}to{transform:scaleY(1);background:var(--wt-absent);border-color:var(--wt-absent);color:var(--wt-absent-fg)}}.wt-flip-correct{animation:wt-flip-correct .32s ease forwards;animation-delay:var(--flip-delay, 0ms);animation-fill-mode:both}.wt-flip-present{animation:wt-flip-present .32s ease forwards;animation-delay:var(--flip-delay, 0ms);animation-fill-mode:both}.wt-flip-absent{animation:wt-flip-absent .32s ease forwards;animation-delay:var(--flip-delay, 0ms);animation-fill-mode:both}@keyframes wordle-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(4px)}}.wordle-row-shake{animation:wordle-shake .5s ease}@keyframes wordle-bounce{0%,to{transform:translateY(0)}20%{transform:translateY(-16px)}40%{transform:translateY(0)}60%{transform:translateY(-8px)}80%{transform:translateY(0)}}.wordle-row-bounce .wordle-tile{animation:wordle-bounce .6s ease forwards}.wordle-row-bounce .wordle-tile:nth-child(1){animation-delay:0ms}.wordle-row-bounce .wordle-tile:nth-child(2){animation-delay:80ms}.wordle-row-bounce .wordle-tile:nth-child(3){animation-delay:.16s}.wordle-row-bounce .wordle-tile:nth-child(4){animation-delay:.24s}.wordle-row-bounce .wordle-tile:nth-child(5){animation-delay:.32s}.wordle-keyboard{display:flex;flex-direction:column;gap:6px;margin-top:1.5rem;align-items:center}.wordle-kb-row{display:flex;gap:5px}.wordle-key{height:56px;min-width:40px;padding:0 6px;border:none;border-radius:0;background:var(--wk-default);color:var(--wk-default-fg);font-family:"Press Start 2P",monospace;font-size:.45rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s,opacity .1s;-webkit-user-select:none;user-select:none}.wordle-key:active{opacity:.7}.wordle-key-wide{min-width:60px;font-size:.75rem}.wordle-key-disabled{opacity:.5;cursor:default;pointer-events:none}.wordle-key.wk-correct{background:var(--wt-correct);color:#000}.wordle-key.wk-present{background:var(--wt-present);color:#000}.wordle-key.wk-absent{background:#0d0f1c;color:#2e3150}.wordle-toast{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:.4rem 1rem;border-radius:0;font-size:.82rem;font-weight:700;white-space:nowrap;pointer-events:none;z-index:20;animation:toast-in .15s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wordle-grid-container{position:relative}.wordle-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:4px;z-index:10}.wordle-countdown-num{font-size:4rem;font-weight:900;color:#fff;animation:countdown-pop .25s ease}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.wordle-main{display:flex;flex-direction:column;align-items:center;gap:1rem}.wordle-grids{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;justify-content:center}.wordle-grid-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.wordle-grid-label{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.wordle-spectate-badge{font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--red);background:color-mix(in srgb,var(--red) 15%,transparent);border:1px solid var(--red);border-radius:4px;padding:1px 5px;animation:spectate-pulse 1.5s ease-in-out infinite}.wordle-spectate-badge-failed{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent);border-color:var(--muted);animation:none}.wordle-opp-chip-spectating{color:var(--red);animation:spectate-pulse 1.5s ease-in-out infinite}@keyframes spectate-pulse{0%,to{opacity:1}50%{opacity:.4}}.wordle-opponent-panel{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:.75rem;font-size:.9rem}.wordle-opp-name{font-weight:600}.wordle-opp-info{color:var(--muted)}.wordle-opp-confirmed{color:var(--wt-correct);font-weight:600}.wordle-opp-solved{color:var(--green);font-weight:600}.wordle-opp-failed{color:var(--muted)}.wordle-timer{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:.5rem}.wordle-word-reveal{font-size:1rem;color:var(--muted);margin-top:.5rem}.wordle-word-highlight{font-size:1.2rem;font-weight:700;color:var(--fg);letter-spacing:.1em}.wordle-finish-times{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted);text-align:center;margin-top:.25rem}.wordle-challenge-prompt{margin-bottom:1.25rem;color:var(--muted)}.wordle-setword-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.wordle-setword-tiles{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;width:min(100%,420px);min-height:54px;align-items:center}.wordle-setter-tile{width:54px;height:54px;font-size:1.4rem}.wordle-setter-placeholder{color:var(--muted);font-size:.9rem;padding:.75rem 0}.wordle-setword-hint{font-size:.78rem;color:var(--muted);margin-top:-.25rem}.wordle-setword-input{padding:.6rem 1rem;font-size:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--fg);text-align:center;letter-spacing:.15em;text-transform:uppercase;width:min(100%,260px)}.wordle-setword-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.wordle-setword-error{color:var(--red);font-size:.85rem}.wordle-setter-word{font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.wordle-mode-desc{font-size:.8rem;color:var(--muted);margin-top:.5rem;line-height:1.4;text-align:center}.dab-container{display:flex;justify-content:center;margin:.75rem 0 .25rem;overflow-x:auto}.dab-svg{display:block;flex-shrink:0;border-radius:0;border:2px solid var(--border);overflow:hidden}.dab-line{transition:stroke .1s ease,stroke-width .08s ease,stroke-opacity .1s ease}.dab-box{transition:opacity .2s ease}.score-sub{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--muted)}@media (max-width: 500px){.c4-board{grid-template-columns:repeat(7,44px);grid-template-rows:repeat(6,44px);gap:3px}.c4-disc{width:32px;height:32px}.hm-keyboard{gap:.25rem}.hm-keyboard-row{gap:2px}.hm-key{width:30px;height:34px;font-size:.8rem}.wordle-keyboard{width:100%;align-self:stretch;gap:4px;margin-top:.75rem}.wordle-kb-row{gap:4px;width:100%}.wordle-key{flex:1;min-width:0;height:48px;font-size:.78rem;padding:0 2px}.wordle-key-wide{flex:1.5;min-width:0;font-size:.65rem}.hl-columns{width:100%}.hl-number-input{width:min(260px,90vw);font-size:1.6rem}.wordle-grid-area-spectating,.wordle-grid-area-split{flex-direction:column;align-items:center}}.home{padding:0}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 2rem 1.5rem}.home-subtitle{color:var(--fg);font-size:1rem;margin-top:1.1rem;margin-bottom:1.4rem;letter-spacing:.03em;opacity:.92}.home-search-wrap{max-width:540px;margin:0 auto .7rem}.home-search{width:100%;padding:.65rem 1.1rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-family:Outfit,sans-serif;font-size:.9rem;color:var(--fg);outline:none;transition:border-color .15s,box-shadow .15s}.home-search::placeholder{color:var(--muted)}.home-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3eb8ff1a}.home-search::-webkit-search-cancel-button{display:none}.home-pills-wrap{overflow-x:auto;scrollbar-width:none;width:100%;max-width:540px;margin:0 auto}.home-pills-wrap::-webkit-scrollbar{display:none}.home-pills{display:flex;gap:5px;justify-content:center;padding-bottom:2px}.home-pill{padding:.3rem .85rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:all .12s}.home-pill:hover{color:var(--fg);border-color:var(--fg)}.home-pill-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px #ff3e6c4d}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:1rem 3rem 2rem;margin-bottom:0}.game-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;height:220px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);box-shadow:3px 3px #00000080;transition:transform .12s,box-shadow .12s;text-align:left;color:inherit}.game-card:hover{transform:translate(-2px,-3px);box-shadow:5px 6px #0000008c}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:5}.game-card-scene{flex:1;position:relative;overflow:hidden;min-height:0}.game-card-label{padding:.55rem .9rem .6rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.06);z-index:3;position:relative;flex-shrink:0}.game-card-name{font-family:"Press Start 2P",monospace;font-size:.72rem;color:#fff;letter-spacing:.04em;line-height:1.5;margin-bottom:.25rem}.game-card-desc{font-size:.9rem;color:#ffffffb3;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-badge{position:absolute;top:.6rem;right:.6rem;padding:.13rem .4rem;background:var(--gold);color:#08090f;font-family:"Press Start 2P",monospace;font-size:.5rem;letter-spacing:.08em;border-radius:3px;z-index:6;text-transform:uppercase}@media (max-width: 700px){.game-grid{grid-template-columns:repeat(2,1fr);padding:1.5rem;gap:10px}}@media (max-width: 480px){.game-grid{grid-template-columns:1fr;padding:1rem}}@media (prefers-reduced-motion: reduce){.game-card:hover{transform:none;box-shadow:3px 3px #00000080}}.home-arcade-strip{position:relative;height:90px;overflow:visible;pointer-events:none}.home-footer{border-top:1px solid var(--border);padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--bg);position:relative;z-index:10}.home-footer-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media (max-width: 560px){.home-footer{flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;gap:.75rem}.home-footer-left{gap:.9rem}.home-footer-count,.home-footer-kills,.home-footer-counter{font-size:.72rem}.home-footer-legal a{font-size:.7rem;opacity:.8}.home-footer-dot{font-size:.7rem}}.home-footer-count{font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--green);letter-spacing:.12em;text-transform:uppercase}.home-footer-legal{display:flex;align-items:center;gap:.5rem}.home-footer-legal a{color:var(--muted);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.1em;opacity:.6;transition:opacity .15s}.home-footer-legal a:hover{opacity:1;color:var(--text)}.home-footer-dot{color:var(--muted);opacity:.4;font-size:.6rem}.home-footer-kills{font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.footer-invader-icon{display:inline-block;width:14px;height:10px;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3E%3Crect x='2' y='0' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='8' y='0' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='3' y='1' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='7' y='1' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='1' y='2' width='9' height='1' fill='%23ff3e6c'/%3E%3Crect x='0' y='3' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='2' y='3' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='4' y='3' width='3' height='1' fill='%23ff3e6c'/%3E%3Crect x='8' y='3' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='10' y='3' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='0' y='4' width='11' height='1' fill='%23ff3e6c'/%3E%3Crect x='0' y='5' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='2' y='5' width='7' height='1' fill='%23ff3e6c'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='2' y='6' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='8' y='6' width='1' height='1' fill='%23ff3e6c'/%3E%3Crect x='1' y='7' width='2' height='1' fill='%23ff3e6c'/%3E%3Crect x='8' y='7' width='2' height='1' fill='%23ff3e6c'/%3E%3C/svg%3E");background-size:14px 10px;opacity:.9}.home-footer-counter{font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--green);letter-spacing:.12em;text-transform:uppercase;position:relative;cursor:default;border-bottom:1px dashed rgba(62,255,160,.3);padding-bottom:2px;margin-bottom:-3px}.home-footer-counter:hover{border-bottom-color:#3effa099}.footer-tooltip{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg);border:1px solid var(--border);padding:.8rem 1rem;min-width:260px;z-index:60;pointer-events:none;opacity:0;transition:opacity .15s}.home-footer-counter:hover .footer-tooltip{opacity:1}.footer-tooltip-row{display:flex;align-items:baseline;gap:.4rem;padding:.35rem 0}.footer-tooltip-game{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.footer-tooltip-dots{flex:1;border-bottom:1px dotted var(--border);min-width:.5rem;margin-bottom:2px}.footer-tooltip-count{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--green);flex-shrink:0}.scene-hm{display:flex;flex-direction:column;align-items:center;gap:.6rem}.scene-hm-used{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:130px}.scene-hm-wrong{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#ff5a5ad9;padding:2px 3px;background:#c8282826;border-radius:2px}.scene-hm-lives{display:flex;gap:4px;align-items:center}.scene-hm-life{width:7px;height:7px;border-radius:50%}.scene-hm-life-full{background:#4ade80;box-shadow:0 0 4px #4ade8080}.scene-hm-life-lost{background:#ffffff1f}.scene-pong-court{position:relative;width:180px;height:96px;border:2px solid rgba(255,255,255,.14);border-radius:4px;overflow:hidden;flex-shrink:0}.scene-pong-mid{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 5px,transparent 5px,transparent 10px)}.scene-pong-score{position:absolute;top:5px;left:0;right:0;display:flex;justify-content:center;gap:1.8rem;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#ffffff73}.scene-pong-paddle{position:absolute;width:5px;height:26px;background:#fff;border-radius:3px;box-shadow:0 0 7px #ffffff80}.scene-pong-paddle-l{left:6px;top:30%}.scene-pong-paddle-r{right:6px;top:45%}.scene-pong-ball{position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #ffe03ecc;animation:scene-pong-ball 2.4s linear infinite alternate}@keyframes scene-pong-ball{0%{left:22%;top:18%}33%{left:68%;top:60%}66%{left:28%;top:72%}to{left:64%;top:25%}}@media (prefers-reduced-motion: reduce){.scene-pong-ball{animation:none;left:45%;top:45%}}.scene-dab{position:relative;width:106px;height:106px;flex-shrink:0}.scene-dab-dot{position:absolute;width:6px;height:6px;background:#ffffffa6;border-radius:50%;transform:translate(-50%,-50%)}.scene-dab-lh{position:absolute;height:4px;border-radius:2px;transform:translateY(-50%)}.scene-dab-lv{position:absolute;width:4px;border-radius:2px;transform:translate(-50%)}.scene-dab-p1{background:#ff6040;box-shadow:0 0 5px #ff604080}.scene-dab-p2{background:#4090ff;box-shadow:0 0 5px #4090ff80}.scene-dab-empty{background:#ffffff1f}.scene-dab-box{position:absolute;border-radius:2px}.scene-dab-box-p1{background:#ff604026}.scene-dab-box-p2{background:#4090ff26}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glitch-text:before{color:#ff3e6c;animation:glitch-before 4s steps(1) infinite;clip-path:polygon(0 18%,100% 18%,100% 36%,0 36%)}.glitch-text:after{color:#3eb8ff;animation:glitch-after 4s steps(1) infinite;clip-path:polygon(0 55%,100% 55%,100% 72%,0 72%)}@keyframes glitch-before{0%,94%{transform:translate(0);opacity:0}95%{transform:translate(-3px);opacity:1}96%{transform:translate(3px);opacity:1}97%{transform:translate(-2px);opacity:1}98%,to{transform:translate(0);opacity:0}}@keyframes glitch-after{0%,94%{transform:translate(0);opacity:0}95%{transform:translate(3px);opacity:1}96%{transform:translate(-3px);opacity:1}97%{transform:translate(2px);opacity:1}98%,to{transform:translate(0);opacity:0}}@media (prefers-reduced-motion: reduce){.glitch-text:before,.glitch-text:after{display:none}}.brand-marquee{position:relative;display:inline-block;font-family:"Press Start 2P",monospace;line-height:1}.brand-marquee--nav{padding:5px 10px;background:#0f0f1a;box-shadow:inset 2px 2px #6ec6f0,inset -2px -2px #1a5575,0 0 0 2px #3eb8ff}.brand-marquee--hero{padding:24px 34px;background:#0f0f1a;text-align:center;box-shadow:inset 3px 3px #6ec6f0,inset -3px -3px #1a5575,0 0 0 3px #3eb8ff,0 0 0 6px #0b0b10,6px 6px 0 6px #0009}.brand-marquee--hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(255,255,255,.06) 3px,rgba(255,255,255,.06) 4px);pointer-events:none}.brand-inner{display:inline-flex;align-items:center;gap:10px;position:relative}.brand-marquee--nav .brand-inner{gap:8px}.brand-words{display:inline-flex;align-items:center;white-space:nowrap}.brand-sp{display:inline-block;flex-shrink:0}.brand-marquee--nav .brand-words{font-size:.7rem}.brand-marquee--hero .brand-words{font-size:1.85rem}.brand-marquee--nav .brand-sp{width:7px}.brand-marquee--hero .brand-sp{width:18px}.brand-word{position:relative;display:inline-block;text-shadow:3px 3px 0 var(--bw-shadow)}.brand-marquee--nav .brand-word{text-shadow:2px 2px 0 var(--bw-shadow)}.brand-word:before,.brand-word:after{content:attr(data-t);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;color:inherit;text-shadow:inherit}.brand-word:before{clip-path:polygon(0 0,100% 0,100% 33%,0 33%);animation:brand-tear-top 4s steps(1) infinite}.brand-word:after{clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);animation:brand-tear-bot 4s steps(1) infinite}.brand-dice-stack{position:relative;display:inline-flex;align-items:center}.brand-dice-stack:after{content:"";position:absolute;left:50%;bottom:-3px;width:80%;height:6px;border-radius:50%;background:radial-gradient(ellipse at center,#3eb8ffd9,#3eb8ff00 72%);transform:translate(-50%) scale(.6);transform-origin:50% 50%;opacity:0;animation:brand-dice-shadow 4s infinite;pointer-events:none;filter:blur(1px)}.brand-dice-wrap{display:inline-flex;align-items:center;animation:brand-dice-hop 4s infinite;transform-origin:50% 50%}.brand-dice{display:block;image-rendering:pixelated;image-rendering:crisp-edges;animation:brand-dice-spin 4s linear infinite;transform-origin:50% 50%}.brand-bulb{position:absolute;width:12px;height:12px;background:#ffe03e;box-shadow:inset 2px 2px #fff5a0,inset -2px -2px #b09010,0 0 12px #ffe03ee6;animation:brand-bulb-pulse 1.6s steps(2) infinite;z-index:1}.brand-bulb--tl{top:-9px;left:-9px}.brand-bulb--tr{top:-9px;right:-9px;animation-delay:.4s}.brand-bulb--bl{bottom:-9px;left:-9px;animation-delay:.8s}.brand-bulb--br{bottom:-9px;right:-9px;animation-delay:1.2s}.brand-press{display:block;font-family:"Press Start 2P",monospace;font-size:11px;color:#3eb8ff;letter-spacing:2px;text-align:center;margin-top:14px;text-shadow:2px 2px 0 #0d2d40;animation:brand-press-blink 1.2s steps(2) infinite;position:relative}@keyframes brand-tear-top{0%,91%{transform:translate(0);opacity:0}92%{transform:translate(8px);opacity:1}93%{transform:translate(-6px);opacity:1}94%{transform:translate(10px);opacity:1}95%{transform:translate(-4px);opacity:1}96%{transform:translate(2px);opacity:1}97%,to{transform:translate(0);opacity:0}}@keyframes brand-tear-bot{0%,91%{transform:translate(0);opacity:0}92%{transform:translate(-8px);opacity:1}93%{transform:translate(6px);opacity:1}94%{transform:translate(-10px);opacity:1}95%{transform:translate(4px);opacity:1}96%{transform:translate(-2px);opacity:1}97%,to{transform:translate(0);opacity:0}}@keyframes brand-dice-hop{0%,65%{transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.2,.9,.3,1)}73%{transform:translateY(-14px) scale(.7);animation-timing-function:linear}80%{transform:translateY(-14px) scale(.7);animation-timing-function:cubic-bezier(.7,0,.85,.15)}88%,to{transform:translateY(0) scale(1)}}@keyframes brand-dice-spin{0%,65%{transform:rotate(0)}88%,to{transform:rotate(540deg)}}@keyframes brand-dice-shadow{0%,65%{opacity:0;transform:translate(-50%) scale(.55)}73%{opacity:.85;transform:translate(-50%) scale(.6)}80%{opacity:.85;transform:translate(-50%) scale(.6)}88%,to{opacity:0;transform:translate(-50%) scale(.55)}}@keyframes brand-bulb-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes brand-press-blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.brand-word:before,.brand-word:after{display:none}.brand-dice-wrap,.brand-dice{animation:none}.brand-dice-stack:after{animation:none}.brand-bulb,.brand-press{animation:none;opacity:1}}@media (max-width: 480px){.brand-marquee--hero{padding:14px 18px}.brand-marquee--hero .brand-words{font-size:1.15rem}.brand-marquee--hero .brand-sp{width:10px}.brand-marquee--hero .brand-dice{width:22px;height:22px}.brand-marquee--hero .brand-inner{gap:8px}.brand-marquee--hero .brand-press{font-size:8px;margin-top:8px;letter-spacing:1px}.brand-marquee--nav{padding:4px 8px}.brand-marquee--nav .brand-words{font-size:.58rem}.brand-marquee--nav .brand-sp{width:5px}.brand-marquee--nav .brand-inner{gap:7px}.brand-marquee--nav .brand-dice{width:16px;height:16px}.home-subtitle{font-size:.92rem;margin-top:.8rem;margin-bottom:1rem}.home-hero{padding:1.25rem .5rem .5rem}.game-grid{padding:.5rem 1rem 1rem}}.amb-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,black 64px,black 65vh,transparent 88vh);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 64px,black 65vh,transparent 88vh)}.amb-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(0,0,0,.45) 100%);pointer-events:none}.amb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}@media (prefers-reduced-motion: reduce){.amb-canvas{display:none}}.amb-invader{position:absolute;width:33px;height:24px;pointer-events:auto;cursor:pointer;z-index:10;animation:amb-invader-bob .85s steps(2) infinite}.amb-invader-hidden{opacity:0!important;pointer-events:none;animation:none!important}.amb-invader-enter{animation:amb-invader-enter .35s ease-out forwards,amb-invader-bob .85s steps(2) .35s infinite}@keyframes amb-invader-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes amb-invader-bob{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.amb-invader-sprite{position:absolute;top:0;left:0;width:3px;height:3px;background:transparent;box-shadow:6px 0 0 .5px var(--inv-color),24px 0 0 .5px var(--inv-color),9px 3px 0 .5px var(--inv-color),21px 3px 0 .5px var(--inv-color),3px 6px 0 .5px var(--inv-color),6px 6px 0 .5px var(--inv-color),9px 6px 0 .5px var(--inv-color),12px 6px 0 .5px var(--inv-color),15px 6px 0 .5px var(--inv-color),18px 6px 0 .5px var(--inv-color),21px 6px 0 .5px var(--inv-color),24px 6px 0 .5px var(--inv-color),27px 6px 0 .5px var(--inv-color),0 9px 0 .5px var(--inv-color),6px 9px 0 .5px #fff,12px 9px 0 .5px var(--inv-color),15px 9px 0 .5px var(--inv-color),18px 9px 0 .5px var(--inv-color),24px 9px 0 .5px #fff,30px 9px 0 .5px var(--inv-color),0 12px 0 .5px var(--inv-color),3px 12px 0 .5px var(--inv-color),6px 12px 0 .5px var(--inv-color),9px 12px 0 .5px var(--inv-color),12px 12px 0 .5px var(--inv-color),15px 12px 0 .5px var(--inv-color),18px 12px 0 .5px var(--inv-color),21px 12px 0 .5px var(--inv-color),24px 12px 0 .5px var(--inv-color),27px 12px 0 .5px var(--inv-color),30px 12px 0 .5px var(--inv-color),0 15px 0 .5px var(--inv-color),6px 15px 0 .5px var(--inv-color),9px 15px 0 .5px var(--inv-color),12px 15px 0 .5px var(--inv-color),15px 15px 0 .5px var(--inv-color),18px 15px 0 .5px var(--inv-color),21px 15px 0 .5px var(--inv-color),24px 15px 0 .5px var(--inv-color),30px 15px 0 .5px var(--inv-color),6px 18px 0 .5px var(--inv-color),24px 18px 0 .5px var(--inv-color),3px 21px 0 .5px var(--inv-color),6px 21px 0 .5px var(--inv-color),24px 21px 0 .5px var(--inv-color),27px 21px 0 .5px var(--inv-color);filter:drop-shadow(0 0 6px var(--inv-color))}.amb-invader-laser{position:absolute;width:3px;height:7px;left:15px;bottom:24px;background:var(--inv-color, #3eb8ff);box-shadow:0 0 4px 2px var(--inv-color, #3eb8ff),0 0 1px #fffffff2;animation:amb-laser-fire .55s linear forwards}@keyframes amb-laser-fire{0%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(-38px)}to{opacity:0;transform:translateY(-44px)}}@media (prefers-reduced-motion: reduce){.amb-invader,.amb-invader-enter,.amb-invader-laser{animation:none}}@keyframes amb-px-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.amb-score-popup{position:fixed;z-index:200;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:.08em;transform:translate(-50%);animation:amb-score-float .75s ease-out forwards;white-space:nowrap}@keyframes amb-score-float{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-44px);opacity:0}}.join-challenge-label{display:flex;align-items:center;gap:.6rem;font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--gold);letter-spacing:.06em}.join-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:join-dot-pulse 1.2s ease-in-out infinite}@keyframes join-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.join-host-row{display:flex;align-items:center;gap:.75rem}.join-avatar{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.9rem;color:#08090f;flex-shrink:0}.join-host-info{display:flex;flex-direction:column;gap:.2rem}.join-host-name{font-family:"Press Start 2P",monospace;font-size:.75rem;color:var(--fg)}.join-host-sub{font-size:.9rem;color:var(--muted)}.join-slots{display:flex;gap:.75rem}.join-slot{flex:1;border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.4rem}.join-slot-filled{border-color:var(--green)}.join-slot-empty{border-color:var(--blue)}.join-slot-role{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--muted);letter-spacing:.08em}.join-slot-filled .join-slot-role{color:var(--green)}.join-slot-empty .join-slot-role{color:var(--blue)}.join-slot-name{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--fg);word-break:break-all}.join-slot-empty .join-slot-name{animation:slot-blink 1s ease-in-out infinite;color:var(--muted)}@keyframes slot-blink{0%,to{opacity:1}50%{opacity:.2}}.join-tagline{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--muted);text-align:center;opacity:.5;animation:join-tagline-blink 2s ease-in-out infinite;letter-spacing:.06em}@keyframes join-tagline-blink{0%,to{opacity:.5}50%{opacity:.2}}@media (prefers-reduced-motion: reduce){.join-pulse-dot,.join-slot-empty .join-slot-name,.join-tagline{animation:none}}.htp-wrapper{display:flex;flex-direction:column}.htp-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s}.htp-toggle:hover{background:#ffffff1a;border-color:#ffffff2e}.htp-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.htp-wrapper:has(.htp-rules-panel) .htp-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.htp-toggle-label{font-family:"Press Start 2P",monospace;font-size:.52rem;color:var(--muted);letter-spacing:.06em}.htp-toggle-arrow{font-size:.65rem;color:var(--muted);transition:transform .18s ease}.htp-toggle-arrow.open{transform:rotate(180deg)}.htp-rules-panel{padding:8px 10px;border-radius:0 0 6px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-top:none;display:flex;flex-direction:column;gap:6px;animation:htp-panel-in .15s ease-out}@keyframes htp-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nickname-error{font-size:.82rem;color:var(--red);min-height:1.2em}.wait-pulse-row{display:flex;align-items:center;gap:8px}.wait-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 5px #3effa080;flex-shrink:0;animation:wait-dot-pulse 1.2s ease-in-out infinite}@keyframes wait-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.wait-pulse-text{font-family:"Press Start 2P",monospace;font-size:.48rem;color:#ffffffb3;letter-spacing:.06em}.wait-player-slots{display:flex;gap:8px}.wait-slot{flex:1;border-radius:6px;padding:9px 11px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.wait-slot-you{border-color:#3effa047}.wait-slot-opp{border-color:#3eb8ff38}.wait-slot-role{font-family:"Press Start 2P",monospace;font-size:.42rem;color:var(--muted)}.wait-slot-you .wait-slot-role{color:var(--green)}.wait-slot-opp .wait-slot-role{color:var(--blue)}.wait-slot-name{font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--fg)}.wait-slot-name-waiting{color:var(--muted);animation:slot-blink 1s ease-in-out infinite}.wait-share-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:6px;background:#3eb8ff1a;border:1px solid rgba(62,184,255,.32);font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--blue);letter-spacing:.04em;cursor:pointer;transition:background .15s}.wait-share-btn:hover{background:#3eb8ff2e}.wait-share-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wait-share-btn.copied{background:#3effa01f;border-color:#3effa059;color:var(--green)}.wait-bottom-row{display:flex;align-items:center;justify-content:space-between}.wait-timer{font-family:"Press Start 2P",monospace;font-size:.52rem;color:#ffffff40}.join-invite-banner{border-radius:7px;padding:10px 13px;background:#ffe03e12;border:1px solid rgba(255,224,62,.2);display:flex;flex-direction:column;gap:4px}.join-invite-by{font-size:.82rem;color:#fff6}.join-invite-name{font-family:"Press Start 2P",monospace;font-size:.78rem;color:var(--gold)}.join-player-slots{display:flex;gap:8px}.join-pslot{flex:1;border-radius:6px;padding:9px 11px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.join-pslot-host{border-color:#3effa047}.join-pslot-you{border-color:#3eb8ff38}.join-pslot-role{font-family:"Press Start 2P",monospace;font-size:.42rem;color:var(--muted)}.join-pslot-host .join-pslot-role{color:var(--green)}.join-pslot-you .join-pslot-role{color:var(--blue)}.join-pslot-name{font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--fg)}.join-pslot-you .join-pslot-name{color:var(--muted);animation:slot-blink 1s ease-in-out infinite}.side-pipes-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:0;opacity:.45}@media (prefers-reduced-motion: reduce){.wait-pulse-dot,.wait-slot-name-waiting,.join-pslot-you .join-pslot-name{animation:none}}.lobby-amb{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.lobby-amb-glow{position:absolute;width:420px;height:420px;border-radius:50%;bottom:-180px;right:-80px;filter:blur(110px);opacity:.13;animation:amb-orb-pulse 4s ease-in-out infinite}@keyframes amb-orb-pulse{0%,to{opacity:.08;transform:scale(.94)}50%{opacity:.18;transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.lobby-amb-glow{animation:none}.waiting-state:before{animation:none}}.page-transition{animation:page-fade-in .15s ease-out}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.page-transition{animation:none}}.legal-page{max-width:680px;margin:0 auto;padding:3rem 1.5rem 5rem}.legal-back{font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--muted);background:none;border:1px solid var(--border);padding:.6rem 1rem;cursor:pointer;letter-spacing:.1em;transition:color .15s,border-color .15s}.legal-back:hover{color:var(--text);border-color:var(--muted)}.legal-page h1{font-family:"Press Start 2P",monospace;font-size:1.3rem;color:var(--text);margin:2rem 0 .6rem;letter-spacing:.05em}.legal-updated{font-size:.85rem;color:var(--muted);margin-bottom:2.5rem}.legal-page h2{font-family:"Press Start 2P",monospace;font-size:.75rem;color:var(--blue);margin:2.5rem 0 .8rem;letter-spacing:.05em}.legal-page p{font-family:Outfit,sans-serif;font-size:1.05rem;color:var(--muted);line-height:1.8;margin:0 0 1rem}.legal-page a{color:var(--blue);text-decoration:none;border-bottom:1px dashed rgba(62,184,255,.3);transition:border-color .15s}.legal-page a:hover{border-bottom-color:var(--blue)}