:root{font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#17324d;background:#76c7ff;font-synthesis:none;--ui-scale: 1}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#ui-layer,#scene-wipe{position:absolute;top:0;right:0;bottom:0;left:0}#ui-layer{pointer-events:none;font-size:calc(16px * var(--ui-scale))}#ui-layer button,#ui-layer input,#ui-layer select,#ui-layer [role=button]{pointer-events:auto;font:inherit}button{border:0;border-radius:999px;min-height:48px;padding:.75rem 1.15rem;color:#17324d;background:#fff;box-shadow:0 4px #bfd5e5;font-weight:800;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ffcf33;outline-offset:3px}.shell-back-control{position:absolute;top:1rem;left:1rem;z-index:45;min-width:7rem;min-height:3rem;border:3px solid #30445d;border-radius:999px;background:#fff;color:#26384d;box-shadow:0 4px #30445d47;pointer-events:auto}.top-bar{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shell-has-back .top-bar{padding-left:150px}.top-actions{display:flex;gap:10px;margin-right:8rem}.hub-card,.scene-card{padding:.8rem 1.15rem;border-radius:22px;background:#ffffffeb;box-shadow:0 6px 18px #1c476633}.hub-card h1,.scene-card h1{margin:0;font-size:1.25rem}.hub-card p,.scene-card p{margin:.3rem 0 0;font-weight:700}.greeting{color:#c84875}.interaction-prompt{position:absolute;left:50%;bottom:28px;transform:translate(-50%);padding:.8rem 1.3rem;border-radius:18px;background:#17324de8;color:#fff;font-weight:900;text-align:center}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#142a409e;pointer-events:auto;z-index:50}.modal{width:min(94vw,720px);max-height:90vh;overflow:auto;padding:1.25rem;border-radius:28px;background:#fff9e9;box-shadow:0 14px 50px #00000047}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header h2{margin:0}.stamp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin-top:18px}.stamp{min-height:145px;display:grid;place-items:center;align-content:center;padding:12px;border-radius:22px;background:#e7eef4;text-align:center}.stamp.is-earned{background:#fff0a8;border:4px solid #ffbf2f}#ui-layer .stamp-launcher{position:absolute;top:1rem;right:8.75rem;width:3.4rem;height:3.4rem;min-height:0;padding:0;border-radius:50%;border:4px solid #ffbf2f;background:#fff0a8;color:#e5a000;font-size:1.8rem;line-height:1;z-index:40;pointer-events:auto}.stamp.is-unlocked{border:4px dashed #76c7ff}.stamp.is-locked{opacity:.55}.stamp-mark{font-size:2.5rem;filter:grayscale(1)}.stamp.is-earned .stamp-mark{filter:none}.stamp-name{font-size:1.05rem;font-weight:900}.stamp-status{font-size:.85rem}.stamp-photo{max-width:100%;max-height:90px;border-radius:12px;margin-top:8px}.sequence-complete{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#76c7ff;pointer-events:auto}.sequence-complete__card{display:grid;justify-items:center;gap:18px;width:min(460px,100%);padding:28px 24px;border:4px solid #ffbf2f;border-radius:28px;background:#fff9e9;box-shadow:0 8px #30445d3d;text-align:center}.sequence-complete__card h1{margin:0;font-size:2rem}.sequence-complete__stages{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sequence-complete__stages li{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:900}.sequence-complete__stars{color:#e5a000;letter-spacing:2px;font-size:1.4rem}#ui-layer .sequence-complete__replay{min-width:12rem;min-height:4rem;border:4px solid #e58b2e;border-radius:999px;background:#ffcf4b;color:#26384d;font-size:1.5rem;font-weight:900}.stage-unlock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#76c7ff;pointer-events:auto}.stage-unlock__card{display:grid;justify-items:center;gap:24px;width:min(600px,100%);padding:48px 24px;border:6px solid #ffbf2f;border-radius:36px;background:#fff9e9;box-shadow:0 10px #30445d3d;text-align:center;animation:unlock-pop .35s both}.stage-unlock__lock{position:relative;width:96px;height:80px;margin-top:52px;border:5px solid #e5a000;border-radius:18px;background:#ffcf4b}.stage-unlock__lock:after{content:"★";color:#fff9e9;font-size:48px;line-height:70px}.stage-unlock__shackle{position:absolute;width:64px;height:64px;left:11px;top:-56px;border:12px solid #30445d;border-bottom:0;border-radius:40px 40px 0 0;transform-origin:right bottom;transform:translateY(-8px) rotate(28deg);animation:unlock-shackle .4s .15s both}.stage-unlock__title{margin:0;color:#30445d;font-size:clamp(2.4rem,7vw,4rem);font-weight:900;animation:unlock-pop .4s .35s both}.stage-unlock__name{color:#c84875;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(2.4rem,7vw,3.8rem);font-weight:900;animation:unlock-pop .4s .5s both}@keyframes unlock-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes unlock-shackle{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(28deg)}}@media (prefers-reduced-motion: reduce){.stage-unlock__card,.stage-unlock__shackle,.stage-unlock__title,.stage-unlock__name{animation:none}}#scene-wipe{z-index:1000;pointer-events:none;background:#ffcf4b;transform:scaleX(0);transform-origin:left center}.fatal-message{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;background:#fff4d7;font-size:1.3rem;font-weight:900;text-align:center}[hidden],.is-hidden{display:none!important}@media (max-width: 640px){.top-bar{flex-direction:column}.top-actions{align-self:flex-end}.hub-card p{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}