@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0a0911;--panel:#161523;--panel2:#211e31;--line:#3a344e;--accent:#ff792b;--text:#f8f7fc;--muted:#a9a4be;--good:#36e0ac;--bad:#ff637e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#51223c45,transparent 50%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}input,select,textarea,button{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,.btn,.eyebrow,.logo,.stat strong,.rank strong,.hero .games,.stage{font-family:'Barlow Condensed',Impact,sans-serif}h1{font-size:clamp(3.5rem,9vw,8rem);line-height:.88;font-weight:900;letter-spacing:-.025em;margin:15px 0}h2{font-size:2.4rem;margin:0 0 15px}h3{font-size:1.85rem;margin:0 0 12px}h4{font-size:1.4rem;margin:8px 0}.muted{color:var(--muted)}.eyebrow{color:#ffb36a;letter-spacing:.22em;font-size:1rem;font-weight:900}.logo{font-size:1.9rem;font-weight:900}.logo em,h1 em,h2 em{font-style:normal;color:var(--accent)}.logo small{font-size:.6em}.mast{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;font-size:.7rem;letter-spacing:.15em;color:#ccc}.hero{padding:8vh 6%;max-width:1400px}.hero p{color:#b6b0c8;font-size:1.3rem;max-width:760px;line-height:1.6}.games{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12vh;font-size:1.3rem;font-weight:900}.games span{background:#222032;border:1px solid #5b4051;padding:20px 14px;min-height:86px}.actions,.buttons{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.btn{background:#302b41;color:#fff;border:1px solid #56475f;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-weight:800;font-size:1.05rem;letter-spacing:.04em;padding:11px 17px;min-height:43px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#42334b}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(110deg,#ffbc66,#ff7623);border-color:#ffab67;color:#1a0e12}.btn.danger{background:#542130;border-color:#8f394b}.btn.good{background:#175244;border-color:#267b65}.btn.small{padding:5px 9px;font-size:.9rem;min-height:33px}.btn.ghost{background:#191724}.install,.login{width:min(570px,calc(100% - 30px));margin:7vh auto;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.install h1{font-size:3.8rem}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading h1{font-size:4rem}form{display:flex;flex-direction:column;gap:15px}label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:700;color:#ddd9e8}input,select,textarea{border:1px solid #433d56;border-radius:8px;padding:11px 12px;min-height:43px;width:100%;background:#0f0d19;color:#fff;outline:none}textarea{min-height:95px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}input[type=color]{padding:3px}.check{flex-direction:row;align-items:center}.error,.hint{padding:14px 16px;border-radius:10px;background:#4c2333;color:#ffd7dd}.hint{background:#343022;color:#ffe0a0}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:#11101d;border-right:1px solid #353043;padding:23px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;overflow:auto}.sidebar nav{display:grid;gap:5px}.nav{border:0;text-align:left;padding:12px;border-radius:9px;background:none;color:#aaa4c0;font-weight:700}.nav:hover,.nav.active{background:#39283c;color:#fff}.sidebar .bottom{margin-top:auto;display:grid;gap:8px}.content{max-width:1700px;width:100%;margin:0 auto;padding:30px clamp(15px,3vw,55px) 80px;min-width:0}.content-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:25px}.content-head h1{font-size:3.7rem}.panel{background:linear-gradient(140deg,#1d1a2c,#12111d);border:1px solid var(--line);border-radius:16px;padding:23px;margin-bottom:17px;min-width:0;box-shadow:0 15px 36px #0003}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.panel-head h3{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.stat{padding:22px;background:var(--panel2);border:1px solid #493950;border-radius:13px;display:grid;gap:8px}.stat strong{font-size:3rem;color:var(--accent);line-height:1}.stat small{color:var(--muted)}.roomcode{font-family:monospace;letter-spacing:.15em;font-size:2rem;font-weight:900;color:#ffad62}.tag{display:inline-block;padding:5px 10px;border:1px solid #66566b;border-radius:90px;color:#d3c5d6;font-size:.72rem}.tag.live{color:var(--good);border-color:#296b58}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.twocol{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr);gap:18px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;padding:12px;border-bottom:1px solid #393147;vertical-align:middle}th{color:#a8a2b8;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.tablewrap td .btn{margin:2px}.pill{padding:5px 9px;border-radius:7px;background:#272438;font-size:.77rem}.rank{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-radius:8px;background:#242334;border-left:4px solid var(--team,var(--accent));gap:12px;margin:8px 0}.rank strong{font-size:2rem}.rank span{flex:1}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.toolbar>*{flex:1;min-width:130px}.empty{padding:30px;text-align:center;border:1px dashed #54475e;color:var(--muted);border-radius:12px}.modal-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:12px;background:#000c}.modal{max-width:730px;width:100%;max-height:94vh;overflow:auto;border:1px solid #655168;border-radius:19px;background:#1b1828;padding:26px;box-shadow:0 35px 100px #000b}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.uploader{display:flex;gap:7px}.uploader input{flex:1}.toast{position:fixed;bottom:20px;right:20px;background:#173f32;padding:15px 20px;border-radius:10px;border:1px solid #39a984;z-index:200;box-shadow:0 15px 45px #000a;max-width:360px}.toast.bad{background:#552635;border-color:#a83b53}.qr-box{display:grid;justify-items:center;padding:17px;background:white;color:#111;width:fit-content;margin:auto;border-radius:7px;text-align:center}.qr-box svg{width:min(260px,65vw);height:auto}.qr-box strong{margin-top:10px}.player{min-height:100vh;padding:25px 15px;background:radial-gradient(circle at 50% 0%,#53283b66,transparent 65%),#0b0a14}.player-inner{max-width:620px;margin:auto}.player-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.player-head{text-align:center;padding:25px 0}.player-head h1{font-size:4rem}.answers{display:grid;gap:9px}.answer{background:#252039;border:1px solid #574661;padding:20px;text-align:left;border-radius:10px;color:#fff;font-weight:800}.answer:hover{border-color:var(--accent)}.answer b{color:var(--accent);margin-right:15px}.buzzer{display:grid;place-items:center;max-width:360px;width:90%;aspect-ratio:1;border-radius:100%;background:radial-gradient(circle at 38% 28%,#ffc477,#f14c20 64%,#941d1c);border:15px solid #5f262a;box-shadow:0 14px 0 #811d1b,0 24px 70px #df532d88;margin:20px auto;font-family:'Barlow Condensed';font-size:clamp(3rem,10vw,6rem);font-weight:900;color:#fff;touch-action:manipulation}.buzzer:active:not(:disabled){transform:translateY(8px)}.buzzer:disabled{filter:grayscale(1);opacity:.55}.timer{font-family:'Barlow Condensed';font-size:4rem;font-weight:900;font-variant-numeric:tabular-nums}.screen{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#4c1c34b0,transparent 65%),#090711}.screen:before{content:"";position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,#ffffff06 0deg 3deg,transparent 3deg 13deg);animation:rotation 170s linear infinite}.screen.custom{background-position:center;background-size:cover}.screen.custom:after{content:"";position:absolute;inset:0;background:#05040bbb}.screen-inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:clamp(15px,3vw,44px) clamp(20px,4vw,65px)}.screen-header,.screen-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:900;letter-spacing:.15em;color:#d6cadd;font-size:clamp(.7rem,1.1vw,1.5rem)}.screen-header .logo{font-size:clamp(1.5rem,2.5vw,3rem)}.screen-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stage{font-weight:900;font-size:clamp(3rem,8vw,10rem);line-height:.95;text-transform:uppercase;letter-spacing:-.025em}.stage em{color:var(--accent);font-style:normal}.substage{font-size:clamp(1rem,2.2vw,2.7rem);letter-spacing:.18em;color:#c9bfd5;margin-top:18px}.screen .eyebrow{font-size:clamp(.9rem,1.7vw,2rem)}.screen-scores{display:flex;justify-content:center;gap:12px;align-items:center;max-width:75%;flex-wrap:wrap}.screen-score{padding:9px 20px;border-top:4px solid var(--team);border-radius:5px;background:#171423dc;font-family:'Barlow Condensed';text-align:center;min-width:130px}.screen-score strong{display:block;font-size:clamp(1.5rem,3.3vw,4rem);color:var(--team)}.screen-question{font-family:'Barlow Condensed';font-size:clamp(2.2rem,4.5vw,5.5rem);font-weight:900;line-height:1.05;max-width:1350px;margin:18px auto 27px}.screen-options{width:min(100%,1300px);display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.screen-option{padding:20px;border:2px solid #50455b;border-radius:12px;background:#272239ed;text-align:left;font-size:clamp(1rem,2vw,2.5rem);font-weight:800}.screen-option b{color:var(--accent);margin-right:15px}.screen-option.correct{border-color:var(--good);background:#15584790}.screen-option.dim{opacity:.4}.screen-clock{font-family:'Barlow Condensed';font-size:clamp(2.5rem,5vw,6rem);font-weight:900}.screen-wheel{display:grid;grid-template-columns:minmax(200px,1fr) 1fr;align-items:center;gap:8vw;width:90%;height:85%}.wheel{width:min(52vh,43vw);aspect-ratio:1;position:relative;margin:auto}.wheel-disc{width:100%;height:100%;border:12px solid #ebd2ab;border-radius:50%;box-shadow:0 0 55px #ff80204d;overflow:hidden;position:relative}.wheel-disc:after{content:"";position:absolute;inset:44%;background:linear-gradient(#ffcb85,#ae703c);border-radius:50%;border:4px solid #55301e}.wheel-disc span{position:absolute;top:50%;left:50%;transform-origin:0 0;white-space:nowrap;font-family:'Barlow Condensed';font-weight:900;font-size:clamp(10px,1.6vw,24px);text-shadow:0 2px 5px #000}.wheel-pointer{position:absolute;z-index:10;top:-30px;left:50%;width:55px;height:70px;transform:translateX(-50%);background:#fbe4b4;clip-path:polygon(0 0,100% 0,50% 100%)}.wheel-result{font-family:'Barlow Condensed';font-size:clamp(2.5rem,5vw,6rem);font-weight:900;color:#ffbd76;animation:impact .65s}.fighter-grid{width:100%;height:88%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.fighter{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;position:relative;gap:12px}.fighter img,.fighter .avatar{width:min(25vw,44vh);height:min(25vw,44vh);object-fit:cover;object-position:top;border:3px solid var(--team);border-radius:20px;box-shadow:0 0 65px color-mix(in srgb,var(--team) 35%,transparent)}.fighter .avatar{display:grid;place-items:center;font-size:clamp(5rem,10vw,10rem);background:#262034}.fighter h2{font-size:clamp(2.2rem,5vw,6rem);text-transform:uppercase;line-height:.95;margin:0}.fighter small{font-size:clamp(.8rem,1.5vw,1.7rem);letter-spacing:.15em;color:var(--team)}.fighter .crown{position:absolute;top:-12px;padding:8px 20px;background:#ffbc5e;color:#221626;font-weight:900;border-radius:30px;z-index:3}.fighter.enter{animation:enter .75s ease}.fighter.exit{animation:exit .35s ease forwards}.versus{font-family:'Barlow Condensed';font-size:clamp(5rem,12vw,15rem);font-weight:900;font-style:italic;color:var(--accent);text-shadow:0 0 70px #ff7a1a99;animation:impact .6s}.mystery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:25px;width:90%;max-height:56vh;overflow:auto;padding:15px}.mystery-tile{aspect-ratio:1;background:linear-gradient(145deg,var(--team),#26132f);border:4px solid #ffffff55;border-radius:15px;display:grid;place-items:center;font-family:'Barlow Condensed';font-weight:900;font-size:clamp(1.5rem,4vw,4rem);box-shadow:0 13px 0 #09090f}.mystery-tile.selected{outline:6px solid #fff9;animation:pulse 1s infinite}.mystery-tile.opened{background:#292532;filter:grayscale(.6)}.mystery-tile.reveal{animation:impact .75s}.hunt-stage{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hunt-team{padding:30px 20px;border:3px solid var(--team);background:#191627b0;border-radius:14px}.hunt-team h2{color:var(--team);font-size:clamp(2rem,4vw,4rem)}.hunt-team strong{font-size:clamp(3.5rem,8vw,9rem);font-family:'Barlow Condensed'}.bar{height:12px;border-radius:40px;background:#363047;margin:15px 0;overflow:hidden}.bar span{display:block;height:100%;background:var(--team)}.screen-controls{position:fixed;top:10px;right:10px;z-index:40;opacity:.12}.screen-controls:hover{opacity:1}.screen-controls button{background:#252134;color:#fff;border:1px solid #766080;border-radius:7px;padding:10px}.roomprompt{min-height:100vh;display:grid;place-items:center;padding:15px}.toast,.pill{font-size:.87rem}@keyframes pulse{50%{opacity:.6;filter:brightness(1.7)}}@keyframes rotation{to{transform:rotate(360deg)}}@keyframes impact{0%{opacity:0;transform:scale(1.4);filter:blur(10px)}100%{opacity:1;transform:scale(1);filter:none}}@keyframes enter{from{opacity:0;transform:translateX(45%) scale(.88)}to{opacity:1;transform:none}}@keyframes exit{to{opacity:0;transform:translateX(120%) scale(.8)}}
@media(max-width:1050px){.games{grid-template-columns:repeat(3,1fr)}.twocol{grid-template-columns:1fr}.layout{grid-template-columns:200px 1fr}}
@media(max-width:700px){.mast span:last-child{display:none}.hero{padding-top:10vh}.games{grid-template-columns:repeat(2,1fr)}.layout{display:block}.sidebar{position:static;height:auto;padding:14px}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar .bottom{display:none}.nav{white-space:nowrap}.content{padding:20px 13px 50px}.content-head h1{font-size:2.8rem}.panel{padding:16px}.modal{padding:17px}.modal .form-grid,.grid2{grid-template-columns:1fr}.full{grid-column:auto}.screen-inner{padding:12px}.screen-option{padding:8px}.screen-wheel{display:flex;flex-direction:column;justify-content:center;gap:20px}.wheel{width:55vw}.fighter-grid{gap:2px}.fighter h2{font-size:3.7vw}.fighter img,.fighter .avatar{width:32vw;height:32vw}.hunt-team{padding:10px 4px}.hunt-team h2{font-size:3vw}.screen-scores{gap:4px}.screen-score{min-width:70px;padding:5px}.screen-header{font-size:.58rem}.screen-score strong{font-size:1.3rem}}
@media print{body{background:white!important;color:black!important}#root,.modal-head,.no-print{display:none!important}.modal-overlay{position:static;background:white}.modal{border:0;box-shadow:none;max-height:none}.qr-box{break-inside:avoid}.qr-box svg{width:240px}}