:root{--bg: #0f172a;--bg-soft: #1e293b;--card: #243247;--text: #f1f5f9;--text-dim: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--win: #4ade80;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,#1e293b 0%,var(--bg) 55%);color:var(--text);min-height:100vh}.app{max-width:1080px;margin:0 auto;padding:1rem 1.25rem 3rem}.app__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0 1.5rem}.app__brand{font-weight:800;font-size:1.35rem;color:var(--text);text-decoration:none;letter-spacing:.04em}.app__env{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);border:1px solid var(--bg-soft);border-radius:999px;padding:.2rem .6rem}.app__footer{margin-top:3rem;color:var(--text-dim);font-size:.85rem}.hero h1{font-size:clamp(2rem,6vw,3rem);margin:.5rem 0}.hero p{color:var(--text-dim);max-width:60ch;font-size:1.05rem;line-height:1.6}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem}.site-card{display:block;background:var(--card);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .15s ease}.site-card:hover{transform:translateY(-3px)}.site-card h2{margin:0 0 .4rem;font-size:1.15rem}.site-card p{margin:0 0 .9rem;color:var(--text-dim);font-size:.92rem;line-height:1.5}.site-card__cta{color:var(--accent);font-weight:600;font-size:.9rem}.player{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(0,1fr);gap:1rem;align-items:stretch;margin-top:1.5rem}.player__vs{align-self:center;font-weight:800;text-transform:uppercase;color:var(--text-dim);letter-spacing:.2em}.choice{background:var(--card);border:2px solid transparent;border-radius:var(--radius);padding:.75rem;color:inherit;font:inherit;display:flex;flex-direction:column;gap:.6rem;transition:transform .12s ease,border-color .12s ease;box-shadow:var(--shadow)}.choice__pick{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:10px}.choice__pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice:hover{transform:scale(1.02);border-color:var(--accent)}.choice--picked{border-color:var(--win)}.choice:disabled{cursor:default}.choice__image,.choice__text{flex:1 1 0;min-height:80px;max-width:100%;aspect-ratio:1;align-self:center}.choice__image{object-fit:cover;border-radius:10px;background:var(--bg-soft)}.choice__text{display:flex;align-items:center;justify-content:center;font-size:clamp(1.1rem,min(3vw,5vh),2.2rem);padding:1rem;text-align:center}.choice__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .55rem;font-size:.72rem;line-height:1.4;color:var(--text-dim)}.choice__meta a{color:var(--accent);font-weight:600;text-decoration:none}.choice__meta a:hover{text-decoration:underline}.choice__meta-tag{text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:700;color:var(--accent);border:1px solid var(--bg-soft);border-radius:999px;padding:.08rem .45rem}.player--loading .skeleton{width:100%;min-height:80px;border-radius:var(--radius);background:linear-gradient(100deg,var(--bg-soft) 40%,#2c3b55 50%,var(--bg-soft) 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.player--error,.leaderboard--error{display:block;background:var(--card);border-radius:var(--radius);padding:2rem;text-align:center}.button{background:var(--accent-strong);color:#06121f;border:0;border-radius:10px;font-weight:700;padding:.65rem 1.4rem;cursor:pointer}.button:hover{filter:brightness(1.1)}.leaderboard{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.leaderboard__row{display:flex;align-items:center;gap:.9rem;background:var(--card);border-radius:10px;padding:.6rem .9rem}.leaderboard__rank{font-weight:800;min-width:2.6rem;color:var(--accent)}.leaderboard__thumb{width:48px;height:48px;border-radius:8px;object-fit:cover}.leaderboard__label{flex:1}.leaderboard__rating{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text-dim)}.tabs{display:flex;gap:.5rem;margin:1.25rem 0}.tab{padding:.45rem 1rem;border-radius:999px;text-decoration:none;color:var(--text-dim);background:var(--bg-soft);font-weight:600;font-size:.92rem}.tab--active{background:var(--accent-strong);color:#06121f}.page__tagline{color:var(--text-dim)}.admin__form{display:flex;flex-direction:column;gap:1rem;max-width:480px}.admin__form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--text-dim)}.admin__form input,.admin__form select,.admin__form textarea{background:var(--bg-soft);border:1px solid #334155;border-radius:8px;color:var(--text);padding:.55rem .7rem;font:inherit}.admin__result{margin-top:1rem;font-weight:600}.admin__meta{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--bg-soft);border-radius:var(--radius);padding:1rem}.admin__meta legend{font-weight:700;color:var(--text);padding:0 .4rem}.admin__meta label{color:var(--text-dim)}.admin__meta-hint{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-dim)}.admin__hint{margin-top:1.5rem;color:var(--text-dim);font-size:.85rem;word-break:break-all}@media(max-width:640px){.player{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.player__vs{text-align:center}}.app--play{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:.3rem;padding-bottom:.3rem}.app--play .app__header{padding:.2rem 0 .5rem}.app--play .app__brand{font-size:1rem}.app--play .app__main{flex:1;min-height:0;display:flex;flex-direction:column}.app--play .page{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr);column-gap:1rem;row-gap:.25rem}.app--play .page h1{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app--play .page__tagline{grid-column:1 / -1;grid-row:2;display:none}.app--play .tabs{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0}.app--play .tab{padding:.25rem .7rem;font-size:.8rem}.app--play .player{grid-column:1 / -1;grid-row:3;min-height:0;margin-top:0;max-height:90vh;max-height:90dvh}.app--play .app__footer{margin-top:.4rem;font-size:.7rem}.player__notice{grid-column:1 / -1;margin:.6rem 0 0;text-align:center;font-size:.8rem;color:#b45309}