@font-face{font-family:Quiz;src:local('Arial');font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f2e9;color:#152347;font-family:Quiz,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #edab42;outline-offset:4px}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}button,input,textarea,select{border-radius:10px}input,textarea,select{border:1px solid #b8bfce;background:#fff;color:#17223b;padding:12px;width:100%;font-size:16px}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:700}label input,label textarea,label select{margin-top:7px}button.primary,.primary-link{background:#1246ff;color:white;padding:14px 22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:48px}button.secondary,.secondary-link{background:#e6eafa;color:#163079;padding:12px 17px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;min-height:44px;text-decoration:none;border-radius:10px}button.ghost{background:transparent;color:inherit;padding:10px 12px;min-height:44px;border:1px solid currentColor;border-radius:8px;font-size:13px}button.danger{color:#b82036;background:#fff0f2;padding:12px;min-height:44px}button.tiny{font-size:12px;padding:8px;min-height:36px}button.wide{width:100%}.muted{color:#576781}.small{font-size:13px;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.logo{font-weight:900;letter-spacing:-3px;font-size:37px;line-height:.85;text-decoration:none;color:#1542ec}.logo small{display:block;letter-spacing:1px;font-size:9px;margin-top:5px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:16px}.notice{background:#fff0c6;color:#624900;padding:12px 16px;border-radius:9px;font-size:13px;line-height:1.5}.error{color:#a61430;background:#ffedf1;padding:12px;border-radius:8px}.connection{font-size:12px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.connection:before{content:'';width:7px;height:7px;background:#81e9ac;border-radius:50%}.connection.off:before{background:#f2aa44}.badge{background:#e6ebff;color:#143ab2;font-size:11px;padding:7px 10px;border-radius:5px;font-weight:700}.home{max-width:1150px;margin:auto;padding:30px}.home header{display:flex;justify-content:space-between;align-items:center}.home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;min-height:620px}.home h1{font-size:clamp(44px,6vw,84px);line-height:.97;letter-spacing:-4px;margin:20px 0 24px;color:#1643ee}.home h1 em{font-family:Georgia,serif;font-weight:400}.home .intro{font-size:18px;line-height:1.6;max-width:430px;margin-bottom:25px}.home-form{max-width:370px}.home-art{background:#153af1;border-radius:140px 140px 14px 14px;min-height:440px;display:grid;align-content:center;text-align:center;overflow:hidden;position:relative;color:white;padding:40px 20px}.home-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 45px,#ffffff12 46px 47px),repeating-linear-gradient(90deg,transparent 0 45px,#ffffff12 46px 47px)}.home-art h2{position:relative;font-size:28px;letter-spacing:-1px}.art-characters{display:flex;align-items:end;justify-content:center;position:relative;margin:25px 0}.art-characters .character{width:95px;height:155px}.home footer{border-top:1px solid #ccd1df;padding:20px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px}.privacy{font-size:11px;color:#66728a;line-height:1.6}.code-input{letter-spacing:1px}.character{--skin:#edb894;--shirt:#ffafce;--hair:#30243d;position:relative;display:block;width:76px;height:114px;isolation:isolate;flex-shrink:0}.character .head{background:var(--skin);width:52%;height:41%;position:absolute;left:24%;top:12%;border-radius:40% 40% 38% 38%;z-index:3;box-shadow:inset -5px -3px 0 #00000012}.character .hair{position:absolute;left:19%;top:6%;width:62%;height:20%;border-radius:50% 50% 12% 16%;background:var(--hair);z-index:4}.character .hair:after{content:'';position:absolute;background:var(--hair);height:95%;width:18%;left:0;top:35%;border-radius:0 0 50% 50%}.character .eyes{position:absolute;left:27%;right:27%;top:46%;display:flex;justify-content:space-between}.character .eyes:before,.character .eyes:after{content:'';width:4px;height:5px;border-radius:2px;background:#212235}.character .smile{position:absolute;left:40%;top:69%;width:20%;height:9%;border-bottom:2px solid #8e4d40;border-radius:50%}.character .body{background:var(--shirt);width:62%;height:39%;position:absolute;left:19%;top:49%;border-radius:30% 30% 15% 15%;z-index:2;box-shadow:inset -8px 0 0 #00000012}.character .body:after{content:'LAP';color:#12296b;background:#fbf7e7;font-size:8px;font-weight:900;position:absolute;left:22%;top:26%;padding:4px 2px;border-radius:2px}.character .arm{position:absolute;background:var(--shirt);width:17%;height:30%;top:51%;border-radius:14px;z-index:1}.character .arm.left{left:9%;transform:rotate(13deg)}.character .arm.right{right:9%;transform:rotate(-13deg)}.character .arm:after{content:'';position:absolute;width:100%;height:30%;background:var(--skin);bottom:0;border-radius:50%}.character .legs{position:absolute;left:27%;top:82%;height:18%;width:46%;display:flex;justify-content:space-between}.character .legs:before,.character .legs:after{content:'';width:40%;background:#152143;border-radius:0 0 4px 4px}.character[data-avatar=matcha]{--skin:#ab7256;--shirt:#a3d6a7;--hair:#201b24}.character[data-avatar=matcha] .hair{border-radius:45%;height:23%;top:0}.character[data-avatar=oat]{--skin:#f0c2a0;--shirt:#e9d7a5;--hair:#be743c}.character[data-avatar=oat] .hair{height:19%;top:8%;transform:rotate(-10deg)}.character[data-avatar=berry]{--skin:#694631;--shirt:#c1a2f2;--hair:#18172b}.character[data-avatar=berry] .hair{height:23%;top:3%;border-radius:60% 30% 0 0}.character[data-avatar=caramel]{--skin:#cf9470;--shirt:#efa660;--hair:#613627}.character[data-avatar=caramel] .hair{height:20%;top:6%;border-radius:50% 80% 0 0}.character[data-avatar=cocoa]{--skin:#684437;--shirt:#afc5ef;--hair:#171a2a}.character[data-avatar=cocoa] .hair{top:5%;height:20%}.character[data-avatar=ice]{--skin:#e6ab92;--shirt:#84dbe9;--hair:#343b64}.character[data-avatar=ice] .hair{border-radius:40% 60% 15% 10%;height:20%}.character[data-avatar=peach]{--skin:#b27b60;--shirt:#ffa4a0;--hair:#281d2c}.character[data-avatar=peach] .hair{border-radius:50% 50% 10% 10%;height:21%}.character[data-avatar=peach] .hair:after{height:170%}.character.celebrate{animation:hop .6s ease 3}.character.wave .arm.right{transform-origin:top;animation:wave 1s ease 2}.phone-page{max-width:470px;margin:auto;min-height:100dvh;padding:22px 24px 40px}.phone-page header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.phone-page h1{font-size:36px;letter-spacing:-1.5px;line-height:1.05;margin:12px 0}.phone-page h2{font-size:25px;line-height:1.2;letter-spacing:-.7px}.phone-page .avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 22px}.avatar-choice{background:#e5e9f5;padding:8px 0 6px;display:flex;align-items:center;flex-direction:column;gap:4px;border:2px solid transparent;color:#2c3965;font-size:10px}.avatar-choice .character{width:54px;height:76px}.avatar-choice.selected{border-color:#1643f0;background:#d8e4ff}.phone-status{text-align:center;padding:18px 0}.phone-status>.character{width:126px;height:180px;margin:0 auto 20px}.phone-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.answer-button{--answer-color:#1757e0;background:#fff;border:2px solid #cad0df;color:#172647;padding:18px 12px;min-height:115px;display:flex;flex-direction:column;gap:12px;text-align:left;justify-content:center;box-shadow:0 4px 0 #cbd1e0}.answer-button b{font-size:24px;color:var(--answer-color)}.answer-button span{font-size:16px;font-weight:700;overflow-wrap:anywhere}.answer-button.selected{border-color:#1948ec;background:#e4eaff}.answer-button.correct{border-color:#25824e;background:#e4f6e7}.answer-button.wrong{border-color:#c73751;background:#ffedf0}.answer-button:disabled{opacity:1}.answer-button.faded{opacity:.45}.answer-button[data-i="1"]{--answer-color:#ae4939}.answer-button[data-i="2"]{--answer-color:#7651ae}.answer-button[data-i="3"]{--answer-color:#227850}.timer-row{display:flex;align-items:center;gap:12px;margin:20px 0}.timer-track{height:6px;background:#cdd7f5;border-radius:6px;flex:1;overflow:hidden}.timer-fill{height:100%;background:#204aff;transition:width .1s linear}.timer-number{font-size:22px;font-weight:800;min-width:33px;font-variant-numeric:tabular-nums}.score-pair{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;background:white;border-radius:12px;padding:20px;gap:16px;text-align:center}.score-pair b{display:block;font-size:28px;margin-bottom:5px;color:#1744f0}.result-label{font-size:36px;font-weight:900;letter-spacing:-1.4px;color:#1744f0;margin:10px 0}.host-layout{min-height:100vh}.host-top{padding:18px 28px;border-bottom:1px solid #d6dbe4;background:#faf9f4;display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap}.host-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:24px;max-width:1500px;margin:auto}.host-panel{background:white;border-radius:16px;padding:22px;align-self:start;display:grid;gap:20px}.host-panel h2{font-size:21px;letter-spacing:-.5px}.host-panel .live-players{display:grid;gap:10px}.live-player{display:flex;align-items:center;gap:10px}.live-player .character{height:48px;width:35px}.live-player .player-info{flex:1;min-width:0}.live-player .player-info b{overflow-wrap:anywhere;font-size:14px}.host-controls{display:grid;gap:10px}.link-field{display:flex;gap:8px;align-items:center}.link-field input{font-size:12px;padding:10px;min-width:0}.screen-page{background:#071442;min-height:100vh;color:#fff;padding:20px}.stage{--blue:#2355f9;background:radial-gradient(ellipse at 50% 0,#3e58cc 0,#152761 42%,#080f32 85%);color:#fff;position:relative;overflow:hidden;border-radius:18px;padding:22px 28px 28px;min-height:620px;isolation:isolate}.screen-page .stage{min-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:12px;max-width:2000px;margin:auto}.stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(116deg,transparent 6%,#96d7ff0d 7%,#8dceff26 10%,transparent 22%),linear-gradient(244deg,transparent 6%,#96d7ff0d 7%,#8dceff26 10%,transparent 22%)}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;letter-spacing:1px}.stage-head .logo{color:#f8f1d9}.stage-head .stage-tag{border:1px solid #7792e47a;border-radius:5px;padding:8px 12px}.stage-center{text-align:center;position:relative;z-index:1;padding:28px 0 10px}.stage-title{font-size:clamp(35px,4.6vw,72px);letter-spacing:-2.5px;line-height:1.02;font-weight:800}.stage-title em{font-family:Georgia,serif;font-weight:400;color:#a4d3ff}.stage-kicker{color:#a6bcec;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px}.stage-copy{font-size:15px;line-height:1.5;color:#c3d3f8;margin:15px auto;max-width:480px}.lobby-core{display:grid;grid-template-columns:minmax(0,1fr) 154px;max-width:700px;margin:12px auto;gap:25px;align-items:center;text-align:left}.qr-box{background:#fff;color:#102d74;padding:10px;border-radius:12px;text-align:center;box-shadow:0 0 40px #5888ff50}.qr-box svg{display:block;width:100%;height:auto}.qr-box span{font-size:11px;font-weight:700;display:block;padding:2px}.join-url{font-size:12px;color:#bdceff;overflow-wrap:anywhere;line-height:1.5}.podiums{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:18px auto 0;max-width:900px;position:relative;width:100%;padding:0 5px 20px}.podiums:after{content:'';height:20px;position:absolute;bottom:0;left:0;right:0;border-top:2px solid #4678ec;background:linear-gradient(#244581,#0c1b48);border-radius:50%}.podium-slot{flex:1;max-width:140px;min-width:0;text-align:center;position:relative;z-index:1}.podium-slot .character{margin:0 auto -10px;width:75px;height:110px}.podium-slot.empty .character{opacity:.13;filter:grayscale(1)}.podium{position:relative;z-index:4;background:linear-gradient(135deg,#24408b,#17255a);border:1px solid #4b70cb;border-top:5px solid #88bfff;border-radius:5px 5px 9px 9px;padding:9px 5px 12px;min-height:80px;box-shadow:0 15px 20px #0003}.podium-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.podium-score{font-size:25px;font-weight:800;color:#c4e4ff;font-variant-numeric:tabular-nums}.podium-status{height:16px;font-size:10px;color:#b7d3ff;margin-top:4px}.podium-slot.answered .podium{border-top-color:#93efb0}.podium-slot.winner .podium{border-top-color:#ffc96b;background:linear-gradient(#5b461c,#332612)}.podium-slot.winner .podium-score{color:#ffdc92}.stage-question{font-size:clamp(23px,3vw,43px);font-weight:800;letter-spacing:-.8px;line-height:1.2;max-width:950px;margin:auto;overflow-wrap:anywhere}.stage-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:960px;width:100%;margin:15px auto 0}.stage-answer{display:flex;align-items:center;gap:14px;background:#192855;border:1px solid #536ca4;border-radius:8px;padding:15px 17px;min-height:63px;text-align:left;font-weight:600;font-size:18px;overflow-wrap:anywhere}.stage-answer b{color:#b8d6ff;border:1px solid #6f91d8;border-radius:5px;display:grid;place-items:center;flex-shrink:0;width:30px;height:32px;font-size:18px}.stage-answer.correct{background:#205a48;border-color:#80d9ab}.stage-answer.correct b{color:#b3ffd3;border-color:#b3ffd3}.stage-answer.faded{opacity:.4}.stage .timer-row{max-width:700px;width:100%;margin:16px auto 5px}.stage .timer-track{background:#304579}.stage .timer-fill{background:#a0d2ff}.stage .timer-number{font-size:26px}.stage-footer{margin-top:auto;padding-top:16px;font-size:11px;color:#96b0df;display:flex;justify-content:space-between;gap:12px}.stage .countdown{font-size:100px;line-height:1.1;font-weight:900;color:#c8e7ff;font-variant-numeric:tabular-nums;margin:18px 0}.stage-explanation{color:#d5e7ff;line-height:1.5;font-size:14px;text-align:center;margin:15px auto 0;max-width:750px}.stage-demo{font-size:10px;font-weight:700;color:#ffdfa0;background:#3b3042;border-radius:4px;padding:5px 8px}.stage-progress{color:#b6caff;font-size:12px;margin-bottom:12px}.rank-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.rank-list li{display:flex;align-items:center;gap:12px;background:white;border-radius:10px;padding:12px;color:#16346e}.rank-list .character{width:38px;height:54px}.rank-list li strong{flex:1;font-size:14px}.rank-list .rank{font-weight:800;min-width:20px}.rank-list .points{font-weight:800}.editor{margin:0 24px 40px;padding:24px;background:white;border-radius:16px;max-width:1452px}.editor h2{font-size:25px;margin-bottom:10px}.question-editor{padding:20px 0;border-top:1px solid #d8dfec;margin-top:20px;display:grid;gap:14px}.question-editor h3{font-size:15px}.options-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-editor label{display:flex;align-items:center;gap:10px}.options-editor input[type=radio]{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:#194aff}.options-editor input[type=text]{margin:0}.editor-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.bulk-import{margin-top:25px;border-top:1px solid #d8dfec;padding-top:20px}.bulk-import summary{cursor:pointer;font-weight:700;font-size:14px;margin-bottom:12px}.bulk-import textarea{min-height:180px;font-family:monospace;font-size:13px}.hidden{display:none!important}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#142146;color:white;padding:14px 20px;border-radius:12px;box-shadow:0 5px 25px #0003;font-size:14px;z-index:100;display:none}#toast.visible{display:block}.celebration-dots{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(#ffcf74 2px,transparent 3px),radial-gradient(#aecaff 3px,transparent 4px);background-size:70px 80px,110px 130px;background-position:10px 0,45px 60px;opacity:.35}.screen-tools{position:fixed;right:28px;bottom:24px;z-index:20;display:flex;gap:8px;opacity:.35}.screen-tools:hover,.screen-tools:focus-within{opacity:1}.screen-tools button{background:#1d3265;color:white;padding:10px;font-size:12px;min-height:40px}.help-list{padding-left:18px;font-size:13px;line-height:1.7;color:#405474}.question-counter{font-size:12px;color:#76829a}.empty-screen{max-width:420px;margin:15vh auto;padding:24px;text-align:center}.empty-screen p{margin:15px 0;line-height:1.5}.status-line{min-height:25px;font-size:14px;color:#435779;line-height:1.5}.phone-page .status-line{text-align:center}.host-preview .stage{min-height:590px}.host-preview .stage-title{font-size:42px}.host-preview .stage-question{font-size:29px}.host-preview .stage-answer{font-size:15px;padding:12px}.host-preview .stage-center{padding-top:20px}.host-preview .podium-slot .character{width:62px;height:90px}.host-preview .podium-score{font-size:22px}.host-preview .podiums{gap:10px}.host-preview .stage-copy{font-size:14px}.fullscreen-toggle{font-size:12px}details p{line-height:1.6}.join-name{margin:25px 0 18px}.show-source{font-size:11px;color:#71809c;margin-top:20px}.screen-page .stage-center{flex:1;display:flex;flex-direction:column;justify-content:center}.screen-page .podiums{margin-top:25px}.answer-note{margin-top:8px;font-size:12px;color:#617291;text-align:center}
@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes wave{0%,100%{transform:rotate(-13deg)}50%{transform:rotate(-100deg)}}
@media(min-width:1500px){.screen-page .stage{padding:35px 65px}.screen-page .stage-title{font-size:88px}.screen-page .podium-slot{max-width:175px}.screen-page .podium-slot .character{width:105px;height:150px}.screen-page .podium{min-height:110px}.screen-page .podium-name{font-size:17px}.screen-page .podium-score{font-size:32px}.screen-page .stage-question{font-size:48px}.screen-page .stage-answer{font-size:24px;padding:20px}.screen-page .lobby-core{max-width:880px;grid-template-columns:1fr 200px}.screen-page .stage-copy{font-size:21px}.screen-page .stage-tag{font-size:14px}}
@media(max-width:1050px){.host-main{grid-template-columns:1fr;padding:16px;gap:16px}.host-panel{grid-template-columns:1fr 1fr}.host-panel .host-controls{align-content:start}.editor{margin:0 16px 30px}.home-hero{gap:30px}.podiums{gap:8px}.stage{padding:20px}.host-top{padding:18px}.home h1{letter-spacing:-2px}.screen-page .stage{min-height:calc(100dvh - 24px)}.screen-page{padding:12px}}
@media(max-width:640px){.home{padding:22px}.home-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.home h1{font-size:54px}.home-art{min-height:330px;border-radius:90px 90px 12px 12px}.home-form{max-width:none}.home footer{font-size:11px}.host-panel{grid-template-columns:1fr}.host-top .row{gap:8px}.host-top .logo{font-size:28px}.host-top .primary,.host-top .secondary-link{padding:10px;font-size:12px}.stage{padding:16px 12px;min-height:560px}.stage-head{gap:10px}.stage-head .logo{font-size:25px}.stage-head .stage-tag{font-size:9px;padding:6px}.stage-head .logo small{font-size:7px}.stage-center{padding:25px 0 8px}.stage-title,.host-preview .stage-title{font-size:33px;letter-spacing:-1px}.stage-question,.host-preview .stage-question{font-size:24px}.lobby-core{grid-template-columns:1fr;text-align:center;gap:12px}.qr-box{width:145px;margin:0 auto}.stage-copy{font-size:13px;margin:10px auto}.podiums{gap:5px;margin-top:20px}.podium-slot .character,.host-preview .podium-slot .character{width:43px;height:68px}.podium{padding:7px 2px;min-height:65px;border-top-width:3px}.podium-name{font-size:10px}.podium-score,.host-preview .podium-score{font-size:18px}.podium-status{font-size:8px}.stage-answers{gap:7px}.stage-answer,.host-preview .stage-answer{font-size:13px;padding:10px 8px;gap:7px;min-height:64px}.stage-answer b{font-size:14px;width:23px;height:28px}.stage-footer{font-size:9px}.options-editor{grid-template-columns:1fr}.editor{padding:18px}.host-preview .stage{min-height:590px}.screen-tools{right:18px;bottom:15px}.stage-explanation{font-size:12px}.phone-page{padding:20px 20px 35px}.phone-page header{margin-bottom:28px}.phone-page h1{font-size:32px}.stage-demo{font-size:8px}.host-main{padding:10px}.host-panel{padding:18px}.editor{margin:0 10px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:641px) and (max-height:800px){.screen-page .stage{padding:16px 28px}.screen-page .stage-center{padding-top:12px;padding-bottom:0}.screen-page .stage-title{font-size:54px}.screen-page .stage-copy{margin:10px auto}.screen-page .podiums{margin-top:8px}.screen-page .podium-slot .character{width:65px;height:94px}.screen-page .podium{min-height:72px}.screen-page .stage-footer{padding-top:10px}}

.screen-page .stage-footer>span:last-child{display:none}