:root{color-scheme:dark;--bg:#101220;--panel:#1b1e30;--line:#303349;--text:#f2f2f7;--muted:#a4a9bf;--lime:#d8fa70;--pink:#f0b5f0;--purple:#9b8cff;--red:#ff708a;--blue:#7cb5ff;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,#30294b55,transparent 50%);z-index:-1}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:transform .15s,background .15s;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:14px 20px;border-radius:12px;font-weight:700}button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--purple)}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--lime);border-color:var(--lime);color:#20251a}button.pink{background:var(--pink);border-color:var(--pink);color:#331b38}button.danger{border-color:var(--red);color:var(--red)}button.ghost{background:transparent}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}input,textarea,select{width:100%;border:1px solid var(--line);background:#121522;color:var(--text);border-radius:10px;padding:13px 14px;min-height:48px}input::placeholder,textarea::placeholder{color:#7e849e}textarea{resize:vertical;line-height:1.7}label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,56px);letter-spacing:-.05em;line-height:1.35}h2{font-size:24px;letter-spacing:-.025em}h3{font-size:18px}.muted{color:var(--muted);line-height:1.8}.small{font-size:12px}.eyebrow{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.15em;color:var(--lime);font-weight:700}.header{max-width:1440px;margin:auto;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.1em}.brand img{width:38px;height:38px}.brand small{display:block;font-weight:500;letter-spacing:.05em;color:var(--muted);font-size:10px;margin-top:4px}.header-right{display:flex;gap:12px;align-items:center}.pill{font-size:11px;letter-spacing:.05em;padding:8px 12px;border:1px solid var(--line);border-radius:99px;white-space:nowrap;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.container{max-width:1320px;margin:auto;padding:44px 4% 56px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;margin:25px 0 44px}.hero h1{font-size:clamp(44px,5.3vw,76px);margin:20px 0 24px;line-height:1.25}.hero h1 span{color:var(--lime)}.hero-desc{font-size:15px;line-height:2;color:var(--muted);max-width:440px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.hero-tags span{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:9px 12px}.ticket{background:var(--lime);color:#1b241a;padding:34px;border-radius:22px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:14px 14px 0 #23263a}.ticket-top{display:flex;justify-content:space-between;font-family:monospace;font-size:12px;letter-spacing:.07em;border-bottom:1px solid #75874780;padding-bottom:20px}.ticket-title{font-size:clamp(45px,6vw,78px);font-weight:900;letter-spacing:-.07em;line-height:.95;margin:28px 0}.ticket-star{position:absolute;right:25px;top:80px;font-size:84px;transform:rotate(10deg);opacity:.2}.ticket-bottom{border-top:2px dashed #748848;padding-top:24px;display:flex;align-items:center;justify-content:space-between;margin-top:30px}.ticket-bottom strong{font-size:27px}.ticket-bottom span{font-size:11px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}.card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#d8fa7018;color:var(--lime);font-size:24px}.card-icon.purple{background:#9b8cff20;color:var(--purple)}.card-head h2{margin:0;font-size:21px}.card-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.flex{display:flex;gap:12px;align-items:center}.grow{flex:1}.full{width:100%}.row{display:flex;gap:12px;flex-wrap:wrap}.stack{display:grid;gap:16px}.code-input{letter-spacing:.3em;font-family:ui-monospace,monospace;font-weight:800;text-align:center;font-size:22px}.form-row{display:grid;grid-template-columns:1fr 130px;gap:12px}.footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;line-height:1.8}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:30px;margin:8px 0}.room-code{font-family:ui-monospace,monospace;font-size:clamp(32px,4vw,52px);letter-spacing:.12em;font-weight:800;line-height:1.3}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.stat strong{display:block;font-size:30px;margin-top:8px;font-family:ui-monospace,monospace}.stat span{font-size:12px;color:var(--muted)}.stat strong small{font-size:14px;color:var(--muted);font-weight:400}.qr-card{text-align:center}.qr-card img{width:190px;height:190px;background:white;border-radius:10px;margin:18px auto 12px}.invite-url{font-size:11px;overflow-wrap:anywhere;line-height:1.7;color:var(--muted)}.team-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;max-height:270px;overflow:auto}.team-chip{background:#292d43;border-radius:7px;padding:9px 11px;font-size:12px}.team-chip small{color:var(--muted);margin-left:6px}.empty{border:1px dashed #42465f;border-radius:14px;padding:36px 20px;text-align:center;color:var(--muted);line-height:1.8}.stage{background:linear-gradient(140deg,#252840,#1a1d31);border:1px solid #41435f;border-radius:20px;padding:30px;margin-bottom:22px;overflow:hidden}.stage-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.tag{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.08em;background:#d8fa701a;color:var(--lime);padding:8px 12px;border-radius:7px}.phase-name{font-size:12px;color:var(--muted)}.standby{text-align:center;padding:32px 10px}.standby .big-star{font-size:70px;color:var(--lime);margin-bottom:22px;display:block}.standby h2{font-size:28px}.standby p{max-width:440px;margin:auto;color:var(--muted);line-height:1.9;font-size:14px}.question-text{font-size:clamp(23px,2.5vw,34px);line-height:1.65;letter-spacing:-.02em;margin-bottom:26px;white-space:pre-wrap;overflow-wrap:anywhere}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:flex;align-items:center;gap:14px;text-align:left;padding:19px 18px;border:1px solid #4b4d68;border-radius:13px;background:#171a2a;min-height:82px;font-size:17px;position:relative;overflow-wrap:anywhere}.choice b{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-family:monospace;background:#36334f;color:#c6b9ff}.choice:nth-child(2) b{background:#403041;color:var(--pink)}.choice:nth-child(3) b{background:#273d4c;color:#95cbff}.choice:nth-child(4) b{background:#3c3c28;color:#e6e88d}.choice.selected{border:2px solid var(--purple);background:#3a315b}.choice.correct{border:2px solid var(--lime);background:#d8fa7012}.choice.correct b{background:var(--lime);color:#1a2514}.choice.wrong{border-color:var(--red)}.choice:disabled{opacity:1}.choice .count{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}.timer{font-size:34px;font-weight:800;font-family:ui-monospace,monospace;color:var(--lime)}.timer.urgent{color:var(--red)}.time-track{height:5px;background:#34374c;border-radius:10px;overflow:hidden;margin-bottom:24px}.time-track i{display:block;height:100%;background:var(--lime);transition:width .1s linear}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.controls button.primary{flex:1}.note{font-size:12px;line-height:1.8;color:var(--muted)}.explanation{background:#d8fa700d;border-left:3px solid var(--lime);padding:16px 18px;margin-top:22px;line-height:1.9;font-size:14px}.answer-status{text-align:center;padding:16px;color:var(--lime);font-weight:700}.ranking{width:100%;border-collapse:collapse;font-size:14px}.ranking th{text-align:left;font-size:11px;letter-spacing:.05em;color:var(--muted);font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}.ranking td{padding:16px 10px;border-bottom:1px solid #30334988}.ranking th:nth-child(n+3),.ranking td:nth-child(n+3){text-align:right;font-family:ui-monospace,monospace}.ranking td:first-child{font-family:monospace;color:var(--lime);font-size:19px;width:50px}.ranking tr.me{background:#d8fa7012}.ranking tr:last-child td{border:0}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:22px 0}.podium-place{padding:24px 12px;text-align:center;background:#282c42;border:1px solid var(--line);border-radius:13px;overflow-wrap:anywhere}.podium-place:first-child{background:#d8fa7013;border-color:#d8fa7070}.podium-place b{font-size:34px;display:block;color:var(--lime);font-family:monospace;margin-bottom:12px}.podium-place strong{font-size:16px;display:block;margin-bottom:12px}.podium-place span{font-size:12px;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}summary:after{content:'＋';font-size:20px;color:var(--muted)}details[open] summary{margin-bottom:20px}details[open] summary:after{content:'−'}.editor-q{padding:20px 0;border-top:1px solid var(--line)}.editor-q-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.editor-q .row>div{flex:1;min-width:140px}.editor-q label{margin-top:14px}.editor-q textarea{min-height:75px}.editor-actions{position:sticky;bottom:12px;background:#25283d;padding:14px;border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;z-index:2}.join-page{max-width:500px;margin:22px auto}.join-page h1{font-size:30px;margin:16px 0}.join-code{margin:24px 0 30px}.player-page{max-width:860px;margin:auto}.player-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.team-badge{display:flex;gap:10px;align-items:center;font-weight:700}.team-badge .card-icon{width:36px;height:36px;font-size:18px}.my-score{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;margin:20px 0;background:var(--panel)}.my-score>div{padding:18px 10px;text-align:center;border-right:1px solid var(--line)}.my-score>div:last-child{border:0}.my-score strong{display:block;font-size:26px;font-family:monospace}.my-score span{font-size:10px;color:var(--muted)}.screen .container{max-width:1700px}.screen .question-text{font-size:clamp(30px,4vw,64px)}.screen .choice{font-size:clamp(22px,2.2vw,36px);padding:28px}.screen .timer{font-size:60px}.screen .standby h2{font-size:45px}.screen .qr-card img{width:260px;height:260px}.screen .ranking{font-size:24px}.screen .ranking td{padding:18px}.screen .ranking th{font-size:14px}.screen .host-layout{grid-template-columns:minmax(0,1fr) 360px}.screen .stage{padding:42px}.screen .podium-place b{font-size:70px}.screen .podium-place strong{font-size:25px}.screen .podium-place{padding:35px 16px}.offline{color:var(--red)!important}.offline .dot{background:var(--red)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;transition:.2s;background:#f0f1f7;color:#151725;border-radius:12px;padding:15px 22px;z-index:99;box-shadow:0 6px 30px #0008;max-width:90%;width:max-content;font-size:14px;line-height:1.6}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.recovery{border:1px dashed #555772;padding:16px;border-radius:10px;margin-top:20px}.previous{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.previous a{font-size:12px;background:#292d43;padding:10px 14px;border-radius:8px}.help-list{line-height:2;color:var(--muted);font-size:13px;padding-left:20px}.mobile-only{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:950px){.hero-grid{gap:30px}.hero h1{font-size:48px}.ticket{padding:24px}.ticket-title{font-size:60px}.host-layout,.screen .host-layout{grid-template-columns:1fr}.host-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.screen .host-sidebar{display:block}.screen .qr-card img{width:180px;height:180px}.hero-grid{margin-top:8px}}@media(max-width:650px){.header{padding:17px 5%}.brand{font-size:12px}.header-right .pill:not(#connection){display:none}.container{padding:26px 5% 38px}.hero-grid{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.hero h1{font-size:clamp(32px,8.5vw,48px)}.hero-desc{font-size:13px}.hero-tags{margin:22px 0 0}.ticket{transform:rotate(1deg);box-shadow:7px 7px 0 #23263a;padding:23px}.ticket-title{font-size:57px;margin:20px 0}.ticket-top{padding-bottom:15px}.ticket-bottom{margin-top:22px;padding-top:18px}.ticket-star{top:65px;right:30px}.role-grid{grid-template-columns:1fr}.card{padding:22px}.footer{display:block}.footer span{display:block;margin-top:6px}.page-head{display:block}.page-head .row{margin-top:18px}.page-head h1{font-size:24px}.stats{gap:8px}.stat{padding:14px 11px}.stat strong{font-size:25px}.stat span{font-size:10px}.host-sidebar{display:block}.host-sidebar .card{margin-bottom:18px}.stage{padding:22px 18px}.stage-label{margin-bottom:20px}.question-text{font-size:23px}.choices{grid-template-columns:1fr}.choice{min-height:68px;font-size:16px;padding:16px}.player-page .stage{padding:22px 16px}.standby{padding:25px 0}.standby h2{font-size:25px}.timer{font-size:29px}.ranking td,.ranking th{padding:13px 6px}.ranking{font-size:12px}.ranking td:first-child{width:32px}.podium{gap:7px}.podium-place{padding:20px 7px}.podium-place strong{font-size:13px}.podium-place span{font-size:10px}.controls button{width:100%}.form-row{grid-template-columns:1fr 95px}.editor-actions{flex-wrap:wrap}.editor-actions button{flex:1;font-size:12px;padding:12px 10px}.screen .choice{font-size:21px}.screen .stage{padding:22px}.screen .question-text{font-size:28px}.screen .ranking{font-size:14px}.screen .standby h2{font-size:30px}.screen .podium-place b{font-size:40px}.screen .podium-place strong{font-size:16px}}
/* Quiz-show visual system */
:root{--bg:#070b22;--panel:#111a38;--line:#293962;--lime:#ffe18d;--pink:#ff79aa;--purple:#6fcaff;--muted:#a0afd0;--text:#fafbff}body:before{background:radial-gradient(ellipse at 50% -10%,#283c95a0,transparent 60%),linear-gradient(90deg,transparent 49.8%,#a2bcff0a 50%,transparent 50.2%);background-size:auto,64px 64px}.header{border-bottom:1px solid #bd9b5066;background:#060a1bd9}.brand img{border:1px solid #e9c56d;border-radius:9px}.show-emblem{border:2px solid #b99447;border-radius:28px;padding:42px 32px;text-align:center;background:radial-gradient(ellipse at center,#243a72,#0c1533 70%);box-shadow:inset 0 0 0 5px #070b22,inset 0 0 0 7px #705928,0 0 70px #6a4ede25;position:relative}.show-emblem small{color:#ffdfa5;letter-spacing:.35em;font-family:monospace;font-size:12px}.show-emblem>strong{display:block;font-size:clamp(42px,5.5vw,78px);line-height:.95;font-weight:950;letter-spacing:-.04em;margin:24px 0;color:#fff1c3;text-shadow:0 3px 0 #805d24,0 6px 18px #0008}.show-emblem>span{font-size:11px;letter-spacing:.25em;color:#b2c9ff}.emblem-stars{color:#f2c873;letter-spacing:.4em;font-size:16px;margin-top:26px}.hero h1 span{background:linear-gradient(100deg,#fff3c4,#e8b44f);background-clip:text;color:transparent}.stage{border:2px solid #a88847;box-shadow:inset 0 0 0 4px #070d24,0 12px 40px #0005;background:radial-gradient(ellipse at 50% 0,#233765,#0c1431 70%)}.stage-label .tag{background:linear-gradient(120deg,#b37e21,#f9db8a);color:#322207;font-size:14px;font-weight:900}.choice{background:linear-gradient(110deg,#ac2848,#56172f);border:1px solid #f07891;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff30;font-size:20px;font-weight:800}.choice:nth-child(2){background:linear-gradient(110deg,#2365c3,#153267);border-color:#5daaff}.choice:nth-child(3){background:linear-gradient(110deg,#b48613,#6b4912);border-color:#eed071}.choice:nth-child(4){background:linear-gradient(110deg,#198359,#104a42);border-color:#5dd5a2}.choice b,.choice:nth-child(n) b{background:#fff;color:#121c36;border:2px solid #fff9;border-radius:8px;font-size:21px;box-shadow:0 3px 0 #0005}.choice.selected{outline:3px solid #fff;outline-offset:2px}.choice.correct{box-shadow:0 0 24px #f4d26b77;border:2px solid #ffe58c;outline:2px solid #ffe58c;animation:correct-glow .7s ease-in-out 2 alternate}.choice.wrong{filter:saturate(.4);opacity:.65}.choice .count{color:#fff;font-size:14px}.timer{font-size:42px;color:#ffe794;min-width:90px;text-align:right;font-variant-numeric:tabular-nums}.countdown-stage{text-align:center;padding:25px}.countdown-stage>strong{font-size:170px;line-height:1.2;font-weight:950;color:#ffe493;text-shadow:0 0 55px #dca64c99;display:block;font-family:ui-monospace,monospace}.event-subtitle{font-size:.7em;color:#e7cb8a}.event-list{display:grid;gap:12px;max-height:540px;overflow:auto}.event-card{display:grid;gap:12px;text-align:left;padding:22px;background:linear-gradient(120deg,#20335a,#111a35);border:1px solid #4d6086}.event-card strong{font-size:22px}.event-card small{color:var(--muted)}.qr-svg{width:190px;margin:18px auto;background:#fff;padding:4px;border-radius:10px}.qr-svg svg{display:block;width:100%}.native-join{display:block;border:1px solid #5673a1;background:#ffffff08;padding:13px;border-radius:10px;font-size:13px;color:#9ddcfe;text-align:center;margin:14px 0}.board-header{text-align:center;margin-bottom:24px}.board-header h2{margin:15px}.board-header>span{color:#ffdb7a;font-family:monospace}.answerwall{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.team-light{border:1px solid #344269;background:#0e142c;border-radius:6px;padding:10px 7px;display:grid;gap:7px;text-align:center;min-height:90px}.team-light small{font-family:monospace;color:#7a8caf}.team-light strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-light span{font-size:7px;letter-spacing:.04em;color:#7a8caf}.team-light.answered{background:#163b73;border-color:#5f9cff;box-shadow:0 0 9px #3174d433}.team-light.right{background:#1c553b;border-color:#8df5a7;box-shadow:0 0 10px #52d48844}.team-light.incorrect{background:#50233a;border-color:#b65b73}.team-light.answered span,.team-light.right span{color:#d7f5ff}.podium-place:first-child{background:linear-gradient(135deg,#80601f33,#1a2345);border-color:#e6be63}.podium-place b{color:#ffe09b}.screen .header{padding:14px 3%}.screen .container{padding:24px 3%}.screen .page-head h1{font-size:26px}.screen .stage{padding:28px 34px}.screen .question-text{font-size:clamp(30px,3.3vw,52px)}.screen .choice{min-height:100px;padding:22px;font-size:clamp(23px,2.4vw,38px)}.screen .choice b{width:48px;height:48px;font-size:32px}.screen .qr-svg{width:250px}.screen .footer{margin-top:20px}.screen .ranking tr{animation:rank-appear .4s both}.screen .ranking tr:nth-child(2n){background:#ffffff05}@keyframes correct-glow{to{box-shadow:0 0 50px #f4d26b99;transform:scale(1.015)}}@keyframes rank-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.answerwall{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:650px){.hero h1{font-size:44px}.show-emblem{padding:30px 22px}.show-emblem>strong{font-size:60px}.event-subtitle{font-size:.65em}.choice{font-size:17px}.answerwall{grid-template-columns:repeat(3,minmax(0,1fr))}.countdown-stage>strong{font-size:120px}.screen .choice{min-height:72px}.screen .stage{padding:22px 18px}}