@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap");:root{--bg:#fbc90b;--bg-deep:#f3b60c;--bg-band:#f8c72d;--card:#ffffff;--cream:#fef1b5;--amber:#f2b425;--amber-deep:#df9920;--selected:#ffd84d;--ink:#122459;--ink-soft:#3a4a80;--muted:#4b5b8c;--opt-a:#97dbfa;--badge-a:#f4514a;--opt-b:#cda2f4;--badge-b:#ffc02d;--opt-c:#ff8db1;--badge-c:#4497de;--opt-d:#59ccb6;--badge-d:#6ac568;--chip-1:#b6dd5c;--chip-2:#ffc02d;--chip-3:#7fc4f5;--chip-4:#fc554a;--chip-5:#ff8db1;--chip-6:#6ac568;--chip-7:#6fd0c6;--chip-8:#cda2f4;--red:#fe3d37;--purple:#b734e2;--magenta:#de50fa;--good:#2fb457;--bad:#f4514a;--line:3px;--line-bold:4px;--radius:18px;--radius-lg:26px;--shadow:0 5px 0 var(--ink);--shadow-sm:0 3px 0 var(--ink);--font-body:"Baloo 2","Nunito",system-ui,-apple-system,sans-serif;--font-display:"Baloo 2","Nunito",system-ui,-apple-system,sans-serif;--panel:var(--card);--panel-2:var(--cream);--panel-3:var(--amber);--border:var(--ink);--border-hi:var(--ink);--accent:var(--purple);--cyan:var(--badge-c);--gold:var(--badge-b);--silver:#cfd8ea;--bronze:#e08a3c;--text:var(--ink);--glow-accent:none;--glow-cyan:none;--glow-gold:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;color:var(--ink);font-family:var(--font-body);font-weight:600;-webkit-font-smoothing:antialiased}html{background-color:var(--bg);background-image:url(/quiztime-bg.svg);background-repeat:no-repeat;background-position:top;background-size:cover}body{background-color:transparent}body:after{content:"";position:fixed;inset:0;background:radial-gradient(120% 70% at 50% 0,rgba(255,255,255,.12),rgba(0,0,0,0) 45%),radial-gradient(140% 120% at 50% 118%,rgba(150,86,0,.14),rgba(0,0,0,0) 62%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);font-weight:800;cursor:pointer;border:none;border-radius:14px;padding:14px 24px;font-size:1rem;line-height:1.2;transition:transform .1s ease,box-shadow .15s ease,opacity .15s,filter .15s;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:translateY(2px)}.display,.section-title,.show-title{font-family:var(--font-display);font-weight:800;line-height:1.05;color:var(--ink)}.show-title{font-size:clamp(2.2rem,7vw,4.2rem);letter-spacing:-.02em}.section-title{font-size:1.25rem;letter-spacing:.02em}.outline{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(18,36,89,.35)}.outline--thin{-webkit-text-stroke:4px var(--ink);text-shadow:0 3px 0 rgba(18,36,89,.3)}.text-muted{color:var(--muted)}.text-center{text-align:center}.qt-label,.text-ink{color:var(--ink)}.qt-label{display:block;font-weight:800;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.qt-help{font-size:.85rem;font-weight:500;color:var(--ink-soft);margin-top:8px}.spacer{height:18px}.spacer-sm{height:8px}.spacer-lg{height:30px}.row{gap:10px}.qt-shell,.row{display:flex;align-items:center}.qt-shell{min-height:100vh;flex-direction:column;padding:28px 20px 48px}.qt-logo{display:block;height:clamp(74px,9vw,118px);width:auto}.qt-setup{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,620px);align-items:center;grid-gap:clamp(24px,4vw,72px);gap:clamp(24px,4vw,72px);max-width:1400px;margin:0 auto;padding:40px 34px 56px}.qt-setup__brand{display:flex;justify-content:center;align-items:center}.qt-logo--setup{width:min(100%,560px);height:auto;max-width:none;display:block}.qt-panel--setup{background:var(--cream);max-width:620px}@media (max-width:980px){.qt-setup{grid-template-columns:1fr;padding:24px 18px 44px;gap:22px}.qt-logo--setup{width:min(76%,420px)}.qt-panel--setup{max-width:none}.qt-setup__brand{justify-content:center}}.qt-seg--wrap{flex-wrap:wrap}.qt-seg--wrap .qt-seg-item{min-width:150px}.qt-logo--sm{width:min(64%,300px);height:auto;max-width:none}.qt-logo--board{width:max(250px,22%);height:auto;max-width:none}.qt-logo--app{width:min(100%,420px);height:auto;max-width:none}.card{background:var(--card);border:var(--line-bold) solid var(--ink);border-radius:28px;padding:26px;box-shadow:var(--shadow);max-width:480px;width:100%;margin:0 auto}.card-wide{background:var(--card);max-width:none}.card-hi,.card-wide{border:var(--line-bold) solid var(--ink);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.card-hi{background:var(--amber)}.qt-card--cream{background:var(--cream)}.qt-card--amber{background:var(--amber)}.qt-panel{background:var(--panel-amber,var(--amber));border:var(--line-bold) solid var(--ink);border-radius:36px;box-shadow:var(--shadow);padding:34px 30px;width:100%}.board-title span:nth-child(4n+1){color:var(--good)}.board-title span:nth-child(4n+2){color:var(--badge-b)}.board-title span:nth-child(4n+3){color:var(--red)}.board-title span:nth-child(4n+4){color:var(--badge-c)}.qt-inset{display:flex;align-items:center;gap:12px;padding:12px 14px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--amber-deep);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.qt-inset--on{background:var(--amber)}.qt-inset--on .qt-check{border-color:var(--ink)}.qt-inset--flat{background:var(--amber-deep);border-style:none;cursor:default}.qt-inset--flat:hover{filter:none}input[type=number],input[type=text],select,textarea{font-family:var(--font-body);font-size:1rem;font-weight:700;border:var(--line) solid var(--ink);border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 4px var(--selected)}.qt-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#fff;border:var(--line) solid var(--ink);border-radius:16px;padding:14px 16px;font-weight:700;font-size:1.05rem;color:var(--ink)}.qt-btn,.qt-select{font-family:inherit;box-shadow:var(--shadow-sm)}.qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:1rem;color:#fff;background:var(--purple);border:var(--line) solid var(--ink);border-radius:14px;padding:12px 18px;cursor:pointer;text-shadow:0 2px 0 rgba(18,36,89,.35);white-space:nowrap}.qt-btn:hover:not(:disabled){filter:brightness(1.06)}.qt-btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.qt-btn--red{background:var(--red)}.qt-btn--amber{background:var(--amber-deep)}.qt-btn--magenta{background:var(--magenta)}.qt-btn--white{background:#fff;color:var(--ink);text-shadow:none}.qt-btn--lg{font-size:clamp(1.3rem,4vw,1.9rem);padding:20px 26px;border-radius:24px;width:100%}.qt-btn--sm{font-size:.9rem;padding:9px 14px;border-radius:12px}.qt-btn__icon{font-size:1.2em;line-height:1}.btn-primary{background:var(--purple);color:#fff;border:var(--line) solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:14px 22px;text-shadow:0 2px 0 rgba(18,36,89,.35)}.btn-control,.btn-cyan,.btn-ghost{background:#fff;color:var(--ink);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);padding:10px 16px}.qt-seg{display:flex;gap:10px}.qt-seg-item{flex:1 1;font-family:inherit;font-weight:800;font-size:1rem;padding:12px 8px;border:var(--line) solid var(--ink);border-radius:14px;background:var(--amber);color:var(--ink);cursor:pointer}.qt-seg-item.is-on{background:var(--selected);box-shadow:var(--shadow-sm)}.qt-check{width:26px;height:26px;flex-shrink:0;border:var(--line) solid var(--ink);border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink);line-height:1}.qt-check--on{background:var(--selected)}.qt-chips{display:flex;flex-wrap:wrap;gap:10px}.qt-chip{font-family:inherit;font-weight:700;font-size:.92rem;padding:9px 16px;border:var(--line) solid var(--ink);border-radius:999px;color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--ink)}.qt-chip:active{transform:translateY(2px);box-shadow:none}.qt-chip.is-off{background:rgba(255,255,255,.32)!important;color:var(--ink-soft);box-shadow:none}.qt-h1{font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.6rem);font-weight:800;letter-spacing:.01em;text-align:center;color:var(--ink);margin-bottom:26px}.qt-stage{min-height:100vh;display:flex;flex-direction:column;padding:16px 22px 26px;gap:16px}.qt-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.qt-joinwrap{text-align:center;line-height:1}.qt-joinlabel{font-weight:800;letter-spacing:.14em;font-size:clamp(.8rem,1.5vw,1.05rem)}.qt-code{font-size:clamp(2.6rem,7vw,5rem);font-weight:800;letter-spacing:.06em}.qt-topright{display:flex;align-items:center;gap:14px}.qt-live{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.95rem}.qt-pill-magenta{background:var(--magenta);color:#fff;font-weight:800;border:var(--line) solid var(--ink);border-radius:999px;padding:11px 20px;box-shadow:var(--shadow-sm);text-shadow:0 2px 0 rgba(18,36,89,.3);font-size:clamp(.95rem,1.6vw,1.15rem)}.qt-autonext{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.95rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qt-banner{display:inline-block;background:var(--red);color:#fff;border:var(--line) solid var(--ink);border-radius:999px;padding:8px 22px;font-weight:800;letter-spacing:.05em;font-size:clamp(.85rem,1.5vw,1.05rem);box-shadow:var(--shadow-sm);text-transform:uppercase}.qt-banner--amber{background:var(--amber-deep)}.qt-body{display:grid;grid-template-columns:minmax(250px,22%) 1fr;grid-gap:22px;gap:22px;flex:1 1;align-items:start}@media (max-width:900px){.qt-body{grid-template-columns:1fr}}.qt-board{background:var(--cream);border:var(--line-bold) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:12px;min-height:320px}.qt-board-title{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;letter-spacing:.02em}.qt-board-row{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem}.qt-board-foot{margin-top:auto;padding-top:14px;border-top:3px solid rgba(18,36,89,.22);display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.95rem}.qt-question{background:var(--card);border:var(--line-bold) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px 30px}.qt-question-text{font-size:clamp(1.4rem,3.4vw,2.6rem);font-weight:800;line-height:1.2;text-align:center;color:var(--ink)}.qt-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:18px}@media (max-width:720px){.qt-options{grid-template-columns:1fr}}.qt-option{display:flex;align-items:center;gap:14px;width:100%;border:var(--line-bold) solid var(--ink);border-radius:var(--radius);padding:14px 18px;text-align:left;box-shadow:var(--shadow);font-family:inherit}.qt-option:disabled{opacity:.95;cursor:default}.qt-option-badge{width:clamp(42px,4.4vw,58px);height:clamp(42px,4.4vw,58px);flex-shrink:0;border-radius:50%;border:var(--line) solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:clamp(1.2rem,2vw,1.6rem);text-shadow:0 2px 0 rgba(18,36,89,.35)}.qt-option-label{font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:700;color:var(--ink)}.qt-option.is-correct{outline:5px solid var(--good);outline-offset:-5px}.qt-option.is-wrong{opacity:.55}.option-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.option-item{padding:14px 16px;border-radius:14px;background:#fff;border:var(--line) solid var(--ink);color:var(--ink);font-weight:700;font-size:1rem;text-align:left;box-shadow:var(--shadow-sm)}.option-item.correct{border-color:var(--good);background:rgba(47,180,87,.14);color:var(--ink)}.btn-option{background:#fff;border:var(--line) solid var(--ink);border-radius:14px;color:var(--ink);padding:16px 18px;width:100%;display:block;font-weight:700;font-size:1.05rem;text-align:left}.score-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:12px}.score-rank{width:22px;text-align:center;color:var(--ink-soft)}.score-avatar-sm,.score-rank{font-weight:800;flex-shrink:0}.score-avatar-sm{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);border:2px solid var(--ink);overflow:hidden}.score-name{flex:1 1;font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-pts{font-weight:800;font-size:1.15rem}.podium-wrap{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:8px 0}.podium-slot{flex-direction:column;gap:8px;flex:1 1;max-width:140px}.podium-avatar,.podium-slot{display:flex;align-items:center}.podium-avatar{width:56px;height:56px;border-radius:50%;justify-content:center;font-weight:800;font-size:1.4rem;color:#fff;border:var(--line) solid var(--ink);flex-shrink:0}.podium-avatar.rank-1{width:68px;height:68px;font-size:1.8rem;background:var(--badge-b)}.podium-name{font-size:.9rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.podium-score{font-weight:800;font-size:1.5rem}.podium-block{width:100%;border-radius:14px 14px 0 0;min-height:32px;display:flex;align-items:center;justify-content:center;border:var(--line) solid var(--ink);border-bottom:none}.podium-block.rank-1{min-height:64px;background:var(--badge-b)}.podium-block.rank-2{min-height:46px;background:var(--silver)}.podium-block.rank-3{min-height:34px;background:var(--bronze)}.rank-label{font-weight:800;letter-spacing:.08em;color:var(--ink)}.result-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;border:var(--line) solid var(--ink)}.result-row.correct-row{background:rgba(47,180,87,.14);border-color:var(--good)}.result-icon{font-size:1.1rem;width:22px;text-align:center;flex-shrink:0}.result-name{font-weight:800;font-size:.95rem}.result-answer{flex:1 1;color:var(--ink-soft);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-code{font-weight:800;font-size:3.2rem;letter-spacing:.18em;color:var(--ink);line-height:1}.badge{display:inline-block;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border:2px solid var(--ink)}.badge-exact{background:var(--opt-a)}.badge-jev{background:var(--selected)}.badge-ai{background:var(--badge-b)}.conn-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--good);border:2px solid var(--ink);animation:pulse-dot 2s ease-in-out infinite}.conn-dot.offline{background:var(--amber-deep);animation:none}.judging-indicator{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border:var(--line) solid var(--ink);border-radius:14px;font-weight:700;color:var(--ink-soft)}.judging-dots i,.judging-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink-soft);margin:0 2px;animation:bounce-dot 1.2s ease-in-out infinite}.judging-dots i:nth-child(2),.judging-dots span:nth-child(2){animation-delay:.2s}.judging-dots i:nth-child(3),.judging-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.anim-slide-up{animation:slide-up .3s ease-out}.anim-glow{animation:glow-pulse 2.5s ease-in-out infinite}.anim-pop{animation:pop-in .35s ease-out}