@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&display=swap');
:root{--bg:#fffaf4;--card:rgba(255,255,255,.92);--ink:#242033;--muted:#827c89;--line:#eee5de;--purple:#65439b;--purple2:#4c315f;--gold:#d7b85c;--coral:#dd806f;--green:#63b178;--red:#d66e63;--shadow:0 18px 50px rgba(69,46,37,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Alexandria',sans-serif;color:var(--ink);background:var(--bg)}body{background:radial-gradient(circle at 12% 5%,#fff 0,transparent 30%),radial-gradient(circle at 88% 15%,#fff0e9 0,transparent 24%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1380px;margin:auto;padding:14px 20px}.topbar{height:42px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:800;color:#5f35a7}.brand span{color:#5f35a7}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid rgba(229,219,212,.92);border-radius:30px;box-shadow:var(--shadow)}
.hero{min-height:calc(100vh - 70px);display:grid;place-items:center;text-align:center}.hero-inner{max-width:850px}.eyebrow{font-size:13px;letter-spacing:4px;color:var(--coral);font-weight:800;margin-bottom:14px}.hero h1{font-size:clamp(46px,6vw,78px);line-height:1.15;margin:0 0 22px;letter-spacing:-2px}.hero-copy{max-width:760px;margin:auto;color:var(--muted);font-size:18px;line-height:2}.how-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.how-row span,.rule-strip span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 16px;color:#625c69}.btn{border:0;border-radius:18px;padding:14px 24px;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-primary,.spin-action{color:#fff;background:linear-gradient(145deg,#7654a6,var(--purple2));box-shadow:0 13px 28px rgba(76,49,95,.22),inset 0 0 0 2px rgba(255,255,255,.08)}.btn-primary{border:2px solid var(--gold)}.btn-soft{background:#fff;border:1px solid var(--line)}.btn-lg{font-size:18px;padding:17px 34px}
.setup-card{max-width:1050px;margin:10px auto;padding:30px 34px}.setup-heading{text-align:right}.setup-heading span,.field-note,.turn-label,.reel-help{color:var(--muted);font-size:13px}.setup-heading h1{font-size:34px;margin:4px 0 25px}.field{margin-bottom:23px}.section-title{font-size:19px;margin:0 0 10px}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice{min-width:52px;padding:11px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:700}.choice.active{background:var(--ink);color:#fff}.team-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team-input{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:16px;padding:8px 12px;background:#fff}.team-dot{width:11px;height:11px;border-radius:50%;flex:none}.team-input input{border:0;outline:0;width:100%;padding:7px;background:transparent}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cat-chip{background:#fbf9ff;border:1px solid #eee7f3;border-radius:18px;padding:13px;text-align:center;font-weight:700}.cat-chip .emoji{display:block;font-size:25px;margin-bottom:4px}
.game-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}.score-card{padding:14px;position:sticky;top:10px;text-align:center}.turn-name{font-size:24px;font-weight:800}.round-badge{display:inline-block;background:#f5f1ed;border-radius:999px;padding:5px 10px;font-size:11px;margin:5px 0 8px}.score-list{display:grid;gap:6px}.score-team{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);border-radius:13px}.score-team.current{background:#faf7ff;border-color:#d9cef1}.team-meta{display:flex;align-items:center;gap:7px}.score-num{font-weight:800}.play-card{min-height:calc(100vh - 70px);padding:20px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.spin-copy{text-align:center;margin-bottom:14px}.spin-copy h2{font-size:32px;margin:3px 0 4px}.category-draw-grid{width:min(800px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;direction:rtl}.draw-cat-card{min-height:125px;border:2px solid rgba(255,255,255,.88);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 9px 20px rgba(55,42,65,.07),inset 0 0 24px rgba(255,255,255,.25);outline:4px solid transparent;outline-offset:2px;transition:.17s}.draw-cat-card span{font-size:35px}.draw-cat-card strong{font-size:16px}.draw-cat-card.draw-active{transform:translateY(-4px) scale(1.03);outline-color:var(--gold);filter:saturate(1.08);box-shadow:0 12px 28px rgba(177,139,40,.22),0 0 0 7px rgba(235,202,104,.13)}.draw-cat-card.draw-winner{transform:scale(1.04);outline-color:var(--gold);box-shadow:0 14px 30px rgba(177,139,40,.27),0 0 0 8px rgba(235,202,104,.16)}.category-draw-grid .draw-cat-card:last-child:nth-child(4n+1){grid-column:2}.spin-action{margin-top:16px;width:118px;height:118px;border-radius:50%;border:5px solid var(--gold);font-size:18px;font-weight:800;transition:.18s}.spin-action.points-ready{width:auto;height:auto;border-radius:20px;padding:13px 30px}.picked-category{min-height:58px;margin-top:10px;display:grid;place-items:center}.picked-pill{display:flex;align-items:center;gap:11px;padding:8px 20px;border:2px solid #e4c55e;border-radius:19px;background:linear-gradient(135deg,var(--picked),#fff);box-shadow:0 8px 20px rgba(0,0,0,.06)}.picked-pill>span{font-size:26px}.picked-pill div{display:grid;text-align:right}.picked-pill small{font-size:10px;color:var(--muted)}.picked-pill strong{font-size:18px}.rule-strip{width:min(740px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.rule-strip span{text-align:center;padding:8px;font-size:12px}
.question-shell{width:min(900px,100%)}.question-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.q-meta{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:15px;font-weight:700}.q-meta b{color:#d37b2b;margin-inline-start:9px}.timer{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) var(--progress,100%),#eee 0);position:relative}.timer:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.timer strong,.timer small{z-index:1}.timer strong{font-size:28px;color:var(--purple)}.timer small{position:absolute;z-index:2;bottom:17px;font-size:10px;color:var(--muted)}.question-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.question-text{text-align:center;font-size:clamp(23px,3vw,34px);line-height:1.7;font-weight:750;margin:8px 0 27px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer-btn{min-height:62px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;font-weight:700;transition:.15s}.answer-btn:hover{border-color:#cdbce3;background:#fdfaff;transform:translateY(-1px)}.answer-btn.hidden-answer{visibility:hidden}.direct-actions,.tf-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.correct-btn,.tf-btn.true{background:#eef9f1;color:#34875a;border:1px solid #c1e0ca}.wrong-btn,.tf-btn.false{background:#fff2ef;color:#bd604e;border:1px solid #efc0b7}.tf-btn{min-width:210px;padding:18px;border-radius:17px;font-size:19px;font-weight:800}.lifelines{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.life-btn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 13px;font-size:12px}.life-btn:disabled{opacity:.25}.hint-box{display:flex;gap:10px;margin-top:17px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fffdf8}.ordering-instruction{text-align:center;color:var(--muted);margin-bottom:10px}.ordering-list{display:grid;gap:8px;max-width:560px;margin:0 auto 18px}.ordering-list>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:15px}.ordering-list span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f2eeeb;font-weight:800}.logo-question{text-align:center;margin:5px 0 20px}.logo-media{min-height:155px;display:grid;place-items:center}.logo-media img{max-width:240px;max-height:145px;object-fit:contain}.logo-fallback{display:inline-grid;place-items:center;min-width:180px;min-height:110px;border:1px solid var(--line);border-radius:22px;background:#fafafa;font-size:40px;font-weight:900}.logo-sub{font-size:12px;color:var(--muted);margin-top:7px}.minimal-result{text-align:center}.result-icon{font-size:105px;font-weight:800}.result-icon.ok{color:var(--green)}.result-icon.no{color:#d94d68}.minimal-result .delta{font-size:40px;font-weight:800;margin:14px}.winner{max-width:760px;margin:auto;text-align:center;padding:34px}.winner .trophy{font-size:80px}.winner h1{font-size:45px;margin:4px}.ranking{margin-top:20px;text-align:right}.rank-row{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.footer-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 17px;border-radius:13px;z-index:50}
@media(max-height:850px) and (min-width:821px){.shell{padding-top:7px}.topbar{height:34px}.play-card{min-height:calc(100vh - 52px);padding:12px 22px}.spin-copy{margin-bottom:8px}.spin-copy h2{font-size:27px}.category-draw-grid{width:min(760px,100%);gap:9px}.draw-cat-card{min-height:96px}.draw-cat-card span{font-size:29px}.draw-cat-card strong{font-size:14px}.spin-action{width:94px;height:94px;margin-top:10px;font-size:15px}.picked-category{min-height:44px;margin-top:5px}.rule-strip{margin-top:7px}.rule-strip span{padding:6px}.question-card{padding:25px}.question-text{margin:4px 0 20px}.setup-card{padding:23px 30px}.field{margin-bottom:17px}.cat-chip{padding:10px}}
@media(max-width:820px){.shell{padding:10px}.topbar{height:40px}.game-grid{grid-template-columns:1fr}.score-card{position:static}.score-list{display:flex;overflow:auto}.score-team{min-width:145px}.play-card{min-height:620px;padding:16px}.team-inputs{grid-template-columns:1fr}.categories,.category-draw-grid{grid-template-columns:repeat(2,1fr)}.category-draw-grid .draw-cat-card:last-child:nth-child(4n+1){grid-column:auto}.category-draw-grid .draw-cat-card:last-child:nth-child(2n+1){grid-column:1/-1;width:50%;justify-self:center}.draw-cat-card{min-height:105px}.answers,.difficulty-grid{grid-template-columns:1fr}.question-card{padding:20px}.rule-strip{grid-template-columns:1fr}.tf-btn{min-width:100%}.question-top{align-items:flex-start}.timer{width:76px;height:76px}.timer strong{font-size:22px}.timer small{bottom:14px}}