:root{--bg: #0a0c13;--bg-grad: radial-gradient(1200px 600px at 50% -10%, rgba(91, 140, 255, .16), transparent 60%), radial-gradient(900px 500px at 85% 0%, rgba(168, 85, 247, .12), transparent 55%);--surface: #12151f;--surface-2: #181d2a;--surface-3: #212838;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #e9edf7;--text-muted: #97a1ba;--text-faint: #6b758f;--primary: #5b8cff;--primary-soft: rgba(91, 140, 255, .15);--accent: #a855f7;--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #eab308;--warning-soft: rgba(234, 179, 8, .16);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .22);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--tap: 48px;--page-max: 1120px;--header-h: 61px;--nav-w: 268px;--nav-rail: 60px;color-scheme:dark}[data-theme=light]{--bg: #f4f6fb;--bg-grad: radial-gradient(1100px 560px at 50% -10%, rgba(91, 140, 255, .14), transparent 60%), radial-gradient(800px 460px at 85% 0%, rgba(168, 85, 247, .1), transparent 55%);--surface: #ffffff;--surface-2: #f7f9fd;--surface-3: #eef2f9;--border: rgba(16, 20, 31, .1);--border-strong: rgba(16, 20, 31, .2);--text: #10141f;--text-muted: #59617a;--text-faint: #858da3;--primary-soft: rgba(91, 140, 255, .12);--shadow: 0 10px 28px rgba(20, 27, 45, .1);--shadow-sm: 0 2px 8px rgba(20, 27, 45, .07);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background-color:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(1.7rem,4.2vw,2.6rem)}h2{font-size:clamp(1.25rem,2.6vw,1.6rem)}h3{font-size:1.05rem}p{margin:0 0 .8em}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:24px 16px 72px;flex:1}.page--narrow{max-width:760px}.page--game{max-width:880px}.app__body{flex:1;display:flex;align-items:flex-start;min-height:0}.app__main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h))}.side-nav{flex:none;width:var(--nav-w);padding:14px 10px 28px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 55%,transparent);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;transition:width .16s ease}.side-nav--rail{width:var(--nav-rail);padding-left:6px;padding-right:6px;overflow-x:hidden}.side-nav--rail .side-nav__head,.side-nav--rail .side-nav__text{display:none}.side-nav--rail .side-nav__item{justify-content:center;padding-left:0;padding-right:0}.side-nav__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 8px 10px}.side-nav__eyebrow{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.side-nav__close{width:26px;height:26px;flex:none;border:0;border-radius:7px;background:transparent;color:var(--text-faint);cursor:pointer;font-size:.8rem}.side-nav__close:hover{background:var(--surface-3);color:var(--text)}.side-nav__list{display:flex;flex-direction:column;gap:2px}.side-nav__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text-muted);transition:background .12s ease,color .12s ease}.side-nav__item:hover{background:var(--surface-2);color:var(--text)}.side-nav__item--active{background:var(--primary-soft);box-shadow:inset 2px 0 0 var(--primary)}.side-nav__icon{width:30px;height:30px;flex:none;display:grid;place-items:center;font-size:1rem;border-radius:9px;background:var(--surface-3);border:1px solid var(--border)}.side-nav__text{min-width:0}.side-nav__title{display:block;font-weight:700;font-size:.9rem;color:var(--text);letter-spacing:-.01em}.side-nav__tagline{display:block;font-size:.72rem;line-height:1.35;color:var(--text-faint)}.side-nav__backdrop{position:fixed;inset:var(--header-h) 0 0;z-index:35;background:#04060c8c}@media (max-width: 899px){.side-nav{position:fixed;z-index:36;left:0;top:var(--header-h);width:min(84vw,var(--nav-w));transform:translate(-102%);transition:transform .18s ease;background:var(--surface);box-shadow:var(--shadow)}.side-nav--open{transform:translate(0)}}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.stack-lg{display:flex;flex-direction:column;gap:28px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.center{text-align:center}.spacer{flex:1}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.site-header__inner{padding:10px 16px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:1.1rem}.brand__logo{width:34px;height:34px;object-fit:contain;flex:none}.brand__mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.85rem;font-weight:900;box-shadow:0 4px 14px #5b8cff59}.brand__accent{color:var(--primary)}.icon-btn{min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn--danger,.icon-btn--danger:hover{color:var(--danger);border-color:#ef444473;background:var(--danger-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.card--flush{padding:0;overflow:hidden}.card--muted{background:var(--surface-2);box-shadow:none}.card__title{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.btn{min-height:var(--tap);padding:0 18px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease,border-color .12s ease,transform .06s ease;text-align:center}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff;box-shadow:0 6px 18px #5b8cff47}.btn--primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,var(--primary),var(--accent))}.btn--ghost{background:transparent}.btn--block{width:100%}.action-pair{display:flex;gap:10px;align-items:stretch}.action-pair>.btn:first-child{flex:1;min-width:0}.action-pair>.btn:last-child{flex:none}@media (max-width: 460px){.action-pair{flex-direction:column}}.btn--lg{min-height:60px;font-size:1.05rem;font-weight:700;padding:0 24px}.btn--success{background:var(--success-soft);border-color:#22c55e66;color:var(--success)}.btn--danger{background:var(--danger-soft);border-color:#ef444466;color:var(--danger)}.btn--danger-armed{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger-armed:hover:not(:disabled){background:var(--danger);border-color:var(--danger);filter:brightness(1.08)}.options{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.option{min-height:var(--tap);padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:3px;transition:border-color .12s ease,background .12s ease}.option:hover{border-color:var(--border-strong);background:var(--surface-3)}.option:disabled{cursor:not-allowed;opacity:.42}.option:disabled:hover{border-color:var(--border);background:var(--surface-2)}.option[aria-pressed=true],.option.is-selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.options--compact{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.options--compact .option{min-height:0;padding:9px 10px}.options--compact .option__label{font-size:.85rem}.option__label{font-weight:700}.option__hint{font-size:.82rem;color:var(--text-muted);line-height:1.4}.field-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mode-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 11px;border-radius:999px;background:var(--warning-soft);border:1px solid rgba(234,179,8,.45);color:var(--warning);font-size:.82rem;font-weight:700;min-width:0;max-width:min(42vw,320px)}.mode-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-chip__count{flex:none;padding:1px 7px;border-radius:999px;background:#eab30838;font-variant-numeric:tabular-nums}.mode-chip__exit{flex:none;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;font-size:.72rem;cursor:pointer}.mode-chip__exit:hover{background:#eab30847}@media (max-width: 620px){.site-header .site-header__badge{display:none}.site-header__inner{gap:8px;padding-left:12px;padding-right:12px}.mode-chip__count{display:none}.mode-chip{min-width:108px;max-width:52vw}.brand{min-width:0;overflow:hidden}}.picker-list{display:flex;flex-direction:column;gap:14px;max-height:420px;overflow-y:auto;padding-right:4px}.picker-list__head{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0}.picker-list__group{display:flex;flex-wrap:wrap;gap:6px}.picker-option{padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;text-align:left}.picker-option:hover{border-color:var(--primary);background:var(--primary-soft)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.chip--primary{background:var(--primary-soft);border-color:#5b8cff59;color:var(--primary)}.chip--success{background:var(--success-soft);border-color:#22c55e59;color:var(--success)}.chip--danger{background:var(--danger-soft);border-color:#ef444459;color:var(--danger)}.chip--warning{background:var(--warning-soft);border-color:#eab30859;color:var(--warning)}.stats{display:flex;gap:10px;flex-wrap:wrap}.stat{flex:1 1 90px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;text-align:center}.stat__label{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.stat__value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hearts{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:3px;font-size:1.3rem;line-height:1.15;color:var(--danger)}.heart--spent{color:var(--text-faint)}.input{width:100%;min-height:var(--tap);padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input::placeholder{color:var(--text-faint)}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;font-weight:800;color:#fff;letter-spacing:-.02em;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.player-line{display:flex;align-items:center;gap:10px;min-width:0}.player-line__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-line__meta{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner{border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border);background:var(--surface-2);display:flex;gap:12px;align-items:center}.banner--success{background:var(--success-soft);border-color:#22c55e59}.banner--danger{background:var(--danger-soft);border-color:#ef444459}.banner--info{background:var(--primary-soft);border-color:#5b8cff59}.banner__title{font-weight:800}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.86rem}.tiny{font-size:.76rem}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.nums{font-variant-numeric:tabular-nums}.bold{font-weight:700}.hidden{display:none!important}.divider{height:1px;background:var(--border);border:0;margin:4px 0}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.list-reset{list-style:none;margin:0;padding:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#04060ca8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:22px}@media (max-width: 560px){.page{padding:16px 12px 64px}.card{padding:14px}.stat__value{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.game-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.game-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .14s ease,transform .14s ease,background .14s ease;min-height:88px}.game-card:hover{border-color:var(--primary);background:var(--surface-2);transform:translateY(-2px)}.game-card__icon{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:1.35rem;background:var(--surface-3);border:1px solid var(--border)}.game-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.game-card__title{font-weight:700}.game-card__tagline{font-size:.84rem;color:var(--text-muted);line-height:1.4}.game-card__go{margin-left:auto;color:var(--text-faint);font-size:1.1rem}.flag{display:inline-block;padding:1px 5px;border-radius:5px;background:var(--surface-3);border:1px solid var(--border);font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.04em;line-height:1.5;color:var(--text-muted);vertical-align:middle}.input-row{display:flex;gap:8px}.input-row .input{flex:1;min-width:0}.difficulty-switch{display:flex;padding:4px;gap:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2)}.difficulty-switch__btn{flex:1 1 0;min-width:0;min-height:40px;padding:0 10px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.difficulty-switch__btn:hover{color:var(--text)}.difficulty-switch__btn[aria-pressed=true]{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm)}.difficulty-switch__btn[aria-pressed=true][data-level=easy],.chip[data-level=easy]{color:var(--success);border-color:#22c55e66;background:var(--success-soft)}.difficulty-switch__btn[aria-pressed=true][data-level=medium],.chip[data-level=medium]{color:var(--warning);border-color:#eab30866;background:var(--warning-soft)}.difficulty-switch__btn[aria-pressed=true][data-level=hard],.chip[data-level=hard]{color:var(--danger);border-color:#ef444466;background:var(--danger-soft)}.link{color:var(--primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--primary) 45%,transparent)}.link:hover{text-decoration-color:var(--primary)}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 55%,transparent);margin-top:auto}.site-footer__inner{max-width:var(--page-max);margin:0 auto;padding:28px 16px 40px;display:flex;flex-direction:column;gap:14px}.site-footer__top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer__socials{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-footer__socials a{font-size:.82rem;color:var(--text-muted)}.site-footer__socials a:hover{color:var(--text)}.site-footer__links{display:flex;gap:20px;flex-wrap:wrap;font-size:.82rem;color:var(--text-muted);margin-top:4px}.site-footer__links a:hover{color:var(--text)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--primary);cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--text)}.support-trap{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}