:root{color:#f7f8ff;font-synthesis:none;background:#101322;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#293056 0,#0000 38%),radial-gradient(circle at 0 90%,#1e3a4c 0,#0000 33%),#101322;min-width:320px;min-height:100vh;margin:0}html.viewport-locked,html.viewport-locked body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;overflow:hidden}.viewport-locked body{position:fixed;inset:0}.viewport-locked .shell{height:100dvh;min-height:0;overflow:hidden}html.screen-mode,html.screen-mode body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.screen-mode body{position:fixed;inset:0}.screen-mode .shell--wide{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);min-height:0;margin:auto;padding:clamp(16px,2vmin,30px) clamp(22px,2.8vmin,44px);position:fixed;inset:0;overflow:hidden}.screen-mode .brand{margin-bottom:clamp(10px,1.5vh,18px)}.screen-mode .toolbar{margin-bottom:clamp(10px,1.4vh,16px)}.screen-mode .question-card{border-radius:clamp(16px,2vmin,22px);padding:clamp(14px,2vmin,24px) clamp(18px,2.6vmin,30px)}.screen-mode .question-card h1{margin:clamp(11px,1.8vh,19px) 0;font-size:clamp(1.4rem,3.5vmin,2.3rem);line-height:1.24}.screen-mode .question-card__image{aspect-ratio:16/9;background:#f8f5ec;border-radius:14px;width:auto;height:min(27vh,300px);margin:0 auto clamp(11px,1.6vh,17px);padding:clamp(5px,.7vmin,9px);box-shadow:0 5px 18px #071b1655}.screen-mode .question-card__image img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:0 0;border-radius:9px;padding:0}.screen-mode .choices{gap:clamp(10px,1.5vmin,16px)}.screen-mode .choice{min-height:clamp(70px,9.6vh,92px);padding:clamp(12px,1.6vmin,16px) clamp(16px,2vmin,22px);font-size:clamp(1.15rem,2.4vmin,1.48rem);font-weight:650}.screen-mode .choice>span{width:clamp(42px,5.2vmin,52px);height:clamp(42px,5.2vmin,52px);font-size:clamp(1.08rem,2.2vmin,1.38rem)}.screen-mode .screen-message{margin:clamp(6px,1vh,12px) 0 0;font-size:clamp(1.25rem,2.7vmin,1.8rem)}.screen-mode .ranking{gap:clamp(3px,.5vh,8px)}.screen-mode .ranking__row{padding:clamp(6px,.8vh,12px) 12px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{width:min(100% - 32px,760px);min-height:100vh;margin:0 auto;padding:30px 0 80px}.shell--wide{width:min(100% - 48px,1240px)}.brand{align-items:center;gap:12px;margin-bottom:52px;display:flex}.brand__logo{object-fit:contain;background:#fff;border-radius:10px;width:auto;height:46px;padding:8px 12px;display:block;box-shadow:0 8px 24px #0506124d}.brand small{color:#7de5ba;letter-spacing:.22em;font-weight:800}.hero{padding-top:10vh}.hero h1,.waiting h1,.screen-wait h1{letter-spacing:-.055em;margin:12px 0 20px;font-size:clamp(2.6rem,8vw,5.2rem);line-height:1.07}.hero>p:not(.eyebrow){color:#b7bdd6;margin-bottom:36px;font-size:1.1rem}.eyebrow{color:#7de5ba;letter-spacing:.18em;font-size:.78rem;font-weight:800}.button{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.button--large{width:100%;padding:17px 24px;font-size:1.05rem}.button--primary{background:#5b6cff;box-shadow:0 8px 28px #596aff38}.button--ghost{background:#ffffff0b;border-color:#ffffff1c}.button--warning{color:#17110b;background:#e79e36}.button--danger{background:#df5268}.panel,.question-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191d31dd;border:1px solid #ffffff12;border-radius:22px;padding:clamp(22px,5vw,36px);box-shadow:0 24px 70px #0506124d}.join-panel{max-width:520px;margin:8vh auto 0}.join-panel h1{margin:8px 0;font-size:2rem}.join-panel form{gap:20px;margin-top:30px;display:grid}label{color:#cbd0e2;gap:9px;font-size:.88rem;font-weight:700;display:grid}input{color:#fff;background:#0d1020;border:1px solid #ffffff20;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px}input:focus{border-color:#7380ff;box-shadow:0 0 0 3px #5b6cff24}.muted{color:#9da5c0}.center{text-align:center}.alert,.success{border-radius:12px;margin:16px 0;padding:13px 16px}.alert{color:#ffc2cc;background:#dc526823;border:1px solid #dc526844}.success{text-align:center;color:#a1f2d0;background:#4dc7981d;border:1px solid #4dc79842}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.toolbar small{color:#929bb9}.toolbar__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.connection,.phase{border-radius:99px;align-items:center;gap:7px;width:fit-content;padding:7px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.connection:before{content:"";border-radius:50%;width:7px;height:7px}.connection--connected{color:#8ee7c2;background:#54d0a01c}.connection--connected:before{background:#66dcaf}.connection--connecting,.connection--disconnected{color:#ffd08b;background:#eaa7421c}.connection--connecting:before,.connection--disconnected:before{background:#eaa742}.phase{color:#b9c0ff;background:#6674ef22}.phase--question_open{color:#8ee7c2;background:#54d0a01c}.phase--question_closed{color:#ffd08b;background:#eaa7421c}.phase--answer_revealed{color:#ffb8ca;background:#e45c7d1c}.waiting{text-align:center;padding:17vh 10px 0}.waiting h1{font-size:clamp(2.1rem,7vw,3.5rem)}.waiting>p:last-child{color:#a9b0c8}.pulse{background:#6ee2b5;border-radius:50%;width:16px;height:16px;margin:0 auto 28px;animation:1.8s infinite pulse;box-shadow:0 0 #6ee2b566}@keyframes pulse{70%{box-shadow:0 0 0 24px #6ee2b500}}.question-card__meta{color:#8e97b6;letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:800;display:flex}.countdown{color:#fff;letter-spacing:0;font-size:1.3rem}.question-card h1{letter-spacing:-.03em;margin:26px 0 30px;font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.35}.question-card__images{place-items:center;margin:-10px 0 24px;display:grid}.question-card__images--pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,760px);margin-inline:auto}.question-card__image{place-items:center;margin:0;display:grid;position:relative}.question-card__image img{object-fit:contain;background:#0d1020;border-radius:14px;width:100%;max-width:680px;max-height:min(34vh,360px);display:block}.question-card__image-label{z-index:1;color:#fff;background:#101322dd;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid;position:absolute;top:8px;left:8px}.choices{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.choice{text-align:left;color:#f7f8ff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff16;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:70px;padding:12px 15px;transition:border .15s,background .15s,transform .15s;display:grid}.choice:not(:disabled):hover{background:#6573ff18;border-color:#7784ff;transform:translateY(-2px)}.choice:disabled{cursor:default;opacity:.88}.choice>span{color:#abb3d0;background:#ffffff0c;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.choice em{color:#aeb5cb;font-size:.78rem;font-style:normal}.choice--selected{background:#6371ff20;border-color:#7481ff}.choice--selected>span{color:#fff;background:#5b6cff}.choice--correct{background:#5bd1a51b;border-color:#64d8ac}.choice--correct>span{color:#10251d;background:#6be0b5}.choice--wrong{background:#e35b7018;border-color:#e35b70}.question-card__images--pair .question-card__image{aspect-ratio:4/3;border-radius:14px;width:100%;height:auto;overflow:hidden}.question-card__images--pair .question-card__image img{object-fit:contain;height:100%;max-height:none}.question-card--compact-image .question-card__images{margin-bottom:28px}.question-card--compact-image .question-card__image{aspect-ratio:16/9;width:min(100%,360px);height:min(15vh,160px)}.question-card--compact-image .question-card__image img{object-fit:contain;height:100%;max-height:none}.screen-mode .question-card--compact-image{flex-direction:column;min-height:min(72vh,740px);padding-block:clamp(18px,2.6vmin,30px);display:flex}.screen-mode .question-card--compact-image .choices{margin-top:auto}.answer-submit{margin-top:16px}.answer-submit p{color:#9da5c0;text-align:center;margin:0 0 10px;font-size:.82rem}.ranking{gap:8px;display:grid}.ranking__row{background:#ffffff08;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.ranking__row--me{background:#6573ff1b;outline:1px solid #6e7aff}.ranking__row--winner{background:linear-gradient(110deg,#fff1a924,#e7a93a18);border:2px solid #e5b94f;box-shadow:0 0 22px #e5b94f2e}.ranking__rank{background:#ffffff0c;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.ranking__row--winner .ranking__rank{color:#4c3510;background:#f4c95d}.ranking__name{font-weight:700}.ranking__name small{color:#8f98b5}.ranking__winner-label{color:#d49a22;margin-left:9px;font-size:.76rem;display:inline-block}.ranking__row>span:last-child{color:#aab1c8;font-size:.82rem}.ranking__row>span:last-child b{color:#fff;font-size:1rem}.my-result{background:linear-gradient(120deg,#5b6cff33,#5dccaa20);border-radius:16px;align-items:center;gap:20px;margin:24px 0;padding:20px;display:flex}.my-result>span{color:#acb3cc}.my-result>strong{margin-left:auto;font-size:3rem}.my-result>strong small{font-size:1rem}.my-result>b{color:#8ce6c3}.winner-panel{border:3px solid #e6b84c;box-shadow:0 20px 70px #d89b3438}.my-result--winner{background:linear-gradient(120deg,#fff0a9,#ffd49c);border:2px solid #e3ad3b}.my-result--winner>span,.my-result--winner>b{color:#744915;font-weight:800}.admin-title{margin:0 0 8px}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.metrics--inline{margin:0;display:flex}.metric{background:#191d31a8;border:1px solid #ffffff12;border-radius:15px;padding:16px 18px}.metric span{color:#8f97b3;font-size:.75rem;display:block}.metric strong{margin-top:5px;font-size:1.5rem;display:block}.metrics--inline .metric{padding:8px 15px}.metrics--inline .metric strong{font-size:1.1rem}.admin-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.admin-grid>div{gap:20px;display:grid}.control-panel{padding-top:22px;padding-bottom:22px}.control-panel h2{margin:4px 0 14px}.control-buttons{flex-wrap:wrap;gap:10px;display:flex}.status-panel h2{margin:0 0 18px}.status-metrics{gap:0;margin:0}.status-metrics .metric{background:0 0;border:0;border-right:1px solid #ffffff12;border-radius:0;padding:4px 14px}.status-metrics .metric:first-child{padding-left:0}.status-metrics .metric:last-child{border-right:0;padding-right:0}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title h2{margin:0}.danger-zone{color:#eaa0ac;border:1px solid #e85c7140;border-radius:15px;margin-top:24px;padding:16px}.danger-zone summary{cursor:pointer;font-weight:700}.inline{gap:10px;display:flex}.inline input{flex:1}.screen-wait{text-align:center;padding-top:4vh}.screen-wait h1{color:#0000;background:linear-gradient(100deg,#fff,#9eabff 50%,#71e2b6);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,10vw,8rem)}.screen-wait>strong{margin-top:30px;font-size:4rem;display:block}.screen-wait>strong small{color:#8f97b3;margin-left:10px;font-size:1rem}.join-qr{justify-content:center;align-items:center;gap:clamp(24px,5vw,56px);margin:30px auto 0;display:flex}.join-qr__image{aspect-ratio:1;color:#67708f;background:#fff;border-radius:24px;place-items:center;width:clamp(220px,28vw,340px);display:grid;overflow:hidden;box-shadow:0 24px 70px #05061270}.join-qr__image img{width:100%;height:100%;display:block}.join-qr__details{text-align:left;max-width:540px}.join-qr__details p{color:#f7f8ff;margin:0 0 14px;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:800}.join-qr__details a{overflow-wrap:anywhere;color:#aeb6cf;text-underline-offset:4px;margin-bottom:20px;font-size:clamp(.9rem,1.8vw,1.25rem);text-decoration:underline;display:block}.screen-message{text-align:center;font-size:2rem;font-weight:800}.screen-result{max-width:850px;margin:0 auto}.screen-result>h1{margin:8px 0 30px;font-size:3.5rem}@media (width<=760px){.brand{margin-bottom:32px}.choices,.admin-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.toolbar{align-items:flex-start}.toolbar__actions{justify-content:flex-end}.shell--wide{width:min(100% - 28px,1240px)}.join-qr{flex-direction:column}.join-qr__details{text-align:center}}@media (width<=460px){.shell{width:min(100% - 24px,760px);padding-top:20px}.brand{margin-bottom:24px}.metrics{gap:7px}.metric{padding:12px 10px}.metric strong{font-size:1.15rem}.panel,.question-card{border-radius:17px;padding:20px}.question-card h1{margin:20px 0}.question-card__image{margin:-4px 0 18px}.question-card__image img{border-radius:10px;max-height:24vh}.choice{min-height:62px}.toolbar__actions .connection{display:none}.inline{flex-direction:column}}html:not(.screen-mode):not(.participant-mode):not(.admin-mode){color:#493d34;background:#eadbc5}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) body{background:radial-gradient(circle at 12% 8%,#fff8eb 0,#0000 38%),radial-gradient(circle at 88% 92%,#d9bd98 0,#0000 34%),#eadbc5}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .panel,html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .question-card,html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .metric{color:#493d34;background:#fffaf1e8;border-color:#9b76522e;box-shadow:0 18px 50px #795a3822}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .muted,html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .toolbar small{color:#806f60}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) input{color:#493d34;background:#fffdf8;border-color:#9b765244}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .button--primary{background:#d8785f;box-shadow:0 8px 24px #bd624d38}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .button--ghost{color:#59483b;background:#fff9ef;border-color:#9b765244}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .choice{color:#493d34;background:#fffdf8;border-color:#9b765233}html:not(.screen-mode):not(.participant-mode):not(.admin-mode) .choice>span{color:#8a6548;background:#ead8bf}html.participant-mode{color:#403d39;background:#c9a979}.participant-mode body{background:radial-gradient(circle at 18% 12%,#ddc59f 0,#0000 32%),linear-gradient(135deg,#b89568,#d2b789)}.participant-mode .shell{color:#403d39;background-color:#fffdf4;background-image:linear-gradient(90deg,#0000 0 34px,#dc8a7f66 34px 36px,#0000 36px),repeating-linear-gradient(#0000 0 31px,#91b6c94a 31px 33px);width:min(100% - 24px,760px);padding:28px 28px 80px 58px;position:relative;box-shadow:0 16px 50px #5b3d2138}.participant-mode .shell:before{content:"";z-index:2;pointer-events:none;background:#f3d96f;border-radius:2px 0 0 2px;width:38px;height:132px;position:absolute;top:10px;right:22px;transform:rotate(1.5deg);box-shadow:0 4px 9px #6c4e2826}.participant-mode .brand{margin-bottom:38px}.participant-mode .brand__logo{height:58px;box-shadow:0 5px 16px #66462824}.participant-mode .brand small,.participant-mode .join-panel>.eyebrow,.participant-mode .connection--connected{display:none}.participant-mode .panel,.participant-mode .question-card{color:#403d39;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffdf4e8;border:1px solid #9a806334;box-shadow:0 10px 28px #6f513020}.participant-mode .question-card__meta{color:#786d63}.participant-mode .question-card h1{color:#35322f}.participant-mode .question-card__image img{background:#f2eadb;box-shadow:0 6px 18px #72533224}.participant-mode .choices{z-index:3;grid-template-columns:1fr;position:relative}.participant-mode .choice{color:#403d39;background:#fffefa;border-color:#9f85643d;box-shadow:0 3px 10px #73543312}.participant-mode .choice:not(:disabled):hover{background:#fff4e7;border-color:#d0775f}.participant-mode .choice>span{color:#8a644b;background:#f0dfc9}.participant-mode .choice--selected{background:#fce8dc;border-color:#d4775d}.participant-mode .choice--selected>span{color:#fffaf2;background:#cf7159}.participant-mode .choice--correct{background:#e7f3e9;border-color:#6fa58b}.participant-mode .choice--correct>span{color:#fff;background:#6a9c82}.participant-mode .choice--wrong{background:#f9e3df;border-color:#c96868}.participant-mode .countdown{color:#b75e49}.participant-mode .muted,.participant-mode .toolbar small,.participant-mode .answer-submit p,.participant-mode .waiting>p:last-child{color:#746b62}.participant-mode .toolbar{color:#554d46}.participant-mode input{color:#403d39;background:#fffef9;border-color:#9f85645c}.participant-mode input:focus{border-color:#d4775d;box-shadow:0 0 0 3px #d4775d20}.participant-mode .button--primary{background:#d4775d;box-shadow:0 8px 22px #b95f4935}.participant-mode .ranking__row{background:#f5eadb99}.participant-mode .ranking__row--winner{background:linear-gradient(110deg,#fff3b8,#f8d9a6);border-color:#d49a22}.participant-mode .my-result{background:linear-gradient(120deg,#f3d8c8,#dfecda)}.participant-mode .my-result--winner{background:linear-gradient(120deg,#fff0a9,#ffd49c)}.participant-mode .winner-panel{background:linear-gradient(145deg,#fffdf4,#fff0bd 52%,#ffe1c5);animation:1.8s ease-in-out infinite alternate winner-glow;position:relative;overflow:hidden}.participant-mode .winner-panel:before{content:"👑";opacity:.18;font-size:clamp(4rem,20vw,7rem);position:absolute;top:10px;right:16px;transform:rotate(12deg)}.participant-mode .winner-panel:after{content:"✨　🎊　✨　🎉　✨";color:#d69324;text-align:center;letter-spacing:.08em;font-size:clamp(1rem,5vw,1.6rem);animation:1.4s ease-in-out infinite alternate winner-confetti;position:absolute;top:8px;left:10px;right:10px}.participant-mode .winner-panel>*{z-index:1;position:relative}.participant-mode .winner-panel h1{color:#a55b20;text-align:center;text-shadow:0 2px #fff8d8;margin-top:34px;font-size:clamp(2rem,9vw,3rem)}.participant-mode .winner-panel .eyebrow{color:#c38216;text-align:center;font-size:.9rem}@keyframes winner-glow{0%{box-shadow:0 16px 50px #d89b3438}to{box-shadow:0 18px 70px #e8a92c7a,0 0 24px #ffd86666}}@keyframes winner-confetti{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(5px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.participant-mode .winner-panel,.participant-mode .winner-panel:after{animation:none}}.participant-mode .my-result>span{color:#74675d}.participant-mode .my-result>b{color:#477d67}.participant-mode .pulse{width:120px;height:68px;box-shadow:none;background:radial-gradient(circle,#66594d 0 3px,#0000 4px) 55px 14px/10px 10px no-repeat,linear-gradient(#66594d,#66594d) 59px 22px/3px 38px no-repeat;border-radius:0;margin-bottom:24px;animation:none;position:relative}.participant-mode .pulse:before{content:none}.participant-mode .pulse:after{content:")))";color:#d4775d;letter-spacing:-4px;transform-origin:0 100%;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:25px;font-weight:800;animation:1.1s steps(2,end) infinite antenna-signal;position:absolute;top:-3px;left:64px;transform:rotate(-18deg)}@keyframes antenna-signal{0%,to{opacity:.28;transform:rotate(-18deg)translate(0)}35%{opacity:1;transform:rotate(-18deg)translate(2px,-1px)}70%{opacity:.62;transform:rotate(-18deg)translate(-1px,1px)}}.screen-mode body{background:radial-gradient(circle,#5d4430,#2b2119 72%)}.screen-mode .shell--wide{color:#f4f0df;background-color:#24463d;background-image:radial-gradient(circle at 20% 10%,#ffffff0a 0 1px,#0000 2px),radial-gradient(circle at 75% 65%,#ffffff08 0 1px,#0000 2px),linear-gradient(105deg,#ffffff03,#0000 36%,#0000000a);background-size:31px 29px,43px 41px,auto;border:clamp(9px,1.2vmin,16px) solid #926540;border-radius:clamp(10px,1.4vmin,18px);box-shadow:inset 0 0 32px #071b1670,0 16px 48px #0008}.screen-mode .brand__logo{height:clamp(38px,5vmin,50px);box-shadow:0 5px 14px #071b1644}.screen-mode .brand small{display:none}.screen-mode .eyebrow{color:#f0c985}.screen-mode .toolbar{z-index:3;justify-content:flex-end;margin:0;position:absolute;top:clamp(16px,2vmin,30px);right:clamp(22px,2.8vmin,44px)}.screen-mode .question-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff08;border:2px solid #f3ead755;padding-bottom:clamp(24px,3vmin,45px);box-shadow:inset 0 0 24px #071b1638}.screen-mode .question-card>.choices{margin-top:clamp(60px,7vmin,85px)}.screen-mode .question-card--compact-image>.choices{margin-top:auto}.screen-mode .question-card__meta{color:#d7d1bd}.screen-mode .question-card h1{color:#fffbee;text-shadow:0 1px 1px #0008}.screen-mode .choice{color:#40382f;background:#fff8e8;border:2px solid #ead7b8;box-shadow:0 4px 12px #071b1638}.screen-mode .choice>span{color:#674f35;background:#f1dfbf;border:1px solid #d8bd91}.screen-mode .choice--selected{background:#f9e5cc;border-color:#d49362}.screen-mode .choice--selected>span{color:#fffaf0;background:#b96f45;border-color:#b96f45}.screen-mode .choice--correct{background:#fff8e8;border-width:4px;border-color:#d94b4b;box-shadow:0 0 0 3px #d94b4b40,0 5px 18px #5d17175c}.screen-mode .choice--correct>span{color:#fffaf0;background:#c83f3f;border-color:#a92f2f}.screen-mode .metric{box-shadow:none;background:#ffffff0b;border-color:#f4edda30}.screen-mode .metric span{color:#d4cdb9}.screen-mode .phase{color:#f5e7bd;background:#f2d79820;border:1px solid #f2d79836}.screen-mode .phase--question_open,.screen-mode .phase--question_closed{display:none}.screen-mode .screen-message{color:#f2d59b;text-shadow:0 1px 1px #0007}.screen-mode .screen-wait h1{color:#fffbed;text-shadow:2px 3px #112c25,0 0 18px #ffffff14;background:0 0}.screen-mode .join-qr__details p{color:#fffbed}.screen-mode .join-qr__details a{color:#d8d1bd}.screen-mode .button--ghost{color:#fffbed;background:#ffffff10;border-color:#eee7d04d}.screen-mode .ranking__row{color:#fffbed;background:#ffffff0b;border:1px solid #eee7d022}.screen-mode .ranking__row--winner{background:linear-gradient(110deg,#f0c95e30,#ffffff12);border:3px solid #f0c95e;box-shadow:0 0 24px #f0c95e42}.screen-mode .ranking__winner-label{color:#f0c95e}.tutorial-slide{text-align:center;align-content:center;min-height:calc(100% - 80px);padding:2vh 8vw 6vh;display:grid;position:relative;overflow:hidden}.tutorial-slide__number{color:#f0c9852e;font-size:clamp(7rem,19vmin,13rem);font-weight:900;line-height:1;position:absolute;top:2vh;right:4vw}.tutorial-slide h1{color:#fffbed;text-shadow:2px 3px #112c25;margin:1vh 0 3vh;font-size:clamp(3rem,7vmin,5.5rem);line-height:1.12;position:relative}.tutorial-slide__content{text-align:left;grid-template-columns:minmax(240px,40vmin) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,70px);max-width:1220px;margin:0 auto;display:grid;position:relative}.tutorial-slide__image{object-fit:contain;background:#161815;border:8px solid #161815;border-radius:24px;width:auto;max-width:100%;height:62vh;margin:0 auto;display:block;box-shadow:0 16px 38px #071b1670}.tutorial-slide__body{color:#f0ecdc;max-width:900px;margin:0 auto;font-size:clamp(1.4rem,3.2vmin,2.3rem);font-weight:700;line-height:1.65;position:relative}.tutorial-slide__note{color:#f0c985;background:#f0c98512;border:1px solid #f0c98566;border-radius:99px;width:fit-content;margin:4vh 0 0;padding:10px 22px;font-size:clamp(1rem,2vmin,1.4rem)}.tutorial-slide__dots{justify-content:center;gap:12px;margin-top:5vh;display:flex}.tutorial-slide__dots span{background:#fffbed38;border-radius:50%;width:12px;height:12px}.tutorial-slide__dots .is-active{background:#f0c985;transform:scale(1.25)}.tutorial-demo-mode .shell{min-height:844px}.tutorial-demo-mode .brand{margin-bottom:18px}.tutorial-demo-mode .question-card{padding:18px}.tutorial-demo-mode .question-card h1{margin:14px 0;font-size:1.25rem}.tutorial-demo-mode .choice{min-height:54px}.tutorial-demo-mode .tutorial-demo__focus{border:3px solid #e6a12d;border-radius:16px;padding:10px;box-shadow:0 0 0 5px #ffd66c55}@media (width<=460px){.participant-mode .shell{width:calc(100% - 16px);padding:20px 16px 52px 42px}.participant-mode .shell:before{width:30px;height:94px;top:8px;right:16px}.participant-mode .brand{margin-bottom:24px}.participant-mode .brand__logo{height:52px}}