:root{font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;background:#101627;color:#17213b;font-synthesis:none}*{box-sizing:border-box}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.48;cursor:not-allowed}[hidden]{display:none!important}body{margin:0}.top{display:flex;justify-content:space-between;align-items:center;color:#d6e4ff;max-width:920px;margin:auto;padding:11px 14px;gap:10px;font-weight:900;font-size:12px}.top small{display:block;color:#9eaaca;font-size:9px;margin-top:2px;letter-spacing:.1em}.sound{border:1px solid #687da2;background:#1f2941;border-radius:9px;color:#fff;padding:9px 10px;font-size:11px}.container{max-width:780px;margin:auto;padding:0 12px 35px}.mast{color:white;text-align:center;padding:8px 0 14px}.mast p{color:#ffc65d;letter-spacing:.16em;font-size:10px;font-weight:900;margin:4px}.mast h1{font-size:clamp(27px,6vw,44px);margin:3px 0;line-height:1.14;letter-spacing:-.06em;font-weight:1000}.mast h1 span{color:#ffd66b}.tagline{font-size:12px;color:#dbe3f5;margin-top:7px}.game{border:3px solid #0b0e1b;border-radius:19px;overflow:hidden;background:#fffbf3;box-shadow:6px 7px #050810}.livebar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#273556;color:#f1f5ff;padding:10px 12px;font-size:12px;font-weight:900}.live-dot{color:#ff766c;margin-right:9px}.count-track{height:9px;background:#344463}.count-fill{height:100%;width:100%;background:linear-gradient(90deg,#53dbad,#ffe16e);transition:width .13s linear}.count-fill.critical{background:#ff6867;animation:dangerPulse .55s ease-in-out infinite alternate}@keyframes dangerPulse{to{filter:brightness(1.45)}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#e5eaf4;padding:9px}.stat{border:2px solid #263450;background:#fff;border-radius:10px;padding:8px 10px;box-shadow:2px 2px 0 #293550;min-width:0}.stat>span,.split span{font-size:10px;color:#526077;font-weight:900}.stat>strong{display:block;font-size:clamp(16px,4.5vw,23px);letter-spacing:-.05em;overflow-wrap:anywhere}.stat.cash>strong{color:#bc801d}.stat-bar{grid-column:span 1}.stat.scandal{grid-column:span 2}.split{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px;align-items:center}.split strong{font-size:16px}.support .split strong{color:#198b64}.opposition .split strong{color:#476dbe}.scandal .split strong{color:#d13b66}.autotag{display:inline-block;color:#cb4f47!important;font-size:9px}.bar{height:10px;background:#e4e9f0;border-radius:10px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;border-radius:10px;transition:width .13s linear;background:#39b88c}.opposition .bar i{background:#7a96e5}.scandal .bar i{background:#f37b86}.scandal.danger{background:#ffeced;animation:dangerPulse .5s infinite alternate}.arena{height:214px;background:radial-gradient(ellipse at top,#ffecb1,#f0b766 72%,#de9660);position:relative;overflow:hidden;isolation:isolate}.headline{position:absolute;z-index:7;top:7px;left:8px;right:8px;padding:6px;text-align:center;background:#fffdf1;border:2px solid #273451;border-radius:6px;box-shadow:2px 2px 0 #3b3750;font-size:11px;font-weight:1000}.crowd{position:absolute;bottom:21px;left:0;right:0;text-align:center;z-index:1;font-size:26px;letter-spacing:4px;opacity:.68}.hero-figure{position:absolute;z-index:4;width:156px;height:166px;bottom:26px;left:50%;transform:translateX(-50%)}.torso{position:absolute;bottom:4px;left:28px;width:104px;height:91px;background:#3d5791;border:4px solid #1b263d;border-radius:25px 25px 10px 10px;z-index:3;transform-origin:50% 85%}.tie{position:absolute;top:3px;left:44px;width:14px;height:58px;background:#ed5367;clip-path:polygon(15% 0,85% 0,100% 30%,62% 100%,38% 100%,0 30%)}.face{position:absolute;top:2px;left:42px;height:83px;width:78px;background:#f5b68d;border:4px solid #1b263d;border-radius:43% 43% 49% 49%;z-index:5;transform-origin:50% 100%}.hair{position:absolute;left:0;right:0;top:-5px;height:20px;background:#211d30;border-radius:20px 20px 6px 6px}.eyes{position:absolute;left:4px;right:4px;top:29px;text-align:center;font-size:17px;color:#18243d}.mouth{position:absolute;left:0;right:0;bottom:7px;text-align:center;color:#6c2839;font-size:17px}.arm{position:absolute;z-index:2;top:78px;left:12px;width:35px;height:73px;background:#36518b;border:4px solid #18223c;border-radius:17px;transform:rotate(31deg);transform-origin:55% 9%}.wave-upper{position:absolute;z-index:4;top:78px;right:15px;width:35px;height:64px;border-radius:18px;background:#36518b;border:4px solid #18223c;transform:rotate(-27deg);transform-origin:50% 13%;transition:transform .11s ease-out}.wave-forearm{position:absolute;left:5px;top:41px;width:24px;height:70px;background:#f3b38b;border:3px solid #18223c;border-radius:14px;transform:rotate(-38deg);transform-origin:50% 10%;transition:transform .11s ease-out}.palm{position:absolute;font-size:23px;bottom:-20px;left:-5px}.lectern{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);z-index:6;width:165px;height:48px;border:4px solid #1d2d46;background:#f6e0a3;border-radius:12px;text-align:center;padding:3px 0;font-size:13px;font-weight:1000;box-shadow:3px 3px 0 #43516b}.lectern small{display:block;font-size:9px}.pop{position:absolute;z-index:11;top:63px;left:10px;right:10px;margin:auto;text-align:center;color:#fdfdeb;font-size:clamp(23px,6vw,42px);font-weight:1000;text-shadow:3px 4px 0 #1d2543,-1px -1px #182137;pointer-events:none;animation:pop .42s ease-out both}@keyframes pop{0%{transform:translateY(15px) scale(.5);opacity:0}55%{transform:scale(1.18);opacity:1}100%{transform:scale(1);opacity:1}}.particle-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.particle{position:absolute;font-size:19px;animation:floatout .75s ease-out forwards}@keyframes floatout{to{transform:translate(var(--x),var(--y)) rotate(180deg);opacity:0}}.hero-figure.bow .face{animation:nod .21s ease-out}.hero-figure.bow .torso{animation:lean .21s ease-out}@keyframes nod{50%{transform:rotate(22deg) translateY(6px)}}@keyframes lean{50%{transform:rotate(9deg)}}.interface{padding:14px 13px}.panel{max-width:650px;margin:auto}.eyebrow{font-size:10px;color:#8a6e3c;font-weight:1000;letter-spacing:.12em}.panel h2{font-size:21px;letter-spacing:-.04em;margin:5px 0 9px}.panel p{line-height:1.6;font-size:13px;margin:5px 0 13px}.primary{padding:13px 18px;border:3px solid #182440;color:#17223b;background:#ffd365;border-radius:12px;box-shadow:3px 3px 0 #182440;font-weight:1000}.hint{color:#69718a;font-size:10px!important}.tension{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.tension strong{font-size:12px;color:#b54243}.actions{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:8px}.act{border:3px solid #19263f;border-radius:13px;box-shadow:3px 3px 0 #19263f;min-height:89px;padding:10px 6px;text-align:center;transition:transform .07s}.act:active{transform:translateY(2px) scale(.98)}.act b{font-size:clamp(12px,3vw,15px);display:block}.act small{font-size:10px;display:block;line-height:1.4;margin-top:7px}.act.money{background:#ffe194}.act.boost{background:#bbf0d2}.act.apology{background:#ceddfb}.combo-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0 2px}.combo{background:#273556;color:#ffe48a;font-weight:1000;font-size:14px;border-radius:7px;padding:7px;white-space:nowrap}.hint-text{font-size:11px;color:#53617c;text-align:right}.rally{margin:13px 0 0;padding:12px;border:2px solid #895c23;background:#fff0bd;border-radius:12px}.rally-head{display:flex;align-items:center;justify-content:space-between}.rally-head b{font-size:13px}.rally-head span{font-size:12px;font-weight:1000}.rally p{font-size:11px;margin:4px 0 7px}.swipe{touch-action:none;user-select:none;padding:19px 6px;border:2px dashed #a57744;border-radius:10px;background:#fff9e7;color:#6d4d28;text-align:center;font-weight:900;font-size:12px}.celebrate h2{font-size:28px;color:#ae7717}.end h2{color:#bc344c}.results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.results>div{background:#eef0f6;border:2px solid #53607a;border-radius:9px;padding:10px}.results span{display:block;color:#58657f;font-size:10px}.results b{font-size:17px}.record{font-weight:900;color:#945e1c}.footer-status{display:flex;justify-content:space-between;gap:8px;background:#273556;color:#dee7f8;padding:9px 11px;font-size:10px}footer{text-align:center;color:#aab6d4;font-size:10px;line-height:1.8;padding:16px 0} @media(max-width:420px){.top{padding:8px 9px}.mast{padding-top:5px}.stats{gap:5px;padding:7px}.stat{padding:7px}.arena{height:205px}.interface{padding:11px 8px}.act{min-height:91px;padding:8px 3px}.act b{font-size:12px}.act small{font-size:9px}.livebar{font-size:10px}.stat>strong{font-size:17px}.split strong{font-size:14px}.crowd{font-size:22px}}@media(max-width:350px){.act b{font-size:11px}.act small{font-size:8.7px}.hero-figure{transform:translateX(-50%) scale(.88);transform-origin:bottom center}.stat>strong{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*::after,*::before{animation:none!important;transition:none!important}}
/* v0.8 polish: prioritize tactile feedback and immediate news; no swipe minigame. */
.momentum{display:flex;flex-direction:column;gap:4px;border:2px solid #283755;border-radius:11px;background:#fef0c8;padding:9px 11px;margin-bottom:10px;box-shadow:2px 2px #2a3148}.momentum span{font-size:10px;letter-spacing:.09em;font-weight:1000;color:#9f6219}.momentum b{font-size:clamp(11px,3vw,14px);color:#47351a}
.act{min-height:84px}.act b{font-size:clamp(12px,3vw,15px);line-height:1.4}.act small{font-size:clamp(9px,2.4vw,11px);line-height:1.4}
.hero-figure.money-hit{animation:grab .22s ease-out}.hero-figure.boost-hit{animation:power .25s ease-out}.arena.shaken{animation:shake .25s linear}.pop.mega{font-size:clamp(30px,8vw,48px);color:#fff0a0}
@keyframes grab{50%{transform:translateX(-50%) scale(1.10) rotate(-3deg)}}@keyframes power{50%{transform:translateX(-50%) scale(1.14)}}@keyframes shake{25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}
@media(max-width:420px){.actions{gap:6px}.act{padding:9px 4px;min-height:84px}.act small{font-size:9px}}

.front-arm{position:absolute;z-index:4;top:78px;right:16px;left:auto;width:35px;height:64px;border-radius:18px;background:#36518b;border:4px solid #18223c;transform:rotate(-27deg);transform-origin:50% 13%}

/* v0.9 : large tactile two-button layout + forward-only phase gauge. */
.count-track{height:17px;background:#25324c;border-top:1px solid #0e1727;border-bottom:1px solid #0e1727;position:relative}
.count-track::after{content:"🏁";position:absolute;right:2px;top:-10px;font-size:17px;z-index:2}
.count-fill{width:0%;height:100%;background:linear-gradient(90deg,#63e3b2,#ffe078,#ff9773);box-shadow:0 0 12px #ffdd83;transition:width .13s linear}
.count-fill.critical{background:linear-gradient(90deg,#ff9f60,#ff4872)}
.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.act{min-height:128px;border-width:3px;border-radius:18px;box-shadow:4px 5px 0 #18243d;padding:13px 5px;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.act b{font-size:clamp(23px,5vw,32px);line-height:1.2;display:block;letter-spacing:-.06em}
.act small{font-size:clamp(9px,2.3vw,12px)}
.act-icon{display:block;font-size:26px;margin:3px 0 5px}
.act.money{background:linear-gradient(145deg,#ffed9a,#ffc85b)}.act.apology{background:linear-gradient(145deg,#e0e8ff,#aacafa)}
.act:active{transform:translateY(4px) scale(.962);box-shadow:1px 2px #19263f;filter:brightness(1.08)}
.arena.celebration{box-shadow:inset 0 0 0 8px #ffdb6b;animation:goldflash .40s ease-out}
@keyframes goldflash{0%{filter:brightness(1.6)}100%{filter:brightness(1)}}
.stat-bar.support .bar i{background:linear-gradient(90deg,#4cba95,#7af9c1)}
.stat-bar.scandal.danger{outline:3px solid #f05d71}
.pop.mega{font-size:clamp(32px,9vw,54px);color:#fff8b4;text-shadow:3px 5px 0 #22304a}
.hero-figure.jackpot{animation:power .29s ease-out}
@media(max-width:420px){.act{min-height:119px;padding:9px 4px}.act b{font-size:24px}.act small{font-size:10px}.actions{gap:8px}}
@media(max-width:350px){.act{min-height:111px}.act b{font-size:22px}}

/* v0.10: evidence swipe event. Time to elections is still shown only by phase gauge. */
.evidence-panel{max-width:540px;animation:incidentIn .18s ease-out}
.evidence-banner{border:3px solid #641a2b;background:#fff0e9;border-radius:14px;padding:12px;text-align:center;box-shadow:4px 4px 0 #3b1b30}
.evidence-banner h2{font-size:clamp(22px,5vw,29px);line-height:1.2;color:#b92b40;margin:6px 0}
.evidence-banner p{margin:5px 0;color:#562f34}
.evidence-alarm{color:#9f2430;font-size:11px;font-weight:1000;letter-spacing:.1em}
.evidence-timer{margin:12px 0 9px;background:#4f2730;height:14px;border-radius:9px;overflow:hidden;border:2px solid #6a2e32}
.evidence-timer>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffcc50,#f2534c);transition:width .08s linear}
.evidence-zone{touch-action:none;user-select:none;-webkit-user-select:none;background:repeating-linear-gradient(135deg,#fff9d9,#fff9d9 12px,#ffe8ab 12px,#ffe8ab 23px);border:3px dashed #bf6a42;border-radius:14px;min-height:136px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:grab;overscroll-behavior:contain}
.evidence-zone:active{cursor:grabbing}
.evidence-sheet{border:3px solid #212b44;border-radius:8px;box-shadow:4px 5px 0 #162039;background:#fff;padding:12px 16px;transform:rotate(-3deg);font-weight:1000;min-width:190px;text-align:center;transition:transform .13s}
.evidence-sheet small{display:block;color:#945c2d;font-size:10px;margin-top:5px}
.evidence-sheet.wiped{transform:translateX(-160px) rotate(-25deg);opacity:.2}
.evidence-counter{font-size:14px;color:#772f2f;font-weight:1000}
.evidence-hint{font-size:11px;color:#8c3e42;text-align:center;min-height:18px;margin-top:8px}
@keyframes incidentIn{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:350px){.evidence-zone{min-height:120px}.evidence-banner{padding:8px}.evidence-banner h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.evidence-panel{animation:none}}

/* v0.11 - purely presentational polish; reduce-motion suppresses every flourish. */
.cash>strong.cash-pulse{animation:cashPop .29s cubic-bezier(.16,1.3,.4,1)}
@keyframes cashPop{45%{transform:scale(1.17);color:#da841c;text-shadow:0 0 10px #fbd374}100%{transform:scale(1)}}
.money-note{position:absolute;z-index:12;border:2px solid #18754d;background:linear-gradient(140deg,#d5ffad,#6cd49a);color:#075f3b;border-radius:4px;box-shadow:2px 2px #1d4b35;font-size:13px;line-height:21px;font-weight:1000;text-align:center;width:41px;height:24px;pointer-events:none;transform:rotate(var(--r,0deg));animation:moneyScatter var(--life,750ms) cubic-bezier(.13,.74,.36,1) forwards}
.money-note::before,.money-note::after{content:'✦';position:absolute;top:0;font-size:8px;opacity:.6}.money-note::before{left:2px}.money-note::after{right:2px}
@keyframes moneyScatter{0%{opacity:0;transform:translate(0,10px) scale(.5) rotate(0deg)}18%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.65)}}
.money-note.gold{background:linear-gradient(140deg,#fff0b3,#ffc638);border-color:#a6670b;color:#854a05}
.camera-flash{position:absolute;inset:0;z-index:8;background:#fffefa;opacity:0;pointer-events:none}
.camera-flash.flashing{animation:cameraBurst .32s steps(1) forwards}
@keyframes cameraBurst{0%{opacity:.8}16%{opacity:0}38%{opacity:.44}52%{opacity:0}100%{opacity:0}}
.hero-figure.bow{animation:figureBow .32s ease-out both}
.hero-figure.bow .torso{animation:torsoBow .32s cubic-bezier(.13,.73,.25,1) both}
.hero-figure.bow .face{animation:faceBow .32s cubic-bezier(.13,.73,.25,1) both}
@keyframes figureBow{0%,100%{translate:0 0}45%{translate:0 9px}}
@keyframes torsoBow{0%,100%{transform:rotate(0) scaleY(1)}42%{transform:rotate(14deg) translateY(8px) scaleY(.94)}}
@keyframes faceBow{0%,100%{transform:rotate(0)}42%{transform:translate(7px,16px) rotate(24deg)}}
.victory-splash{position:absolute;z-index:16;top:13px;left:5%;width:90%;min-height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:4px solid #241c38;border-radius:18px;background:linear-gradient(125deg,#f9dc65,#fff7c3 44%,#facb61);box-shadow:0 7px 0 #483654,0 0 30px #ffd057b0;pointer-events:none;animation:victoryEntrance 1.7s ease-out forwards;text-align:center}
.victory-splash strong{font-size:clamp(38px,9vw,63px);line-height:1.15;font-weight:1000;color:#cf3e45;text-shadow:2px 3px 0 #fff,4px 5px 0 #3c243e;letter-spacing:.03em}
.victory-crown{font-size:24px;line-height:1}.victory-prize{font-size:clamp(13px,3.5vw,19px);font-weight:1000;color:#5b3d1e}.victory-claps{font-size:17px}
@keyframes victoryEntrance{0%{transform:scale(.5) rotate(-8deg);opacity:0}18%{transform:scale(1.06) rotate(2deg);opacity:1}28%{transform:scale(1) rotate(0)}76%{opacity:1}100%{opacity:0;transform:scale(1.06)}}
.confetti-square{position:absolute;z-index:14;width:var(--w,9px);height:var(--h,16px);border-radius:2px;opacity:0;pointer-events:none;background:var(--color,#fff);animation:confettiArc var(--dur,1250ms) cubic-bezier(.21,.7,.28,1) forwards}
@keyframes confettiArc{0%{opacity:0;transform:translate(0,0) rotate(0deg)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){.money-note,.confetti-square{display:none!important}.victory-splash{animation:none!important;opacity:1}.camera-flash{display:none!important}.hero-figure.bow,.hero-figure.bow .torso,.hero-figure.bow .face{animation:none!important}}

/* v0.12: explicit evidence deadline, readable even on narrow phones. */
.evidence-clock{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;border:3px solid #77202b;border-radius:10px;background:#ffebe7;color:#88212c;font-weight:1000}
.evidence-clock>b{font-size:13px}
.evidence-clock>strong{font-size:clamp(24px,7vw,33px);font-variant-numeric:tabular-nums;line-height:1.1}
.evidence-clock>strong.almost-out{color:#cf193c;animation:dangerPulse .33s infinite alternate}
.evidence-banner strong{color:#a11d32}
.evidence-panel .evidence-timer{height:17px;margin-top:7px}
.evidence-panel .evidence-timer>span{transition:none}
@media(prefers-reduced-motion:reduce){.evidence-clock>strong.almost-out{animation:none}}

/* v0.12.1: Disable browser pan / zoom gestures only on rapid-tap buttons.
   Do not lock the whole page: small phones must still be able to scroll. */
#actionButtons, #actionButtons button, #actionButtons button *{
 touch-action:none!important;overscroll-behavior:contain;
 -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}
#actionButtons button{-webkit-user-drag:none;}

/* v0.13.1: Crisis is an in-place viewport overlay, not a page scroll/jump.
   Preserve the original page position while the phase gauge keeps progressing. */
html,body{overscroll-behavior-x:none}
.evidence-backdrop:not([hidden]){
 position:fixed;inset:0;z-index:1000;background:rgba(9,13,29,.66);
 touch-action:none;overscroll-behavior:none;
}
#evidencePanel:not([hidden]){
 position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);
 width:min(500px,calc(100vw - 20px));max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);
 overflow-y:auto;padding:12px;background:#fffaf2;border:4px solid #2d213a;
 border-radius:18px;box-shadow:0 9px 0 #161a2b,0 20px 60px #0a0e1bd8;
 touch-action:none;overscroll-behavior:contain;animation:evidenceOverlayIn .16s ease-out;
}
@keyframes evidenceOverlayIn{from{opacity:0}to{opacity:1}}
#evidencePanel .evidence-zone,#evidencePanel .evidence-zone *{
 touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}
@media(max-height:620px){
 #evidencePanel:not([hidden]){padding:8px}
 #evidencePanel .evidence-banner{padding:6px}
 #evidencePanel .evidence-banner h2{margin:3px 0;font-size:20px}
 #evidencePanel .evidence-banner p{font-size:11px;margin:3px 0}
 #evidencePanel .evidence-zone{min-height:104px;padding:5px;gap:4px}
 #evidencePanel .evidence-sheet{padding:8px 12px}
 #evidencePanel .evidence-clock{margin-top:5px;padding:5px 9px}
 #evidencePanel .evidence-timer{margin:5px 0}
 #evidencePanel .evidence-hint{margin-top:3px}
}
@media(prefers-reduced-motion:reduce){#evidencePanel:not([hidden]){animation:none}}

/* Release: navigation only; gameplay layout unchanged. */
.back-to-games{display:inline-block;color:#d6e4ff;background:#1f2941;border:1px solid #687da2;border-radius:9px;padding:8px 9px;font-size:11px;text-decoration:none;white-space:nowrap}
.back-to-games:focus-visible{outline:3px solid #ffdc75;outline-offset:2px}
@media(max-width:420px){.top{flex-wrap:wrap}.back-to-games{margin-left:auto}.sound{flex-shrink:0}}


/* GAME 002 v0.13.2: GAME 001-style instruction / best / metadata cards.
   Keep all effects and swipe overlays on their original gameplay elements. */
@media(min-width:921px){
  .container{max-width:1080px}
  .mast{max-width:780px;margin:0 auto}
  .top.game-controls{max-width:1080px}
}
.game-info-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.45fr);gap:20px;align-items:start}
.game-info-layout>.game{min-width:0}
.game-info-sidebar{min-width:0}
.game-info-sidebar .sidebox{background:#fffdf8;border:2px solid #20273a;border-radius:19px;box-shadow:4px 5px 0 #20273a;padding:20px;margin-bottom:17px;color:#20273a}
.game-info-sidebar .sidebox h3{font-size:17px;font-weight:900;letter-spacing:-.04em;margin:0 0 14px}
.game-info-sidebar .sidebox ol{margin:0;padding-left:21px}
.game-info-sidebar .sidebox li{font-size:13px;line-height:1.75;color:#5d677a;margin:9px 0}
.game-info-sidebar .sidebox p{font-size:12px;line-height:1.8;color:#6a7487}
.game-info-sidebar .sidebox .smallprint{font-size:11px;line-height:1.7;margin:12px 0 0;color:#747f90}
.game-info-sidebar .sidebox .best-record{background:#f4f1e9;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:4px}
.game-info-sidebar .sidebox .best-record+.best-record{margin-top:10px}
.game-info-sidebar .best-record span{font-size:12px;color:#667086;font-weight:700}
.game-info-sidebar .best-record strong{font-size:clamp(19px,2.2vw,25px);color:#23304d;font-weight:1000;overflow-wrap:anywhere}
.game-info-sidebar .metadata{display:flex;align-items:baseline;justify-content:space-between;gap:9px;border-top:1px solid #ece9e1;padding:12px 0;font-size:12px}
.game-info-sidebar .metadata span{flex:0 0 auto;color:#667086}
.game-info-sidebar .metadata strong{text-align:right;font-size:12px;overflow-wrap:anywhere}
@media(max-width:920px){.game-info-layout{grid-template-columns:minmax(0,1fr)}.game-info-sidebar{margin-top:6px}}
@media(max-width:420px){.game-info-sidebar .sidebox{padding:18px}}