/* A cinematic video introduction remains above the independently loading game. */
.intro-overlay{position:fixed;inset:0;z-index:240;overflow:hidden;isolation:isolate;background:#000;color:#fff;opacity:1;transition:opacity 400ms ease;touch-action:manipulation;font-family:var(--game-font,Heavitas,Arial,sans-serif)}
.intro-overlay[hidden]{display:none!important}.intro-content{position:absolute;inset:0;opacity:1;transition:opacity 250ms ease}.intro-video,.intro-still{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;pointer-events:none}.intro-video[hidden]{display:none}.intro-still{z-index:1}
.intro-toolbar{position:absolute;z-index:5;top:max(22px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px;pointer-events:none;transition:opacity 250ms ease}.intro-toolbar button{min-height:44px;padding:12px 18px;border:1px solid #edd07f88;border-radius:6px;background:#06130edb;box-shadow:0 3px 14px #0008,inset 0 1px #ffe4a122;color:#ffedbb;font:400 11px/1.2 var(--game-font,Heavitas,Arial,sans-serif);letter-spacing:.6px;pointer-events:auto;cursor:pointer}.intro-toolbar .intro-skip{margin-left:auto}.intro-toolbar button:hover{background:#253926;filter:none;transform:none}.intro-toolbar button:active{transform:none}.intro-overlay button:focus-visible{outline:3px solid #ffdf6a;outline-offset:4px}
.intro-buffer{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:90px 24px;background:radial-gradient(ellipse,#0b211aea,#000e 70%);text-align:center}.intro-buffer[hidden]{display:none!important}.intro-logo{display:block;width:min(540px,76vw);height:auto;max-height:29svh;object-fit:contain;transform:translateX(-10px);filter:drop-shadow(0 8px 16px #000a)}.intro-buffer-progress{position:relative;width:clamp(120px,20svh,170px);aspect-ratio:1}.intro-buffer-progress[hidden]{display:none}.intro-buffer-wheel{display:block;width:100%;height:100%;overflow:visible}.intro-buffer-shell{fill:#06160f;stroke:#aa8238;stroke-width:4}.intro-buffer-track{fill:none;stroke:#493e22;stroke-width:12}.intro-buffer-fill{fill:none;stroke:#ffd34d;stroke-width:12;stroke-dasharray:0 100;transform:rotate(-90deg);transform-origin:80px 80px;filter:drop-shadow(0 0 3px #ffc52c77)}.intro-buffer-percent{position:absolute;inset:0;display:grid;place-items:center;color:#ffdc62;font-size:27px;font-weight:400;font-variant-numeric:tabular-nums;text-shadow:0 2px #533513}.intro-status{margin:0;color:#e9dfc0;font:400 12px/1.7 var(--game-font,Heavitas,Arial,sans-serif);letter-spacing:.4px}
.intro-play{position:absolute;z-index:4;left:50%;top:72%;transform:translate(-50%,-50%);min-height:52px;padding:15px 28px;border:1px solid #fff0b6;border-radius:6px;background:linear-gradient(#ffedac,#dba846 51%,#ae751f 52%,#dfaf4e);box-shadow:inset 0 0 0 2px #7c531855,0 5px 20px #0009;color:#251606;font:400 15px/1.3 var(--game-font,Heavitas,Arial,sans-serif);white-space:nowrap;cursor:pointer}.intro-play[hidden]{display:none}.intro-overlay .intro-play:hover,.intro-overlay .intro-play:active{transform:translate(-50%,-50%);filter:brightness(1.08)}
.intro-caption{position:absolute;z-index:3;left:50%;bottom:max(34px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:min(1000px,90vw);margin:0;padding:8px 14px;color:#fff;font:600 clamp(20px,2vw,29px)/1.4 Arial,Helvetica,sans-serif;text-align:center;-webkit-text-stroke:1px #000;paint-order:stroke fill;white-space:pre-line;text-wrap:balance;letter-spacing:.1px;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000,0 2px 3px #000,0 0 8px #000;filter:drop-shadow(0 1px 1px #000);pointer-events:none}.intro-caption[hidden]{display:none}
.intro-overlay.is-finishing .intro-content,.intro-overlay.is-finishing .intro-toolbar{opacity:0;pointer-events:none}.intro-overlay.is-exiting{opacity:0;pointer-events:none}.intro-overlay[data-reduced="true"],.intro-overlay[data-reduced="true"] .intro-content,.intro-overlay[data-reduced="true"] .intro-toolbar{transition:none}
@media(max-width:600px){.intro-toolbar{top:max(16px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:8px}.intro-toolbar button{padding:11px 12px;font-size:9px;letter-spacing:.3px}.intro-buffer{padding:85px 20px;gap:20px}.intro-logo{width:90vw;max-height:25svh}.intro-caption{bottom:max(28px,env(safe-area-inset-bottom));max-width:94vw;padding:6px 10px;font-size:18px;line-height:1.4}.intro-status{font-size:10px;max-width:280px}.intro-play{top:70%;font-size:13px}}
@media(max-height:500px){.intro-toolbar{top:12px}.intro-toolbar button{min-height:38px;padding:9px 12px}.intro-buffer{padding:58px 16px 20px;gap:8px}.intro-logo{max-height:25svh}.intro-buffer-progress{width:110px}.intro-status{font-size:9px}.intro-play{top:79%;min-height:42px;padding:10px 22px}.intro-caption{bottom:max(12px,env(safe-area-inset-bottom));font-size:18px}}
@media(prefers-reduced-motion:reduce){.intro-overlay,.intro-content,.intro-toolbar{transition:none}}