:root{font-family:Arial,Helvetica,sans-serif;color:#172820;background:#f7f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 32px;border-bottom:1px solid #d7d9cd}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:#172820;color:#d0f477;width:44px;height:44px;border-radius:14px;font-size:23px}.nav-join{color:#172820;font-size:14px;font-weight:bold;text-decoration:none;padding:12px 18px;border:1px solid #c3cbb8;border-radius:30px}.eyebrow,.badge,.section-heading>span{font-size:10px;font-weight:800;letter-spacing:1.6px}.eyebrow{color:#597044;margin:0 0 20px}.badge{border:1px solid #758968;padding:8px 10px;border-radius:20px;display:inline-block}.catalog-intro{padding:64px 32px 45px;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:60px}h1{font-size:clamp(40px,5.7vw,67px);line-height:1.04;letter-spacing:-3px;margin:0 0 24px}h1 span{color:#617842}.lede{font-size:18px;line-height:1.6;max-width:480px;color:#5d6858}.join-callout{padding:26px 32px;background:#e9eddc;border:1px solid #cad3ba;border-radius:18px}.mini-symbol{font-size:40px}.join-callout h2{font-size:25px;letter-spacing:-1px;margin:8px 0}.join-callout p{color:#596351;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#172820;color:#fff;padding:15px 21px;min-height:48px;border:0;border-radius:8px;text-decoration:none;font-size:15px;font-weight:bold;cursor:pointer}.button:hover{background:#34543b}.button:disabled{background:#e5e8dd;color:#6a7563;cursor:not-allowed}.button.secondary{background:#e7edda;color:#172820}.full{width:100%}.catalog{padding:10px 32px 50px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{font-size:24px;letter-spacing:-.6px}.section-heading>span{color:#6d7963;font-size:9px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{border:1px solid #d5dacb;border-radius:15px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.game-card.available{border-color:#80915e}.game-art{height:150px;background:#e9e5d8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-art .badge{position:absolute;right:12px;top:12px;font-size:8px;background:#ffffffa8;letter-spacing:1px}.art-confidence{background:#d0f477}.art-emergency{background:#f3c3a7}.art-specific{background:#d7cbe9}.art-junkyard{background:#f2db90}.art-alibi{background:#bcd5dc}.art-town{background:#cfdcbe}.game-body{padding:23px;display:flex;flex-direction:column;flex:1}.game-body .eyebrow{font-size:9px;margin:0 0 11px}.game-body h3{font-size:23px;line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}.game-body>p:not(.eyebrow){font-size:14px;line-height:1.55;color:#616b59;margin:0 0 20px}.meta{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:#606d56;margin-top:auto;margin-bottom:20px}.game-body .button{width:100%;font-size:13px}.how{padding:30px 32px 50px;border-top:1px solid #d7d9cd}.how>h2{font-size:32px;letter-spacing:-1px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps b{font-size:10px;letter-spacing:1px;color:#617842}.steps p{font-size:14px;line-height:1.7;color:#596351}.note,.room-footnote{font-size:12px;line-height:1.6;color:#68735e}.room-footnote{text-align:center;margin:24px}.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 32px;align-items:start}.panel{background:#fff;border:1px solid #d5dacb;border-radius:16px;padding:32px;box-shadow:0 6px 0 #e9ebdf}.panel h2{font-size:26px;letter-spacing:-.8px;line-height:1.2}.panel p{line-height:1.6}.instructions{padding-left:23px;margin:30px 0}.instructions li{padding:0 0 24px 9px;font-size:14px;line-height:1.5}.instructions b,.instructions span{display:block}.instructions span{color:#66715e;margin-top:6px}.text-link{display:inline-block;color:#375536;font-size:13px;font-weight:bold;text-decoration:underline;text-underline-offset:4px}.panel label{display:block;font-size:13px;font-weight:bold;margin:22px 0 9px}input,select{display:block;width:100%;padding:14px;border:1px solid #b8c4a9;border-radius:8px;font:inherit;background:#fbfcf7;color:#172820;min-height:48px}.code-input{font-size:29px;letter-spacing:7px;text-transform:uppercase;font-weight:bold}.error{color:#a33021;font-size:14px;line-height:1.5}.error:empty{display:none}main>.error{margin:0 32px 20px}.room-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 32px}.room-title{padding:20px 32px 18px}.room-title h1{font-size:43px;letter-spacing:-2px;margin-bottom:12px}.room-title .eyebrow{margin-bottom:12px}.connection{font-size:12px;color:#57723e}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0 32px}.invite{text-align:center;background:#eaf2d9}.invite .eyebrow{margin:8px 0 25px}.room-code{font-size:clamp(35px,5vw,62px);letter-spacing:8px;font-weight:900;margin:10px 0 25px}.join-address{font-size:16px;overflow-wrap:anywhere;color:#294a2d;font-weight:bold}.invite p{font-size:14px}.invite .note{font-size:12px}.invite details{text-align:left;font-size:12px;margin-top:12px}.invite details input{font-size:12px;margin-top:12px}.invite summary{cursor:pointer}.player-list{min-height:160px;text-align:center;padding:12px 0 25px}.player-list>p{font-size:14px;color:#66715e}.waiting-icon{font-size:64px;color:#617842;margin:12px}.player{display:flex;align-items:center;text-align:left;gap:12px;background:#f5f7ef;border-radius:9px;margin-bottom:8px;padding:12px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d0f477;font-weight:bold}.player strong{font-size:14px;overflow-wrap:anywhere}.player small{display:block;font-size:11px;color:#697461;margin-top:3px}.remove{margin-left:auto;border:0;background:transparent;color:#746859;font-size:24px;cursor:pointer;min-width:40px;min-height:40px}.text-button{border:0;background:transparent;text-decoration:underline;color:#49603b;font:inherit;font-size:13px;cursor:pointer;padding:13px 0;min-height:44px}.players>.button{margin-top:10px}.phone-wait,.phone-question{max-width:570px;margin:10px auto 70px}.phone-wait{text-align:center}.phone-room{border-top:1px solid #e4e7dc;border-bottom:1px solid #e4e7dc;padding:18px;margin-top:24px;font-size:12px;letter-spacing:2px}.phone-room strong{font-size:22px;margin-left:10px}.play-panel{max-width:820px;margin:0 auto 65px}.play-panel>h2{font-size:34px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.option{display:flex!important;gap:16px;align-items:center;background:#f1f5e8;border:1px solid #c9d5b9;border-radius:9px;padding:18px;font-size:18px;margin:0!important}.option b{color:#6d8454}.option input{width:20px;min-height:20px;height:20px;margin:0;flex-shrink:0;accent-color:#395c31}.option:has(input:checked){background:#d0f477;border-color:#375536}.answer-count{font-weight:bold}.phone-question fieldset{border:0;padding:0;margin-top:25px}.phone-question legend{font-size:13px;font-weight:bold}.phone-question .answer-grid{grid-template-columns:1fr;margin:12px 0}.phone-question .button{margin-top:22px}.scoreboard{list-style:none;padding:0;margin:30px 0}.scoreboard li{display:flex;align-items:center;gap:18px;padding:15px 4px;border-bottom:1px solid #e5e9db;font-size:15px}.scoreboard li>span:last-child{margin-left:auto;white-space:nowrap}.scoreboard strong{overflow-wrap:anywhere}.rank{width:28px;color:#68775a}.score-callout{font-size:24px;font-weight:bold}.empty{max-width:700px;margin:60px auto}.empty h1{font-size:37px;letter-spacing:-1px}.empty .text-link{margin:20px}.loading{padding:70px 32px}footer{border-top:1px solid #d7d9cd;padding:25px 32px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#67725e;flex-wrap:wrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9b4cc0;outline-offset:4px}@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,1fr)}.catalog-intro{gap:30px}.join-layout{gap:35px}.room-code{letter-spacing:5px}.lobby-grid .panel{padding:24px}}@media(max-width:620px){header{padding:18px}.brand{font-size:18px;gap:8px}.brand-icon{width:36px;height:36px;font-size:20px}.nav-join{font-size:12px;padding:10px 12px}.catalog-intro{grid-template-columns:1fr;padding:38px 20px 25px;gap:20px}h1{letter-spacing:-2px}.join-callout{padding:22px}.mini-symbol{display:none}.catalog{padding:10px 20px 35px}.section-heading h2{font-size:21px}.section-heading>span{font-size:8px}.game-grid{grid-template-columns:1fr;gap:20px}.game-art{height:125px}.game-body h3{font-size:25px}.game-body .button{font-size:15px}.how{padding:20px}.steps{grid-template-columns:1fr;gap:12px}.join-layout{grid-template-columns:1fr;padding:35px 20px;gap:30px}.panel{padding:24px}.join-layout form{grid-row:1}.join-layout h1{font-size:40px}.instructions{margin-bottom:15px}.room-heading{padding:20px}.room-title{padding:15px 20px}.room-title h1{font-size:35px}.lobby-grid{grid-template-columns:1fr;margin:0 20px;gap:20px}.room-code{font-size:44px;letter-spacing:5px}.phone-wait,.phone-question,.play-panel,.empty{margin:0 20px 40px}.answer-grid{grid-template-columns:1fr}.play-panel>h2{font-size:27px}.phone-question h2{font-size:24px}main>.error{margin:0 20px 20px}.room-footnote{font-size:11px}.section-heading{gap:8px}footer{padding:25px 20px}.option{font-size:16px}.code-input{font-size:26px}}

/* Phones join as controllers; larger screens host the shared game. */
.mobile-join{max-width:480px;margin:0 auto;padding:40px 22px 50px;text-align:center}
.mobile-join h1{font-size:48px;letter-spacing:-2px;margin-bottom:18px}
.mobile-join .lede{font-size:16px;margin:0 auto 26px;max-width:290px}
.mobile-join .panel{text-align:left;padding:24px}
.mobile-join .panel>label:first-child{margin-top:0}
.mobile-join .code-input{text-align:center;letter-spacing:7px;font-size:30px}
.mobile-join .button{margin-top:22px}
.mobile-join [hidden]{display:none}

.nav-join[hidden]{display:none}

/* Full illustrations retain their original framing at every card width. */
.game-art{height:auto;aspect-ratio:3/2}.game-art img{display:block;width:100%;height:100%;object-fit:contain}.game-art .badge{background:#f7f5eee8}

/* Player portraits keep hats and ears visible instead of circular cropping. */
.avatar{width:56px;height:56px;flex:0 0 56px;border-radius:14px;object-fit:contain;background:#edf1e5}.avatar-large{width:128px;height:128px;display:block;margin:8px auto 22px;border-radius:24px}.scoreboard .avatar{width:44px;height:44px;flex-basis:44px;border-radius:10px}.scoreboard li{gap:12px}

/* Phone entry: a pocket-sized invitation to the party. */
body.join-party{background:#172820;background-image:radial-gradient(ellipse at 50% 16%,#34513b 0,transparent 65%);color:#f7f5ee;min-height:100svh}
.join-party header{padding:20px 22px;border:0;justify-content:center}
.join-party .brand{font-size:20px;letter-spacing:-.7px}
.join-party .brand-icon{background:#d0f477;color:#172820;width:34px;height:34px;border-radius:11px;font-size:18px;transform:rotate(-6deg)}
.join-party footer{justify-content:center;text-align:center;border-color:#ffffff15;color:#b4c2b4;padding:20px;font-size:10px}
.join-party footer span:last-child{display:none}
.party-entry{padding:8px 22px 28px;max-width:440px}
.gremlin-crew{height:166px;position:relative;max-width:330px;margin:0 auto 18px}
.gremlin-crew img{position:absolute;bottom:21px;border:4px solid #f7f5ee;border-radius:25px;box-shadow:0 7px 0 #0d1c1590;object-fit:contain}
.crew-left{width:106px;height:106px;left:9px;transform:rotate(-14deg)}
.crew-center{width:128px;height:128px;left:50%;margin-left:-64px;z-index:2;transform:rotate(3deg)}
.crew-right{width:106px;height:106px;right:9px;transform:rotate(14deg)}
.crew-sticker{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:3;background:#d0f477;color:#172820;border:2px solid #172820;border-radius:6px;padding:8px 12px;font-size:9px;font-weight:900;letter-spacing:1px;white-space:nowrap}
.crew-spark{position:absolute;color:#d0f477;font-size:30px}.spark-left{left:0;top:0;transform:rotate(-15deg)}.spark-right{right:3px;top:12px;color:#d7cbe9;font-size:38px}
.party-entry>.eyebrow{color:#c6d4bd;font-size:9px;letter-spacing:2.4px;margin-bottom:12px}
.party-entry h1{font-size:clamp(38px,11vw,49px);line-height:1.02;letter-spacing:-2px;margin-bottom:12px}
.party-entry h1 span{color:#d0f477}
.party-entry>.lede{color:#c7d2c5;font-size:15px;margin-bottom:24px}
.party-entry .party-ticket{background:#f7f5ee;color:#172820;padding:20px;border:0;border-radius:20px;box-shadow:0 7px 0 #0c1a14;text-align:left}
.ticket-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:17px;border-bottom:1px dashed #bcc6b0;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#526345}
.ticket-heading span:last-child{font-size:19px;line-height:1}
.party-ticket>label{font-size:19px;margin:0 0 6px;letter-spacing:-.5px}
.party-ticket .code-hint{font-size:12px;color:#63705b;margin:0 0 15px;line-height:1.5}
.party-ticket .code-input{height:65px;border:2px solid #b8c6a8;background:#fff;font-size:30px;letter-spacing:6px;border-radius:12px;padding:10px;box-shadow:inset 0 3px 0 #17282006}
.party-ticket .code-input::placeholder{color:#9aa78e;opacity:1}
.party-ticket .code-input:focus{border-color:#52733e}
.party-ticket .button{margin-top:16px;background:#d0f477;color:#172820;min-height:55px;border:2px solid #172820;border-radius:12px;box-shadow:0 3px 0 #172820;font-size:17px}
.party-ticket .button:hover{background:#bfe65e}.party-ticket .button:active{transform:translateY(2px);box-shadow:0 1px 0 #172820}
.party-ticket .button:disabled{background:#dfe5d5;color:#64705a;cursor:wait}
.party-entry .party-reassurance{color:#c7d2c5;font-size:11px;margin:23px 0 7px}
.party-entry .party-avatar-note{color:#a6baa1;font-size:11px;margin:0}
@media(max-width:360px){.party-entry{padding-left:16px;padding-right:16px}.gremlin-crew{max-width:285px;height:148px}.crew-left,.crew-right{width:94px;height:94px}.crew-center{width:116px;height:116px;margin-left:-58px}.party-entry .party-ticket{padding:18px}}
@media(max-height:740px){.join-party header{padding-top:14px;padding-bottom:12px}.gremlin-crew{height:142px;margin-bottom:14px}.party-entry>.lede{margin-bottom:18px}}

/* Questionable Confidence: timed rounds and shared-screen gremlin attacks. */
.chaos-timer{display:flex;align-items:center;gap:14px;margin:20px 0;font-weight:800}.timer-label{font-size:10px;letter-spacing:1px}.chaos-timer strong{font-size:32px;min-width:40px;font-variant-numeric:tabular-nums}.chaos-timer progress{flex:1;min-width:0;height:14px;accent-color:#638b31}.chaos-timer.urgent{color:#ad3928}.chaos-timer.urgent progress{accent-color:#ad3928}
.wager-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wager{border:2px solid #bdc9ad;border-radius:14px;background:#f7f5ee;padding:22px 14px;cursor:pointer;font:inherit;font-weight:800;color:#172820;min-height:130px}.wager span{display:block;margin-top:10px;line-height:1.7;font-size:13px;font-weight:400}.wager.selected{background:#d0f477;border-color:#294a2d;box-shadow:0 3px 0 #294a2d}.wager.selected:before{content:'✓ ';font-weight:900}
.chaos-intro{text-align:center;overflow:hidden;background:#172820;color:#fff}.chaos-intro .eyebrow{color:#d0f477}.chaos-intro h2{font-size:clamp(32px,5vw,54px);margin:14px 0}.attack-stage{height:300px;position:relative;margin:auto;max-width:600px}.attack-actor{height:100%;max-width:90%;object-fit:contain;border-radius:24px;animation:gremlinEntrance 6s both}.attack-ink .attack-actor{animation:inkWindup 6s both}.ink-projectile{display:none;position:absolute;width:70px;height:50px;background:#683294;border:4px solid #391650;border-radius:65% 35% 55% 45%;top:42%;left:45%}.attack-ink .ink-projectile{display:block;animation:inkThrow 6s both}.munch-letters{display:none;font-size:40px;font-weight:900;color:#d0f477;position:absolute;bottom:0;left:0;right:0;letter-spacing:12px}.attack-vowels .munch-letters{display:block;animation:munch 6s both}.attack-instruction{font-size:20px;line-height:1.5}.ready-symbol{font-size:100px;color:#d0f477;font-weight:900;margin:25px}.attack-banner{padding:12px 16px;background:#e9d9f4;border-radius:12px;color:#51276c;font-size:14px;line-height:1.5}.chaos-question h2{line-height:1.25}.chaos-answers{position:relative;isolation:isolate}.answer-lane{padding:7px 14px}.answer-tap{position:relative;display:flex;align-items:center;gap:14px;min-height:68px;width:100%;border:2px solid #b7c7a4;border-radius:12px;padding:16px 18px;font:inherit;font-weight:700;text-align:left;cursor:pointer;background:#edf3e3;color:#172820;touch-action:manipulation}.answer-tap b{color:#536e36}.answer-tap:hover{background:#d0f477}.answer-tap:disabled{opacity:.65;cursor:default}.tug-hand{position:absolute;right:-20px;top:-13px;width:60px;height:40px;pointer-events:none;object-fit:contain;transform:rotate(-12deg)}.effect-bandit .answer-tap{animation:buttonTug 2.2s ease-in-out infinite}.effect-bandit .answer-lane:nth-child(even) .answer-tap{animation-direction:reverse;animation-delay:-1.1s}.effect-bandit .answer-tap.caught,.effect-bandit .answer-tap:focus-visible,.effect-bandit .answer-tap:hover{animation-play-state:paused}
.ink-layer{position:absolute;inset:0;z-index:3;background:#3a174814;border-radius:14px}.ink-blob{position:absolute;width:85%;height:44%;left:7%;background:#4f206c;color:#fff;border:8px solid #713c90;border-radius:40% 65% 35% 55%;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:13px 2px 0 -5px #4f206c,-10px -7px 0 -4px #4f206c,5px 14px 0 -4px #4f206c;animation:splatIn .25s ease-out both;touch-action:manipulation}.blob-one{top:3%;transform:rotate(-4deg)}.blob-two{bottom:4%;transform:rotate(5deg)}.splatter-1 .blob-one{left:3%;transform:rotate(6deg)}.splatter-1 .blob-two{left:11%;transform:rotate(-5deg)}.splatter-2 .blob-one{left:11%;transform:rotate(-7deg)}.splatter-2 .blob-two{left:3%;transform:rotate(4deg)}.winner-panel{text-align:center}.winner-portraits{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.winner-portraits .avatar-large{margin:10px 0}.winner-panel .scoreboard{text-align:left}
@keyframes gremlinEntrance{0%{transform:translateY(120%) rotate(-15deg);opacity:0}20%,65%{transform:translateY(0) rotate(-4deg);opacity:1}80%{transform:rotate(8deg)}100%{transform:rotate(0)}}
@keyframes inkWindup{0%{transform:translateY(110%);opacity:0}20%,55%{transform:translateY(0) rotate(0);opacity:1}75%{transform:rotate(-15deg) translateX(-30px)}90%,100%{transform:rotate(15deg) translateX(45px)}}
@keyframes inkThrow{0%,76%{opacity:0;transform:translate(0,0) scale(.2)}80%{opacity:1;transform:translate(0,0)}100%{opacity:1;transform:translate(650px,-60px) scale(2)}}
@keyframes munch{0%,45%{opacity:1;transform:scale(1)}65%{transform:scale(.7) rotate(-8deg)}85%,100%{opacity:0;transform:scale(0)}}
@keyframes buttonTug{0%,100%{transform:translateX(-9px)}50%{transform:translateX(9px)}}
@keyframes splatIn{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@media(max-width:620px){.attack-stage{height:210px}.attack-instruction{font-size:16px}.chaos-prepare{margin:0 20px 40px}.wager-grid{gap:8px}.wager{padding:16px 8px;font-size:14px}.wager span{font-size:12px}.chaos-question{padding:20px}.chaos-question h2{font-size:24px}.answer-lane{padding:6px 10px}.room-heading{flex-wrap:wrap;gap:10px}.room-title h1{font-size:29px}.chaos-timer{gap:9px}}
@media(prefers-reduced-motion:reduce){.attack-actor,.attack-ink .attack-actor,.ink-projectile,.munch-letters,.effect-bandit .answer-tap,.ink-blob{animation:none!important}.attack-ink .ink-projectile{display:none}.attack-vowels .munch-letters{opacity:.4}.tug-hand{transform:none}}

/* Game mode fills the display; site navigation stays on the game shelf. */
body.game-mode{background:#101c1a;background-image:radial-gradient(ellipse at 20% 0,#274237,transparent 60%),radial-gradient(ellipse at 100% 100%,#302449,transparent 65%);color:#f5f4eb;min-height:100svh;overflow-x:hidden}
.game-mode>header,.game-mode>footer,.game-mode .room-title{display:none}
.game-mode main{max-width:none;min-height:100svh;padding:54px 24px 24px}
.game-mode .room-heading{position:absolute;top:0;right:12px;left:12px;padding:8px 12px;gap:18px;justify-content:flex-end;z-index:5}
.game-mode .room-heading .badge,.game-mode.in-play .room-heading>a,.player-mode .room-heading>a{display:none}
.game-mode .room-heading .text-button{color:#a6b8ab;text-decoration:none;margin:0;min-height:36px;padding:6px;font-size:12px}
.game-mode #fullscreen-toggle{font-size:25px}
.game-mode .panel{background:#1a2c27;border:1px solid #47604d;box-shadow:0 12px 45px #0003;color:#f5f4eb;border-radius:24px}
.game-mode .play-panel{max-width:1100px;padding:clamp(24px,4vw,56px);margin:0 auto;min-height:calc(100svh - 82px)}
.game-mode .eyebrow{color:#c9ed82}
.game-mode h2{color:#f6f5ec}
.game-mode .note,.game-mode .room-footnote{color:#b2c2b3}
.game-mode .button{background:#d0f477;color:#14271d;border-radius:14px;box-shadow:0 4px 0 #90b849}
.game-mode .button:disabled{background:#435744;color:#acbaa8;box-shadow:none}
.game-mode .text-button,.game-mode .text-link{color:#d0f477}
.game-mode .invite{background:#243b2a}.game-mode .join-address{color:#d0f477}.game-mode .room-code{color:#e0ffa3}
.game-mode .player{background:#2b4135}.game-mode .player small{color:#bacbb8}.game-mode .remove{color:#c1d2be}
.game-mode .player-list>p,.game-mode .section-heading>span{color:#b8c7b2}
.game-mode .wager{background:#273e34;color:#f5f4eb;border-color:#5a7259;min-height:155px}
.game-mode .wager.selected{background:#d0f477;color:#172820;border-color:#d0f477;box-shadow:0 5px 0 #789640}
.game-mode .option{background:#2b4136;color:#f6f5ec;border-color:#597355}.game-mode .option b{color:#d0f477}
.game-mode .chaos-timer{color:#d0f477}.game-mode .chaos-timer.urgent{color:#ffb19b}.game-mode .chaos-timer progress{accent-color:#d0f477}
.game-mode .attack-banner{background:#48335c;color:#f2defa}.game-mode .scoreboard li{border-color:#47604d}.game-mode .rank{color:#d0f477}
.game-mode .chaos-intro{background:radial-gradient(ellipse at center,#3c3552,#14231e 70%);text-align:center}
.host-mode .shared-intro .attack-stage{height:clamp(230px,42vh,470px);max-width:880px;aspect-ratio:16/9}
.host-mode .chaos-question h2{font-size:clamp(32px,4.2vw,58px);max-width:950px;margin:24px auto}
.host-mode .chaos-question .option{min-height:90px;font-size:clamp(20px,2.3vw,30px)}
.player-mode main{padding:44px 14px 20px}
.player-mode .panel,.player-mode .phone-question,.player-mode .phone-wait,.player-mode .play-panel{max-width:600px;width:100%;margin:0 auto;padding:24px 18px;min-height:calc(100svh - 64px);border-radius:22px}
.player-mode .phone-room{border-color:#496349}
.player-mode h2{font-size:clamp(25px,6.6vw,34px);letter-spacing:-.7px}
.player-mode .chaos-prepare>p:not(.eyebrow):not(.note){color:#d1ddce}
.player-mode .answer-tap{background:#d0f477;color:#13271c;border:2px solid #e5ffb8;box-shadow:0 4px 0 #617d35;min-height:72px;font-size:19px}
.player-mode .answer-tap b{color:#466032}.player-mode .answer-lane:nth-child(even) .answer-tap{background:#dcc8ef;border-color:#efdefe;box-shadow:0 4px 0 #776084}
.player-mode .answer-tap:disabled{opacity:.5}
.player-mode .chaos-answers{margin:0 -18px;padding:0 8px;overflow:hidden}
.effect-bandit .answer-tap{animation:none!important}.effect-bandit .answer-lane{padding-top:16px;padding-bottom:12px}
.tug-hand{width:90px;height:55px;right:-27px;top:-20px;z-index:2}
/* Thirty individually removable blobs; clear only the path you need. */
.ink-layer{background:transparent;pointer-events:none;overflow:hidden;border-radius:0}
.ink-layer .ink-blob{pointer-events:auto;width:27%;height:24%;min-height:44px;min-width:44px;border:3px solid #9b54ae;background:#47205e;box-shadow:7px 0 0 -1px #47205e,-5px -3px 0 -1px #713383,2px 8px 0 -2px #47205e;touch-action:none}
@media(max-width:620px){.host-mode main{padding:50px 14px 20px}.game-mode .lobby-grid{margin:0;gap:18px}.game-mode .room-footnote{margin:16px 0}.player-mode .wager-grid{gap:10px}.player-mode .wager{padding:20px 10px;min-height:150px}.player-mode .wager span{font-size:13px}.player-mode .chaos-timer{margin:12px 0 18px}.player-mode .eyebrow{font-size:10px;letter-spacing:1.5px}.player-mode .score-callout{color:#d0f477;font-size:38px}.game-mode .ready-symbol{margin:35px 0}}

.game-mode #fullscreen-toggle{font-size:12px;letter-spacing:.2px}

.host-mode .play-panel{display:flex;flex-direction:column;justify-content:center}.host-mode .play-panel>h2{font-size:clamp(34px,4.2vw,58px)}

/* Procedural ink: black liquid silhouettes, asymmetric lobes and scattered droplets. */
.ink-layer .ink-blob{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible}
.ink-blob svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 1px #0005)}
.ink-layer .ink-blob:focus-visible{outline:3px solid #d0f477;outline-offset:2px}
.attack-ink .ink-projectile{background:#08090b;border-color:#1c1d20}

/* Keep phone entry focused on its primary action. */
.join-party{display:flex;flex-direction:column}
.join-party main{width:100%;flex:1;display:flex}
.party-entry{width:100%;display:flex;flex-direction:column;flex:1;padding-bottom:20px}
.party-entry .party-ticket{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:26px 24px}
.party-entry>.eyebrow{margin-bottom:20px}
.party-ticket .code-input{height:76px;font-size:34px}
.party-ticket .button{min-height:60px;margin-top:22px}
.party-entry .party-reassurance{margin-top:22px}
.join-party footer{width:100%}
@media(max-width:360px){.party-entry .party-ticket{padding:22px 18px}.party-ticket .code-input{font-size:30px}}

.game-mode .wager:disabled{cursor:default;opacity:.55}.game-mode .wager.selected:disabled{opacity:1}.game-mode .wager:disabled:not(.selected){border-style:dashed}

/* The host's gremlin mouth follows the same deadline as the native progress bar. */
.host-mode .gobbler-timer{display:grid;grid-template-columns:1fr auto;gap:0 16px;text-align:left;margin:30px auto 24px;width:min(100%,820px);padding:0 62px;position:relative}
.gobbler-timer .timer-label{font-size:11px;letter-spacing:2px;color:#b6adc9;align-self:center}
.gobbler-timer strong{font-size:42px;text-align:right}
.gobbler-timer progress{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.gobble-track{--remaining:100%;grid-column:1/-1;height:22px;position:relative;background:#ffffff09;border-radius:12px;margin:56px 0 42px;box-shadow:inset 0 2px 6px #0005}
.gobble-fill{position:absolute;inset:0 auto 0 0;width:var(--remaining);border-radius:12px;background:repeating-linear-gradient(110deg,#dcff89 0 18px,#b5dc66 18px 36px);box-shadow:0 0 30px #cff57633;transition:width .1s linear}
.gobble-mouth{position:absolute;left:var(--remaining);top:50%;width:0;height:0;transition:left .1s linear}
.gobbler-sprite{display:block;position:absolute;width:154px;height:154px;left:-66px;top:-100px;background:url('/images/timers/gobbler.png') 0 0/200% 100% no-repeat;filter:drop-shadow(0 8px 10px #0007);animation:gobbler-bounce .44s ease-in-out infinite alternate;transform-origin:43% 65%}
.gobble-mouth i{position:absolute;width:8px;height:7px;background:#d0f477;border-radius:2px;left:-3px;top:0;animation:timer-crumb .66s ease-out infinite;pointer-events:none}
.gobble-mouth i:nth-of-type(2){animation-delay:-.12s;--scatter:26px}.gobble-mouth i:nth-of-type(3){animation-delay:-.26s;--scatter:44px}.gobble-mouth i:nth-of-type(4){animation-delay:-.39s;--scatter:-20px}.gobble-mouth i:nth-of-type(5){animation-delay:-.52s;--scatter:12px}
.gobble-caption{grid-column:1/-1;text-align:center;font-size:10px;font-weight:700;letter-spacing:2.5px;color:#a29ab5}
.gobbler-timer.urgent .gobble-fill{background:repeating-linear-gradient(110deg,#ffb19b 0 18px,#e8836d 18px 36px);box-shadow:0 0 35px #ff92784a}
.gobbler-timer.urgent .gobbler-sprite{animation-duration:.24s}.gobbler-timer.urgent .gobble-mouth i{background:#ffb19b;animation-duration:.4s}
.gobbler-timer.finished .gobble-mouth i{display:none}.gobbler-timer.finished .gobbler-sprite{animation:none}
.host-mode .chaos-question .gobble-track{margin:25px 0 20px;height:16px}.host-mode .chaos-question .gobbler-sprite{width:100px;height:100px;left:-43px;top:-65px}.host-mode .chaos-question .gobble-caption{display:none}.host-mode .chaos-question .gobbler-timer{margin:8px auto}
@keyframes gobbler-bounce{from{transform:rotate(-4deg) scale(1.03,.98)}to{transform:rotate(3deg) scale(.98,1.03)}}
@keyframes timer-crumb{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(var(--scatter,35px),48px) rotate(220deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.gobbler-sprite,.gobble-mouth i{animation:none!important}.gobble-mouth i{display:none}.gobble-fill,.gobble-mouth{transition:none}}
.review-confidence{margin:24px 0 12px;padding-top:18px;border-top:1px solid #ffffff20}.review-confidence .wager{width:100%;min-height:90px}.review-confidence .eyebrow{color:#b6adc9}
@media(min-width:700px) and (max-height:850px){
  .host-mode .chaos-question{padding:22px 34px;justify-content:center}
  .host-mode .chaos-question>h2{font-size:clamp(28px,3.3vw,42px);margin:14px auto}
  .host-mode .chaos-question .option{min-height:64px;font-size:23px;padding:14px}
  .host-mode .chaos-question .attack-banner{margin:8px 0;padding:10px}
  .host-mode .chaos-question .eyebrow{margin-bottom:4px}
  .host-mode .chaos-question #answer-count{margin:12px 0 0}
  .host-mode .chaos-question>.note{margin:4px 0}
  .host-mode .chaos-question .gobble-track{margin:18px 0 12px}
  .host-mode .shared-intro .attack-stage{height:28vh}
}

/* A single viewport dock keeps the timer still across every timed phase. */
.game-mode #fullscreen-toggle{display:grid;place-items:center;width:40px;height:40px;padding:10px}
.game-mode.countdown-active main{padding-bottom:190px}
.host-mode.countdown-active .play-panel{min-height:calc(100svh - 244px)}
.host-mode #room-content>.gobbler-timer{position:fixed;z-index:6;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1100px);height:170px;margin:0;padding:10px 82px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#101c1a00,#101c1a 20%);grid-template-rows:42px 66px 18px;gap:0 16px}
.host-mode #room-content>.gobbler-timer .gobble-track{height:20px;margin:32px 0 14px}
.host-mode #room-content>.gobbler-timer .gobbler-sprite{width:120px;height:120px;left:-52px;top:-78px}
.host-mode #room-content>.gobbler-timer .gobble-caption{display:block}
.player-mode.countdown-active main{padding-bottom:100px}
.player-mode.countdown-active .panel{min-height:calc(100svh - 154px)}
.player-mode #room-content>.chaos-timer{position:fixed;z-index:6;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);height:calc(78px + env(safe-area-inset-bottom));margin:0;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:#101c1af5;border-top:1px solid #ffffff18}
.look-up{color:#c9ed82;font-size:14px;margin:8px 0 20px}
@media(min-width:700px) and (max-height:850px){
 .host-mode.countdown-active .play-panel{padding:20px 34px}
 .host-mode.countdown-active .shared-intro .attack-stage{height:clamp(100px,20vh,170px)}
 .host-mode.countdown-active .play-panel>h2{margin:12px 0;font-size:clamp(28px,3vw,40px)}
 .host-mode.countdown-active .ready-symbol{margin:12px 0;font-size:64px}
 .host-mode.countdown-active .attack-instruction{margin:10px 0}
 .host-mode.countdown-active .answer-grid{margin:12px 0}
}

/* Six more gremlins, using the established illustrated cast. */
.intro-props{position:absolute;inset:0;pointer-events:none}.light-switch{position:absolute;right:18%;top:30%;width:64px;height:90px;background:#e8e2cf;border:5px solid #172820;border-radius:12px;transform:rotate(12deg)}.light-switch i{position:absolute;inset:15px 12px;background:linear-gradient(#4b6050 50%,#aabd93 50%);border-radius:5px;animation:switch-off 6s both}.intro-darkness{position:absolute;inset:-250px;background:#030609;opacity:0;animation:dark-entrance 6s both;pointer-events:none}.attack-lights .attack-actor{filter:drop-shadow(0 0 24px #f6ffbc)}
.sneeze-cloud{position:absolute;left:52%;top:40%;font-size:80px;color:#d6fbff;text-shadow:0 0 24px #91e6ff;animation:frost-sneeze 6s both}.sneeze-cloud i{position:absolute;left:65px;top:-35px;font-size:45px}.sneeze-cloud i:last-child{left:35px;top:65px;font-size:60px}.attack-freeze .attack-actor{animation:sneeze-windup 6s both}
.magic-mirror{position:absolute;width:40%;height:95%;left:30%;top:0;border:10px ridge #d8baff;border-radius:48% 48% 35% 35%;box-shadow:0 0 30px #c09cff55;animation:mirror-turn 6s both}.attack-mirror .attack-actor{animation:mirror-turn 6s both}
.intro-balloons{position:absolute;inset:0;animation:balloon-lift 6s both}.intro-balloons i{position:absolute;width:65px;height:80px;left:25%;top:0;background:#d9baff;border:3px solid #263e31;border-radius:50%}.intro-balloons i:after{content:'';position:absolute;height:120px;width:2px;left:50%;top:100%;background:#ede5d0}.intro-balloons i:nth-child(2){left:55%;top:-20px;background:#ffb19b}.intro-balloons i:nth-child(3){left:70%;top:15px;background:#d0f477}
.chewed-wire{position:absolute;left:0;bottom:4%;width:100%;height:70px;overflow:visible}.chewed-wire path{fill:none;stroke:#cfa3f3;stroke-width:9;stroke-linecap:round}.wire-sparks{position:absolute;left:47%;bottom:10%;color:#e2ff94;font-size:80px;animation:wire-spark 6s both}
.parcel-card{position:absolute;left:35%;top:35%;padding:16px 34px;background:#e2cdf2;color:#172820;border:4px solid #172820;border-radius:12px;font-size:35px;font-weight:900;animation:parcel-toss 6s both}.parcel-card.second{left:48%;animation-delay:.2s;background:#f4c1a1}
@keyframes switch-off{0%,65%{transform:scaleY(1)}70%,100%{transform:scaleY(-1)}}
@keyframes dark-entrance{0%,68%{opacity:0}85%,100%{opacity:.85}}
@keyframes sneeze-windup{0%{transform:translateY(100%);opacity:0}20%,50%{transform:scale(1);opacity:1}65%{transform:scale(.9) rotate(-10deg)}80%,100%{transform:scale(1.1) rotate(8deg)}}
@keyframes frost-sneeze{0%,65%{opacity:0;transform:scale(.1)}80%{opacity:1}100%{opacity:0;transform:translate(230px,30px) scale(3)}}
@keyframes mirror-turn{0%{opacity:0;transform:scaleX(.1)}25%,55%{opacity:1;transform:scaleX(1)}80%,100%{transform:scaleX(-1)}}
@keyframes balloon-lift{0%,35%{opacity:0;transform:translateY(130px)}50%,70%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(-90px)}}
@keyframes wire-spark{0%,65%{opacity:0;transform:scale(.1)}75%{opacity:1;transform:scale(1.3)}100%{opacity:0;transform:scale(.7) rotate(60deg)}}
@keyframes parcel-toss{0%,65%{opacity:0;transform:rotate(-20deg) scale(.4)}75%{opacity:1}100%{opacity:1;transform:translate(180px,30px) rotate(25deg) scale(1.1)}}
.lights-shade{position:absolute;inset:0;z-index:4;border-radius:16px;pointer-events:none;background:radial-gradient(ellipse 125px 85px at var(--spot-x,50%) var(--spot-y,50%),transparent 35%,#030609ed 100%)}.lights-shade.accessible-light{background:#03060930}.effect-lights:focus-within .lights-shade{opacity:.25}
.effect-freeze .answer-lane{position:relative}.ice-cover{position:absolute;inset:7px 14px;z-index:3;border:2px solid #c7f8ff;border-radius:12px;background:linear-gradient(135deg,#c3edfff5,#78b8dbea);box-shadow:inset 0 0 22px #ffffffaa;color:#173c59;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;font:inherit;opacity:var(--ice-opacity,1);touch-action:manipulation}.ice-cover>span{font-size:38px}.ice-cover.cracked:after,.ice-cover.thawing:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(35deg,transparent 48%,#ffffff 49% 50%,transparent 51%),linear-gradient(120deg,transparent 46%,#d7faff 47% 48%,transparent 49%)}
.effect-mirror .answer-copy{display:inline-block;transform:scaleX(-1)}
.effect-balloons .answer-lane{padding:18px 24px}.effect-balloons .answer-tap{padding-right:50px}.answer-balloon{position:absolute;right:7px;top:-18px;width:30px;height:38px;border:2px solid #283e32;border-radius:50%;background:#f5bfa7;pointer-events:none;box-shadow:inset 5px 3px 0 #ffffff40}.answer-balloon:after{content:'';position:absolute;left:50%;top:100%;height:26px;width:1px;background:#405147}.answer-lane:nth-child(even) .answer-balloon{background:#d7b9f5}
.static-glitch{color:#e0d0ef!important;text-shadow:3px 0 #b5e6c2,-3px 0 #a27eba;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff0b 5px 7px);transform:skewX(-2deg)}
.decoy-button{position:absolute;z-index:3;max-width:70%;padding:16px 20px;display:flex;gap:12px;align-items:center;background:#f1d5ab;color:#263a2c;border:2px dashed #745448;border-radius:13px;font:inherit;font-weight:700;box-shadow:0 6px 14px #0005;cursor:pointer;touch-action:manipulation}.decoy-0{right:0;top:20%;transform:rotate(6deg)}.decoy-1{left:0;top:66%;transform:rotate(-7deg)}.decoy-button.popped{pointer-events:none;background:transparent;border-color:transparent;box-shadow:none;color:#e3ffc5;animation:decoy-pop .55s ease-out forwards}.decoy-button.popped i{position:absolute;width:10px;height:10px;background:#d0f477;left:50%;top:50%;animation:decoy-confetti .55s ease-out forwards}.decoy-button.popped i:nth-of-type(2){--dx:-65px;--dy:25px;background:#dfbbff}.decoy-button.popped i:nth-of-type(3){--dx:40px;--dy:45px;background:#ffb19b}.decoy-button.popped i:nth-of-type(4){--dx:-25px;--dy:-55px;background:#c3eaff}
@keyframes decoy-pop{0%,50%{opacity:1}100%{opacity:0;transform:scale(1.3)}}@keyframes decoy-confetti{to{transform:translate(var(--dx,60px),var(--dy,-40px)) rotate(180deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.intro-props *,.attack-stage .attack-actor{animation:none!important}.intro-darkness{display:none}.sneeze-cloud{font-size:45px}.wire-sparks{opacity:.5}.decoy-button.popped{animation:none;visibility:hidden}.static-glitch{transform:none}}

/* Gremlin game show: quiet room, loud board. */
.host-mode .play-panel{position:relative;border:4px solid #cba4ff;border-radius:26px;background:linear-gradient(145deg,#283b35,#182a27);box-shadow:0 0 0 7px #18251e,0 0 0 10px #697d4e,0 12px 0 #0a1511,0 0 45px #b67bef20;padding:32px 42px}
.host-mode .play-panel:before{content:'';position:absolute;inset:9px;border-radius:15px;pointer-events:none;background:radial-gradient(circle,#ffe58c 2.5px,transparent 3.5px) top left/22px 8px repeat-x,radial-gradient(circle,#ffe58c 2.5px,transparent 3.5px) bottom left/22px 8px repeat-x,radial-gradient(circle,#ffe58c 2.5px,transparent 3.5px) top left/8px 22px repeat-y,radial-gradient(circle,#ffe58c 2.5px,transparent 3.5px) top right/8px 22px repeat-y;opacity:.9}
.host-mode .play-panel>.eyebrow:first-child{align-self:flex-start;background:#d9ff78;color:#19271b;padding:8px 16px;border-radius:6px;font-size:12px;letter-spacing:2px;box-shadow:4px 4px 0 #0b1812;margin-bottom:14px;transform:rotate(-1deg)}
.host-mode .play-panel>h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(36px,4.4vw,66px);letter-spacing:.4px;line-height:1.12;text-shadow:3px 4px 0 #091910;color:#fff9dd}
.host-mode .chaos-question .option{font-weight:900;border:3px solid #101e18;border-radius:13px;box-shadow:0 5px 0 #0a1713;min-height:80px;color:#17251d;background:#d5fa76}
.host-mode .chaos-question .option:nth-child(2){background:#cbb0fb}.host-mode .chaos-question .option:nth-child(3){background:#ffb27d}.host-mode .chaos-question .option:nth-child(4){background:#84dae4}
.host-mode .chaos-question .option b{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:8px;background:#172820;color:#fff9d6;font-size:26px;box-shadow:2px 2px 0 #ffffff70}
.host-mode .attack-banner{align-self:flex-start;background:#ffb77e;color:#2a211a;border:2px solid #101e18;box-shadow:4px 4px 0 #0a1713;border-radius:7px;font-weight:800;padding:9px 14px;font-size:13px}
.host-mode #answer-count{align-self:center;font-weight:900;color:#e3ff9c;background:#0e211a;border:1px solid #6e8b5b;border-radius:20px;padding:5px 16px;font-size:13px}
.host-mode .chaos-question>.note{display:none}
.host-mode .shared-intro{align-items:center;background:radial-gradient(ellipse at center,#50395f,#1b2a25 75%);text-align:center}
.host-mode .shared-intro>h2{color:#ffe88d;transform:rotate(-1deg);text-transform:uppercase;font-size:clamp(30px,4vw,58px);margin:8px 0 14px}
.host-mode .shared-intro>.eyebrow:not(:first-child){color:#ffbe8f;font-weight:900;font-size:12px;letter-spacing:4px;margin:4px 0}
.host-mode.countdown-active .shared-intro .attack-stage{flex-shrink:0;position:relative;aspect-ratio:16/9;width:min(100%,calc((100svh - 470px)*16/9),850px);height:auto;max-width:850px;min-width:240px;margin:0 auto;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#7c5389 0,#392b4b 55%,#1b2729 100%);border:3px solid #ffe18b;border-radius:16px;box-shadow:0 0 0 5px #19261f,0 0 30px #d0a7ff24}
.host-mode .attack-stage .attack-actor{height:88%;max-width:85%;margin-top:2%;border-radius:18px}
.host-mode .attack-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.host-mode .attack-instruction{font-weight:800;font-size:clamp(15px,1.5vw,21px);color:#f8e8b7;margin:14px 0 0;max-width:850px}
.host-mode .result-reveal>h2{font-size:clamp(46px,6vw,88px);color:#d8ff83;text-transform:uppercase;margin:12px 0 20px}
.host-mode .result-reveal .reveal-label{color:#ffbe86;letter-spacing:5px;font-weight:900}
.host-mode .scoreboard li{background:#233c31;border:2px solid #55734f;border-radius:12px;padding:12px 18px;margin:9px 0;font-weight:800;font-size:18px;box-shadow:0 4px 0 #0c1d15}.host-mode .scoreboard li:first-child{border-color:#ffe18b;background:#3a4328;color:#fff2b9}.host-mode .scoreboard li>span:last-child{font-size:24px;color:#dcff8d;font-variant-numeric:tabular-nums}
.host-mode .winner-panel{background:radial-gradient(ellipse at top,#57522f,#1c3025 65%);border-color:#ffe18b}.host-mode .winner-panel>h2{color:#ffe18b;text-transform:uppercase}.host-mode .winner-portraits .avatar-large{border:5px solid #ffe18b;box-shadow:0 0 35px #ffe18b55}
.host-mode #room-content>.gobbler-timer .timer-label{color:#ffe18b;font-weight:900;letter-spacing:2px}.host-mode .gobbler-timer strong{font-family:'Arial Black',Arial,sans-serif;text-shadow:3px 3px 0 #071b12;font-size:48px}.host-mode #room-content>.gobbler-timer .gobble-track{height:22px;box-shadow:0 0 0 3px #658049,inset 0 3px 5px #0008}.host-mode .gobble-caption{color:#c7b4db}
.player-mode .answer-tap{font-size:21px;font-weight:900;border:3px solid #11251b;box-shadow:0 5px 0 #86a548;min-height:76px}.player-mode .answer-tap b{background:#203427;color:#f4ffdf;border-radius:7px;min-width:32px;height:34px;display:grid;place-items:center}.player-mode .answer-lane:nth-child(2) .answer-tap{background:#cbb0fb;border-color:#19241b;box-shadow:0 5px 0 #8163a7}.player-mode .answer-lane:nth-child(3) .answer-tap{background:#ffb27d;box-shadow:0 5px 0 #b4764f}.player-mode .answer-lane:nth-child(4) .answer-tap{background:#84dae4;border-color:#19241b;box-shadow:0 5px 0 #508e98}
.player-mode .score-callout{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(38px,10vw,60px);color:#dcff80;text-shadow:3px 4px 0 #07180f;margin:20px 0}.player-mode .wager{border:3px solid #c3a2ed;box-shadow:0 5px 0 #111e17}.player-mode .attack-banner{font-weight:800;background:#4c3261;border-left:5px solid #e5bcff;color:#f6e6ff}
@media(min-width:700px) and (max-height:850px){
 .host-mode.countdown-active .play-panel{padding:24px 34px}
 .host-mode.countdown-active .chaos-question>h2{font-size:clamp(30px,3.2vw,42px);margin:10px 0 14px}
 .host-mode.countdown-active .chaos-question .option{min-height:68px;padding:10px 16px;font-size:24px}
 .host-mode.countdown-active .shared-intro>h2{font-size:36px;margin:6px 0 12px}
 .host-mode.countdown-active .shared-intro>.eyebrow:first-child{margin-bottom:6px}
 .host-mode.countdown-active .shared-intro>.eyebrow:not(:first-child){margin:0}
 .host-mode.countdown-active .result-reveal>h2{font-size:clamp(44px,5.8vw,76px)}
}
.host-mode .play-panel{max-width:1500px;width:100%}
.host-mode #room-content>.gobbler-timer{width:min(100%,1500px)}
.host-mode.countdown-active .shared-intro .attack-stage{width:min(100%,calc((100svh - 470px)*16/9),1050px);max-width:1050px}
.host-mode .ink-cinema{padding:10px;background:#182521}
.host-mode.countdown-active .ink-cinema .attack-stage{width:min(100%,calc((100svh - 240px)*16/9));max-width:1400px;border:0;border-radius:12px;box-shadow:none;margin:auto}
.ink-fallback{height:95%;width:100%;object-fit:contain}
.host-mode .chaos-question #answer-count.answer-locks{display:flex;gap:12px;align-self:center;max-width:100%;width:max-content;overflow-x:auto;justify-content:flex-start;padding:8px 12px 4px;border:0;background:transparent;border-radius:0;margin:5px 0 0;flex-shrink:0}
.answer-seat{display:flex;flex:0 0 48px;flex-direction:column;align-items:center;gap:4px}
.answer-seat img{border-radius:12px;border:2px solid #77877b;filter:grayscale(1) brightness(.55);opacity:.55;transition:filter .2s,opacity .2s,border-color .2s}
.answer-seat.locked img{filter:none;opacity:1;border-color:#d0f477;box-shadow:0 0 12px #c6ef6840}
.answer-seat small{font-size:11px;font-variant-numeric:tabular-nums;line-height:14px;color:#9eafa2;min-height:14px}
.answer-seat.locked small{color:#dcff9d}
.answer-locks{position:relative;z-index:6}
@media(max-height:750px){.host-mode.countdown-active .media-question{padding:14px 30px}.host-mode.countdown-active .media-question>h2{font-size:24px}.host-mode .media-question .question-image{height:60px}.host-mode .media-question .option{min-height:48px;font-size:18px}.host-mode .media-question>.eyebrow:first-child{margin-bottom:4px;padding:5px 12px}.host-mode .media-question .answer-seat img{width:34px;height:34px}}
.join-qr{position:relative;display:block;width:236px;margin:20px auto 22px;padding:12px 12px 10px;border-radius:17px;background:#dcc1f4;box-shadow:0 6px 0 #0c1d15;text-decoration:none;color:#14271e;text-align:center}
.qr-picture{display:block;background:white;border-radius:5px;padding:0;overflow:hidden}
.qr-picture svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}
.join-qr strong{display:block;letter-spacing:3px;font-size:13px;margin-top:10px}
.qr-gremlin{position:absolute;right:-55px;bottom:-2px;width:74px;height:84px;transform:rotate(12deg);pointer-events:none}
.qr-gremlin img{width:74px;height:74px;object-fit:cover;border:3px solid #182a20;border-radius:50%;box-shadow:0 3px 0 #102117}
.qr-gremlin i{position:absolute;left:2px;bottom:17px;width:11px;height:16px;background:#fff5cf;border:2px solid #203820;border-radius:0 0 7px 7px;transform:rotate(22deg)}
.qr-gremlin i:last-child{left:16px;bottom:12px}
.question-image{display:block;width:auto;max-width:240px;height:125px;object-fit:contain;margin:0 auto 8px;border:3px solid #efe4b6;box-shadow:0 4px 0 #091910}
.question-numeral{font-family:Georgia,serif;font-weight:bold;font-size:clamp(38px,5vw,72px);color:#ffe18b;letter-spacing:5px;margin:0 auto 10px}
@media(max-height:850px){.host-mode .media-question .question-image{height:86px}.host-mode .media-question .question-numeral{font-size:44px;margin-bottom:0}.host-mode.countdown-active .media-question>h2{font-size:30px;margin:6px auto}.host-mode .media-question .option{min-height:54px;padding:7px 12px;font-size:22px}.host-mode .media-question .answer-grid{margin:5px 0}.host-mode .media-question .attack-banner{margin:3px 0;padding:5px 10px}}
.player-mode .effect-balloons{overflow:visible;z-index:8}
.player-mode .floating-answer{position:fixed;z-index:8;touch-action:manipulation;will-change:top,transform}
.player-mode .floating-answer.caught{outline:3px solid #fff6c6}
.player-mode .effect-balloons .answer-balloon{width:34px;height:43px;top:-26px;right:16px}
.player-mode .effect-decoys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:8px 5px 12px;margin:0;overflow:visible}
.player-mode .effect-decoys .answer-lane{padding:0;min-width:0}
.player-mode .effect-decoys .answer-tap{position:relative;inset:auto;transform:none;max-width:none;width:100%;height:100%;min-height:64px;padding:10px 8px;font-size:15px;justify-content:center;text-align:center;overflow-wrap:anywhere;border:3px solid #14251f;border-radius:10px;background:#cbb0fb;color:#17251d;box-shadow:0 4px 0 #8163a7;animation:none}
.player-mode .effect-decoys .answer-lane:nth-child(3n) .answer-tap{background:#d0f477;box-shadow:0 4px 0 #829f45}
.player-mode .effect-decoys .answer-lane:nth-child(3n + 1) .answer-tap{background:#84dae4;box-shadow:0 4px 0 #508e98}
.player-mode .effect-decoys .answer-tap b{display:none}
.player-mode .effect-decoys .exposed{background:#283a34!important;box-shadow:none!important;color:#b5c0b8;border-style:dashed;opacity:.65}
.phone-effect-decoys>.eyebrow,.phone-effect-decoys>.note{display:none}
.player-mode .phone-effect-decoys{padding-top:12px}
.phone-effect-decoys .look-up{margin:0 0 8px}.phone-effect-decoys .attack-banner{font-size:12px;margin:0 0 8px;padding:8px 10px}
.static-screen{position:relative;isolation:isolate}
.tv-interference{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:0;transition:opacity .18s ease;background:#10191c80}
.signal-chewed>.tv-interference{opacity:1}
.tv-interference canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.48}
.tracking-band{position:absolute;left:0;right:0;top:var(--tracking);height:24%;background:repeating-linear-gradient(0deg,#161e24e8 0 4px,#839093b0 4px 6px);border-top:4px solid #b1c7c475;box-shadow:0 -12px 0 #262c3370,0 18px 0 #0d151b90}
.signal-warning{position:absolute;left:6%;top:12%;font-family:monospace;font-size:clamp(15px,3vw,32px);font-weight:900;background:#10261deb;color:#cfff9c;padding:10px 16px;border:2px solid #b9d4a2;letter-spacing:3px;transform:rotate(-3deg)}
.tv-interference img{position:absolute;right:2%;bottom:0;width:clamp(60px,15%,150px);border-radius:50%;border:3px solid #d5fa76;transform:rotate(10deg)}
.signal-chewed #shared-question,.signal-chewed .option{filter:blur(1.2px);text-shadow:4px 0 #e5a6d970,-4px 0 #7bead870}
.static-reduced .tracking-band,.static-reduced .tv-interference canvas{display:none}
.static-reduced.signal-chewed>.tv-interference{background:#12201b55}
.static-reduced.signal-chewed #shared-question,.static-reduced.signal-chewed .option{filter:none;text-shadow:none}
@media(max-height:650px){.player-mode .floating-answer{font-size:16px;min-height:56px;padding:10px 45px 10px 12px}.player-mode .floating-answer b{height:28px}}
@media(min-height:851px){.host-mode .chaos-question .option{min-height:100px;font-size:30px}.host-mode .chaos-question .option b{width:48px;height:48px}}

/* Reserve a separate timer row: long answers and scoreboards scroll above it. */
.game-mode.countdown-active main{height:100svh;padding:48px 24px 0;overflow:hidden}
.game-mode.countdown-active #room-content{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px}
.game-mode.countdown-active #room-content>.panel{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;margin:0 auto;width:100%;flex-shrink:1}
.game-mode.countdown-active #room-content>.chaos-timer{position:relative;inset:auto;transform:none;justify-self:center;flex-shrink:0;max-width:100%;background:#101c1a}
.player-mode.countdown-active main{padding:44px 14px 0}
.player-mode.countdown-active #room-content{gap:8px}
.host-mode.countdown-active #room-content>.gobbler-timer{height:170px}
@media(max-height:650px){
 .host-mode.countdown-active #room-content>.gobbler-timer{height:128px;padding-top:0;grid-template-rows:36px 56px 18px}
 .host-mode.countdown-active #room-content>.gobbler-timer .gobbler-sprite{width:90px;height:90px;top:-58px}
 .host-mode.countdown-active main{padding-top:44px}
}

.rules-intro{text-align:center;display:grid!important;place-items:center;background:radial-gradient(ellipse at top,#543665,#182a27)!important}
.rules-card{max-width:850px;animation:rules-arrive .45s ease-out}
.rules-card[hidden]{display:none}
.rules-card img{width:clamp(70px,20vh,170px);border-radius:50%;border:5px solid #d5fa76;box-shadow:0 0 40px #cba4ff66}
.rules-card h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(28px,4vw,58px);color:#ffe18b;margin:16px 0}
.rules-card>p:last-child{font-size:clamp(18px,2.1vw,28px);color:#fff6dc;max-width:760px;margin:12px auto}
.rules-card .eyebrow{margin:14px 0}
@keyframes rules-arrive{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rules-card{animation:none}}
/* The set deteriorates; readable game controls remain intact. */
.host-mode[data-show-stage="1"] .play-panel{border-color:#d9edaf}
.host-mode[data-show-stage="2"] .play-panel{border-color:#c3a1de;background:linear-gradient(150deg,#3b3c32,#182a27)}
.host-mode[data-show-stage="3"] .play-panel{border-color:#b6816b;background:linear-gradient(150deg,#443735,#192a29);box-shadow:0 0 0 7px #18251e,0 0 0 10px #5b584b,0 12px 0 #0a1511,0 0 45px #ff9d5525}
.host-mode[data-show-stage="2"] .play-panel:before{opacity:.62}
.host-mode[data-show-stage="3"] .play-panel:before{opacity:.35;background-size:37px 8px,44px 8px,8px 36px,8px 45px}
.stage-damage{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:3}
.stage-damage>*{display:none}
.host-mode[data-show-stage="2"] .stage-damage .loose-wire,.host-mode[data-show-stage="3"] .stage-damage .loose-wire{display:block;position:absolute;right:15px;top:-16px;width:30px;height:100px;border:4px solid #9d8ba4;border-top:0;border-left:0;border-radius:0 0 80% 50%;transform:rotate(12deg)}
.host-mode[data-show-stage="2"] .broken-bulbs,.host-mode[data-show-stage="3"] .broken-bulbs{display:block;position:absolute;top:1px;right:5%;color:#645b4d;letter-spacing:12px;font-size:17px;background:#24322d;padding:0 5px}
.host-mode[data-show-stage="2"] .smoke-left,.host-mode[data-show-stage="3"] .smoke{display:block;position:absolute;top:8px;left:12px;width:32px;height:32px;border-radius:50%;background:#a4a59a;filter:blur(9px);opacity:0;animation:stage-smoke 5s infinite ease-out}
.host-mode[data-show-stage="3"] .smoke-right{left:auto;right:12px;animation-delay:-2.2s;width:45px;height:45px}
.host-mode[data-show-stage="2"] .spark-left,.host-mode[data-show-stage="3"] .stage-spark{display:block;position:absolute;left:12px;top:12px;color:#ffe3a3;font-size:32px;opacity:0;animation:stage-sparks 4.7s infinite}
.host-mode[data-show-stage="3"] .spark-right{left:auto;right:12px;top:95px;animation-delay:-2s}
@keyframes stage-smoke{0%{opacity:0;transform:translateY(20px) scale(.5)}25%{opacity:.22}100%{opacity:0;transform:translate(12px,-36px) scale(2.1)}}
@keyframes stage-sparks{0%,78%,100%{opacity:0;transform:scale(.3)}81%{opacity:.9;transform:scale(1)}90%{opacity:0;transform:translateY(15px) scale(1.2)}}
.gremlin-ledger{position:relative;width:100%;text-align:left;border:3px solid #87714d;border-radius:16px;padding:16px;background:linear-gradient(135deg,#293e32,#182923);box-shadow:0 7px 0 #0b1913}
.ledger-keeper{display:flex;align-items:center;gap:16px;border-bottom:2px dashed #9b9860;padding:0 0 14px;position:relative}
.ledger-keeper>img{width:84px;height:84px;object-fit:contain;border-radius:50%;border:3px solid #e2cc83;flex-shrink:0;animation:keeper-nod 4s ease-in-out infinite}
.ledger-keeper h3{font-size:23px;margin:0;color:#ffe6a0}.ledger-keeper p{font-size:13px;margin:6px 0;color:#d2d9be}.ledger-keeper .eyebrow{font-size:9px;margin:0;color:#d6f78e}
.ledger-stamp{margin-left:auto;transform:rotate(-10deg);border:3px double #dfb47d;border-radius:5px;padding:10px;font-size:12px;font-weight:900;color:#dfb47d;letter-spacing:2px}
.gremlin-ledger .scoreboard{margin:12px 0 0}
.gremlin-ledger .scoreboard li{animation:loot-arrive .45s ease-out backwards}
.gremlin-ledger .scoreboard li:nth-child(2){animation-delay:.1s}.gremlin-ledger .scoreboard li:nth-child(3){animation-delay:.2s}
.gremlin-ledger .scoreboard li>span:last-child:before{content:'●';color:#ffd983;text-shadow:1px 2px #97732e;margin-right:8px}
.host-mode[data-show-stage="3"] .ledger-stamp{border-color:#ffb091;color:#ffb091;transform:rotate(12deg)}
.host-mode[data-show-stage="3"] .ledger-keeper>img{animation-duration:2.7s}
.host-mode .scoreboard-panel>h2{font-size:clamp(26px,3vw,42px);margin:8px 0 20px}
@keyframes keeper-nod{0%,75%,100%{transform:rotate(-3deg)}85%{transform:rotate(5deg)}}
@keyframes loot-arrive{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:none}}
.host-mode.countdown-active .round-film .attack-stage{width:min(100%,calc((100svh - 250px)*16/9));min-width:0}
.round-film-fallback{padding:40px;text-align:center;color:#ffe18b}
@media(max-width:700px){.ledger-stamp{display:none}.ledger-keeper>img{width:60px;height:60px}.ledger-keeper h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.stage-damage .smoke,.stage-damage .stage-spark{animation:none!important;display:none!important}.ledger-keeper>img,.gremlin-ledger .scoreboard li{animation:none}}
@media(max-height:800px){
 .host-mode .scoreboard-panel{padding:18px 30px!important}
 .host-mode .scoreboard-panel>h2{font-size:30px;margin:6px 0 12px}
 .host-mode .scoreboard-panel>.eyebrow:first-child{margin-bottom:6px}
 .host-mode .ledger-keeper{padding-bottom:8px;gap:12px}
 .host-mode .ledger-keeper>img{width:62px;height:62px}
 .host-mode .ledger-keeper h3{font-size:20px}
 .host-mode .gremlin-ledger{padding:12px}
 .host-mode .gremlin-ledger .scoreboard li{padding:8px 12px;margin:6px 0;font-size:16px}
 .host-mode .gremlin-ledger .scoreboard li>span:last-child{font-size:21px}
 .host-mode .scoreboard-panel>p:not(.eyebrow){margin:10px 0 0}
}

.film-accessible-rules{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.film-accessible-rules.show-rules{position:static;width:auto;height:auto;margin:12px auto;overflow:visible;clip-path:none;font-size:18px;max-width:900px;color:#fff5d3}
.host-mode.countdown-active .opening-film:has(.show-rules) .attack-stage{max-height:160px;width:285px}

.host-mode.countdown-active .opening-film:has(.show-rules){justify-content:center;gap:20px}
.host-mode.countdown-active .opening-film:has(.show-rules) .attack-stage{width:min(80%,440px);max-height:248px;margin:0 auto}
.film-play{align-self:center;flex-shrink:0;margin:8px auto}

/* The same illustrated studio surrounds the live board and the round films. */
body.host-mode.in-play{background:#143c32 url('/images/attacks/show-set-v2.png') center/100% 100svh fixed no-repeat}
body.host-mode.in-play main{padding:16svh 18% 0;height:100svh;overflow:hidden}
body.host-mode.in-play #room-content{height:100%;min-height:0;display:grid;grid-template-rows:52svh 18svh;gap:14svh}
body.host-mode.in-play #room-content>.play-panel{width:100%;max-width:none;min-height:0;max-height:100%;margin:0;padding:12px 24px;border:0;border-radius:14px;background:transparent;box-shadow:none;overflow:auto;justify-content:safe center}
body.host-mode.in-play .play-panel:before{display:none}
body.host-mode.in-play .play-panel>h2{font-size:clamp(28px,3vw,48px);color:#fff1bb;text-shadow:2px 3px #0c281b;margin:12px auto}
body.host-mode.in-play .play-panel>.eyebrow:first-child{background:#d7bee9;color:#283727;box-shadow:3px 3px #102a20;font-size:11px;margin:2px 0 10px;padding:6px 12px}
body.host-mode.in-play .answer-grid{gap:12px;margin:12px 0}
body.host-mode.in-play .chaos-question .option{font-size:clamp(18px,1.8vw,28px);min-height:60px;padding:12px;border-color:#173c2d;box-shadow:0 4px #0a271d}
body.host-mode.in-play #room-content>.gobbler-timer{background:linear-gradient(90deg,transparent,#10362dd9 14%,#10362dd9 86%,transparent);border-radius:28px;height:18svh;min-height:100px;width:100%;padding:0 62px;grid-template-rows:32px minmax(40px,1fr) 20px;align-self:end}
body.host-mode.in-play .gobble-track{align-self:center;margin:18px 0 0!important}
body.host-mode.in-play .gobble-caption{color:#fff1bb}
body.host-mode.in-play .stage-damage{position:fixed;inset:9svh 16% 29svh;border-radius:38px;overflow:hidden;z-index:4}
body.host-mode.in-play .stage-damage .smoke-left,body.host-mode.in-play .stage-damage .spark-left{left:2%;top:14px}
body.host-mode.in-play .stage-damage .smoke-right,body.host-mode.in-play .stage-damage .spark-right{right:2%}
body.host-mode.in-play .stage-damage .loose-wire{right:4%;height:125px;border-color:#b09bb9}
body.host-mode.in-play[data-show-stage="3"] .stage-damage .set-crack{display:block;position:absolute;left:1%;top:35%;width:48px;height:160px;background:#071c16;clip-path:polygon(0 0,75% 25%,40% 45%,100% 70%,66% 100%,75% 70%,20% 45%,55% 25%)}
body.host-mode.in-play[data-show-stage="3"] .stage-damage .fallen-trim{display:block;position:absolute;bottom:7px;right:1%;width:120px;height:14px;background:#c5a6dd;border:3px solid #192e23;transform:rotate(-8deg);box-shadow:0 3px #d7b86a}
body.host-mode.in-play[data-show-stage="3"] .broken-bulbs{right:10%;letter-spacing:22px;color:#3b4137;background:#9d825e;border-radius:10px}
body.host-mode.in-play .gremlin-ledger{background:#17392ee8;border-color:#b89856;box-shadow:0 5px #0b241c}
body.host-mode.in-play main:has(.ink-cinema){padding:48px 24px 0}
body.host-mode.in-play main:has(.ink-cinema) #room-content{gap:12px;grid-template-rows:minmax(0,1fr) 130px}
body.host-mode.in-play #room-content>.ink-cinema{padding:0;overflow:hidden}
body.host-mode.in-play .ink-cinema .attack-stage{width:min(100%,calc((100svh - 200px)*16/9));height:auto;max-width:1400px}
body.host-mode.in-play main:has(.ink-cinema) .gobbler-timer{height:130px;max-width:1100px}
@media(max-height:800px){
 body.host-mode.in-play #room-content>.play-panel{padding:8px 16px}
 body.host-mode.in-play .chaos-question>h2{font-size:clamp(24px,2.6vw,36px);margin:8px auto}
 body.host-mode.in-play .chaos-question .option{min-height:48px;font-size:20px;padding:8px 12px}
 body.host-mode.in-play .chaos-question .option b{width:30px;height:30px;font-size:20px}
 body.host-mode.in-play .answer-grid{gap:8px;margin:8px 0}
 body.host-mode.in-play .gobbler-sprite{width:85px!important;height:85px!important;left:-35px!important;top:-54px!important}
 body.host-mode.in-play .question-image{max-height:65px}
 body.host-mode.in-play .answer-seat img{width:32px;height:32px}
 body.host-mode.in-play .attack-banner{margin:4px 0;padding:5px 9px}
}
@media(max-width:900px){body.host-mode.in-play main{padding-left:18%;padding-right:18%}body.host-mode.in-play .chaos-question .option{font-size:17px}}
body.host-mode.in-play .stage-damage .set-crack{max-width:30px}
body.host-mode.in-play .play-panel{scrollbar-width:thin;scrollbar-color:#b8a06b #143d2d}
@media(max-height:800px){
 body.host-mode.in-play #room-content>.scoreboard-panel{padding:8px 16px!important}
 body.host-mode.in-play .scoreboard-panel>h2{font-size:26px;margin:6px 0 10px}
 body.host-mode.in-play .ledger-keeper>img{width:44px;height:44px}
 body.host-mode.in-play .ledger-keeper{gap:10px;padding-bottom:6px}
 body.host-mode.in-play .ledger-keeper h3{font-size:18px}
 body.host-mode.in-play .ledger-keeper p{margin:3px 0;font-size:12px}
 body.host-mode.in-play .gremlin-ledger{padding:8px}
 body.host-mode.in-play .gremlin-ledger .scoreboard{margin-top:6px}
 body.host-mode.in-play .gremlin-ledger .scoreboard li{padding:6px 10px;margin:4px 0;font-size:15px}
 body.host-mode.in-play .gremlin-ledger .scoreboard li .avatar{width:30px;height:30px}
 body.host-mode.in-play .ledger-stamp{padding:6px;font-size:10px}
 body.host-mode.in-play .scoreboard-panel>p:not(.eyebrow){font-size:13px;margin:5px 0}
 body.host-mode.in-play .scoreboard-panel>.button{padding:8px 16px;min-height:36px;font-size:13px;align-self:center}
}

/* Only the scenery loses color: controls stay bright and readable. */
body.host-mode.in-play{background-image:none;isolation:isolate}
body.host-mode.in-play:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:#143c32 url('/images/attacks/show-set-v2.png') center/100% 100% no-repeat;transition:filter 1.5s ease}
body.host-mode.in-play[data-show-stage="2"]:before{filter:saturate(.6) brightness(.83) sepia(.12)}
body.host-mode.in-play[data-show-stage="3"]:before{filter:saturate(.28) brightness(.65) sepia(.25)}
.set-decay{display:none;position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}
body.host-mode.in-play:is([data-show-stage="2"],[data-show-stage="3"]) .set-decay{display:block}
.set-soot{position:absolute;inset:0;background:radial-gradient(ellipse at 17% 12%,#17100dc9,transparent 13%),radial-gradient(ellipse at 84% 65%,#120e0ab8,transparent 13%);opacity:.55}
[data-show-stage="3"] .set-soot{opacity:.9;background:radial-gradient(ellipse at 17% 12%,#17100de8,transparent 18%),radial-gradient(ellipse at 85% 64%,#120e0ad9,transparent 16%),radial-gradient(ellipse at 5% 78%,#090f0cea,transparent 14%),radial-gradient(ellipse at 95% 28%,#080e0cbd,transparent 16%)}
.dead-bulb{position:absolute;display:block;width:1.8vw;height:3svh;transform:translate(-50%,-50%);border:2px solid #403b2c;border-radius:50%;background:radial-gradient(ellipse at 35% 28%,#77745a 0,#343b30 35%,#18251e 75%);box-shadow:0 0 5px 4px #55402c80,inset 0 -3px 4px #080f0c}
[data-show-stage="2"] .dead-bulb:not(.bulb-0){display:none}
.bulb-twitch{animation:dying-bulb 7.7s infinite;animation-delay:var(--delay)}
[data-show-stage="3"] .bulb-twitch{animation-duration:5.9s}
@keyframes dying-bulb{0%,68%,77%,100%{opacity:1}70%,73%{opacity:.12}75%{opacity:.65}}
.curtain-ruin{position:absolute;top:63%;width:10%;height:25%;filter:drop-shadow(3px 4px 1px #050b09);opacity:.85}
.curtain-left{left:0}.curtain-right{right:0;transform:scaleX(-1);top:57%}
.curtain-ruin:before{content:'';position:absolute;inset:0;background:#10221e;clip-path:polygon(0 33%,12% 22%,23% 45%,34% 10%,43% 39%,52% 0,57% 49%,72% 28%,67% 63%,87% 46%,75% 85%,90% 100%,0 100%)}
.curtain-ruin i,.curtain-ruin b,.curtain-ruin span{position:absolute;top:27%;height:65%;width:12%;background:linear-gradient(90deg,#382334,#6c4059 50%,#29242b);border-left:2px solid #191c1b;clip-path:polygon(0 0,100% 5%,68% 66%,96% 88%,30% 100%,44% 63%);transform-origin:top;animation:curtain-thread 6s ease-in-out infinite}
.curtain-ruin i{left:18%}.curtain-ruin b{left:43%;top:12%;height:82%;animation-delay:-2s}.curtain-ruin span{left:64%;top:48%;height:44%;width:6%;background:#ad9864;animation-delay:-4s}
[data-show-stage="2"] .curtain-ruin{top:75%;height:12%;width:8%;opacity:.7}
[data-show-stage="2"] .curtain-right{display:none}
@keyframes curtain-thread{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}
.scenery-split{display:none;position:absolute;background:#101b16;filter:drop-shadow(2px 1px #bcaa77);width:5%;height:30%;clip-path:polygon(0 0,60% 25%,30% 45%,90% 60%,55% 78%,80% 100%,42% 78%,73% 60%,12% 45%,41% 25%)}
[data-show-stage="3"] .scenery-split{display:block}.split-left{left:11%;top:32%}.split-right{right:10%;top:46%;transform:scaleX(-1)}
.hanging-cable{display:none;position:absolute;top:-5%;left:10%;width:7%;height:35%;border:5px solid #282831;border-top:0;border-left:0;border-radius:0 0 80% 20%;transform:rotate(-14deg);box-shadow:2px 1px #8b7b85}
[data-show-stage="3"] .hanging-cable{display:block}
@media(prefers-reduced-motion:reduce){.bulb-twitch,.curtain-ruin i,.curtain-ruin b,.curtain-ruin span{animation:none!important}body.host-mode.in-play:before{transition:none}}
/* Scorch marks cannot shade the question or answer area. */
.set-soot{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,19% 16%,19% 66%,81% 66%,81% 16%,19% 16%)}

/* Explicit classes work under the live site’s strict style policy. */
.bulb-position-0{left:27.2%;top:12.2%;--delay:-0.00s}
.bulb-position-1{left:36.3%;top:12.2%;--delay:-0.71s}
.bulb-position-2{left:45.4%;top:12.2%;--delay:-1.42s}
.bulb-position-3{left:54.5%;top:12.2%;--delay:-2.13s}
.bulb-position-4{left:63.6%;top:12.2%;--delay:-2.84s}
.bulb-position-5{left:72.7%;top:12.2%;--delay:-3.55s}
.bulb-position-6{left:17.5%;top:25%;--delay:-4.26s}
.bulb-position-7{left:17.5%;top:43%;--delay:-4.97s}
.bulb-position-8{left:17.5%;top:59%;--delay:-5.68s}
.bulb-position-9{left:82.5%;top:25%;--delay:-6.39s}
.bulb-position-10{left:82.5%;top:43%;--delay:-7.10s}
.bulb-position-11{left:82.5%;top:59%;--delay:-7.81s}
.bulb-position-12{left:27.2%;top:68%;--delay:-8.52s}
.bulb-position-13{left:36.3%;top:68%;--delay:-9.23s}
.bulb-position-14{left:45.4%;top:68%;--delay:-9.94s}
.bulb-position-15{left:54.5%;top:68%;--delay:-10.65s}
.bulb-position-16{left:63.6%;top:68%;--delay:-11.36s}
.bulb-position-17{left:72.7%;top:68%;--delay:-12.07s}
body .release-notice{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:30;padding:12px 20px;border:2px solid #ffe9a1;border-radius:14px;background:#342642;color:#fff6d4;font:700 14px Arial;box-shadow:0 4px 18px #0009;cursor:pointer}

/* Frost is a solid interaction gate, not a timed fade. Each cover has unique facets. */
.ice-cover{inset:5px 8px;border:1px solid #d9fbff;border-radius:19px 13px 22px 15px;background:radial-gradient(ellipse at 18% 30%,#e6faffed,transparent 65%),linear-gradient(118deg,#74a6c9ed,#bfdfefed 47%,#8bb6d5f5);box-shadow:inset 3px 4px 16px #f4ffffb8,inset -5px -6px 12px #406c9c73,0 3px 7px #08192766;overflow:hidden;opacity:1}
.ice-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ice-art polygon{stroke:#eefcffad;stroke-width:.8}
.ice-cover strong{position:relative;z-index:1;background:#e6f7ffed;color:#244561;border-radius:12px;padding:8px 13px;font-size:14px;box-shadow:0 2px 9px #5983a844}
.ice-fracture{stroke:#fff;stroke-width:2.5;fill:none;opacity:0;filter:drop-shadow(1px 1px 1px #345e89)}
.ice-cover.cracked .ice-fracture{opacity:1}.ice-cover.cracked:after{display:none}.ice-cover.cracked{box-shadow:inset 0 0 18px #fff9,0 3px 7px #08192766}
body.host-mode.in-play main{padding:17svh 19% 1svh}
body.host-mode.in-play #room-content{grid-template-rows:50svh 18svh;gap:14svh}
body.host-mode.in-play main:has(.ink-cinema){padding:56px 36px 12px}
body.host-mode.in-play main:has(.ink-cinema) #room-content{grid-template-rows:minmax(0,1fr) 130px;gap:12px}
.player-mode.countdown-active main{padding:50px 18px 10px}
.game-mode .room-heading{right:20px;left:20px;top:5px}
.curtain-fire{display:none;position:absolute;left:4.5%;bottom:17%;width:5vw;height:12svh;filter:drop-shadow(0 0 12px #ff9c3c88)}
[data-show-stage="3"] .curtain-fire{display:block}
.flame{position:absolute;bottom:0;left:25%;width:50%;height:75%;border-radius:70% 15% 60% 40%;background:linear-gradient(0deg,#fff7ab,#ffb237 48%,#d95828 85%,#b8392200);transform-origin:50% 100%;animation:curtain-flame 1.4s ease-in-out infinite alternate;opacity:.88}
.flame-b{left:4%;width:42%;height:56%;animation-delay:-.8s;animation-duration:1.1s;transform:rotate(-18deg)}
.flame-c{left:50%;width:37%;height:45%;animation-delay:-.4s;animation-duration:1.7s}
.fire-smoke{position:absolute;left:15%;bottom:45%;width:75%;height:50%;border-radius:42% 58% 65% 35%;background:#5e5c56;filter:blur(7px);opacity:0;animation:curtain-smoke 5.5s ease-out infinite}
.smoke-b{animation-delay:-1.8s;left:35%;width:95%}.smoke-c{animation-delay:-3.7s;left:0}
.fire-ember{position:absolute;left:48%;bottom:40%;width:3px;height:5px;border-radius:50%;background:#ffc36d;animation:curtain-ember 3.8s ease-out infinite}
@keyframes curtain-flame{0%{transform:rotate(-10deg) scale(.85,.9)}50%{transform:rotate(7deg) scale(.95,1.04)}100%{transform:rotate(-3deg) scale(1.04,.84)}}
@keyframes curtain-smoke{0%{opacity:0;transform:translate(0,0) scale(.6)}18%{opacity:.45}65%{opacity:.25}100%{opacity:0;transform:translate(28px,-170px) scale(2.5)}}
@keyframes curtain-ember{0%{opacity:0;transform:translate(0,0)}15%{opacity:.8}100%{opacity:0;transform:translate(22px,-130px)}}
/* Two brief, low-intensity failures per cycle, staggered around the frame. */
@keyframes dying-bulb{0%,56%,69%,100%{opacity:1}58%,62%{opacity:.35}60%,65%{opacity:.9}}
body.full-motion .gobbler-sprite{animation:gobbler-bounce .44s ease-in-out infinite alternate!important}
body.full-motion .gobbler-timer.finished .gobbler-sprite{animation:none!important}
body.full-motion .bulb-twitch{animation:dying-bulb 7.7s infinite!important;animation-delay:var(--delay)!important}
body.full-motion[data-show-stage="3"] .bulb-twitch{animation-duration:5.9s!important}
body.full-motion .curtain-ruin i,body.full-motion .curtain-ruin b,body.full-motion .curtain-ruin span{animation:curtain-thread 6s ease-in-out infinite!important}
body.still-motion .gobbler-sprite,body.still-motion .gobble-mouth i,body.still-motion .bulb-twitch,body.still-motion .curtain-ruin i,body.still-motion .curtain-ruin b,body.still-motion .curtain-ruin span,body.still-motion .flame,body.still-motion .fire-smoke,body.still-motion .fire-ember{animation:none!important}
body.still-motion .fire-smoke{opacity:.3;transform:translateY(-55px) scale(1.3)}
body.still-motion .fire-ember{display:none}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .flame,body:not(.full-motion) .fire-smoke,body:not(.full-motion) .fire-ember{animation:none}body:not(.full-motion) .fire-smoke{opacity:.3}}
/* Mischief stays on the frame's lower ledge, outside the question and timer. */
.set-runner{position:absolute;top:70%;left:-12%;width:6vw;height:10svh;max-width:95px;max-height:85px;opacity:0;animation:gremlin-dash 19s linear infinite;pointer-events:none}
.set-runner i{display:block;width:100%;height:100%;background:url('/images/attacks/gremlin-performer.png') 0 0/400% 200% no-repeat;animation:gremlin-scuttle .24s steps(1,end) infinite;filter:drop-shadow(0 4px 2px #06150cb3)}
.runner-two{display:none;animation-delay:-9s;animation-direction:reverse;top:70%}
[data-show-stage="3"] .set-runner{animation-duration:12s}
[data-show-stage="3"] .runner-two{display:block}
.runner-two i{transform:scaleX(-1)}
@keyframes gremlin-dash{0%,64%{opacity:0;left:-12%}65%{opacity:1;left:-12%}94%{opacity:1;left:104%}95%,100%{opacity:0;left:104%}}
@keyframes gremlin-scuttle{0%{background-position:0 0;translate:0 0;rotate:-5deg}50%{background-position:33.333% 0;translate:0 -5px;rotate:5deg}100%{background-position:0 0;translate:0 0;rotate:-5deg}}
body.still-motion .set-runner{display:none}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .set-runner{display:none}}

/* Minor Emergency: dispatch desk preview; timers have their own layout row. */
body[data-game="emergency"].in-play{background:#102b27;color:#fff5d8}
body[data-game="emergency"].in-play #app{max-width:1400px;margin:auto;padding:24px}
body[data-game="emergency"].in-play .room-title{display:none}
.dispatch{background:#163f36;border:3px solid #e4ba65;border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #0006;margin:24px auto;max-width:1200px}
.dispatch-banner{background:#e4ba65;color:#18362a;font-size:12px;font-weight:900;letter-spacing:1px;padding:14px 24px}
.dispatch-content{padding:clamp(20px,4vw,48px);min-height:50vh;overflow-wrap:anywhere}
.dispatch h1{font-size:clamp(30px,4vw,64px);line-height:1.08;color:#e1ff88;margin:10px 0 24px}
.dispatch p{color:#fff5d8;line-height:1.6}.dispatch-brief{font-size:clamp(21px,2.5vw,34px)}
.dispatch-art{width:28%;float:right;margin:0 0 28px 36px;border-radius:24px;transform:rotate(3deg)}
.dispatch-timer{clear:both;display:flex;justify-content:space-between;background:#0b251f;padding:18px 24px;color:#e1ff88;font-weight:900;border-top:2px solid #e4ba65}
.dispatch-timer strong{font-size:26px}.dispatch-tools{display:grid;gap:10px;margin:20px 0}
.dispatch button[data-tool],.dispatch button[data-entry]{text-align:left;padding:16px;border:2px solid #9bb1a1;border-radius:12px;background:#244d40;color:#fff5d8;width:100%;font:inherit;cursor:pointer}
.dispatch button[aria-pressed="true"]{background:#e1ff88;color:#163f36;border-color:#fff5d8;box-shadow:0 0 0 3px #e1ff8850}
.dispatch button[aria-pressed="true"] p{color:#163f36}
.dispatch textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0;background:#fff5d8;color:#163f36;font:inherit;font-size:18px;padding:16px;border-radius:12px}
.dispatch-card{padding:16px;border-radius:12px;background:#ffffff0a;margin:10px 0}.dispatch-card p{font-size:20px;margin:0 0 12px}.dispatch-card small{font-size:14px}.dispatch-result{border-bottom:1px solid #e4ba6580;padding:18px 0}.dispatch-result>b{display:block;color:#e1ff88;margin:8px 0}.dispatch-ballot{display:grid;gap:12px;margin:20px 0}.dispatch-ballot .dispatch-card{padding:0;margin:0;background:none}
.dispatch .text-button{color:#fff5d8}.dispatch-phone{max-width:580px}.dispatch-phone h1{font-size:32px}
@media(max-width:600px){body[data-game="emergency"].in-play #app{padding:12px}.dispatch{margin:16px 0}.dispatch-banner{padding:12px 16px;line-height:1.6}.dispatch-content{padding:20px;min-height:45vh}.dispatch-timer{position:sticky;bottom:0}.dispatch-art{display:none}}
body.host-mode[data-game="emergency"].in-play:before{background:#102b27;filter:none}
body.host-mode[data-game="emergency"].in-play #room-content{display:block;height:auto}
body.host-mode[data-game="emergency"].in-play main{height:auto;min-height:100svh;overflow:visible}
body[data-game="emergency"] .dispatch{position:relative}

.dispatch-host [data-proposal] .dispatch-card p{font-size:clamp(24px,3vw,40px)}
.dispatch-host .dispatch-result .dispatch-card{padding:8px 0;margin:0}.dispatch-host .dispatch-result .dispatch-card p{font-size:18px;line-height:1.35}.dispatch-host .dispatch-result{padding:12px 0}
@media(max-width:600px){body[data-game="emergency"].in-play .dispatch{margin-top:44px}}
/* Writing controls stay mounted while polling or acknowledging a submission. */
.dispatch-tools button{display:flex;align-items:center;gap:12px;min-height:62px}
.dispatch-tools .tool-check{display:grid;place-items:center;flex:0 0 28px;height:28px;border:2px solid currentColor;border-radius:8px;font-weight:900}
.dispatch .dispatch-tool-count,.dispatch .dispatch-draft-note{font-size:14px;line-height:1.5;color:#c7d6b6}
.dispatch .dispatch-over-limit{color:#ffd39d;font-weight:800}
.dispatch textarea:focus-visible,.dispatch button:focus-visible,.dispatch summary:focus-visible{outline:3px solid #ffcd79;outline-offset:4px}
.dispatch #plan-receipt{border-left:3px solid #e4ba65;padding-left:12px;min-height:3em}
.dispatch-kept-draft{margin-top:24px;border-top:1px solid #e4ba65;padding-top:18px}.dispatch-kept-draft summary{cursor:pointer;font-weight:800}
@media(max-width:600px){.dispatch-phone .dispatch-content{padding:18px}.dispatch-phone h1{font-size:29px}.dispatch-tools{gap:8px;margin:12px 0}.dispatch-phone textarea{scroll-margin-bottom:100px}.dispatch-phone .dispatch-timer{position:static}}
.dispatch .dispatch-winners{font-size:clamp(22px,3vw,36px);color:#ffcd79;font-weight:900}
.dispatch .dispatch-score-math{font-size:16px;margin:6px 0;color:#fff5d8}
.dispatch .dispatch-vote-summary{font-size:14px;border-top:1px solid #e4ba65;padding-top:16px}
.dispatch-result>b{font-variant-numeric:tabular-nums}
.dispatch-ballot button:disabled{opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:no-preference){.dispatch-result{animation:dispatch-score-arrive .45s ease-out both}@keyframes dispatch-score-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
.dispatch-personal-score{display:grid;gap:8px;padding:18px;background:#e1ff88;color:#163f36;border-radius:16px;margin:20px 0}.dispatch-personal-score b{font-size:32px}.dispatch-personal-score span{line-height:1.5}
.dispatch-host .dispatch-ledger{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.dispatch-host:has(.dispatch-ledger) .dispatch-content{padding:28px}
.dispatch-host:has(.dispatch-ledger) h1{font-size:40px;margin:8px 0 12px}
.dispatch-host:has(.dispatch-ledger) .dispatch-winners{margin:10px 0;font-size:28px}
.dispatch-host:has(.dispatch-ledger) .dispatch-art{width:18%;margin-bottom:12px}
.dispatch-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;font-size:14px}.dispatch-pages .button{padding:10px 14px;min-height:44px}.dispatch-result summary{cursor:pointer;margin-top:12px;color:#e1ff88}.dispatch-pages span{text-align:center}
@media(max-width:600px){.dispatch-pages{flex-wrap:wrap}.dispatch-pages span{flex:1;font-size:12px}.dispatch-phone .dispatch-ledger .dispatch-result{padding:14px 0}}

/* A complication never replaces the mounted writing form. */
.dispatch-complication {padding:16px 20px; margin:0 0 18px; border:3px solid #ffbb52; border-radius:16px; background:#482714; color:#fff1c8; font-weight:800; line-height:1.4;}
.dispatch-complication[hidden] {display:none;}
.dispatch-complication-arrival {animation:dispatch-alert .8s ease-in-out 6;}
.dispatch-kicker {letter-spacing:.15em;font-weight:900;color:#e3ff8a;}
@keyframes dispatch-alert {50% {border-color:#fff2b9;box-shadow:0 0 22px #ffbb5266;}}
@media(prefers-reduced-motion:reduce){.dispatch-complication-arrival{animation:none;}}
.dispatch-host .dispatch-complication{display:flow-root}
.dispatch-host .dispatch-complication[hidden]{display:none}
.dispatch-case-reminder{margin:0 0 16px;line-height:1.5}
.dispatch-case-reminder summary{cursor:pointer;font-weight:700}

/* Dispatch set: effects occupy their own art panel, never the writing/ballot area. */
body[data-game="emergency"].in-play {background:radial-gradient(ellipse at top,#34594c,#0b211f 75%)}
.dispatch{border:5px solid #dbb264;box-shadow:0 0 0 5px #24362e,0 18px 60px #0008;background:linear-gradient(120deg,#183f36,#12332d)}
.dispatch-switchboard{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;background:#0a2622;border-bottom:2px solid #79977d;font-size:12px;letter-spacing:.1em;font-weight:900}
.dispatch-switchboard>span>i{display:inline-block;width:9px;height:9px;background:#c9ff77;border-radius:50%;margin-right:8px;box-shadow:0 0 9px #c9ff7788}
.dispatch-lamps{display:flex;gap:13px}.dispatch-lamps i{width:12px;height:12px;border-radius:50%;background:#ffe6a0;border:2px solid #806b37;box-shadow:0 0 9px #ffc65d66}
.dispatch-set{position:relative;float:right;width:31%;margin:0 0 30px 36px;border:5px solid #0b211f;border-radius:18px;background:#0b211f;box-shadow:0 9px 0 #081914;isolation:isolate}
.dispatch-set>img{width:100%;display:block;border-radius:12px 12px 0 0;aspect-ratio:3/2;object-fit:cover}
.dispatch-set figcaption{padding:12px 10px;font-size:10px;font-weight:900;letter-spacing:.09em;text-align:center;color:#f7d58e;line-height:1.5}
.dispatch-set-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:12px;z-index:1}
.dispatch-receipt{position:absolute;bottom:32px;right:18px;width:26px;height:40px;background:repeating-linear-gradient(#fff3cf 0 8px,#c9bd98 8px 10px);border:2px solid #17372b;transform:rotate(8deg);opacity:0}
.dispatch-reaction{display:table;padding:12px 16px;border-left:4px solid #d9b468;background:#0b2722;border-radius:0 8px 8px 0;font-size:15px}
.dispatch[data-reaction="a"] .dispatch-receipt{animation:dispatch-print-a 1.4s ease-out}
.dispatch[data-reaction="b"] .dispatch-receipt{animation:dispatch-print-b 1.4s ease-out}
.dispatch[data-reaction="a"] .dispatch-reaction{animation:dispatch-stamp-a .45s ease-out}
.dispatch[data-reaction="b"] .dispatch-reaction{animation:dispatch-stamp-b .45s ease-out}
.dispatch[data-phase="briefing"] .dispatch-set,.dispatch[data-phase="roundIntro"] .dispatch-set{animation:dispatch-arrive .65s ease-out both}
.dispatch[data-round="2"]{border-color:#b39568;background:linear-gradient(120deg,#253d35,#18332f)}
.dispatch[data-round="2"] .dispatch-lamps i:nth-child(3n){background:#393d30;box-shadow:none}
.dispatch[data-round="2"] .dispatch-lamps i:nth-child(2),.dispatch[data-round="3"] .dispatch-lamps i:nth-child(odd){animation:dispatch-falter 8s linear infinite}
.dispatch[data-round="3"] .dispatch-lamps i:nth-child(3){animation-delay:2.7s}
.dispatch[data-round="3"] .dispatch-lamps i:nth-child(7){animation-delay:5.1s}
.dispatch[data-round="3"]{border-color:#a17c56;background:linear-gradient(120deg,#26362e,#182c29)}
.dispatch[data-round="3"] .dispatch-banner{background:#d59b65}
.dispatch[data-round="3"] .dispatch-lamps i:nth-child(even){background:#343b32;box-shadow:none}
.dispatch[data-round="3"] .dispatch-set>img{filter:saturate(.77)}
.dispatch-cable{display:none;position:absolute;right:7px;top:0;width:22px;height:65px;border:5px solid #212c22;border-top:0;border-radius:0 0 22px 22px;transform-origin:top;animation:dispatch-swing 4s ease-in-out infinite}
.dispatch[data-round="2"] .dispatch-cable,.dispatch[data-round="3"] .dispatch-cable{display:block}
.dispatch[data-round="3"] .dispatch-cable{height:100px;animation-duration:2.8s}
.dispatch-steam{display:none;position:absolute;bottom:45px;left:55%;width:32px;height:35px;border-radius:50%;background:#d3ccad66;filter:blur(4px);animation:dispatch-steam 4s ease-out infinite}
.dispatch-steam.second{left:65%;animation-delay:1.6s;width:24px}
.dispatch[data-round="3"] .dispatch-steam{display:block}
.dispatch-confetti{display:none;position:absolute;inset:0;overflow:hidden}.dispatch-celebrating .dispatch-confetti{display:block}
.dispatch-confetti i{position:absolute;top:-15px;left:10%;width:8px;height:14px;background:#e7fa8b;animation:dispatch-confetti 3s ease-in-out 2 both}
.dispatch-confetti i:nth-child(2){left:20%;animation-delay:.3s;background:#ffb285}.dispatch-confetti i:nth-child(3){left:30%;animation-delay:.7s;background:#c3adf1}.dispatch-confetti i:nth-child(4){left:40%;animation-delay:.1s}.dispatch-confetti i:nth-child(5){left:50%;animation-delay:.8s;background:#83d5da}.dispatch-confetti i:nth-child(6){left:60%;animation-delay:.2s;background:#ffb285}.dispatch-confetti i:nth-child(7){left:70%;animation-delay:.6s}.dispatch-confetti i:nth-child(8){left:80%;animation-delay:.4s;background:#c3adf1}.dispatch-confetti i:nth-child(9){left:90%;animation-delay:.9s}
.dispatch-celebrating{border-color:#e2c17d;box-shadow:0 0 0 3px #514b2b,0 9px 0 #081914}
.dispatch-phone-crew{float:right;width:100px;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin:0 0 14px 14px;border:2px solid #e0b66b}
.dispatch-timer{position:relative;padding-top:26px}
#dispatch-time-progress{position:absolute;top:0;left:0;width:100%;height:6px;border:0;appearance:none;background:#203e33;color:#e1ff88}
#dispatch-time-progress::-webkit-progress-bar{background:#203e33}#dispatch-time-progress::-webkit-progress-value{background:#e1ff88}#dispatch-time-progress::-moz-progress-bar{background:#e1ff88}
.dispatch-host:has(.dispatch-ledger) .dispatch-set{width:23%;margin-bottom:18px}
@keyframes dispatch-print-a{0%{opacity:0;transform:translateY(-24px) rotate(8deg)}20%,75%{opacity:1}100%{opacity:0;transform:translateY(30px) rotate(-12deg)}}
@keyframes dispatch-print-b{0%{opacity:0;transform:translateY(-24px) rotate(8deg)}20%,75%{opacity:1}100%{opacity:0;transform:translateY(30px) rotate(-12deg)}}
@keyframes dispatch-stamp-a{0%{transform:translateY(5px);opacity:.6}100%{transform:none;opacity:1}}
@keyframes dispatch-stamp-b{0%{transform:translateY(5px);opacity:.6}100%{transform:none;opacity:1}}
@keyframes dispatch-arrive{from{opacity:0;transform:translateY(12px) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes dispatch-falter{0%,60%,70%,78%,100%{opacity:1}62%,68%,75%{opacity:.2}}
@keyframes dispatch-swing{50%{transform:rotate(8deg)}}
@keyframes dispatch-steam{0%{opacity:0;transform:translateY(0) scale(.5)}35%{opacity:.6}100%{opacity:0;transform:translate(-12px,-100px) scale(1.8)}}
@keyframes dispatch-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(230px) rotate(240deg)}}
@media(max-width:700px){.dispatch-set{float:none;width:auto;margin:0 0 24px;max-width:320px}.dispatch-switchboard{font-size:10px;padding:12px;gap:8px}.dispatch-lamps{gap:5px}.dispatch-lamps i{width:8px;height:8px}.dispatch-host:has(.dispatch-ledger) .dispatch-set{width:180px}.dispatch-host .dispatch-ledger{grid-template-columns:1fr}}
body.still-motion .dispatch *,body.still-motion .dispatch *::before,body.still-motion .dispatch *::after{animation:none!important;transition:none!important}
body.still-motion .dispatch-steam,body.still-motion .dispatch-confetti{display:none!important}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .dispatch *{animation:none!important;transition:none!important}body:not(.full-motion) .dispatch-steam,body:not(.full-motion) .dispatch-confetti{display:none!important}}
/* Keep the progress track anchored to its reserved timer row on phones too. */
.dispatch-phone .dispatch-timer{position:relative;bottom:auto}
@media(min-width:800px) and (max-height:800px){
 body[data-game="emergency"].in-play #app{padding:14px 24px}
 .dispatch-host{margin:40px auto 12px}
 .dispatch-host .dispatch-content{min-height:0;padding:24px 32px}
 .dispatch-host h1{font-size:38px;margin:8px 0 16px}
 .dispatch-host p{margin:12px 0;line-height:1.45}
 .dispatch-host .dispatch-brief{font-size:26px}
 .dispatch-host .dispatch-set{width:28%;margin-bottom:18px}
 .dispatch-host[data-phase="results"] .dispatch-set,.dispatch-host[data-phase="caseScore"] .dispatch-set{width:180px;margin-bottom:8px}
 .dispatch-host .dispatch-switchboard{padding:12px 24px}
 .dispatch-host .dispatch-timer{padding:18px 24px 12px}
 .dispatch-host .dispatch-card{padding:12px}
 .dispatch-host .dispatch-complication{padding:12px 16px;margin-bottom:14px}
}