html,body,#root{margin:0;height:100%;background:#1a0b24;cursor:pointer;font-family:Fredoka,PingFang SC,Hiragino Sans GB,sans-serif}.stage{position:relative;width:100%;height:100dvh;overflow:hidden;background:#1a0b24}.reel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;background:#1a0b24}@media(min-width:751px){html,body,#root{height:auto;min-height:100%;background:#000}.stage{max-width:750px;height:100dvh;margin:0 auto;overflow:hidden;background:#000}.reel{object-position:center}}.banner{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:linear-gradient(180deg,#48203e9e,#48203e6b)}.banner-logo{flex:0 0 auto;width:48px;height:48px;border-radius:12px;object-fit:cover}.banner-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;color:#ffe27a;text-shadow:0 1px 0 #9a4a00,0 2px 6px rgba(0,0,0,.45)}.banner-copy strong,.banner-copy span{display:block;font-weight:800;letter-spacing:.02em;line-height:1.2}.banner-copy strong{font-size:14px}.banner-copy span{font-size:12px;color:#fff3c4;font-weight:700}.banner-play{flex:0 0 auto;width:92px;padding:0;border:0;background:transparent;cursor:pointer}.banner-play img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.banner-play:active{filter:brightness(.94)}.banner-play:disabled{pointer-events:none;opacity:.8}.enter-wrap{position:absolute;left:50%;bottom:100px;z-index:2;width:min(320px,calc(100% - 72px));transform:translate(-50%)}.enter{position:relative;z-index:1;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;animation:enter-pulse 1.35s ease-in-out infinite}.enter img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.enter:active{filter:brightness(.94)}.enter:disabled{pointer-events:none;opacity:.8;animation:none}.guide{position:absolute;z-index:2;right:2px;bottom:-36px;width:112px;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;animation:guide-tap .95s ease-in-out infinite}@keyframes enter-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes guide-tap{0%,to{transform:translate(12px,14px)}45%{transform:translate(0)}}.pixel-debug{position:absolute;top:72px;left:8px;right:8px;z-index:4;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-radius:10px;background:#081428e0;color:#fff;font-size:12px;font-weight:600;pointer-events:none}.pixel-debug b{color:#7dffb3}.pixel-debug span{padding:2px 8px;border-radius:999px;background:#1c6fd4}@media(prefers-reduced-motion:reduce){.enter,.guide{animation:none}}