:root{--bg:#14081f;--card:#fff7ec;--card-ink:#1d0b2b;--ink:#fdf2ff;--muted:#c9b3d9;--accent:#ff4f8b;--accent-2:#ffb547;--ok:#86efac;--warn:#fca5a5;--radius:22px;--gutter:16px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body{background:radial-gradient(120% 60% at 15% 0,#5b1a6e 0,transparent 60%),radial-gradient(90% 50% at 100% 100%,#7a1f45 0,transparent 60%),var(--bg);background-attachment:fixed;overscroll-behavior-y:none}a,button{font:inherit}.screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:max(64px,calc(env(safe-area-inset-top) + 56px)) max(var(--gutter),env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));width:100%;max-width:560px;margin:0 auto;text-align:center}.screen.game{max-width:720px}.screen.hub{max-width:900px}.toolbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center}.title{font-size:clamp(2.4rem,11vw,3.8rem);line-height:1.15;padding-bottom:.06em;margin:0;font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;overflow-wrap:anywhere}.lead{font-size:1.2rem}.lead,.small{line-height:1.45;margin:0}.small{font-size:.95rem;color:var(--muted)}.error{color:var(--warn)}.error,.ok{margin:0;font-weight:600}.ok{color:var(--ok)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;min-height:56px;padding:0 32px;font-size:1.2rem;font-weight:800;color:#1d0b2b;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 35%,transparent);cursor:pointer;width:100%;max-width:340px;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:transparent;color:var(--ink);border:2px solid rgba(255,255,255,.35);box-shadow:none}.btn:focus-visible,.card:focus-visible,.chip:focus-visible,.game-card:focus-visible,.link-btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.08);border:0;color:var(--ink);min-height:48px;padding:0 16px;border-radius:999px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.game-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;width:100%}@media (min-width:640px){.game-grid{grid-template-columns:1fr 1fr;gap:20px}}.game-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;min-height:190px;justify-content:center;border-radius:var(--radius);background:rgba(255,255,255,.07);border:2px solid color-mix(in srgb,var(--accent) 55%,transparent);color:var(--ink);text-decoration:none;transition:transform .15s ease,background .15s ease}.game-card:hover{background:rgba(255,255,255,.11)}.game-card:active{transform:scale(.98)}.game-icon{width:64px;height:64px}.game-name{font-size:1.7rem;font-weight:900;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.game-tagline{color:var(--muted);font-size:1rem;line-height:1.4}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font:inherit;cursor:pointer;width:100%;min-height:min(52dvh,460px);border-radius:var(--radius);background:var(--card);color:var(--card-ink);padding:32px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);border-top:8px solid var(--accent);animation:pop .28s ease-out;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.card .prefix{font-size:clamp(1.15rem,4vw,1.6rem);font-weight:800;color:color-mix(in srgb,var(--accent) 75%,#1d0b2b)}.card .statement{font-size:clamp(1.6rem,6.5vw,2.8rem);line-height:1.2;font-weight:800;overflow-wrap:anywhere}.controls{display:flex;gap:12px;width:100%;max-width:460px;justify-content:center}.controls .btn{flex:1 1}.controls .small-btn{flex:0.7 1;padding:0 16px}.counter{font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter,.hint{color:var(--muted)}.hint{font-size:.85rem;opacity:.75}@media (hover:none){.hint{display:none}}.rules{text-align:left;background:rgba(255,255,255,.07);border-radius:var(--radius);padding:18px 20px;font-size:1.08rem;line-height:1.5;max-width:560px}.rules p{margin:0}.rules .note{margin-top:10px}.badge,.rules .note{font-weight:700;color:var(--accent-2)}.badge{display:inline-block;border:1.5px solid var(--accent-2);border-radius:999px;padding:4px 12px;font-size:.9rem}@media (max-height:500px) and (orientation:landscape){.screen{gap:12px;padding-top:60px}.card{min-height:46dvh;padding:18px}.title{font-size:2.2rem}}.field{width:100%;max-width:340px;min-height:52px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--ink);font-size:1.1rem;padding:0 16px}.field:focus{outline:none;border-color:var(--accent-2)}form.stack{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.admin{width:100%;max-width:900px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) var(--gutter) 48px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-head h1{font-size:1.5rem;margin:0}.panel{background:rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;margin-top:20px;display:flex;flex-direction:column;gap:14px}.panel h2{margin:0;font-size:1.15rem}.admin-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.admin-form .field{flex:1 1 240px;max-width:none}.admin-form .btn{width:auto;max-width:none;min-height:52px}.check{display:flex;align-items:center;gap:8px;min-height:48px;font-size:1rem}.check input{width:22px;height:22px;accent-color:var(--accent)}.created{display:flex;flex-direction:column;gap:10px}.url{display:block;background:rgba(0,0,0,.35);padding:12px;border-radius:12px;word-break:break-all;font-size:.9rem}.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.link-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05)}.link-list li.revoked{opacity:.6}.link-main{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:var(--ink);border-radius:999px;min-height:48px;padding:0 14px;font-size:.95rem;font-weight:600;cursor:pointer}.chip.danger{border-color:var(--warn);color:var(--warn)}.status-on{color:var(--ok);font-weight:700}.status-off{color:var(--warn);font-weight:700}.qr-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);justify-content:center;padding:var(--gutter);z-index:10}.qr-box,.qr-overlay{display:flex;align-items:center}.qr-box{background:#fff;color:#1d0b2b;border-radius:var(--radius);padding:20px;flex-direction:column;gap:12px;max-width:360px;width:100%}.qr-box img{width:100%;height:auto;image-rendering:pixelated}.qr-box .small{color:#4b3a5a;text-align:center}.qr-box .btn.secondary{color:#1d0b2b;border-color:#1d0b2b}@keyframes pop{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.card{animation:none}.btn,.game-card{transition:none}.btn:active,.game-card:active{transform:none}}