.mp-game{--gold: #f5b52a;--ink: #0a0d1a;--paper: #f2ecdc;--pad: clamp(10px, 1.6cqw, 18px);position:relative;container-type:size;width:100%;aspect-ratio:16 / 10;max-height:min(78vh,720px);min-height:340px;overflow:hidden;border-radius:14px;background:var(--ink);color:var(--paper);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;box-shadow:0 12px 40px #00000073;-webkit-user-select:none;user-select:none;outline:none}@media (max-width: 640px){.mp-game{aspect-ratio:3 / 4;max-height:82vh}}.mp-game *{box-sizing:border-box}.mp-canvas,.mp-canvas canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}.mp-canvas canvas{opacity:1}.mp-hud{position:absolute;inset:0;z-index:6;pointer-events:none;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 18px rgba(0,0,0,.5)}.mp-tl{position:absolute;top:var(--pad);left:var(--pad)}.mp-tr{position:absolute;top:var(--pad);right:var(--pad);text-align:right;font-size:clamp(20px,3.4cqw,32px);font-variant-numeric:tabular-nums}.mp-br{position:absolute;bottom:var(--pad);right:var(--pad);font-size:clamp(10px,1.4cqw,14px);font-weight:600;opacity:.6;letter-spacing:.14em}.mp-pins{font-size:clamp(16px,3cqw,28px)}.mp-date{margin-top:4px;font-size:clamp(10px,1.4cqw,14px);font-weight:600;opacity:.75;letter-spacing:.12em;text-transform:uppercase}.mp-card{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;padding:24px}.mp-card>div{max-width:520px}.mp-title{margin:0 0 10px;font-size:clamp(30px,7cqw,64px);line-height:1;letter-spacing:.04em;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 32px rgba(245,181,42,.35)}.mp-card p{margin:6px 0;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.6)}.mp-hint{font-size:clamp(14px,2.2cqw,20px);font-weight:700}.mp-best{font-size:clamp(12px,1.8cqw,15px);font-weight:700;color:var(--gold);letter-spacing:.06em;min-height:1.2em}.mp-total{font-size:clamp(11px,1.5cqw,13px);font-weight:600;opacity:.7;letter-spacing:.08em;min-height:1.2em}.mp-sub{font-size:12px;opacity:.65;letter-spacing:.12em;text-transform:uppercase;margin-top:18px;animation:mp-pulse 1.6s ease-in-out infinite}.mp-start{z-index:7;transition:opacity .6s ease;opacity:1}.mp-start.fade{opacity:0}@keyframes mp-pulse{50%{opacity:.25}}.mp-end{z-index:10;pointer-events:auto;background:#0608128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .35s ease}.mp-end.in{opacity:1}.mp-end-pins{font-size:clamp(20px,3.6cqw,34px);font-weight:800}.mp-end-sub{opacity:.75}.mp-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.mp-claim{margin:10px auto 0;max-width:340px}.mp-claim-label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:8px}.mp-claim-row{display:flex;gap:8px}.mp-claim input{flex:1;min-width:0;font:inherit;font-weight:700;font-size:15px;padding:10px 14px;border-radius:999px;border:2px solid rgba(242,236,220,.35);background:#0a0d1ab3;color:var(--paper);outline:none;-webkit-user-select:text;user-select:text}.mp-claim input:focus{border-color:var(--gold)}.mp-button-small{padding:10px 18px;font-size:13px}.mp-button{font:inherit;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;padding:13px 24px;border-radius:999px;border:2px solid var(--gold);background:var(--gold);color:var(--ink);cursor:pointer;box-shadow:0 6px #0006;transition:transform .08s ease;touch-action:manipulation}.mp-button-ghost{background:transparent;color:var(--gold)}.mp-button:active{transform:translateY(3px);box-shadow:0 3px #0006}.mp-button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.mp-toast{position:absolute;z-index:20;left:50%;bottom:12%;transform:translate(-50%,10px);background:var(--paper);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.mp-toast.show{opacity:1;transform:translate(-50%)}.mp-touch{position:absolute;inset:0;z-index:5;touch-action:none}.mp-stick{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff14;opacity:0;transition:opacity .15s;pointer-events:none}.mp-stick.active{opacity:1}.mp-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--gold);box-shadow:0 4px #0006}.mp-brake{position:absolute;right:18px;bottom:40px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,80,80,.7);background:#ff3c3c29;color:#ff7676;font-weight:800;letter-spacing:.1em;font-size:12px;pointer-events:none}.mp-brake.active{background:#ff3c3c73;color:#fff}.mp-stick-hint{position:absolute;left:20px;bottom:60px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.45;font-weight:700;pointer-events:none}.mp-game [hidden]{display:none!important}.mp-ad{display:flex;justify-content:center}.mp-ad-figure{margin:0;text-align:center}.mp-ad-figure img{display:block;max-width:100%;height:auto;border-radius:8px}.mp-ad-figure figcaption{margin-top:5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.mp-ad-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;max-width:var(--ad-w);aspect-ratio:var(--ad-w) / var(--ad-h);border:1px dashed rgba(245,181,42,.45);border-radius:8px;background:#f5b52a0f;color:#f5b52a;text-decoration:none;transition:background .15s}.mp-ad-cta:hover{background:#f5b52a1f}.mp-ad-cta-title{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px}.mp-ad-cta-sub{font-size:12px;color:#f2ecdcb3}.mp-ad-side .mp-ad-cta{width:var(--ad-w)}@media (max-width: 1023px){.mp-ad-side .mp-ad-cta{width:100%;max-width:100%;aspect-ratio:auto;padding:28px}}