:root{--bg: #0b1020;--panel: #141a2e;--panel-2: #1b2238;--border: #2a3350;--text: #e6e9f2;--muted: #94a3b8;--primary: #6366f1;--primary-d: #4f46e5;--danger: #ef4444;--ok: #10b981;--warn: #f59e0b;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1b2348 0%,var(--bg) 60%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}code{background:#ffffff14;padding:1px 6px;border-radius:6px;font-size:.9em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:.85rem}.centered{display:grid;place-items:center;min-height:50vh;text-align:center}.app{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}.page{max-width:1180px;margin:0 auto;padding:24px 20px 60px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:6px 0 0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0a0e1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{font-weight:800;font-size:1.2rem}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a{color:var(--muted);font-weight:600}.nav-links a.active{color:var(--text)}.nav-user{color:var(--text);font-weight:600}.btn{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px 16px;border-radius:10px;font-weight:600;font-size:.95rem;transition:transform .05s ease,background .15s ease;text-align:center}.btn:hover{background:#232c46}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary-d)}.btn-primary:hover{background:var(--primary-d)}.btn-ghost{background:transparent}.btn-danger{background:transparent;border-color:var(--danger);color:#fca5a5}.btn-sm{padding:5px 10px;font-size:.82rem;border-radius:8px}.btn-block{width:100%}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;padding:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}.form{display:flex;flex-direction:column;gap:14px;margin-top:12px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}input,select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 11px;font-size:.95rem;font-family:inherit}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}input[type=color]{padding:2px;height:38px;width:48px}input[type=checkbox]{width:auto}fieldset{border:1px solid var(--border);border-radius:10px;margin:10px 0 0;padding:12px 14px}legend{padding:0 6px;color:var(--muted);font-weight:700;font-size:.85rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-check{flex-direction:row;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}section.card h2{margin-top:0}section.card label{margin-bottom:12px}.alert{border-radius:10px;padding:12px 14px;margin:10px 0}.alert-error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fecaca}.reasons{margin:8px 0 0;padding-left:18px}.hint{margin-top:14px;color:var(--muted);font-size:.85rem}.login-screen{display:grid;place-items:center;min-height:100vh;padding:20px}.auth-card{max-width:400px;width:100%}.auth-card h1{margin:0 0 4px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.game-card{display:flex;flex-direction:column;gap:12px;margin:0}.game-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.game-card-head h3{margin:0}.badge{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.badge-live{background:#10b9812e;color:#6ee7b7}.badge-scheduled{background:#f59e0b2e;color:#fcd34d}.badge-expired{background:#ef44442e;color:#fca5a5}.badge-disabled{background:#94a3b82e;color:#cbd5e1}.game-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin:0}.game-meta div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:4px 0}.game-meta dt{color:var(--muted);font-size:.82rem}.game-meta dd{margin:0;font-weight:600;font-size:.85rem}.game-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.empty{text-align:center}.play-link{font-size:.78rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 8px;overflow-x:auto;white-space:nowrap}.inline-select{flex-direction:row;align-items:center;gap:8px}.inline-select select{min-width:140px}.game-card-actions .btn{text-decoration:none}.editor-grid{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.editor-col{min-width:0}.preview-col{position:sticky;top:84px}.preview-card{display:flex;flex-direction:column;align-items:center;gap:14px}.bg-preview{width:100%;max-height:130px;object-fit:cover;border-radius:10px;border:1px solid var(--border);margin-bottom:12px}.palette{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.palette-swatch{position:relative;display:flex}.palette-swatch .x{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;line-height:1;font-size:12px}.palette-swatch .x:disabled{opacity:.3}.prize-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.prize-row{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.prize-row-main{display:flex;gap:10px;align-items:center}.prize-name{flex:1}.pct{flex-direction:row;align-items:center;gap:4px;font-weight:700;margin:0}.pct input{width:70px}.prize-row-aux{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.prize-thumb{width:30px;height:30px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.lose-toggle{flex-direction:row;align-items:center;gap:5px;font-weight:600;font-size:.85rem;margin:0}.spacer{flex:1}.pct-summary{text-align:center}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-field{align-items:center;gap:6px;text-align:center;font-size:.8rem}.theme-field span{color:var(--muted);font-weight:600}.theme-field input[type=color]{width:100%;height:34px}.preview-spin{padding:10px 36px;font-size:1.05rem;cursor:default}@media (max-width: 420px){.theme-grid{grid-template-columns:repeat(2,1fr)}}.stats-table,.player-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td,.player-table th,.player-table td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);font-size:.88rem}.player-table input{width:100px}.table-wrap{overflow-x:auto}.player-add{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.player-add input{width:130px}.toast{position:fixed;top:74px;right:20px;z-index:50;padding:12px 18px;border-radius:10px;font-weight:600;box-shadow:0 10px 30px #0006}.toast-success{background:var(--ok);color:#04231a}.toast-error{background:var(--danger);color:#fff}.wheel-wrap{position:relative;width:100%;aspect-ratio:1;margin:0 auto}.wheel-wrap canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 16px 38px rgba(0,0,0,.55))}.wheel-pointer{position:absolute;top:-2%;left:50%;transform:translate(-50%);width:11%;height:14%;z-index:5;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.wheel-pointer-flap{width:100%;height:100%;background:linear-gradient(180deg,var(--pf-light, #fff3cf) 0%,var(--pf-base, #f2b733) 45%,var(--pf-dark, #d98512) 100%);clip-path:polygon(50% 100%,0 0,100% 0);border-radius:4px 4px 0 0;transform-origin:50% 12%}.wheel-pointer-flap:after{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--pf-light, #fff7df),var(--pf-base, #e0a52a) 70%,var(--pf-dark, #a9710f));box-shadow:0 1px 3px #0006}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:60;pointer-events:none}.play-screen{min-height:100vh;min-height:100dvh;background-size:cover;background-position:center}.play-overlay{min-height:100vh;min-height:100dvh;background:radial-gradient(760px 540px at 50% 6%,#0b102047,#0b1020eb 70%);display:flex;flex-direction:column;align-items:center;gap:16px;padding:calc(20px + env(safe-area-inset-top)) 16px calc(36px + env(safe-area-inset-bottom));text-align:center}.brand-logo{max-height:72px;max-width:70%;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5));margin-bottom:2px}.play-head{display:flex;flex-direction:column;align-items:center;gap:10px}.game-title{font-size:clamp(1.6rem,7vw,2.7rem);line-height:1.08;margin:0;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 24px rgba(0,0,0,.6)}.game-title-img{max-height:110px;max-width:min(86vw,460px);object-fit:contain;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55))}.game-desc{margin:0;color:#c7d0e6;max-width:40ch;line-height:1.5}.countdown{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.cd-title{font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cd-cells{display:flex;gap:7px}.cd-cell{display:flex;flex-direction:column;align-items:center;min-width:46px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cd-num{font-size:1.25rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.cd-lbl{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}.wheel-stage{width:min(92vw,460px);margin:4px auto 2px}.spin-bar{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.btn-spin{font-size:1.4rem;font-weight:900;letter-spacing:1.5px;padding:16px 56px;border-radius:999px;border:none;color:#fff;background:linear-gradient(135deg,var(--btn-light, #fbbf24),var(--btn-base, #f59e0b) 45%,var(--btn-dark, #ef4444));box-shadow:0 12px 30px #00000059,inset 0 1px #fff6;transition:transform .12s ease,filter .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-spin:hover{filter:brightness(1.06)}.btn-spin:active{transform:scale(.96)}.btn-spin.is-ready{animation:spinPulse 1.8s ease-in-out infinite}.btn-spin.is-spinning{animation:none;opacity:.95}@keyframes spinPulse{0%,to{box-shadow:0 12px 30px #00000059,inset 0 1px #fff6,0 0 rgba(var(--accent-rgb, 251,191,36),.5)}50%{box-shadow:0 12px 34px #0006,inset 0 1px #fff6,0 0 0 14px rgba(var(--accent-rgb, 251,191,36),0)}}.playing-as{color:#c7d0e6;font-size:.92rem;background:#ffffff12;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.playing-as strong{color:#fff}.result{text-align:center;min-width:min(320px,90vw);animation:pop .45s cubic-bezier(.2,1.3,.4,1);border-width:2px}.result h2{margin:6px 0 4px;font-size:1.35rem}.result-emoji{font-size:2.6rem;line-height:1;animation:bounceIn .6s ease}.result-win{border-color:rgba(var(--accent-rgb, 251,191,36),.6);background:linear-gradient(160deg,rgba(var(--accent-rgb, 245,158,11),.18),var(--panel));box-shadow:0 0 40px rgba(var(--accent-rgb, 245,158,11),.25)}.result-lose{border-color:var(--border)}.prize-name-hl{color:var(--accent, #fbbf24)}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.play-message{text-align:center;max-width:460px}.pm-emoji{font-size:2.8rem;margin-bottom:6px}.criteria{width:min(440px,92vw);text-align:left}.criteria h3{margin:0 0 10px;font-size:1rem}.criteria ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.criteria li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:9px 12px}.criteria li span{color:var(--muted);font-size:.9rem}.criteria li strong{font-size:.95rem}.login-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:#060914b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease}.login-modal{width:min(400px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:20px;padding:26px 22px;text-align:center;box-shadow:0 30px 70px #0009;animation:pop .32s cubic-bezier(.2,1.2,.4,1)}.modal-logo{max-height:56px;max-width:60%;object-fit:contain;margin-bottom:6px}.login-modal h2{margin:6px 0;font-size:1.35rem}.login-modal p{margin:0 0 16px}.login-modal form{display:flex;flex-direction:column;gap:12px}.login-modal input{font-size:1.1rem;text-align:center;letter-spacing:.04em;padding:14px 12px;border-radius:12px}.login-modal .btn-spin{font-size:1.15rem;padding:14px 24px}.modal-close{margin-top:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.btn-spin.is-ready,.result,.result-emoji,.login-modal,.login-modal-backdrop{animation:none}.play-screen{background-attachment:scroll}}.game-card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.game-card:hover{transform:translateY(-3px);border-color:#38436b;box-shadow:0 14px 34px #00000059}.game-card-head h3{font-size:1.15rem}.game-card-actions .btn:hover{background:#2b355680}@media (min-width: 720px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}}@media (max-width: 880px){.editor-grid{grid-template-columns:1fr}.preview-col{position:static}.grid-2{grid-template-columns:1fr}}.page-sub{margin:4px 0 0;color:var(--muted);font-size:.9rem}.section-title{margin:26px 0 14px;font-size:1.15rem}.info-card{background:linear-gradient(160deg,rgba(99,102,241,.12),var(--panel));border:1px solid #313c63;border-left:3px solid var(--primary);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.info-card h3{margin:0 0 10px;font-size:1.02rem}.info-card p{margin:0;color:#c7d0e6;line-height:1.55}.setup-steps{margin:0 0 6px;padding-left:20px;display:flex;flex-direction:column;gap:7px;color:#c7d0e6;line-height:1.5}.setup-steps li{padding-left:4px}.info-card .btn{margin-top:14px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.stat-num{font-size:1.9rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.stat-live{color:#6ee7b7}.stat-lbl{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 560px){.stat-row{grid-template-columns:1fr 1fr}.stat-tile:first-child{grid-column:span 2}}.tz-pill{font-size:.66rem;font-weight:700;letter-spacing:.06em;vertical-align:middle;background:#6366f12e;color:#c7c9ff;border:1px solid #3a3f73;padding:2px 8px;border-radius:999px;margin-left:8px}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.brand-card{display:flex;flex-direction:column;gap:14px;margin:0}.brand-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.brand-id-block h3{margin:0 0 3px}.brand-id-block code{font-size:.8rem}.asset-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.asset-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.asset-label{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.asset-preview{width:100%;height:64px;display:grid;place-items:center;background:repeating-conic-gradient(#1b2238,#1b2238 25%,#161c30 0%,#161c30 50%) 50% / 16px 16px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.favicon-preview{width:64px;height:64px}.favicon-preview img{width:40px;height:40px}.asset-actions{display:flex;gap:6px;flex-wrap:wrap}.asset-hint{margin:0;font-size:.72rem;color:var(--muted)}.title-preview{display:block;max-width:100%;max-height:90px;object-fit:contain;margin:10px 0 4px;border-radius:8px;background:repeating-conic-gradient(#1b2238,#1b2238 25%,#161c30 0%,#161c30 50%) 50% / 16px 16px}.bg-uploads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bg-upload{display:flex;flex-direction:column;gap:8px}.bg-upload .bg-preview{width:100%;max-height:110px;margin:0}@media (max-width: 560px){.bg-uploads,.asset-row{grid-template-columns:1fr}}.prize-colors{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.mini-color{flex-direction:column;align-items:flex-start;gap:4px;font-size:.72rem;font-weight:600;color:var(--muted);margin:0}.mini-color>span{display:flex;align-items:center;gap:4px}.mini-color input[type=color]{width:56px;height:28px}.mini-color input[type=color]:disabled{opacity:.4}.playlog-table td{vertical-align:middle}.playlog-table .log-date{font-variant-numeric:tabular-nums;font-size:.84rem}.nowrap{white-space:nowrap}@media (max-width: 640px){.navbar{flex-wrap:wrap;gap:8px 14px;padding:12px 16px}.nav-links{gap:12px;flex-wrap:wrap}.page{padding:18px 14px 48px}.page-head{flex-wrap:wrap}}