:root{--bg:#e7f2ee;--bg-deep:#0b3d2e;--surface:#ffffffc7;--ink:#12352a;--muted:#4d6b5f;--brand:#0b6e4f;--brand-hot:#ff6b35;--accent:#f4d35e;--team-a:#0b6e4f;--team-b:#c44900;--ok:#1f8a5b;--bad:#c0392b;--shadow:0 24px 60px #0b3d2e24;--radius:22px;--font-display:"Segoe UI", Tahoma, "Helvetica Neue", Arial, sans-serif;--font-body:"Segoe UI", Tahoma, "Helvetica Neue", Arial, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:#0000;background-image:radial-gradient(circle at 12% 18%,#f4d35e59,#0000 28%),radial-gradient(circle at 88% 8%,#ff6b3538,#0000 26%),linear-gradient(160deg,#e7f2ee 0%,#d5ebe3 45%,#cfe3f2 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1120px,100% - 2rem);margin-inline-start:auto;margin-inline-end:auto}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.7rem;font-size:1.55rem;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--brand), #14966c);border-radius:.85rem;width:2.4rem;height:2.4rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #0b6e4f47}.brand-mark:after{content:"";background:var(--brand-hot);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:28%;bottom:auto;left:auto;right:20%}.nav-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.35rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--brand), #14966c);color:#fff;box-shadow:0 14px 28px #0b6e4f47}.btn-secondary{color:var(--ink);background:#ffffffb3;border:1px solid #0b6e4f26}.btn-hot{background:linear-gradient(135deg, var(--brand-hot), #ff8f5a);color:#fff;box-shadow:0 14px 28px #ff6b3547}.btn-ghost{color:var(--ink);background:0 0}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero{min-height:calc(100vh - 5.5rem);align-items:end;gap:1.5rem;min-height:calc(100svh - 5.5rem);padding-bottom:2.5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle at 30% 40%,#0b6e4f59,#0000 40%),radial-gradient(circle at 70%,#ff6b3547,#0000 35%);height:70%;animation:10s ease-in-out infinite alternate drift;position:absolute;top:auto;bottom:-20%;left:20%;right:-10%}.hero-copy{z-index:1;max-width:34rem;animation:.8s both rise;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .8rem;font-size:clamp(3.4rem,12vw,7rem);line-height:.95}.hero h1{font-family:var(--font-display);margin:0;font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.25}.hero p{color:var(--muted);max-width:28rem;margin:.9rem 0 1.5rem;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{z-index:1;color:#fff;min-height:280px;box-shadow:var(--shadow);background:linear-gradient(160deg,#0b3d2eeb,#0b6e4fd9),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-radius:28px;align-content:space-between;padding:1.5rem;animation:1s .15s both rise;display:grid;position:relative;overflow:hidden}.hero-visual:after{content:"";background:var(--accent);opacity:.85;border-radius:50%;width:180px;height:180px;animation:3.5s ease-in-out infinite pulse;position:absolute;bottom:-50px;left:-40px}.flash-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;max-width:18rem;padding:1rem 1.1rem;position:relative}.flash-card strong{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.2rem;display:block}.section{padding:4rem 0}.section-head{margin-bottom:1.75rem}.section-head h2{font-family:var(--font-display);margin:0 0 .4rem;font-size:clamp(1.7rem,4vw,2.4rem)}.section-head p{color:var(--muted);margin:0}.games-spotlight{background:var(--surface);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0b6e4f1a;grid-template-columns:1.2fr .8fr;gap:1.25rem;padding:1.5rem;display:grid}.game-spotlight h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.8rem}.meta-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem;display:flex}.chip{color:var(--brand);background:#0b6e4f1a;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.9rem;font-weight:600;display:inline-flex}.steps{gap:1rem;display:grid}.step{border-bottom:1px solid #0b6e4f14;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem 0;animation:.6s both rise;display:grid}.step:last-child{border-bottom:0}.step-num{background:var(--accent);width:2.2rem;height:2.2rem;color:var(--bg-deep);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid}.step h3{margin:0 0 .25rem;font-size:1.05rem}.step p{color:var(--muted);margin:0}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0b6e4f1a;padding:1.5rem}.form-grid{gap:1rem;display:grid}label{gap:.4rem;font-weight:600;display:grid}input{background:#ffffffd9;border:1px solid #0b6e4f2e;border-radius:14px;outline:none;width:100%;padding:.9rem 1rem}textarea,select{width:100%;font:inherit;background:#ffffffd9;border:1px solid #0b6e4f2e;border-radius:14px;outline:none;padding:.9rem 1rem}textarea{resize:vertical;min-height:5rem}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b6e4f1f}.host-layout{min-height:100vh;grid-template-rows:auto 1fr;gap:1rem;min-height:100svh;padding:1rem;display:grid}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.75rem;display:grid}.team-card{color:#fff;border-radius:18px;gap:.25rem;padding:1rem 1.1rem;transition:transform .25s,box-shadow .25s;display:grid}.team-card.active{transform:scale(1.03);box-shadow:0 16px 36px #0000002e}.team-a{background:linear-gradient(145deg, var(--team-a), #14966c)}.team-b{background:linear-gradient(145deg,#c44900,#ff6b35)}.team-card .name{opacity:.92;font-weight:700}.team-card .score{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);line-height:1}.center-meta{text-align:center;place-items:center;gap:.2rem;min-width:7rem;display:grid}.center-meta .code{font-family:var(--font-display);letter-spacing:.08em;font-size:1.2rem;font-weight:800}.question-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-content:start;gap:1rem;display:grid}.timer-bar{background:#0b6e4f1f;border-radius:999px;height:10px;overflow:hidden}.timer-bar>span{background:linear-gradient(90deg, var(--brand-hot), var(--accent));transform-origin:100%;height:100%;animation:none;display:block}.timer-bar.running>span{animation:linear forwards shrink}.question-text{font-family:var(--font-display);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-size:clamp(1.5rem,4.5vw,2.6rem);line-height:1.3}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.option{-webkit-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;caret-color:#0000;background:#ffffffe0;border:2px solid #0b6e4f1f;border-radius:18px;outline:none;padding:1.15rem 1rem;font-size:1.05rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.option.is-active:hover{border-color:var(--brand);transform:translateY(-2px)}.option:focus{box-shadow:none;outline:none}.option:focus-visible{box-shadow:none;outline:none}.option.correct{border-color:var(--ok);color:var(--ok);background:#1f8a5b26}.option.wrong{border-color:var(--bad);color:var(--bad);background:#c0392b1f}.option:disabled,.option.is-disabled{cursor:default;opacity:.72;color:var(--ink);pointer-events:none;background:#ffffffe0;border-color:#0b6e4f1f;transform:none}.option.is-active{cursor:pointer}.handoff-note{text-align:center;color:var(--muted);margin:.75rem 0 0;font-size:.95rem;font-weight:600}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.qr-box{background:#fff;border:1px solid #0b6e4f1a;border-radius:18px;justify-items:center;gap:.75rem;padding:1.1rem;display:grid}.qr-box h3{font-family:var(--font-display);margin:0}.players{color:var(--muted);text-align:center;margin:0;padding:0;font-size:.95rem;list-style:none}.reveal-banner,.winner-banner{text-align:center;background:#ffffffd9;border:1px solid #0b6e4f1a;border-radius:18px;padding:1.25rem;animation:.45s both pop}.reveal-banner h2,.winner-banner h2{font-family:var(--font-display);margin:0 0 .4rem}.player-screen{min-height:100vh;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-content:start;gap:1rem;min-height:100svh;padding:1.25rem;display:grid}.player-screen input,.player-screen textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.footer{color:var(--muted);padding:2.5rem 0 2rem;font-size:.95rem}.error{color:var(--bad);font-weight:600}@media (max-width:860px){.hero{min-height:auto;padding:1rem 0 2.5rem}.game-spotlight,.lobby-grid,.options-grid,.scoreboard{grid-template-columns:1fr}.center-meta{order:-1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-4%)scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.admin-page{max-width:1100px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.admin-grid{gap:1rem;display:grid}.admin-add-panel{margin-bottom:1rem}.admin-list-panel{width:100%}.admin-list-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.75rem;display:flex}.admin-search{flex:260px;max-width:420px;margin-inline-start:auto}.admin-search-meta{color:var(--muted);margin:0 0 .75rem;font-size:.92rem}.admin-list{gap:.85rem;display:grid}.admin-item{border-bottom:1px solid #0b6e4f14;justify-content:space-between;gap:1rem;padding:.9rem 0;display:flex}.admin-item.is-inactive{opacity:.65}.admin-options{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.chip-ok{color:var(--ok);background:#1f8a5b24}.admin-actions{flex-direction:column;flex-shrink:0;gap:.45rem;display:flex}.admin-check{align-items:center;gap:.55rem;display:flex}.admin-check input{width:auto}@media (max-width:860px){.admin-item{flex-direction:column}.admin-actions{flex-direction:row}}