.minigame{--mg-ink:#203e51;--mg-paper:#fff0cf;--mg-accent:#f0bb64;box-sizing:border-box;width:min(1180px,calc(100% - 24px));max-width:none;height:min(900px,calc(100dvh - 24px));max-height:none;padding:0;border:1px solid #c8bea6;border-radius:24px;background:#fbf3df;color:var(--mg-ink);overflow:hidden;box-shadow:0 22px 90px #08253755;font-family:"Trebuchet MS",system-ui,sans-serif}
.minigame[open]{display:flex;flex-direction:column}.minigame::backdrop{background:#0d263978}.minigame *{box-sizing:border-box}.minigame button{font:inherit;color:inherit;min-height:44px;cursor:pointer;border:1px solid #d9ccb1;background:#fff9eb;border-radius:12px;padding:10px 18px;box-shadow:0 3px 0 #dbd0b7;font-weight:700;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.minigame button:focus-visible,.minigame canvas:focus-visible{outline:3px solid #d99643;outline-offset:-3px}.minigame button:disabled{opacity:.5;cursor:default}.minigame button.held{transform:translateY(2px);box-shadow:none;background:var(--mg-accent)}
.mg-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;background:#fbf3df;flex-shrink:0;border-bottom:1px solid #d3c5a4}.mg-identity{display:flex;align-items:center;gap:12px;min-width:0}.mg-mark{display:grid;place-items:center;width:47px;height:47px;background:var(--mg-ink);color:var(--mg-accent);border-radius:15px;flex-shrink:0}.mg-mark svg{width:35px;fill:currentColor}.mg-eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 4px;font-weight:700;color:#726246}.mg-header h2{font-size:23px;line-height:1.15;margin:0;letter-spacing:-.5px}.mg-toolbar{display:flex;gap:8px}.minigame .mg-toolbar button{box-shadow:none;background:transparent;font-size:13px;padding:9px 13px}
.mg-stage{position:relative;flex:1;min-height:180px;overflow:hidden;background:#173449}.mg-stage canvas{display:block;width:100%;height:100%;touch-action:none}.mg-hud{position:absolute;top:16px;left:18px;right:18px;display:flex;align-items:flex-start;gap:9px;pointer-events:none}.mg-objective,.mg-stat,.mg-budget{background:#fffae9f2;border:1px solid #fff8dc;border-radius:14px;padding:11px 15px;box-shadow:0 3px 8px #10283b16}.mg-objective{min-width:190px;max-width:360px}.mg-objective strong{font-size:14px}.mg-progress{height:4px;margin-top:8px;background:#d6dfcd;border-radius:4px;overflow:hidden}.mg-progress i,.mg-meter i{display:block;height:100%;background:#438d79;transform-origin:left center}.mg-stat small,.mg-budget small{display:block;font-size:8px;letter-spacing:1.1px;line-height:1.4;font-weight:bold;color:#6c705e}.mg-stat strong,.mg-budget strong{font-size:17px;font-variant-numeric:tabular-nums}.mg-budget{margin-left:auto;background:#dfeddcf2;min-width:89px}.mg-budget.ending{background:#ffe0a3}.mg-telemetry{position:absolute;bottom:18px;left:18px;display:flex;flex-direction:column;gap:4px;min-width:175px;max-width:270px;padding:12px 15px;border:1px solid #fffae744;border-radius:14px;background:#173747e8;color:#fff4d6;pointer-events:none}.mg-telemetry strong{font-size:19px;font-variant-numeric:tabular-nums}.mg-telemetry span{font-size:11px;line-height:1.4;color:#d1ded7}.mg-meter{height:4px;margin-top:5px;background:#fff4d62e;border-radius:4px;overflow:hidden}.mg-meter i{background:#f0bb64}.mg-telemetry.safe .mg-meter i{background:#9edbc1}.mg-map{position:absolute;right:18px;bottom:18px;width:150px;padding:10px;background:#fff7e8ed;border:1px solid #fff8dc;border-radius:17px;pointer-events:none;box-shadow:0 4px 18px #10283b22}.mg-map small{display:block;font-size:8px;font-weight:bold;letter-spacing:1.1px;text-align:center;margin-bottom:3px}.mg-map svg{width:100%;display:block}.mg-map-road{fill:none;stroke:#89aba2;stroke-width:6;stroke-linejoin:round}.mg-map-target{fill:#65967a;stroke:#fff5cf;stroke-width:1}.mg-map-player{fill:#d47e5d;stroke:#fff3d5;stroke-width:.8}.mg-map-player.aligned{fill:#297b62}.mg-map-zone{fill:#b3d9bd;stroke:#527c65;stroke-width:.25}.mg-map-cross{stroke:#597569;stroke-width:.18;stroke-dasharray:1 1;fill:none}
.mg-feedback{position:absolute;left:50%;top:95px;transform:translateX(-50%);width:max-content;max-width:90%;border-radius:999px;padding:10px 18px;background:#ebf4d9;color:#2d654f;font-size:15px;font-weight:bold;box-shadow:0 5px 18px #18333c22;pointer-events:none}.mg-expired{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:12px;background:#ffedc5;color:#60491f;width:max-content;max-width:calc(100% - 32px);font-size:12px;text-align:center;pointer-events:none;z-index:2}.mg-overlay{position:absolute;inset:0;background:#142f4166;display:grid;place-content:center;padding:16px;overflow:auto;z-index:3}.mg-card{width:min(450px,100%);justify-self:center;background:#fff7e6;border:1px solid #fffdf3;border-radius:24px;padding:22px 29px;box-shadow:0 12px 44px #09233455;text-align:center}.mg-card-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:#f2dfb9;color:#375b65;margin:0 auto 10px}.mg-card-symbol svg{width:48px;height:48px;fill:currentColor}.mg-kicker{font-size:9px;font-weight:bold;letter-spacing:2px;margin:0 0 8px;color:#8d7650}.mg-card h3{font-size:26px;line-height:1.1;letter-spacing:-.7px;margin:0 0 12px;text-wrap:balance}.mg-copy{font-size:14px;line-height:1.55;margin:0 0 15px;color:#49606a}.mg-steps{list-style:none;counter-reset:steps;text-align:left;padding:0;margin:0 0 20px;display:grid;gap:9px}.mg-steps li{counter-increment:steps;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4}.mg-steps li:before{content:counter(steps);display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;background:#e9eddb;border-radius:50%;color:#396251;font-size:11px;font-weight:bold}.minigame .mg-primary{background:var(--mg-ink);border-color:var(--mg-ink);color:var(--mg-paper);min-width:195px;box-shadow:0 4px 0 #092432;font-size:15px;padding:13px 22px}.mg-card-note{display:block;font-size:10px;line-height:1.5;margin-top:14px;color:#817b64}.mg-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 20px}.mg-results>div{background:#eee7d2;border-radius:12px;padding:12px}.mg-results small{display:block;font-size:10px;margin-bottom:6px}.mg-results strong{font-size:22px;font-variant-numeric:tabular-nums}.mg-countdown{background:#142f4122;justify-items:center;align-content:center;gap:9px;color:#fff8d9;pointer-events:none}.mg-count{font-size:98px;line-height:1;text-shadow:0 6px 0 #213d4e77}.mg-countdown span{background:#193a4ce8;padding:8px 15px;border-radius:999px;font-size:13px}
.mg-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fbf3df;padding:12px 20px;border-top:1px solid #d3c5a4;flex-shrink:0}.mg-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px);gap:4px;flex-shrink:0}.minigame .mg-pad button{min-width:44px;min-height:42px;padding:0;font-size:22px;touch-action:none}.mg-pad [data-input="up"]{grid-column:2}.mg-pad [data-input="left"]{grid-column:1;grid-row:2}.mg-pad [data-input="down"]{grid-column:2;grid-row:2}.mg-pad [data-input="right"]{grid-column:3;grid-row:2}.mg-controls-help{margin:0;font-size:12px;line-height:1.5;max-width:290px;color:#5e6d6c;text-align:center}.mg-actions{display:flex;gap:12px;align-items:center}.minigame .mg-action{min-width:106px;min-height:60px;background:var(--mg-accent);border-color:#d3ad66;box-shadow:0 4px 0 #c9ab72;touch-action:none}.minigame .mg-reset{font-size:11px;padding:9px 12px;box-shadow:none}.minigame [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.minigame button:hover{filter:brightness(1.035)}.minigame button:active{transform:translateY(2px);box-shadow:none}}
@media(max-width:600px){.minigame{height:calc(100dvh - 18px);width:calc(100% - 16px);border-radius:19px}.mg-header{padding:11px;gap:8px}.mg-mark{width:33px;height:38px;border-radius:10px}.mg-mark svg{width:26px}.mg-identity{gap:8px}.mg-header h2{font-size:17px;letter-spacing:-.3px}.mg-eyebrow{font-size:7px;letter-spacing:.6px}.minigame .mg-toolbar button{padding:8px;font-size:11px}.mg-toolbar{gap:4px}.mg-hud{top:10px;left:10px;right:10px;gap:5px;flex-wrap:wrap}.mg-objective{min-width:0;flex:1;max-width:none;padding:10px}.mg-objective strong{font-size:11px}.mg-stat{display:none}.mg-budget{padding:8px 10px;min-width:67px}.mg-budget strong{font-size:16px}.mg-budget small{font-size:7px}.mg-progress{margin-top:6px}.mg-telemetry{bottom:12px;left:10px;min-width:0;max-width:185px;padding:9px 11px}.mg-telemetry strong{font-size:15px}.mg-telemetry span{font-size:9px}.mg-map{width:104px;right:10px;bottom:12px;padding:8px}.mg-map small{font-size:6px;letter-spacing:.7px}.mg-expired{bottom:108px;font-size:10px;padding:8px 10px}.mg-feedback{top:80px;font-size:12px}.mg-controls{padding:10px;gap:10px;flex-wrap:wrap}.mg-controls-help{order:3;flex-basis:100%;max-width:none;font-size:10px}.mg-actions{gap:8px;flex-direction:column-reverse;align-items:stretch}.minigame .mg-reset{font-size:10px;min-height:32px;padding:5px}.minigame .mg-action{min-height:56px;min-width:104px;font-size:13px}.mg-overlay{padding:12px;align-content:center}.mg-card{padding:19px 18px;width:100%}.mg-card-symbol{width:51px;height:51px;border-radius:16px}.mg-card-symbol svg{width:39px;height:39px}.mg-card h3{font-size:24px}.mg-copy{font-size:12px;line-height:1.5}.mg-steps{gap:8px;margin-bottom:16px}.mg-steps li{font-size:11px}.mg-card-note{font-size:9px}.minigame .mg-primary{min-width:185px;font-size:14px}.mg-kicker{font-size:8px}}
@media(max-height:570px){.mg-header{padding:8px 15px}.mg-mark{width:32px;height:32px}.mg-mark svg{width:25px}.mg-eyebrow{display:none}.mg-header h2{font-size:18px}.mg-stage{min-height:0}.mg-controls{padding:6px 14px}.mg-controls-help{display:none}.mg-pad{grid-template-rows:repeat(2,35px)}.minigame .mg-pad button{min-height:35px}.mg-card{padding:14px 22px;max-width:580px;display:grid;grid-template-columns:1fr 1fr;gap:5px 17px;text-align:left}.mg-card-symbol,.mg-kicker,.mg-card-note{display:none}.mg-card h3{grid-column:1;font-size:20px;margin:0}.mg-copy{grid-column:1;font-size:11px;margin:0}.mg-steps{grid-column:2;grid-row:1/span 2;gap:4px;margin:0}.mg-steps li{font-size:10px}.minigame .mg-primary{grid-column:2;min-width:0;min-height:36px;padding:8px 12px;font-size:12px}.mg-results{margin:0;grid-column:2}.mg-feedback{top:70px}.mg-telemetry{bottom:8px;padding:8px 12px}.mg-map{width:100px;bottom:8px}.mg-count{font-size:62px}}
@media(prefers-reduced-motion:reduce){.minigame *{scroll-behavior:auto;transition:none!important;animation:none!important}}
.mg-difficulty-badge{display:inline-block;font-size:10px;line-height:1.2;font-weight:bold;margin-top:5px;padding:3px 8px;border:1px solid #d5c69e;border-radius:99px;background:#f0e4c6}.mg-difficulty{border:0;padding:0;margin:17px 0;text-align:left;min-width:0}.mg-difficulty legend{font-size:12px;font-weight:bold;margin-bottom:9px}.mg-difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mg-difficulty label{position:relative;cursor:pointer}.mg-difficulty input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.mg-difficulty span{display:block;text-align:center;padding:11px 4px;border:1px solid #d4c9ae;border-radius:10px;font-size:12px;font-weight:bold;background:#fffaf0}.mg-difficulty input:checked+span{background:#f1d68e;border-color:#9c762f;box-shadow:inset 0 0 0 1px #9c762f}.mg-difficulty input:focus-visible+span{outline:3px solid #17394c;outline-offset:2px}.mg-difficulty-detail{font-size:11px;line-height:1.5;min-height:33px;margin:9px 0 0;color:#49606a}.minigame .mg-change-difficulty{display:block;margin:14px auto 0;border:0;box-shadow:none;background:transparent;font-size:12px;text-decoration:underline;min-height:36px}.mg-overlay{place-content:unset;align-items:start;justify-items:center}.mg-card{margin:auto;flex-shrink:0}.mg-countdown{align-content:center;align-items:center;justify-content:center}.mg-intro .mg-card-symbol{width:48px;height:48px;margin-bottom:8px}.mg-intro .mg-card-symbol svg{width:36px;height:36px}.mg-intro h3{font-size:24px}.mg-intro .mg-steps{margin-bottom:10px}
@media(max-width:600px){.mg-difficulty-badge{font-size:8px;padding:2px 6px}.mg-intro .mg-card-symbol{display:none}.mg-intro h3{font-size:21px}.mg-intro .mg-copy{margin-bottom:10px}.mg-difficulty{margin:12px 0}.mg-difficulty-detail{font-size:10px;min-height:30px}.mg-card-note{margin-top:10px}}
@media(max-height:570px){.mg-intro .mg-card-symbol{display:none}.mg-difficulty{grid-column:1/-1;margin:6px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:17px}.mg-difficulty legend{grid-column:1/-1;margin-bottom:5px}.mg-difficulty-detail{margin:0;min-height:0}.mg-difficulty span{padding:8px 3px}.mg-card .mg-primary{grid-column:1/-1}.mg-difficulty-badge{display:none}}
.mg-intro .mg-card-symbol{display:none}.mg-intro .mg-difficulty-detail{min-height:0}.mg-intro .mg-card-note{margin-top:10px}