:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--panel:#161b22;--fg:#e6edf3;--muted:#8b949e;--accent:#43d17a;--border:#ffffff1a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-header{border-bottom:1px solid var(--border);align-items:baseline;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.app-header__home{color:var(--fg);font-size:1.4rem;font-weight:700;text-decoration:none}.app-header__subtitle{color:var(--muted)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;max-width:960px;margin:0 auto;padding:1.5rem;display:grid}.game-card{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--panel);min-height:160px;color:var(--fg);border-radius:0;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:transform .12s,border-color .12s;display:flex}.game-card:hover{border-color:var(--accent);transform:translateY(-2px)}.game-card__title{margin:0}.game-card__description{color:var(--muted);margin:0;font-size:.95rem}.game-card__cta{color:var(--accent);margin-top:auto;font-size:.9rem}.result{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:0;flex-direction:column;gap:.5rem;max-width:360px;margin:1rem auto;padding:1.25rem;display:flex}.result__title{margin:0 0 .5rem}.result__line{color:var(--muted);margin:0}.result__share{--bevel:4px;background:var(--accent);color:#0d1117;letter-spacing:.02em;box-shadow:inset 2px 2px 0 #ffffff59, inset -2px -2px 0 #00000059, var(--bevel) var(--bevel) 0 0 #00000073;border:0;border-radius:0;padding:.7rem 1.2rem;font-weight:700}.result__share:active{transform:translate(var(--bevel), var(--bevel));box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000059}.result__share:disabled{cursor:default;opacity:.6;box-shadow:inset 2px 2px 0 #ffffff59, inset -2px -2px 0 #00000059, var(--bevel) var(--bevel) 0 0 #00000073;transform:translate(0)}.result__actions{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.result__actions .result__share{margin-top:0}.result__toggle{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.85rem;display:flex}.result__toggle input{accent-color:var(--accent)}.result__leaderboard-btn{--bevel:3px;background:var(--accent);width:48px;height:48px;box-shadow:inset 2px 2px 0 #ffffff1f, inset -2px -2px 0 #00000059, var(--bevel) var(--bevel) 0 0 #0006;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.result__leaderboard-btn:active{transform:translate(var(--bevel), var(--bevel));box-shadow:inset 2px 2px #ffffff1f,inset -2px -2px #00000059}.score-bar{border:1px solid var(--border);background:var(--panel);letter-spacing:.06em;border-radius:0;justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;padding:.4rem .9rem;font-family:ui-monospace,Courier New,monospace;display:flex}.score-bar__stats{align-items:baseline;gap:.9rem;display:flex}.score-bar__stat{color:var(--muted);font-size:.95rem}.score-bar__stat-value{color:var(--fg);font-weight:600}.score-bar__label{color:var(--muted);font-size:.8rem}.score-bar__value{color:var(--accent);font-size:1.15rem;font-weight:700}.leaderboard-modal{border:1px solid var(--border);background:var(--panel);border-radius:0;flex-direction:column;gap:.5rem;max-width:360px;margin:1rem auto;padding:1.25rem;display:flex}.leaderboard-modal__title{text-align:center;letter-spacing:.08em;margin:0 0 .25rem}.leaderboard-modal__actions{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.leaderboard-modal__actions .result__share{margin-top:0}.leaderboard-modal__skip{--bevel:3px;background:var(--panel);color:var(--muted);box-shadow:inset 1px 1px 0 #ffffff14, inset -1px -1px 0 #00000059, var(--bevel) var(--bevel) 0 0 #00000059;border:0;border-radius:0;padding:.65rem 1.1rem}.leaderboard-modal__skip:active{transform:translate(var(--bevel), var(--bevel));box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #00000059}.leaderboard__list{flex-direction:column;gap:.25rem;margin:0;padding:0;font-family:ui-monospace,Courier New,monospace;list-style:none;display:flex}.leaderboard__row{border-radius:0;align-items:center;gap:.5rem;padding:.15rem .4rem;display:flex}.leaderboard__row--me{color:var(--accent);background:#43d17a1f}.leaderboard__rank{color:var(--muted);width:1.75rem}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.leaderboard__name-input{border:1px solid var(--accent);background:var(--bg);min-width:0;color:var(--fg);border-radius:0;flex:1;padding:.3rem .5rem;font-family:inherit}.leaderboard__score{font-weight:600}.result__share,.result__leaderboard-btn,.leaderboard-modal__skip{cursor:pointer;transition:transform 80ms ease-out,box-shadow 80ms ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.result__share,.result__leaderboard-btn,.leaderboard-modal__skip{transition:none}}