@font-face{font-family:Jakarta;src:url('./assets/jakarta-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Arcade;src:url('./assets/bungee.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#10204f;--blue:#184acc;--night:#131d54;--cyan:#5de3ee;--yellow:#ffdb55;--lime:#b9f268;--red:#ff6476;--muted:#b5c8ed;--line:#42588c;font-family:Jakarta,Arial,sans-serif;color:#fff;background:#080e2e;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;padding-bottom:52px}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:4px solid #ffdb55;outline-offset:5px}h1:focus{outline:none}svg{width:24px;height:24px;fill:currentColor;flex:none}h1,h2,h3,p{margin:0}h1{font-family:Arcade,Arial,sans-serif;font-weight:400;font-size:clamp(32px,4.2cqw,66px);line-height:1.2;letter-spacing:-.025em}h1 span{color:var(--yellow)}h2{font-weight:800;letter-spacing:-.03em}p{line-height:1.65}img{max-width:100%}
.kiosk{container-type:inline-size;width:100%;min-height:calc(100dvh - 52px);height:calc(100dvh - 52px);margin:auto;overflow-x:hidden;overflow-y:auto;background-color:var(--night);background-image:radial-gradient(#344879 1px,transparent 1px);background-size:20px 20px;transition:max-width .2s ease}.kiosk[data-layout="portrait"]{max-width:650px}.kiosk:fullscreen{width:100vw;height:100dvh;max-width:none;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.kiosk:fullscreen #screen{min-height:100dvh}.kiosk[data-layout="portrait"]:fullscreen{max-width:650px}
#screen{min-height:calc(100dvh - 52px);display:flex;flex-direction:column;max-width:1920px;margin:auto;padding:0 4.5cqw;position:relative;isolation:isolate}#screen::before{content:'';position:absolute;top:0;bottom:0;left:24%;right:24%;background:#22397b44;transform:skew(-22deg);z-index:-1;pointer-events:none}
.brand-header{height:85px;min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:2px solid #354777}.brand-home{border:0;background:transparent;padding:10px 16px;display:flex;align-items:center;border-radius:9px;box-shadow:0 4px 0 #060c29;transform:rotate(-2deg)}.brand-home img{width:160px;height:auto}.arcade-wordmark{font-family:Arcade;font-size:18px;letter-spacing:.08em;color:var(--yellow)}.event-brand{text-align:right;display:flex;flex-direction:column;gap:4px}.event-brand b{font-size:23px;letter-spacing:-.05em}.event-brand b span{font-weight:500}.event-brand>span{font-size:8px;font-weight:750;letter-spacing:.1em}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--cyan);line-height:1.5;margin-bottom:19px}.home-view{flex:1;display:flex;flex-direction:column;justify-content:center;padding:23px 0 20px}.home-hero{text-align:center;margin-bottom:28px}.home-hero .eyebrow{color:var(--muted);margin-bottom:5px}.home-hero .eyebrow span{color:var(--yellow);padding:0 12px}.home-hero h1{font-size:clamp(40px,5.4cqw,90px);color:white;text-shadow:0 5px 0 #080c2c;letter-spacing:-.025em;line-height:1.25}.home-hero>p:last-child{color:#d5e6ff;font-size:15px;margin-top:9px}.home-games{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;max-width:1080px;margin:0 auto}.game-choice{color:var(--ink);border:3px solid var(--ink);outline:2px solid #fff;border-radius:22px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:24px 28px 0;background:var(--yellow);box-shadow:0 9px 0 #060c29,0 12px 0 #314b90;overflow:hidden;transition:translate .16s,box-shadow .16s}.game-choice:hover{translate:0 -5px;box-shadow:0 14px 0 #060c29,0 17px 0 #314b90}.game-choice:active{translate:0 5px;box-shadow:0 4px 0 #060c29}.cabinet-label{display:inline-block;font-family:Arcade;font-size:11px;letter-spacing:.12em;background:var(--ink);color:white;padding:6px 12px;border-radius:5px;transform:rotate(-3deg);margin-bottom:8px}.choice-title{display:block;font-family:Arcade;font-size:clamp(32px,4.4cqw,64px);line-height:1.3;letter-spacing:-.035em;white-space:nowrap}.choice-title i{font-size:.4em;font-style:normal;vertical-align:middle}.choice-description{font-size:14px;font-weight:700;margin-top:8px}.choice-meta{display:flex;justify-content:center;gap:22px;font-size:10px;letter-spacing:.02em;font-weight:800;margin-top:14px;width:100%;border-top:2px solid #10204f25;padding:14px 0}.choice-meta>span::before{content:'•';padding-right:20px}.start-strip{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:var(--yellow);font-family:Arcade;font-size:18px;padding:16px;margin:0 -28px;transition:background .16s}.start-strip svg{width:22px;height:22px}.game-choice:hover .start-strip{background:#2240a3}.act-choice{background:var(--cyan)}.act-choice .cabinet-label{transform:rotate(3deg)}.act-choice .start-strip{color:var(--cyan)}.home-invitation{font-size:11px;font-weight:800;letter-spacing:.16em;text-align:center;color:var(--yellow);margin-top:26px;animation:invite 2.4s ease-in-out infinite}
.stop-demo{height:153px;width:100%;display:flex;align-items:center;justify-content:center;gap:20px;position:relative}.demo-pad{display:grid;place-items:center;width:116px;height:109px;border-radius:50%;border:4px solid var(--ink);box-shadow:0 10px 0 var(--ink),inset 0 5px 0 #ffffff70;transition:transform .2s}.demo-pad svg{width:64px;height:64px}.demo-stop{background:var(--red);transform:rotate(-12deg)}.demo-go{background:var(--lime);transform:rotate(12deg)}.demo-versus{font-family:Arcade;font-size:18px}.game-choice:hover .demo-stop{transform:rotate(-17deg) translateY(-4px)}.game-choice:hover .demo-go{transform:rotate(17deg) translateY(-4px)}.act-demo{height:153px;width:100%;position:relative;display:grid;place-items:center}.lightning-disc{width:128px;height:128px;display:grid;place-items:center;background:var(--yellow);border:4px solid var(--ink);border-radius:28px;transform:rotate(9deg);box-shadow:6px 6px 0 var(--ink);z-index:1}.lightning-disc svg{height:95px;width:95px}.action-spark{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:3px solid var(--ink);background:#fff;border-radius:12px;box-shadow:3px 3px 0 var(--ink);z-index:2}.spark-one{left:12%;top:10%;transform:rotate(-12deg)}.spark-two{right:14%;bottom:9%;transform:rotate(12deg)}.spark-three{right:12%;top:2%;transform:rotate(-7deg)}.speed-lines{position:absolute;width:70%;height:95px;transform:rotate(-12deg);background:repeating-linear-gradient(0deg,transparent 0 15px,#fff8 15px 19px,transparent 19px 30px)}.game-choice:hover .lightning-disc{animation:token-bounce .6s ease-in-out}
.game-footer{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-top:2px solid #354777;font-size:10px;letter-spacing:.05em;color:var(--muted);margin-top:auto}.game-footer>span:last-child{display:flex;align-items:center;gap:8px}.game-footer svg{height:17px;width:17px}.game-footer b{color:var(--yellow)}
.game-nav{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:16px}.back-button,.reset-button{background:#23376c;border:2px solid #496196;border-radius:8px;color:#fff;display:flex;align-items:center;gap:9px;padding:10px 13px;font-size:11px;font-weight:700;box-shadow:0 3px 0 #060c29}.back-button:hover,.reset-button:hover{background:#354f90}.back-button svg{width:17px;height:17px}.reset-button{padding:9px}.reset-button svg{width:19px;height:19px}.game-name{font-family:Arcade;font-size:15px;letter-spacing:.01em;color:var(--yellow)}.round-count{font-size:11px;color:var(--ink);font-weight:800;background:var(--yellow);border-radius:8px;border:2px solid var(--ink);padding:10px 14px;box-shadow:0 3px 0 #060c29}.round-count b{font-family:Arcade;font-size:20px}.round-track{display:flex;justify-content:center;gap:12px;margin:0 0 24px}.round-track span{width:37px;height:37px;border:2px solid #53699c;border-radius:50%;background:#1d2a5b;display:grid;place-items:center;color:#c5d8f8;font-family:Arcade;font-size:13px;position:relative}.round-track span:not(:last-child)::after{content:'';height:2px;background:#53699c;position:absolute;left:100%;width:14px}.round-track .current{background:var(--yellow);border-color:#fff;color:var(--ink);box-shadow:0 0 0 3px #ffdb5530;transform:scale(1.15)}.round-track .done{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.round-track svg{width:18px;height:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:59px;padding:16px 24px;border:3px solid var(--ink);border-radius:12px;background:var(--yellow);color:var(--ink);font-family:Arcade;font-size:15px;font-weight:400;box-shadow:0 6px 0 #050b28;transition:translate .1s,box-shadow .1s}.button:hover:not(:disabled){background:#ffe987;translate:0 -2px;box-shadow:0 8px 0 #050b28}.button:active:not(:disabled){translate:0 5px;box-shadow:0 1px 0 #050b28}.button svg{width:22px;height:22px}.button:disabled{opacity:.5;box-shadow:none}.button.secondary{background:#d9e6ff}.lead{color:#d7e7ff;font-size:clamp(16px,1.4cqw,23px);line-height:1.75;margin-top:23px;max-width:620px}
.intro-view{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7cqw;padding:20px 0 50px}.intro-copy h1{font-size:clamp(45px,5.9cqw,88px);text-shadow:0 6px 0 #050b28}.intro-copy>.button{margin-top:30px}.intro-guide{border:3px solid #536baf;border-radius:24px;background:#1e3370;padding:30px 35px;box-shadow:0 8px 0 #050b28;position:relative}.guide-emblem{background:var(--cyan);width:100px;height:90px;border:3px solid var(--ink);border-radius:18px;display:grid;place-items:center;color:var(--ink);box-shadow:5px 5px 0 #050b28;transform:rotate(-7deg);margin-bottom:26px}.guide-emblem svg{width:55px;height:55px}.intro-guide ol{list-style:none;padding:0;margin:0}.intro-guide li{display:flex;gap:20px;padding:20px 0;border-top:2px solid #3c548a}.intro-guide li>span{font-family:Arcade;font-size:20px;color:var(--yellow)}.intro-guide b{font-size:17px}.intro-guide li p{font-size:13px;color:#c9dcff;margin-top:6px}
.decision-view{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4cqw;padding:0 0 45px}.case-card{border:4px solid #080f30;border-radius:22px;background:#f4f7ff;color:var(--ink);box-shadow:0 9px 0 #080f30;overflow:hidden;transform:rotate(-1deg)}.case-channel{background:var(--cyan);display:flex;align-items:center;gap:10px;padding:17px 24px;font-size:12px;font-weight:800;color:var(--ink);border-bottom:3px solid var(--ink)}.case-channel svg{width:22px;height:22px}.case-sender{display:flex;gap:14px;align-items:center;padding:27px 26px 0}.sender-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#dce9ff;color:#1d4fb7;border:2px solid #a6bce8}.case-sender>div{display:flex;flex-direction:column;gap:5px}.case-sender b{font-size:14px}.case-sender div>span{color:#52658a;font-size:10px}.case-card blockquote{font-size:clamp(18px,1.85cqw,29px);font-weight:650;line-height:1.55;letter-spacing:-.015em;margin:26px;padding:23px;background:#e4ecff;border-radius:0 15px 15px 15px;border:2px solid #c0d2f2}.case-bottom{padding:16px 26px;border-top:2px solid #cfddf4;font-size:11px;color:#516387}.case-bottom>span{display:flex;align-items:center;gap:7px}.case-bottom svg{height:16px;width:16px}.decision-copy h1{font-size:clamp(28px,3.15cqw,47px);line-height:1.25}.decision-copy .lead{margin-top:18px;font-size:17px}.decision-buttons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.decision{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border-radius:25px;border:4px solid #080f30;min-height:195px;color:var(--ink);box-shadow:0 10px 0 #070d2b,inset 0 6px 0 #fff5;transition:translate .12s,box-shadow .12s}.decision>svg{width:47px;height:47px;margin-bottom:14px}.decision>b{font-family:Arcade;font-weight:400;font-size:31px;letter-spacing:-.03em}.decision>span{font-size:11px;margin-top:6px;font-weight:800}.stop{background:var(--red);color:var(--ink)}.go{background:var(--lime);color:var(--ink)}.decision:hover{translate:0 -4px;box-shadow:0 14px 0 #070d2b,inset 0 6px 0 #fff5}.decision:active{translate:0 8px;box-shadow:0 2px 0 #070d2b,inset 0 6px 0 #fff5}.decision-hint{font-size:11px;color:var(--muted);margin-top:24px;text-align:center}.round-reaction{font-family:Arcade;font-size:13px;color:var(--lime);margin-top:14px;animation:stamp .35s ease-out}.round-reaction.miss{color:var(--yellow)}.decision-verdict{display:flex;align-items:center;gap:12px;border-radius:10px;border:2px solid #080f30;padding:13px 16px;margin-top:20px;font-size:13px;font-weight:700}.reason{font-size:14px;color:#e0ecff;margin-top:18px}.learning-point{margin-top:18px;border-left:3px solid var(--cyan);padding-left:15px}.learning-point>b{font-size:12px;color:var(--cyan)}.learning-point>p{font-size:13px;color:#ccdeff;margin-top:4px}.decision-copy>.button{margin-top:24px}
.act-scenario{flex:1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7cqw;padding:20px 0 50px}.incident-visual{text-align:center}.incident-orbit{border:6px solid var(--ink);border-radius:35px;width:25cqw;height:25cqw;max-width:360px;max-height:360px;margin:35px auto;display:grid;place-items:center;background:var(--yellow);box-shadow:14px 14px 0 #080e2d,0 0 0 10px #4566ae;transform:rotate(-8deg);position:relative}.incident-orbit::after{content:'!';font-family:Arcade;position:absolute;top:-22px;right:-30px;background:var(--red);color:var(--ink);font-size:55px;width:75px;height:75px;border-radius:50%;border:4px solid var(--ink)}.incident-orbit svg{width:12cqw;height:12cqw;color:var(--ink)}.incident-visual>span{font-family:Arcade;font-size:12px;color:var(--cyan);display:block;margin-top:38px}.scenario-copy h1{font-size:clamp(32px,4cqw,60px)}.ready-note{margin:25px 0;display:flex;align-items:flex-start;gap:13px;padding:18px;border:2px solid #4a6099;border-radius:10px;background:#24356a;color:#d6e7ff;max-width:550px}.ready-note svg{color:var(--yellow);margin-top:3px}.ready-note p{font-size:12px}
.response-view{flex:1;display:grid;grid-template-columns:.85fr 2fr;gap:3.5cqw;align-content:center;padding:5px 0 34px}.response-context{padding:24px;border:3px solid #526ab0;border-radius:20px;background:#20336c;align-self:start;box-shadow:0 7px 0 #080f30}.incident-small{width:62px;height:56px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);border-radius:12px;border:3px solid var(--ink);box-shadow:3px 3px 0 #080f30;margin-bottom:20px;transform:rotate(-6deg)}.incident-small svg{width:34px;height:34px}.response-context h1{font-family:Jakarta;font-weight:800;font-size:clamp(24px,2.4cqw,38px);letter-spacing:-.045em;line-height:1.2}.response-context>p{font-size:13px;color:#d2e3ff;margin-top:18px}.timer-panel{margin-top:25px;padding:17px;background:var(--yellow);border:3px solid var(--ink);border-radius:13px;color:var(--ink);box-shadow:0 5px 0 #080f30}.timer-panel>span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.05em;font-weight:800}.timer-panel svg{width:16px;height:16px}.timer-panel>div{display:flex;align-items:baseline;gap:9px;margin:5px 0}.timer-panel b{font-family:Arcade;font-size:clamp(31px,3.8cqw,55px);font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.timer-panel div>span{font-size:11px;font-weight:700}.timer-panel small{font-size:9px;font-weight:700}.response-heading h2{font-family:Arcade;font-size:clamp(21px,2.1cqw,34px);font-weight:400;letter-spacing:-.02em;color:var(--yellow)}.response-heading>p{font-size:12px;color:#d6e5ff;margin-top:8px}.power-cells{display:flex;gap:7px;margin-top:18px;max-width:360px}.power-cells>span{height:12px;flex:1;background:#273b76;border:2px solid #5269a8;transform:skew(-15deg);transition:background .12s}.power-cells>span.charged{background:var(--lime);border-color:#e4ffb7;box-shadow:0 0 12px #b9f26844}.response-progress{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:750;color:var(--cyan);padding:12px 0 15px}.response-progress>span:last-child{color:#ffc9c9}.response-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.response-tile{position:relative;text-align:left;display:grid;grid-template-columns:44px 1fr;align-content:center;align-items:center;column-gap:14px;min-height:105px;border-radius:14px;border:3px solid #080f30;background:#e6efff;color:var(--ink);padding:15px 27px 15px 16px;box-shadow:0 6px 0 #060c26,inset 0 3px 0 #fff;transition:translate .1s,box-shadow .1s,background .12s}.response-tile:hover:not(:disabled){background:#fff;translate:0 -2px;box-shadow:0 8px 0 #060c26}.response-tile:active:not(:disabled){translate:0 5px;box-shadow:0 1px 0 #060c26}.tile-icon{grid-row:1/3;color:#1644a1;display:grid;place-items:center;border-radius:10px;background:#ccddfb;width:42px;height:42px}.tile-icon svg{width:28px;height:28px}.response-tile b{font-size:clamp(12px,1.13cqw,18px);font-weight:800;line-height:1.4}.tile-state{font-size:8px;font-weight:750;letter-spacing:.025em;color:#52648a;margin-top:6px}.tile-mark{position:absolute;right:9px;top:9px}.tile-mark svg{width:17px;height:17px}.response-tile.correct{background:var(--lime);translate:0 4px;box-shadow:0 2px 0 #060c26,inset 0 3px 0 #e1ffb4;color:#183c1e}.response-tile.correct .tile-icon{background:#99d44c;color:#21492a}.response-tile.correct .tile-state{color:#254c27}.response-tile.wrong{background:#ffc0c9;translate:0 4px;box-shadow:0 2px 0 #060c26;color:#682133;animation:nudge .25s ease-out}.response-tile.wrong .tile-icon{background:#f7a9b5;color:#682133}.response-tile.wrong .tile-state{color:#682133}.response-feedback{font-size:11px;color:#d4e4ff;margin-top:20px;min-height:34px}.hit-popup{pointer-events:none;position:absolute;right:10px;top:5px;font-family:Arcade;font-size:16px;background:var(--yellow);border:2px solid var(--ink);padding:7px 10px;color:var(--ink);border-radius:6px;z-index:3;animation:score-pop .8s ease-out both}.hit-popup.miss{background:var(--red)}
.completion-view{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 0;position:relative}.completion-seal,.result-seal{width:100px;height:92px;border:4px solid var(--ink);border-radius:24px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;margin-bottom:28px;box-shadow:5px 6px 0 #080e2e;transform:rotate(-7deg)}.completion-seal{background:var(--lime);animation:stamp .45s ease-out}.completion-seal svg,.result-seal svg{width:58px;height:58px}.completion-view h1{font-size:clamp(40px,5.6cqw,88px);text-shadow:0 6px 0 #080e2e}.completion-view>p:last-child{margin-top:24px;color:#d7e7ff}.result-view{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5cqw;padding:20px 0 50px;position:relative}.result-heading h1{font-size:clamp(40px,5.4cqw,84px);text-shadow:0 5px 0 #080e2e}.result-heading>p:last-child{font-size:14px;color:#d7e7ff;margin-top:22px}.result-details{padding:28px;background:#20356f;border:3px solid #546db2;border-radius:22px;box-shadow:0 8px 0 #080e2e}.badge-label{font-family:Arcade;font-size:13px;color:var(--yellow);display:flex;align-items:center;gap:10px;margin-bottom:22px}.badge-label svg{width:25px;height:25px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-stats>div{padding:19px 15px;border:3px solid #080e2e;background:#e4efff;color:var(--ink);border-radius:12px;box-shadow:0 4px 0 #080e2e}.result-stats>div>span{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;margin-bottom:8px}.result-stats b{font-family:Arcade;font-size:clamp(28px,3.4cqw,50px);font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.result-stats small{font-family:Jakarta;font-size:13px;letter-spacing:0;font-weight:700}.result-stats .score-stat{background:var(--yellow)}.score-note{font-size:10px;color:var(--muted);margin:18px 0 24px}.auto-reset{color:var(--muted);font-size:10px;margin-top:18px}.stop-score strong{font-family:Arcade;font-size:90px;font-weight:400;letter-spacing:-.06em;color:var(--yellow)}.stop-score strong>span{font-family:Jakarta;font-size:30px;color:#c9ddff;font-weight:600;letter-spacing:0}.stop-score>p{color:var(--cyan);font-size:13px;font-weight:750}.result-details>.button{margin-top:22px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.confetti i{position:absolute;top:-25px;left:var(--x);width:10px;height:17px;background:var(--yellow);animation:confetti 1.7s ease-out both;animation-delay:calc(var(--i) * 35ms)}.confetti i:nth-child(3n){background:var(--cyan);border-radius:50%}.confetti i:nth-child(3n + 1){background:var(--red)}
.debrief-view{flex:1;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:26px 5cqw;padding:15px 0 38px}.debrief-heading h1{font-size:clamp(30px,3.8cqw,58px)}.debrief-heading>.lead{font-size:15px}.action-recap{background:#e4efff;border:3px solid #080e2e;border-radius:20px;padding:8px 24px;color:var(--ink);box-shadow:0 7px 0 #080e2e}.action-recap>div{display:flex;gap:15px;padding:18px 0;border-bottom:2px solid #c2d4f3;align-items:flex-start}.action-recap>div:last-child{border-bottom:0}.action-recap>div>svg{color:#1842a1;width:26px;height:26px}.action-recap>div>svg:last-child{color:#327227;width:20px;height:20px;margin-left:auto}.action-recap section{flex:1}.action-recap h2{font-size:15px;font-weight:800;letter-spacing:-.02em}.action-recap p{font-size:12px;color:#435b83;margin-top:7px}.debrief-end{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:2px solid #3a528c;padding-top:26px}.debrief-end>p{font-size:13px;color:#c5d9ff}.debrief-end b{color:var(--yellow)}.debrief-view>.auto-reset{grid-column:1/-1;margin-top:-8px;text-align:right}
.preview-bar{position:fixed;bottom:0;left:0;right:0;z-index:5;height:52px;background:#090f2e;border-top:1px solid #3d5182;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 23px;color:#fff}.preview-label{display:flex;gap:15px;font-size:10px;align-items:center}.preview-label b{font-size:11px}.preview-label>span{color:var(--muted)}.preview-actions{display:flex;gap:5px;align-items:center}.preview-actions>button{border:0;background:none;border-radius:7px;color:var(--muted);min-height:36px;min-width:36px;padding:8px 10px;font-size:10px;display:grid;place-items:center}.preview-actions>button[aria-pressed="true"]{background:#2b4078;color:var(--yellow)}.preview-actions svg{width:18px;height:18px}.preview-actions button:hover{background:#243767}dialog{border:3px solid #5b78bd;border-radius:22px;padding:36px;max-width:620px;width:calc(100% - 32px);color:#fff;background:#17265a;box-shadow:0 10px 0 #080e2e}dialog::backdrop{background:#050b29c9}dialog h2{font-family:Arcade;font-weight:400;font-size:28px;line-height:1.35;color:var(--yellow);margin-bottom:20px}dialog h3{font-size:14px;margin:22px 0 8px}dialog p{font-size:13px;color:#d0e2ff}dialog .note{font-size:11px;margin-top:24px;padding-top:18px;border-top:2px solid #3b5188}.dialog-close{position:absolute;top:10px;right:10px;background:none;border:0;font-size:26px;color:#fff;width:40px;height:40px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:26px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes stamp{from{opacity:.3;scale:1.3}to{opacity:1;scale:1}}@keyframes nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes score-pop{0%{opacity:0;transform:translateY(5px) scale(.7)}20%{opacity:1;transform:translateY(-15px) scale(1.1)}75%{opacity:1}100%{opacity:0;transform:translateY(-48px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(600px) rotate(400deg);opacity:0}}@keyframes invite{0%,100%{opacity:1}50%{opacity:.6}}@keyframes token-bounce{0%,100%{transform:rotate(9deg)}50%{transform:rotate(-7deg) translateY(-6px)}}
@container (min-width:1600px){.home-games{max-width:1370px;gap:40px}.game-choice{padding:28px 34px 0}.choice-title{font-size:75px}.stop-demo,.act-demo{height:195px}.demo-pad{width:145px;height:135px}.demo-pad svg{width:80px;height:80px}.lightning-disc{width:160px;height:160px}.lightning-disc svg{width:115px;height:115px}.choice-description{font-size:19px}.choice-meta{font-size:13px;padding-block:18px}.start-strip{font-size:22px;margin-inline:-34px;padding:21px}.home-hero>p:last-child{font-size:19px}.home-hero .eyebrow,.home-invitation{font-size:13px}.response-view{grid-template-columns:.65fr 2fr}.response-grid{grid-template-columns:repeat(4,1fr);gap:18px}.response-tile{grid-template-columns:1fr;min-height:188px;padding:23px;align-content:start}.tile-icon{grid-row:auto;margin-bottom:18px;width:48px;height:48px}.response-tile b{font-size:17px}.tile-state{font-size:10px}.response-context>p{font-size:17px}.response-heading>p,.response-progress,.response-feedback{font-size:15px}.intro-guide b{font-size:22px}.intro-guide li p{font-size:17px}.button{font-size:19px;min-height:70px}.decision-copy .reason,.decision-copy .learning-point>p{font-size:17px}.decision-copy .learning-point>b{font-size:15px}.case-sender b{font-size:18px}.decision{min-height:235px}.decision>b{font-size:40px}.decision>span{font-size:15px}.game-footer{min-height:66px;font-size:12px}}
@container (max-width:1100px){#screen{padding-inline:5cqw}.brand-header{height:78px;min-height:78px}.brand-home{padding:8px 10px}.brand-home img{width:140px}.arcade-wordmark{font-size:13px}.event-brand b{font-size:21px}.home-view{padding-top:30px}.home-hero h1{font-size:7.5cqw}.home-hero>p:last-child{font-size:14px}.home-games{grid-template-columns:1fr;gap:25px;max-width:640px}.game-choice{padding:20px 24px 0}.choice-title{font-size:8cqw}.stop-demo,.act-demo{height:140px}.demo-pad{width:113px;height:103px}.lightning-disc{width:118px;height:118px}.lightning-disc svg{height:88px;width:88px}.choice-description{font-size:14px}.choice-meta{margin-top:10px;padding-block:12px}.start-strip{margin-inline:-24px;padding:14px;font-size:17px}.home-hero{margin-bottom:25px}.home-invitation{margin-top:27px;margin-bottom:7px}.game-nav{min-height:75px}.game-name{font-size:12px}.intro-view{grid-template-columns:1fr;gap:35px;padding:18px 0 38px}.intro-copy h1{font-size:10cqw}.lead{font-size:17px}.intro-guide{padding:26px}.guide-emblem{display:none}.intro-guide li:first-child{border:0;padding-top:0}.intro-guide li:last-child{padding-bottom:0}.intro-copy>.button{margin-top:25px}.decision-view{grid-template-columns:1fr;gap:30px;padding:0 0 35px}.case-card{transform:none}.case-channel{padding:15px 22px}.case-sender{padding:21px 22px 0}.case-card blockquote{font-size:20px;margin:22px;padding:19px}.case-bottom{padding:14px 22px}.decision-copy h1{font-size:5.8cqw}.decision-copy .eyebrow{margin-bottom:12px}.decision-copy .lead{margin-top:15px}.decision-buttons{margin-top:20px}.decision{min-height:175px;padding:18px}.decision>b{font-size:31px}.decision-hint{margin-top:19px}.round-track{margin-bottom:22px}.act-scenario{grid-template-columns:1fr;gap:20px;padding:0 0 40px;align-content:center}.incident-orbit{width:150px;height:150px;border-width:4px;box-shadow:7px 7px 0 #080e2d,0 0 0 5px #4566ae;margin:22px auto}.incident-orbit svg{width:90px;height:90px}.incident-orbit::after{width:47px;height:47px;font-size:31px;top:-15px;right:-20px;border-width:3px}.incident-visual>.incident-bubble{display:none}.scenario-copy{padding-top:10px}.scenario-copy h1{font-size:7cqw}.scenario-copy .lead{font-size:18px}.response-view{grid-template-columns:1fr;gap:26px;padding:0 0 32px;align-content:center}.response-context{padding:20px;display:grid;grid-template-columns:1fr auto;gap:14px 20px}.incident-small{display:none}.response-context h1{font-size:5.5cqw;align-self:center}.response-context>p{font-size:13px;margin:0;grid-column:1/-1;grid-row:2}.timer-panel{padding:10px 12px;margin:0;grid-column:2;grid-row:1;align-self:center}.timer-panel>span{font-size:8px;letter-spacing:0;gap:4px}.timer-panel b{font-size:30px}.timer-panel>div{gap:5px;margin:3px 0 0}.timer-panel small{display:none}.timer-panel svg{width:13px;height:13px}.timer-panel div>span{font-size:9px}.response-heading h2{font-size:4cqw}.response-heading>p{font-size:12px}.response-grid{gap:13px}.response-tile{grid-template-columns:1fr;min-height:134px;padding:15px;align-content:start;gap:0}.tile-icon{grid-row:auto;margin-bottom:11px;width:36px;height:36px;border-radius:8px}.tile-icon svg{width:25px;height:25px}.response-tile b{font-size:13px;padding-right:3px}.tile-state{font-size:8px}.response-progress{font-size:10px;padding-top:13px}.response-feedback{font-size:11px}.power-cells{margin-top:15px;max-width:none}.result-view{grid-template-columns:1fr;gap:26px;padding:15px 0 35px}.result-seal{width:74px;height:68px;margin-bottom:22px}.result-seal svg{width:43px;height:43px}.result-heading h1{font-size:9cqw}.result-heading>p:last-child{font-size:13px;margin-top:15px}.result-details{padding:24px}.result-stats b{font-size:42px}.badge-label{margin-bottom:16px}.result-stats>div{padding:18px 14px}.result-details>.button{width:100%;margin-top:8px}.stop-score strong{font-size:75px}.result-details>.learning-point{margin-bottom:24px}.debrief-view{grid-template-columns:1fr;gap:24px;padding:15px 0 30px}.debrief-heading h1{font-size:7cqw}.debrief-heading>.lead{font-size:14px;margin-top:18px}.debrief-end{align-items:center}.debrief-end>p{font-size:11px}.debrief-end .button{padding:15px;gap:16px;font-size:12px}.debrief-view>.auto-reset{margin-top:0}.completion-view h1{font-size:9cqw}.completion-view .eyebrow{font-size:10px}.completion-view{min-height:70dvh}}
@container (min-width:850px) and (max-width:1100px){.home-games{max-width:780px}.game-choice{padding:24px 30px 0}.start-strip{margin-inline:-30px;font-size:23px;padding:20px}.choice-title{font-size:75px}.choice-description{font-size:21px}.choice-meta{font-size:15px;padding-block:18px}.cabinet-label{font-size:14px}.stop-demo,.act-demo{height:210px}.demo-pad{width:165px;height:154px}.demo-pad svg{width:92px;height:92px}.lightning-disc{width:174px;height:174px}.lightning-disc svg{width:128px;height:128px}.action-spark{width:65px;height:65px}.action-spark svg{width:36px;height:36px}.home-hero>p:last-child{font-size:23px}.home-hero .eyebrow,.home-invitation{font-size:14px}.home-hero{margin-bottom:38px}.home-games{gap:35px}.game-footer{font-size:13px;min-height:65px}.game-name{font-size:19px}.back-button,.round-count{font-size:14px}.response-context{padding:26px}.response-context>p{font-size:20px}.response-context h1{font-size:43px}.response-heading h2{font-size:36px}.response-heading>p{font-size:19px}.response-progress,.response-feedback{font-size:16px}.response-tile{min-height:176px;padding:22px}.response-tile b{font-size:21px}.tile-state{font-size:12px}.tile-icon{width:47px;height:47px}.tile-icon svg{width:34px;height:34px}.timer-panel b{font-size:44px}.timer-panel>span{font-size:10px}.lead,.scenario-copy .lead{font-size:23px}.intro-guide b{font-size:24px}.intro-guide li p{font-size:19px}.ready-note p{font-size:18px}.button{font-size:20px;min-height:73px}.case-card blockquote{font-size:30px}.case-sender b{font-size:20px}.decision-copy .reason,.learning-point>p{font-size:20px}.learning-point>b,.decision-verdict{font-size:18px}.decision{min-height:220px}.decision>b{font-size:43px}.decision>span{font-size:18px}.debrief-heading>.lead{font-size:22px}.action-recap h2{font-size:23px}.action-recap p{font-size:18px}.debrief-end>p{font-size:18px}.result-heading>p:last-child{font-size:20px}.result-stats b{font-size:65px}.round-track span{width:48px;height:48px;font-size:17px}}
@container (max-width:450px){.brand-header{height:66px;min-height:66px;gap:8px}.brand-home img{width:112px}.brand-home{padding:7px 9px}.arcade-wordmark{display:none}.event-brand b{font-size:19px}.event-brand>span{font-size:6px;letter-spacing:.07em}.home-view{padding-top:24px}.home-hero h1{font-size:9.3cqw}.home-hero .eyebrow{font-size:9px}.home-hero>p:last-child{font-size:11px;max-width:275px;margin:10px auto 0}.home-hero{margin-bottom:23px}.home-games{gap:23px}.game-choice{padding:15px 18px 0;border-radius:17px}.choice-title{font-size:10cqw}.cabinet-label{font-size:9px;padding:5px 9px}.stop-demo,.act-demo{height:111px}.demo-pad{width:83px;height:77px;border-width:3px;box-shadow:0 7px 0 var(--ink),inset 0 4px 0 #fff6}.demo-pad svg{width:45px;height:45px}.lightning-disc{width:91px;height:91px;border-width:3px;border-radius:21px;box-shadow:4px 4px 0 var(--ink)}.lightning-disc svg{width:67px;height:67px}.action-spark{width:35px;height:35px;border-width:2px;border-radius:8px}.action-spark svg{width:21px;height:21px}.choice-description{font-size:11px}.choice-meta{font-size:9px;gap:14px;padding-block:10px}.choice-meta>span::before{padding-right:14px}.start-strip{margin-inline:-18px;font-size:14px;padding:12px}.home-invitation{font-size:9px;margin-top:23px}.game-footer{font-size:8px;min-height:48px}.game-footer svg{width:12px;height:12px}.game-name{font-size:9px}.game-nav{gap:7px;min-height:67px}.back-button{font-size:9px;padding:8px;gap:5px}.back-button svg{width:14px;height:14px}.round-count{font-size:9px;padding:7px 8px}.round-count b{font-size:15px}.round-track span{height:28px;width:28px;font-size:10px}.case-sender b{font-size:11px}.case-card blockquote{font-size:16px;margin:17px;padding:16px}.case-channel{font-size:10px;padding:13px 18px}.case-sender{padding:17px 17px 0}.case-bottom{font-size:9px;padding:12px 17px}.decision-copy h1{font-size:6.7cqw}.decision-copy .lead{font-size:14px}.decision>svg{height:34px;width:34px}.decision>b{font-size:25px}.decision>span{font-size:9px}.decision{min-height:154px;border-width:3px;border-radius:20px}.decision-buttons{gap:12px}.response-context{column-gap:12px;padding:15px;border-width:2px}.response-context h1{font-size:5.2cqw}.response-context>p{font-size:11px}.response-heading h2{font-size:4.8cqw}.response-heading>p{font-size:10px}.response-progress{font-size:9px}.response-tile{min-height:134px;padding:12px 10px;border-width:2px}.response-tile b{font-size:11px;line-height:1.5}.tile-state{font-size:7px}.response-feedback{font-size:10px}.response-grid{gap:11px}.timer-panel{padding:8px;border-width:2px}.timer-panel b{font-size:24px}.timer-panel>span{font-size:6px}.timer-panel svg{width:10px;height:10px}.timer-panel div>span{font-size:7px}.intro-guide b{font-size:14px}.intro-guide li p{font-size:12px}.intro-guide{padding:22px}.intro-copy h1{font-size:11cqw}.lead{font-size:14px}.intro-guide li>span{font-size:16px}.debrief-end{flex-direction:column;align-items:stretch}.debrief-end .button{width:100%}.action-recap{padding:5px 15px}.action-recap h2{font-size:13px}.action-recap p{font-size:11px}.badge-label{font-size:10px}.result-details{padding:20px}.result-stats b{font-size:31px}.result-stats small{font-size:11px}.score-note{font-size:9px}.button{font-size:12px;gap:15px;padding:15px 18px}}
@media(max-width:640px){.preview-bar{padding:0 10px;gap:8px}.preview-label>span{display:none}.preview-label b{font-size:9px}.preview-actions{gap:1px}.preview-actions>button{font-size:10px;padding:6px 8px;min-width:32px}.dialog-actions{flex-direction:column}dialog{padding:27px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti,.hit-popup{display:none}}
/* Party stage: paper props and original elastic characters. */
:root{--ink:#262741;--night:#304daf;--cyan:#a9e6d8;--yellow:#ffe29a;--lime:#c4e5a1;--red:#f39587;--muted:#e0e2f5}
.kiosk{background:#304daf;background-image:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 80px,#ffffff08 82px 84px,transparent 86px 150px)}
#screen::before{left:-20%;right:-20%;top:50%;bottom:-45%;background:#223780;border-radius:50%;transform:none;border:2px solid #ffffff17}
.brand-header{border:0}.brand-home{transform:none;background:transparent;border-radius:3px;box-shadow:none;padding:7px 12px}.brand-home img{width:140px}.arcade-wordmark{font:800 12px Jakarta;letter-spacing:.2em}.game-footer{border-color:#ffffff30}.game-name{font:800 12px Jakarta;letter-spacing:.1em}.back-button,.reset-button{background:transparent;border-color:#ffffff55;box-shadow:none;border-radius:30px}
.home-view{padding-top:25px;position:relative}.home-hero h1{font-size:clamp(42px,5.3cqw,85px);line-height:1.04;text-shadow:3px 4px 0 var(--ink);transform:rotate(-3deg);letter-spacing:-.045em}.home-hero h1 span{display:inline-block;transform:rotate(4deg);color:var(--yellow)}.home-hero .eyebrow{font-size:10px;color:#e4ecff;margin-bottom:16px}.home-hero>p:last-child{font-size:14px;line-height:1.6;margin-top:20px}.home-games{max-width:1100px;gap:40px;align-items:center;padding:15px 10px}.game-choice{border:2px solid var(--ink);outline:0;border-radius:45% 8% 6% 5% / 8% 6% 5% 6%;background:#f6d7c5;box-shadow:7px 9px 0 #192a72;rotate:-3deg;overflow:visible;transition:rotate .25s,translate .25s}.game-choice.act-choice{background:#bde2d6;rotate:3deg;border-radius:5% 7% 6% 40% / 6% 8% 5% 6%;margin-top:20px}.game-choice:hover{rotate:0deg;translate:0 -6px;box-shadow:7px 14px 0 #192a72}.choice-title{font-size:clamp(32px,4cqw,65px);letter-spacing:-.055em}.cabinet-label{background:none;color:var(--ink);font:800 10px Jakarta;transform:none!important;padding:0;margin-bottom:15px;letter-spacing:.08em}.choice-description{font-size:13px}.choice-meta{font-size:9px;border-color:#26274130}.start-strip{border-radius:0 0 16px 16px;background:var(--ink);font:800 14px Jakarta;letter-spacing:.03em;color:#fff!important;align-self:stretch}.home-invitation{font-size:10px;margin-top:24px}.character-scene{height:175px;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:40px;margin:10px 0 8px}.speech-scribble{position:absolute;right:8%;top:0;rotate:8deg;background:#fffdf3;border:2px solid var(--ink);border-radius:50% 45% 42% 5%;padding:12px 17px;font-weight:800;font-size:13px;line-height:1.15;z-index:2}.stop-choice .speech-scribble{right:27%;top:-4px;rotate:-5deg}.loose-prop{position:absolute;background:#fff9eb;border:2px solid var(--ink);padding:13px;box-shadow:3px 3px 0 var(--ink)}.prop-one{left:9%;top:16%;rotate:-18deg}.prop-two{right:10%;bottom:5%;rotate:15deg}
.toon{--skin:var(--red);width:110px;height:135px;position:relative;display:inline-block;flex:none;color:var(--ink);background:none;isolation:isolate;animation:toon-idle 3.6s ease-in-out infinite;transform-origin:50% 100%}.toon.go{--skin:var(--lime);width:90px;height:120px;animation-delay:-1.5s}.toon.act{--skin:#ffe29a;width:120px;animation-delay:-.8s}.toon-body{position:absolute;inset:12px 5px 20px;border:3px solid var(--ink);background:var(--skin);border-radius:46% 48% 36% 40%;box-shadow:inset -9px -5px 0 #26274112;z-index:1}.act .toon-body{border-radius:17% 40% 15% 25%;rotate:-8deg}.go .toon-body{border-radius:45% 45% 14% 16%}.toon-eyes{position:absolute;top:25%;left:22%;width:59%;height:38%;display:flex;gap:4px;animation:blink 5s infinite}.toon-eyes i{position:relative;background:#fffdf2;flex:1;border:2px solid var(--ink);border-radius:50%}.toon-eyes i::after{content:'';position:absolute;right:15%;top:35%;width:35%;height:45%;border-radius:50%;background:var(--ink)}.toon-mouth{position:absolute;top:70%;left:42%;width:25%;height:13%;border-bottom:3px solid var(--ink);border-radius:0 0 50% 50%;rotate:-10deg}.toon-arm{position:absolute;top:48%;height:36%;width:26%;border:3px solid var(--ink);border-top:0;border-radius:0 0 60% 60%;z-index:0}.toon-arm.left{left:-12%;rotate:30deg}.toon-arm.right{right:-12%;rotate:-35deg}.toon-foot{position:absolute;bottom:2px;width:29%;height:24px;border-left:3px solid var(--ink);border-bottom:7px solid var(--ink);border-radius:0 0 5px 5px}.toon-foot.left{left:19%;rotate:7deg}.toon-foot.right{right:8%;rotate:-8deg}.toon.surprised .toon-mouth{height:18%;width:16%;border:3px solid var(--ink);border-radius:50%;background:var(--ink)}.toon.happy .toon-arm{top:23%;rotate:150deg}.toon.happy{animation:toon-cheer .5s ease-in-out 2}.game-choice:hover .toon-arm.right{rotate:150deg;top:25%}.game-choice:hover .toon{animation:toon-cheer .55s ease-in-out infinite}
.intro-cast{display:flex;justify-content:center;margin-bottom:18px}.intro-guide{background:#fff5de;color:var(--ink);border:2px solid var(--ink);border-radius:5px;rotate:2deg;box-shadow:8px 9px 0 #192a72}.intro-guide li{border-color:#26274125}.intro-guide li>span,.intro-guide li p{color:#514c66}.intro-copy h1{text-shadow:3px 4px 0 var(--ink);rotate:-2deg}.button{border-width:2px;border-radius:50px;box-shadow:3px 5px 0 #192a72;font-family:Jakarta;font-weight:800}.host-line{display:flex;align-items:center;justify-content:center;gap:20px}.host-line .toon{width:65px;height:75px}.host-line .toon-body{inset:6px 4px 12px;border-width:2px}.host-line .toon-foot{height:15px;border-width:2px;border-bottom-width:5px}.host-line .toon-eyes i{border-width:1.5px}.host-line>p{background:#fff8e7;color:var(--ink);font-size:14px;font-weight:800;padding:13px 20px;border:2px solid var(--ink);border-radius:20px 20px 20px 0;rotate:-2deg;max-width:400px;box-shadow:3px 4px 0 #192a72}.decision-view{gap:20px 4cqw;align-content:center}.decision-view>.host-line{grid-column:1/-1;margin-bottom:8px}.case-card{border-width:2px;border-radius:6px;box-shadow:7px 9px 0 #192a72;rotate:-2deg;transform:none;background:#fff8e7;animation:deal-in .5s cubic-bezier(.2,.8,.2,1.2) both}.case-channel{background:#e5b2a7;border-bottom:2px solid var(--ink);font-size:10px;padding-block:12px}.case-card blockquote{background:transparent;border:0;padding:0;font-weight:700;font-size:clamp(18px,1.7cqw,27px);color:var(--ink)}.case-sender{padding-top:20px}.case-bottom{border-color:#26274120}.case-sender .sender-icon{background:#eee3cc;border-color:#d9c8a4;color:var(--ink)}.decision-copy h1{font-size:clamp(28px,3cqw,45px)}.decision{border-width:2px;border-radius:43% 40% 35% 36%;box-shadow:4px 7px 0 #192a72;min-height:170px;rotate:-5deg;animation:deal-in .6s cubic-bezier(.2,.8,.2,1.2) both}.decision.go{rotate:6deg;animation-delay:.08s}.decision:hover{rotate:0deg}.decision>svg{width:37px;height:37px;margin-bottom:10px}.decision>span{font-size:11px}.round-track span{border-radius:5px;rotate:-5deg;border-color:#a8bde5;background:#233b87}.round-track span:nth-child(even){rotate:6deg}.round-track .current{box-shadow:3px 3px 0 var(--ink)}.round-track span::after{display:none}.revealed .decision-copy{animation:deal-in .35s ease-out}.revealed .case-card{animation:none;opacity:.85}.decision-verdict{border-radius:3px;rotate:-1deg}.learning-point{border-color:#e8cfa0}.learning-point>b{color:#ffdea2}.reason,.learning-point>p{color:#f1efff}.incident-visual>.toon{scale:2.2;margin:70px auto}.incident-bubble{display:block;background:#fff8e7;color:var(--ink);padding:17px;border-radius:50%;font-weight:800;rotate:-6deg;margin-top:28px}.response-context{background:#fff3db;border:2px solid var(--ink);color:var(--ink);border-radius:5px;box-shadow:6px 7px 0 #192a72;rotate:-1deg}.response-context>p{color:#49475f}.response-context h1{font-size:clamp(23px,2.2cqw,35px)}.incident-small{display:none}.timer-panel{border-width:2px;border-radius:50% 45% 40% 35%;box-shadow:none;text-align:center;background:#efbaaa;padding:18px}.timer-panel>span,.timer-panel>div{justify-content:center}.response-heading>.host-line{justify-content:flex-start;margin-bottom:15px}.response-heading h2{font-size:clamp(21px,2cqw,32px)}.response-grid{gap:17px}.response-tile{border-width:2px;border-radius:4px 14px 4px 7px;background:#fff7e5;box-shadow:4px 5px 0 #192a72;rotate:-1.5deg;animation:deal-in .45s cubic-bezier(.2,.8,.2,1.2) both}.response-tile:nth-child(even){rotate:1.5deg;animation-duration:.65s}.response-tile:hover:not(:disabled){rotate:0deg;scale:1.02;background:#fff;z-index:1}.tile-icon{background:transparent;color:var(--ink)}.response-tile.correct{rotate:0deg;box-shadow:1px 2px 0 #192a72}.response-tile.wrong{rotate:-3deg}.power-cells>span{border-radius:50%;height:17px;max-width:45px;transform:none}.result-details{border-radius:5px;rotate:1deg}.result-heading{rotate:-2deg}.completion-view h1{rotate:-4deg}.game-nav{min-height:65px}
@keyframes toon-idle{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}
@keyframes toon-cheer{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(6deg)}}
@keyframes blink{0%,43%,47%,100%{scale:1 1}45%{scale:1 .1}}
@keyframes deal-in{from{opacity:0;translate:0 28px;transform:rotate(-6deg) scale(.92)}to{opacity:1;translate:0 0;transform:rotate(0) scale(1)}}
@container (min-width:1101px){.home-view{display:grid;grid-template-columns:.7fr 1.65fr;gap:20px;align-content:center;align-items:center}.home-hero{text-align:left;margin:0}.home-hero h1{font-size:5cqw}.home-hero>p:last-child{margin-top:26px}.home-games{gap:26px;padding-block:25px}.choice-title{font-size:3cqw}.game-choice{padding:25px 20px 0}.start-strip{margin-inline:-20px;font-size:12px}.home-invitation{grid-column:2}.choice-meta{font-size:8px;gap:8px}.choice-meta>span::before{padding-right:8px}.choice-description{font-size:11px}.character-scene{gap:15px;height:185px}.speech-scribble{font-size:11px}.response-view{padding-top:0}.response-tile{min-height:95px}.response-heading>.host-line .toon{width:50px;height:61px}.response-heading>.host-line>p{font-size:12px;padding:10px 15px}.response-heading>p{display:none}}
@container (min-width:1600px){.character-scene{height:230px;gap:40px}.character-scene>.toon{scale:1.3;margin-bottom:20px}.choice-description{font-size:16px}.choice-meta{font-size:11px}.start-strip{font-size:17px}.response-tile{min-height:180px}.response-heading>.host-line>p{font-size:16px}.home-hero>p:last-child{font-size:20px}}
@container (max-width:1100px){.home-hero h1{font-size:10cqw}.home-hero h1 br{display:none}.home-hero>p:last-child br{display:none}.home-games{max-width:650px;gap:30px}.home-hero{margin-bottom:20px}.game-choice{rotate:-2deg}.game-choice.act-choice{rotate:2deg;margin-top:0}.choice-title{font-size:7cqw}.character-scene{height:150px}.toon{scale:.9}.host-line{gap:10px}.decision-view>.host-line{grid-column:1}.decision-view{gap:24px}.case-card{rotate:-1deg}.decision{min-height:170px}.response-heading>.host-line{margin-bottom:15px}.response-context{rotate:0deg}.timer-panel{border-radius:12px;padding:8px}.intro-guide{rotate:0deg}.incident-visual>.toon{scale:1.3;margin:20px}.incident-bubble{display:none}.response-tile{min-height:134px}.host-line>p{font-size:12px}.intro-cast{display:none}}
@container (min-width:850px) and (max-width:1100px){.character-scene{height:220px}.character-scene>.toon{scale:1.4;margin-bottom:20px}.home-games{max-width:800px}.choice-description{font-size:18px}.choice-meta{font-size:12px}.speech-scribble{font-size:18px}.response-tile{min-height:165px}.host-line>p{font-size:18px}.decision{min-height:200px}}
@container (max-width:450px){.home-view{padding-top:18px}.home-hero h1{font-size:11cqw}.home-hero .eyebrow{font-size:7px}.home-hero>p:last-child{font-size:11px;margin-top:14px}.home-games{gap:25px;padding:8px}.game-choice{padding:16px 15px 0}.choice-title{font-size:9cqw}.cabinet-label{font-size:8px;margin-bottom:8px}.character-scene{height:125px;margin-block:2px}.character-scene>.toon{scale:.75;transform-origin:50% 100%;margin-inline:-10px}.speech-scribble{font-size:10px;padding:9px}.choice-description{font-size:10px}.choice-meta{font-size:7px;gap:7px}.choice-meta>span::before{padding-right:7px}.start-strip{margin-inline:-15px;font-size:11px;padding:12px}.loose-prop{padding:9px}.home-invitation{font-size:8px}.decision{min-height:140px}.host-line .toon{scale:.8;margin-inline:-5px}.host-line>p{font-size:11px;padding:10px 13px}.case-card blockquote{font-size:16px}.response-heading h2{font-size:21px}.response-tile{min-height:134px}.response-context h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared mascot gestures: body, gaze and limbs move independently. */
.toon-arm{transform-origin:50% 10%;transition:top .25s,rotate .25s}
.toon-mouth{transition:height .2s,width .2s,rotate .2s}
.toon.idle .toon-arm{animation:arm-sway 3.6s ease-in-out infinite alternate}
.toon.wave .toon-arm.right{top:25%;rotate:155deg;animation:wave-hand .7s ease-in-out infinite alternate}
.toon.wave .toon-mouth,.toon.happy .toon-mouth,.toon.celebrate .toon-mouth{background:var(--ink);height:18%;border-radius:5% 5% 50% 50%;rotate:0deg}
.toon.thinking{animation:ponder 3s ease-in-out infinite}
.toon.thinking .toon-arm.right{top:38%;right:-3%;rotate:150deg}
.toon.thinking .toon-eyes i::after{right:4%;top:15%}
.toon.thinking .toon-mouth{width:15%;rotate:-15deg}
.toon.happy{animation:joy 1.2s ease-in-out infinite}
.toon.happy .toon-arm.left{rotate:145deg;animation:wave-hand .45s ease-in-out infinite alternate}
.toon.happy .toon-arm.right{rotate:-145deg}
.toon.happy .toon-eyes i::after,.toon.celebrate .toon-eyes i::after{height:20%;top:40%;border-radius:50% 50% 0 0}
.toon.oops{animation:oops-body 1.8s ease-in-out infinite}
.toon.oops .toon-mouth{border:3px solid var(--ink);border-radius:50%;width:13%;height:17%;background:var(--ink)}
.toon.oops .toon-arm.left{rotate:105deg;top:33%}
.toon.oops .toon-arm.right{rotate:-105deg;top:33%}
.toon.oops .toon-eyes i::after{height:30%;width:30%}
.toon.encourage{animation:encourage-nod 1.8s ease-in-out infinite}
.toon.encourage .toon-arm.right{rotate:140deg;top:25%;animation:wave-hand 1s ease-in-out infinite alternate}
.toon.celebrate{animation:victory-dance 1.4s ease-in-out infinite}
.toon.celebrate .toon-arm{top:23%;animation:arm-sway .35s ease-in-out infinite alternate}
.toon.celebrate .toon-arm.left{rotate:155deg}.toon.celebrate .toon-arm.right{rotate:-155deg}
.toon.celebrate .toon-foot.left{animation:step-foot .7s ease-in-out infinite alternate}.toon.celebrate .toon-foot.right{animation:step-foot .7s ease-in-out -.7s infinite alternate}
@keyframes arm-sway{to{transform:rotate(12deg)}}
@keyframes wave-hand{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes ponder{0%,100%{transform:rotate(-7deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes joy{0%,100%{transform:translateY(0) scale(1.03,.97)}35%{transform:translateY(-13px) rotate(-5deg) scale(.98,1.02)}65%{transform:translateY(-6px) rotate(5deg)}}
@keyframes oops-body{0%,65%,100%{transform:rotate(0)}15%{transform:rotate(-8deg) scale(1.03,.97)}30%{transform:rotate(7deg)}45%{transform:rotate(-4deg)}}
@keyframes encourage-nod{0%,100%{transform:rotate(-3deg)}35%{transform:translateY(5px) rotate(5deg)}65%{transform:translateY(-3px) rotate(0)}}
@keyframes victory-dance{0%,100%{transform:rotate(-9deg) translateY(0)}25%{transform:rotate(0) translateY(-16px)}50%{transform:rotate(9deg) translateY(0)}75%{transform:rotate(0) translateY(-16px)}}
@keyframes step-foot{to{transform:translateY(-8px) rotate(15deg)}}
.menu-extras{display:flex;justify-content:center;align-items:center;gap:20px;grid-column:1/-1;flex-wrap:wrap;margin:12px 0}.menu-extras button{font-size:12px}
.finish-mascot{height:125px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.finish-mascot .toon{scale:.85}.completion-seal,.result-seal{display:none}
@media(prefers-reduced-motion:reduce){.toon,.toon *{animation:none!important;transition:none!important}}

/* Read each Stop or Go situation in one direction: heading, message, choice. */
.situation-copy h1{font-size:clamp(40px,3.4cqw,60px);line-height:1.25}.situation-copy .lead{margin-top:18px;font-size:clamp(21px,1.5cqw,28px)}.situation-copy .case-card{margin-top:28px}
@container(max-width:1100px){.situation-copy h1{font-size:5.8cqw}.situation-copy .eyebrow{margin-bottom:12px}.situation-copy .lead{margin-top:15px}}
@container(max-width:450px){.situation-copy h1{font-size:6.7cqw}.situation-copy .lead{font-size:14px}}

/* Thought bubbles repeat only while the shared mascot is thinking. */
.toon-questions{position:absolute;inset:0;pointer-events:none;z-index:3;display:none}
.toon.thinking .toon-questions{display:block}
.toon-questions i{position:absolute;top:0;left:5%;font:900 25px Jakarta,sans-serif;font-style:normal;color:var(--ink);background:#fff8e7;border:2px solid var(--ink);border-radius:50% 50% 12% 50%;width:1.15em;height:1.3em;display:grid;place-items:center;opacity:0;transform-origin:50% 100%;animation:question-pop 2.7s ease-in-out infinite}
.toon-questions i:nth-child(2){left:72%;top:-6%;font-size:30px;animation-delay:.9s}
.toon-questions i:nth-child(3){left:40%;top:-15%;font-size:20px;animation-delay:1.8s}
.host-line .toon-questions i{font-size:16px;border-width:1.5px}
.host-line .toon-questions i:nth-child(2){font-size:19px}
.host-line .toon-questions i:nth-child(3){font-size:14px}
@keyframes question-pop{0%,8%{opacity:0;transform:translateY(4px) scale(.4) rotate(-12deg)}20%{opacity:1;transform:translateY(-8px) scale(1.1) rotate(7deg)}32%{opacity:1;transform:translateY(-12px) scale(1) rotate(0)}65%,100%{opacity:0;transform:translateY(-32px) scale(.8) rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.toon.thinking .toon-questions i{display:none}.toon.thinking .toon-questions i:first-child{display:grid;opacity:1;transform:translateY(-8px)}}

/* Keep Si Sigap pondering while its menu card is hovered. */
.game-choice:hover .toon.thinking{animation:ponder 3s ease-in-out infinite}
.game-choice:hover .toon.thinking .toon-arm.right{top:38%;rotate:150deg}
/* Keep portrait intro rows at content height instead of stretching apart. */
@container(max-width:1100px){.intro-view{align-content:center;grid-auto-rows:max-content;row-gap:32px}}
body.feedback-open{overflow:hidden}
dialog.answer-feedback{width:min(620px,calc(100vw - 28px));max-width:620px;max-height:calc(100dvh - 32px);padding:0;border:2px solid var(--ink);border-radius:22px;background:#fff8e7;color:var(--ink);box-shadow:0 18px 70px #08123870;overflow:auto}
.answer-feedback::backdrop{background:#101c4ac9;backdrop-filter:blur(5px)}
.feedback-scroll{padding:28px 30px 24px}.feedback-mascot{display:flex;justify-content:center;height:105px;margin-bottom:12px}.feedback-mascot .toon{width:80px;height:100px;scale:.9}.answer-feedback .eyebrow{color:#45547d;text-align:center;margin-bottom:8px}.answer-feedback h2{font-family:Arcade;font-size:32px;line-height:1.2;text-align:center;outline:none}.answer-feedback .round-reaction{text-align:center;font-size:13px;margin:12px 0}.answer-feedback .hit{color:#32672a}.answer-feedback .miss{color:#a43c32}.answer-feedback .decision-verdict{margin:18px 0;padding:14px;font-size:14px;rotate:0deg}.answer-feedback .reason,.answer-feedback .learning-point>p{color:var(--ink);font-size:14px;line-height:1.6}.answer-feedback .learning-point{margin-top:16px;border-color:#d3ac58}.answer-feedback .learning-point>b{color:#665024;font-size:13px}.answer-feedback .button{width:100%;justify-content:space-between;margin-top:24px;box-shadow:2px 4px 0 #262741;font-size:14px}.feedback-close{position:absolute;right:12px;top:10px;border:0;background:#ece5d5;color:var(--ink);border-radius:50%;width:40px;height:40px;font-size:27px;z-index:4}
@media(max-width:600px){.feedback-scroll{padding:20px}.feedback-mascot{height:78px;margin-bottom:8px}.feedback-mascot .toon{scale:.7;transform-origin:50% 0}.answer-feedback h2{font-size:26px}.answer-feedback .reason,.answer-feedback .learning-point>p{font-size:13px}.answer-feedback .decision-verdict{font-size:13px;margin:14px 0}.answer-feedback .learning-point{margin-top:12px}}
.answer-feedback h2{color:var(--ink)}

/* Chat bubbles share one hand-drawn language across menu, host, and cases. */
.speech-scribble,.host-line>p,.incident-bubble,.case-card blockquote{overflow-wrap:anywhere;hyphens:auto}
.speech-scribble{box-shadow:3px 4px 0 #192a72;max-width:165px;text-align:center}
.host-line>p{position:relative}
.host-line>p::after{content:'';position:absolute;left:14px;bottom:-10px;width:18px;height:18px;background:#fff8e7;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-9deg) skew(-18deg);z-index:-1}
.case-card blockquote{position:relative;margin:24px 26px;padding:20px 22px;background:#fffdf3;border:2px solid var(--ink);border-radius:7px 18px 18px 18px;box-shadow:3px 4px 0 #192a72;color:var(--ink)}
.case-card blockquote::before{content:'';position:absolute;left:-9px;top:15px;width:16px;height:16px;background:#fffdf3;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);z-index:0}
.incident-visual>.incident-bubble{position:relative;display:inline-block;max-width:250px;border:2px solid var(--ink);border-radius:24px 24px 24px 6px;box-shadow:3px 4px 0 #192a72;color:var(--ink);font-family:Jakarta,Arial,sans-serif;font-size:14px;line-height:1.35;text-align:center}
.incident-bubble::after{content:'';position:absolute;left:30px;bottom:-11px;width:18px;height:18px;background:#fff8e7;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-12deg) skew(-18deg)}
@container (max-width:450px){.speech-scribble{max-width:126px}.case-card blockquote{margin:18px;padding:16px;font-size:16px}.host-line>p::after{bottom:-8px;width:14px;height:14px}}
@container (max-width:1100px){.act-scenario .incident-visual{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.act-scenario .incident-visual>.toon{margin:20px auto 12px}.act-scenario .incident-visual>.incident-bubble{margin:0 auto 6px;rotate:-4deg}}

/* Keep text readable on booth TVs for children and older visitors. */
.eyebrow{font-size:clamp(14px,.95cqw,18px);line-height:1.45;margin-bottom:18px}
.arcade-wordmark{font-size:clamp(14px,.95cqw,18px)}
.event-brand>span{font-size:clamp(10px,.7cqw,13px)}
.game-name{font-size:clamp(16px,1.05cqw,20px)}
.back-button,.reset-button{font-size:clamp(15px,.95cqw,18px);min-height:50px;padding:12px 16px}
.game-footer{font-size:clamp(12px,.8cqw,15px);min-height:60px}
.button{font-size:clamp(18px,1.2cqw,23px);min-height:72px;padding:18px 28px}
.lead{font-size:clamp(21px,1.55cqw,30px);line-height:1.55}
.host-line>p{font-size:clamp(17px,1.1cqw,21px);line-height:1.45;max-width:520px;padding:15px 22px}
.intro-copy h1{font-size:clamp(58px,6.1cqw,104px);line-height:1.14}
.intro-guide{padding:34px 40px}
.intro-guide li{gap:24px;padding:24px 0}
.intro-guide li>span{font-size:clamp(24px,1.6cqw,30px)}
.intro-guide b{font-size:clamp(22px,1.45cqw,27px);line-height:1.35}
.intro-guide li p{font-size:clamp(17px,1.15cqw,21px);line-height:1.5;margin-top:8px}
.case-channel{font-size:clamp(14px,.9cqw,17px)}
.case-sender b{font-size:clamp(18px,1.2cqw,22px)}
.case-sender div>span{font-size:clamp(13px,.85cqw,16px)}
.case-card blockquote{font-size:clamp(23px,1.8cqw,34px);line-height:1.5}
.case-bottom{font-size:clamp(14px,.9cqw,17px)}
.decision-copy h1{font-size:clamp(40px,3.4cqw,60px)}
.decision-copy .lead{font-size:clamp(21px,1.5cqw,28px)}
.decision>span{font-size:clamp(15px,1cqw,18px)}
.decision-hint{font-size:clamp(15px,1cqw,18px)}
.round-count{font-size:clamp(14px,.95cqw,18px)}
.scenario-copy h1{font-size:clamp(48px,4.8cqw,84px);line-height:1.16}
.scenario-copy .lead{font-size:clamp(22px,1.65cqw,31px)}
.ready-note{max-width:720px;padding:21px 24px}
.ready-note p{font-size:clamp(17px,1.15cqw,22px);line-height:1.55}
.incident-visual>.incident-bubble{max-width:390px;padding:18px 24px;color:var(--ink);font-size:clamp(18px,1.2cqw,22px);line-height:1.4;background:#fff8e7}
.response-context h1{font-size:clamp(32px,2.5cqw,46px);line-height:1.25}
.response-context>p{font-size:clamp(17px,1.15cqw,21px);line-height:1.5}
.timer-panel>span{font-size:clamp(12px,.8cqw,15px)}
.timer-panel div>span,.timer-panel small{font-size:clamp(12px,.8cqw,15px)}
.response-heading h2{font-size:clamp(34px,2.8cqw,50px);line-height:1.2}
.response-heading>p{display:block;font-size:clamp(17px,1.1cqw,21px);line-height:1.5}
.response-progress,.response-feedback{font-size:clamp(15px,1cqw,19px);line-height:1.45}
.response-tile{min-height:138px;padding:20px 24px}
.response-tile b{font-size:clamp(18px,1.25cqw,23px);line-height:1.35}
.tile-state{font-size:clamp(11px,.75cqw,14px);line-height:1.35}
.debrief-heading>.lead{font-size:clamp(20px,1.45cqw,27px)}
.action-recap h2{font-size:clamp(20px,1.35cqw,25px);line-height:1.35}
.action-recap p{font-size:clamp(16px,1.05cqw,20px);line-height:1.5}
.debrief-end>p{font-size:clamp(16px,1.05cqw,20px)}
.result-heading>p:last-child{font-size:clamp(17px,1.1cqw,21px)}
.score-note,.auto-reset{font-size:clamp(13px,.85cqw,16px);line-height:1.5}
dialog.answer-feedback{width:min(760px,calc(100vw - 32px));max-width:760px}
.answer-feedback h2{font-size:clamp(34px,3.2cqw,46px)}
.answer-feedback .eyebrow{font-size:clamp(14px,1cqw,17px)}
.answer-feedback .round-reaction{font-size:clamp(15px,1.05cqw,18px)}
.answer-feedback .decision-verdict{font-size:clamp(17px,1.15cqw,20px);padding:17px 18px}
.answer-feedback .reason,.answer-feedback .learning-point>p{font-size:clamp(17px,1.1cqw,20px);line-height:1.55}
.answer-feedback .learning-point>b{font-size:clamp(16px,1.05cqw,19px)}
.answer-feedback .button{font-size:clamp(17px,1.15cqw,21px)}

@container (max-width:1100px){
  .intro-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .intro-view{row-gap:48px;padding-block:38px 64px}
  .intro-guide{width:min(100%,820px);margin-inline:auto}
  .intro-guide .intro-cast{margin-bottom:28px}
  .intro-guide li>span{font-size:30px}
  .intro-guide b{font-size:27px}
  .intro-guide li p{font-size:21px}
  .lead,.scenario-copy .lead{font-size:26px}
  .button{font-size:22px}
  .scenario-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .scenario-copy .lead{max-width:760px}
  .ready-note{text-align:left}
  .ready-note p{font-size:21px}
  .act-scenario{row-gap:38px;padding-block:30px 60px}
  .act-scenario .incident-visual>.incident-bubble{display:inline-block;margin-top:12px}
  .response-view{gap:34px;padding-block:24px 54px}
  .response-context{padding:26px}
  .response-context h1{font-size:42px}
  .response-context>p{font-size:20px}
  .response-heading h2{font-size:38px}
  .response-heading>p{font-size:19px}
  .response-progress,.response-feedback{font-size:16px}
  .response-grid{gap:18px}
  .response-tile{min-height:160px;padding:20px}
  .response-tile b{font-size:22px}
  .tile-state{font-size:13px}
  .debrief-heading>.lead{font-size:23px}
  .action-recap h2{font-size:24px}
  .action-recap p{font-size:19px}
  .debrief-end>p{font-size:18px}
}

@container (max-width:450px){
  .eyebrow{font-size:11px}
  .game-name{font-size:12px}
  .back-button,.reset-button{font-size:12px;min-height:42px;padding:9px 11px}
  .game-footer{font-size:10px}
  .intro-copy h1{font-size:12cqw}
  .lead,.scenario-copy .lead{font-size:17px}
  .intro-guide{padding:24px}
  .intro-guide li{gap:15px;padding:18px 0}
  .intro-guide li>span{font-size:19px}
  .intro-guide b{font-size:17px}
  .intro-guide li p{font-size:14px}
  .button{font-size:15px;min-height:58px;padding:15px 19px}
  .host-line>p{font-size:14px}
  .case-channel,.case-bottom{font-size:12px}
  .case-sender b{font-size:14px}
  .case-sender div>span{font-size:11px}
  .case-card blockquote{font-size:18px}
  .decision-copy h1{font-size:8cqw}
  .decision-copy .lead{font-size:17px}
  .decision>span,.decision-hint{font-size:12px}
  .scenario-copy h1{font-size:10cqw}
  .ready-note p{font-size:15px}
  .incident-visual>.incident-bubble{font-size:16px}
  .response-context h1{font-size:24px}
  .response-context>p{font-size:14px}
  .response-heading h2{font-size:26px}
  .response-heading>p{font-size:14px}
  .response-progress,.response-feedback{font-size:12px}
  .response-tile b{font-size:15px}
  .tile-state{font-size:10px}
  .action-recap h2{font-size:16px}
  .action-recap p{font-size:14px}
  .debrief-end>p{font-size:14px}
  .answer-feedback .reason,.answer-feedback .learning-point>p{font-size:15px}
}

/* Equal side columns keep both headings on the same central axis. */
.brand-header,.game-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:center}
.brand-header>.brand-home,.game-nav>.back-button{justify-self:start;max-width:100%}
.brand-header>.arcade-wordmark,.game-nav>.game-name{grid-column:2;text-align:center;justify-self:center;width:100%}
.game-nav>:last-child:not(.game-name){grid-column:3;justify-self:end;text-align:right}
@container(max-width:450px){.brand-home img{width:100%;min-width:0}.brand-header>.brand-home{padding:6px}.game-nav>.back-button{font-size:10px;gap:4px;padding:8px 5px}.game-nav>.back-button svg{width:14px;height:14px}.game-nav>.game-name{font-size:11px;line-height:1.4}.game-nav>.round-count{font-size:10px}}
/* Balance the space above and below the portrait guide mascot. */
@container(max-width:1100px){
  .intro-guide{padding-top:0}
  .intro-guide .intro-cast{display:flex;align-items:center;justify-content:center;min-height:150px;margin:0 0 16px}
  .intro-guide .intro-cast .toon{flex-shrink:0;transform-origin:50% 50%}
}

.game-nav>.back-button{width:48px;height:48px;min-height:48px;padding:0;display:grid;place-items:center;border-radius:50%}.game-nav>.back-button svg{width:22px;height:22px}

.feedback-close{display:grid;place-items:center;padding:0;line-height:1}.feedback-close svg{display:block;width:22px;height:22px}
/* One joined outline for every speech bubble; no rotated square seams. */
.speech-scribble,.host-line>p,.incident-visual>.incident-bubble,.case-card blockquote{
  --bubble-fill:#fff8e7;
  background:var(--bubble-fill);border:2px solid var(--ink);border-radius:22px;
  overflow:visible;box-shadow:none;filter:drop-shadow(3px 4px 0 #192a72);
}
.speech-scribble::before,.host-line>p::before,.incident-bubble::before,.case-card blockquote::before,
.speech-scribble::after,.host-line>p::after,.incident-bubble::after,.case-card blockquote::after{
  content:'';position:absolute;top:auto;left:34px;bottom:-14px;
  width:0;height:0;background:transparent;transform:none;z-index:1;
  border:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--ink);
}
.speech-scribble::after,.host-line>p::after,.incident-bubble::after,.case-card blockquote::after{
  left:36px;bottom:-10px;border-left-width:8px;border-right-width:8px;border-top:14px solid var(--bubble-fill);
}
/* Point each tail at its speaker rather than always downwards. */
.host-line>p{rotate:0deg}
.host-line>p::before,.host-line>p::after{
  top:50%;bottom:auto;transform:translateY(-50%);border:0;
  border-top:10px solid transparent;border-bottom:10px solid transparent;
  border-right:18px solid var(--ink);left:-18px;
}
.host-line>p::after{left:-14px;border-top-width:8px;border-bottom-width:8px;border-right:16px solid var(--bubble-fill)}
.incident-visual>.incident-bubble{rotate:0deg}
.incident-bubble::before,.incident-bubble::after{
  left:50%;bottom:auto;top:-18px;transform:translateX(-50%);border:0;
  border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid var(--ink);
}
.incident-bubble::after{top:-14px;border-left-width:8px;border-right-width:8px;border-bottom:16px solid var(--bubble-fill)}

/* Stick-arm alternative: two straight segments meet at a visible elbow. */
.toon.stick .toon-arm{width:23%;height:30%;border:0;border-radius:0;overflow:visible}
.toon.stick .toon-arm::before,.toon.stick .toon-arm::after{content:'';position:absolute;width:5px;background:var(--ink);border-radius:3px;transform-origin:50% 0}
.toon.stick .toon-arm::before{height:60%;top:0;left:50%}
.toon.stick .toon-arm::after{height:65%;top:55%;left:50%;rotate:-60deg}
.toon.stick .toon-arm.right::after{rotate:60deg}
.host-line .toon.stick .toon-arm::before,.host-line .toon.stick .toon-arm::after{width:3px}
.brand-header>.brand-home{padding:0;min-height:44px}
.brand-home img{width:193px;max-width:100%;max-height:65px;object-fit:contain}
.name-view{gap:5cqw;grid-template-columns:1.4fr 1fr}
#player-form{width:min(100%,560px);margin-top:28px;text-align:left}
#player-form label{display:block;font-weight:800;font-size:20px;margin-bottom:12px}
#player-name{width:100%;min-height:68px;border:3px solid var(--ink);border-radius:12px;background:#fff8e7;color:var(--ink);font:700 24px Jakarta,sans-serif;padding:16px 20px}
#player-name:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}
#name-note{font-size:14px;line-height:1.5;color:#d7e7ff;margin:12px 0 22px}
#player-form .button{width:100%;justify-content:space-between}
.name-mascot{display:flex;justify-content:center;align-items:center;min-height:300px}
.name-mascot .toon{scale:2}
.stop-result .stop-score{margin-top:26px}
.stop-result .stop-score>p{font-size:20px}
.stop-result .result-heading>p:not(.eyebrow){font-size:clamp(20px,1.5cqw,28px);line-height:1.55}
.stop-result .learning-point>b{font-size:clamp(20px,1.5cqw,28px)}
.stop-result .learning-point>p{font-size:clamp(22px,1.7cqw,32px);line-height:1.6}
.stop-result .result-heading{overflow-wrap:anywhere}
@container(max-width:1100px){.name-view{grid-template-columns:1fr;gap:24px}.name-mascot{display:none}.name-view .intro-copy{width:100%}.name-view{padding-block:25px 40px}.stop-result .result-heading{text-align:center}}
@container(max-width:450px){.brand-home img{max-height:48px}.name-view h1{font-size:11cqw}#player-form label{font-size:17px}#player-name{font-size:20px;min-height:60px}.stop-result .learning-point>p{font-size:20px}}

.answer-feedback.feedback-correct .eyebrow,.answer-feedback.feedback-correct .round-reaction{color:#32672a}.answer-feedback.feedback-correct .decision-verdict{background:var(--lime)}.answer-feedback.feedback-wrong .eyebrow,.answer-feedback.feedback-wrong .round-reaction{color:#a43c32}.answer-feedback.feedback-wrong .decision-verdict{background:var(--red)}

/* The whole round celebration, including staggered starts, ends at 3 seconds. */
.stop-result{isolation:isolate}
.stop-result .confetti{inset:0 -3cqw;opacity:.8}
.stop-result .confetti i{top:-5%;width:10px;height:20px;border-radius:2px;animation:round-confetti calc(3s - var(--delay)) cubic-bezier(.2,.65,.45,1) var(--delay) both}
.stop-result .confetti i:nth-child(4n){background:var(--lime);width:9px;height:9px;border-radius:50%}
.stop-result .confetti i:nth-child(4n + 1){background:var(--yellow);width:16px;height:16px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 95%,50% 72%,21% 95%,32% 57%,2% 35%,39% 35%)}
.stop-result .confetti i:nth-child(4n + 2){background:var(--cyan);width:6px;height:26px;border-radius:2px}
.stop-result .confetti i:nth-child(4n + 3){background:#ff9fae;border-radius:2px}
@keyframes round-confetti{
  0%{top:-5%;opacity:0;transform:translateX(0) rotate(0) scale(.6)}
  10%{opacity:1}
  40%{transform:translateX(calc(var(--drift) * -.35)) rotate(190deg) scale(1)}
  70%{opacity:.85;transform:translateX(calc(var(--drift) * .6)) rotate(420deg) scale(.8,1)}
  100%{top:var(--fall);opacity:0;transform:translateX(var(--drift)) rotate(650deg) scale(.6)}
}
/* Feedback colors describe correctness, including a correct STOP answer. */
.answer-feedback.feedback-correct .eyebrow,.answer-feedback.feedback-correct h2,.answer-feedback.feedback-correct .round-reaction{color:#32672a}
.answer-feedback.feedback-correct .decision-verdict{background:var(--lime)}
.answer-feedback.feedback-wrong .eyebrow,.answer-feedback.feedback-wrong .round-reaction{color:#a43c32}
.answer-feedback.feedback-wrong .decision-verdict{background:var(--red)}

/* Keep the practice guides beside the title, with instructions below. */
#kiosk #screen .practice-intro .name-mascot{display:flex;gap:50px}
#kiosk #screen .practice-intro .name-mascot .toon{scale:1.3;flex-shrink:0}
@container(max-width:1100px){
  #kiosk #screen .practice-intro{grid-template-columns:minmax(0,1fr) minmax(100px,.8fr);gap:20px 24px;max-width:760px;width:100%;margin-inline:auto;padding-block:25px 40px}
  #kiosk #screen .practice-intro .intro-copy{display:contents}
  #kiosk #screen .practice-intro .eyebrow{grid-column:1/-1;margin:0;text-align:left}
  #kiosk #screen .practice-intro h1{grid-column:1;grid-row:2;font-size:clamp(36px,7.5cqw,70px);text-align:left}
  #kiosk #screen .practice-intro .name-mascot{grid-column:2;grid-row:2;min-height:0;gap:22px}
  #kiosk #screen .practice-intro .name-mascot .toon{width:clamp(60px,13cqw,120px);height:clamp(78px,16.25cqw,150px);scale:1}
  #kiosk #screen .practice-intro .lead{grid-column:1/-1;margin:0;text-align:left}
  #kiosk #screen .practice-intro .button{grid-column:1/-1;justify-self:start;margin-top:8px}
}
@container(max-width:450px){
  #kiosk #screen .practice-intro{gap:18px 12px;grid-template-columns:minmax(0,1fr) 116px}
  #kiosk #screen .practice-intro .name-mascot{gap:14px}
  #kiosk #screen .practice-intro .name-mascot .toon{width:50px;height:66px;scale:1}
  #kiosk #screen .practice-intro h1{font-size:7.8cqw}
}

@container(min-width:1101px){
  #kiosk #screen .practice-intro .name-mascot{gap:5cqw;min-height:0}
  #kiosk #screen .practice-intro .name-mascot .toon{width:110px;height:135px;scale:1;zoom:clamp(1.4,calc(100cqw / 850px),3.8)}
}

@container(min-width:1101px){
  #kiosk #screen .practice-intro .name-mascot .toon.go{width:90px;height:120px}
  #kiosk #screen .practice-intro .name-mascot .toon.act{width:120px}
}