@font-face{font-family:PixelMplus10;src:url(/assets/fonts/pixel-mplus-10-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:PixelMplus10;src:url(/assets/fonts/pixel-mplus-10-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:PixelMplus12;src:url(/assets/fonts/pixel-mplus-12-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:PixelMplus12;src:url(/assets/fonts/pixel-mplus-12-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color:#fff7d2;background:#080705;font-family:PixelMplus12,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:linear-gradient(45deg,rgba(210,137,29,.055) 25%,transparent 25%) 0 0 / 8px 8px,#080705}button{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}.auth-page{display:grid;width:100vw;height:100vh;place-items:center;background:radial-gradient(circle at 50% 34%,#f8fcfafa,#deeee8f5 58%,#bbd6ccfa),#d8e8e2}.auth-display-frame{position:relative;overflow:hidden;background:#f4f8f6;box-shadow:0 18px 44px #1439302e;image-rendering:pixelated}.auth-logical-frame{position:absolute;top:0;left:0;width:640px;height:360px;overflow:hidden;border:0;color:#18352e;transform:scale(var(--game-scale));transform-origin:0 0;background:linear-gradient(180deg,#f5faf8fc,#ecf5f1fc),#eef6f2;font-family:PixelMplus12,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}.auth-screen-border{position:absolute;inset:4px;z-index:0;border:2px solid #8db8ab;border-radius:7px;box-shadow:inset 0 0 0 1px #d8e8e2;pointer-events:none}.auth-screen-content{position:absolute;top:38px;left:72px;z-index:1;width:470px}.auth-kicker{display:flex;align-items:center;gap:9px;margin:0;color:#247565;font:800 8px/1 PixelMplus10,monospace;letter-spacing:1.25px}.auth-kicker span{color:#63a897;font-size:6px}.auth-screen-content h1{margin:0;padding-top:13px;color:#18312b;font:700 32px/1.05 PixelMplus12,monospace;letter-spacing:.045em}.auth-screen-content h2{margin:24px 0 0;color:#216869;font:700 17px/1.2 PixelMplus12,monospace;letter-spacing:.04em}.auth-divider{display:flex;width:292px;align-items:center;gap:8px;margin-top:10px}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:#bcd4cd;content:""}.auth-divider span{width:7px;height:7px;border:1px solid #5f9d8e;background:#e7f2ee;transform:rotate(45deg)}.auth-description,.auth-loading{margin:15px 0 0;color:#31554c;font:700 11px/1.75 PixelMplus10,monospace;letter-spacing:.02em}.auth-loading:after{display:inline-block;width:12px;margin-left:5px;color:#247565;content:"◆";animation:auth-pulse .9s steps(2,end) infinite}.auth-message-area{display:grid;min-height:46px;align-content:end;gap:4px}.auth-message{width:360px;margin:0;padding:5px 8px;border:1px solid #d7a089;border-radius:4px;color:#873d2b;background:#fff4ee;font:700 8px/1.35 PixelMplus10,monospace}.auth-actions{display:flex;align-items:center;gap:10px;margin-top:7px}.auth-primary-button{display:inline-flex;width:220px;height:44px;align-items:center;justify-content:space-between;padding:0 13px;border:2px solid #174f44;border-radius:8px;color:#fff;background:linear-gradient(#2d8b78,#176a5b);box-shadow:inset 0 0 0 2px #72b9a7,0 4px #0d493f;font:700 11px/1 PixelMplus12,monospace;cursor:pointer}.auth-primary-button>span{color:#bce3d9;font-size:6px}.auth-primary-button:hover{background:linear-gradient(#369b87,#1d7564)}.auth-primary-button:active{box-shadow:inset 0 0 0 2px #72b9a7,0 1px #0d493f;transform:translateY(3px)}.auth-primary-button:focus-visible,.auth-retry-button:focus-visible{outline:3px solid #d4a848;outline-offset:3px}.auth-retry-button{min-width:70px;height:36px;padding:0 10px;border:1px solid #a9c7bd;border-radius:7px;color:#216869;background:#fff;font:700 9px/1 PixelMplus12,monospace;cursor:pointer}.auth-retry-button:hover{border-color:#216869;background:#eff8f5}.auth-session-bar button{padding:6px 9px;border:1px solid #a97024;border-radius:0;color:#ffe7a1;background:#3a210d;font:700 9px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;cursor:pointer}.auth-session-bar{position:fixed;top:10px;right:10px;z-index:100;display:flex;min-height:27px;align-items:center;gap:9px;padding:5px 6px 5px 9px;border:1px solid #a97024;color:#f8d987;background:#1c0e06f0;box-shadow:3px 3px #0006;font:700 8px/1 PixelMplus10,monospace}.auth-session-bar strong{color:#fff4bc}.auth-session-bar button:disabled{cursor:wait;opacity:.65}.auth-session-error{color:#ff9a76}@keyframes auth-pulse{50%{opacity:.15}}.title-page,.home-page,.feature-placeholder-page{display:grid;width:100vw;height:100vh;place-items:center;background:radial-gradient(circle at 50% 34%,#f8fcfafa,#deeee8f5 58%,#bbd6ccfa),#d8e8e2}.title-display-frame,.home-display-frame,.feature-placeholder-display-frame{position:relative;overflow:hidden;background:#f4f8f6;box-shadow:0 18px 44px #1439302e;image-rendering:pixelated}.title-logical-frame,.home-logical-frame,.feature-placeholder-logical-frame{position:absolute;top:0;left:0;width:640px;height:360px;overflow:hidden;border:0;color:#18352e;transform:scale(var(--game-scale));transform-origin:0 0;background:linear-gradient(#f8fbfaf5,#f0f7f4fa),#f4f8f6;font-family:Inter,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif}.title-logical-frame:before{position:absolute;inset:4px;border:2px solid #8db8ab;border-radius:7px;box-shadow:inset 0 0 0 1px #d8e8e2;content:"";pointer-events:none}.title-logical-frame{display:flex;flex-direction:column;align-items:center}.title-kicker{margin:35px 0 4px;color:#247565;font:700 13px/1 PixelMplus10,monospace;letter-spacing:4px}.title-logo{display:block;width:390px;height:145px;object-fit:contain;image-rendering:pixelated}.title-start-button{width:284px;height:58px;margin-top:3px;border:2px solid #174f44;border-radius:8px;color:#fff;background:linear-gradient(#2d8b78,#176a5b);box-shadow:inset 0 0 0 2px #72b9a7,0 5px #0d493f;font:700 24px/1 PixelMplus12,monospace;letter-spacing:2px;text-shadow:2px 2px 0 #0e4e43;cursor:pointer}.title-start-button:hover{background:linear-gradient(#369b87,#1d7564)}.title-start-button:active{box-shadow:inset 0 0 0 2px #72b9a7,0 2px #0d493f;transform:translateY(3px)}.title-start-button:focus-visible{outline:3px solid #d4a848;outline-offset:4px}.title-start-help{margin:14px 0 0;color:#52766c;font:700 8px/1 PixelMplus10,monospace;letter-spacing:1.4px}.title-status{position:absolute;right:16px;bottom:14px;left:16px;display:flex;justify-content:space-between;color:#3b7568;font:700 7px/1 PixelMplus10,monospace}.title-status strong{color:#174f44}.home-logical-frame{background:linear-gradient(180deg,#f5faf8fc,#ecf5f1fc),#eef6f2}.home-screen-border{position:absolute;inset:4px;z-index:0;border:2px solid #8db8ab;border-radius:7px;box-shadow:inset 0 0 0 1px #d8e8e2;pointer-events:none}.home-header{position:absolute;top:8px;left:8px;z-index:2;display:flex;width:624px;height:60px;align-items:center;justify-content:space-between;padding:6px 14px 6px 16px;border-bottom:1px solid #bcd4cd}.home-heading span{display:block;color:#2b7b6b;font:700 8px/1 PixelMplus10,monospace;letter-spacing:1.8px}.home-heading h1{margin:4px 0 0;color:#1c443b;font:700 23px/1 PixelMplus12,monospace;letter-spacing:1px}.home-settings-button,.feature-placeholder-back{display:inline-flex;min-width:104px;height:40px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #87b3a7;border-radius:7px;color:#214e43;background:#f9fcfb;box-shadow:0 3px #c7ddd6;font-size:12px;font-weight:700;cursor:pointer}.home-settings-button span{color:#1d7564;font-size:19px;line-height:1}.home-settings-button:hover:not(:disabled),.feature-placeholder-back:hover{border-color:#3e8f7e;background:#eef8f4}.home-settings-button:focus-visible,.feature-placeholder-back:focus-visible,.home-menu-card:focus-visible,.home-settings-dialog button:focus-visible,.home-confirm-dialog button:focus-visible,.feature-placeholder-primary:focus-visible{outline:3px solid #d4a848;outline-offset:2px}.home-menu{position:absolute;top:84px;left:64px;z-index:2;display:grid;grid-template-columns:repeat(5,96px);gap:8px}.home-menu-card{position:relative;display:grid;width:96px;height:164px;grid-template-rows:64px 32px 6px 34px;align-items:center;justify-items:center;padding:8px 6px 7px;border:1px solid #b6d0c8;border-radius:6px;color:#23483f;background:#fbfdfc;box-shadow:0 4px #5780742e;text-align:center;cursor:pointer}.home-menu-card:before{position:absolute;inset:-8px -6px;z-index:-1;border:3px solid transparent;border-radius:9px;content:"";pointer-events:none}.home-menu-card[data-selected]:before{border-color:#20806d;background:#67b8a31c;box-shadow:0 0 0 2px #a8d4c8,0 4px #175d4e38}.home-menu-card:hover:not(:disabled){border-color:#70aa9c;background:#f3faf7}.home-menu-card:active:not(:disabled){background:#e8f5f0;box-shadow:inset 0 2px #2d706026}.home-menu-card:disabled,.home-settings-button:disabled{cursor:default}.home-card-icon,.home-detail-icon,.feature-placeholder-icon{display:grid;place-items:center;color:#257b6a;background:#e5f3ee}.home-card-icon{width:64px;height:64px;border:1px solid #c4ddd6;border-radius:50%}.home-card-icon svg,.home-detail-icon svg,.feature-placeholder-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.home-menu-card>strong{align-self:center;font-size:10px;line-height:1.35}.home-card-divider{width:70px;border-top:2px dotted #c5d9d3}.home-menu-card>small{align-self:start;color:#54736b;font-size:8px;font-weight:700;line-height:1.45;white-space:pre-line}.home-detail{position:absolute;top:272px;left:8px;z-index:2;width:624px;height:80px;border-top:1px solid #afcdc4;background:#fafdfce6}.home-detail-icon{position:absolute;top:8px;left:28px;width:64px;height:64px;border:1px solid #a8cbc1;border-radius:50%}.home-detail-copy{position:absolute;top:8px;left:102px;width:300px;height:62px}.home-detail-copy h2,.home-detail-copy p{margin:0}.home-detail-copy h2{color:#173f36;font-size:16px;line-height:1.25}.home-detail-copy p{margin-top:4px;color:#425f57;font-size:9px;line-height:1.45}.home-detail-copy small{display:block;margin-top:4px;color:#3d776a;font:700 7px/1 PixelMplus10,monospace}.home-detail-copy small strong{color:#19594c}.home-logical-frame .home-header{justify-content:center}.home-logical-frame .home-heading{text-align:center}.home-logical-frame .home-settings-button{position:absolute;top:12px;right:14px}.player-status-panels{display:grid;width:188px;height:44px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-left:8px;border-left:1px dotted #d3a13f}.home-detail>.player-status-panels,.stage-select-summary>.player-status-panels{position:absolute;top:14px;right:28px}.player-status-panels>div{display:grid;min-width:0;place-content:center;gap:3px;border:1px solid #d0a044;color:#432817;background:#fff9e0f0;box-shadow:inset 0 0 0 1px #f3dda0;font-family:PixelMplus10,monospace;text-align:center}.player-status-panels span{font-size:6px;font-weight:700}.player-status-panels strong{overflow:hidden;color:#147668;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.stage-select-logical-frame .stage-select-header{align-items:center;justify-content:center;padding:6px 14px}.stage-select-logical-frame .stage-select-header:after{position:absolute;top:58px;right:14px;left:14px;z-index:0;border-top:1px solid var(--stage-select-divider);content:"";pointer-events:none}.stage-select-logical-frame .stage-select-heading,.stage-select-logical-frame .stage-select-back-button{position:relative;z-index:1}.stage-select-logical-frame .stage-select-heading{text-align:center}.stage-select-logical-frame .stage-select-back-button{position:absolute;top:22px;left:50px;min-width:72px;width:72px;height:28px;gap:5px;padding:0 8px;font-size:9px}.stage-select-logical-frame .stage-select-back-button>span{font-size:14px}.story-select-summary .stage-select-summary-copy{width:300px}.feature-placeholder-primary{display:flex;align-items:center;justify-content:center;border:2px solid #174f44;border-radius:7px;color:#fff;background:linear-gradient(#2d8b78,#176a5b);box-shadow:inset 0 0 0 2px #70b7a5,0 4px #0f4f44;font-weight:700;cursor:pointer}.feature-placeholder-primary:hover{background:linear-gradient(#369b87,#1d7564)}.home-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#13312a85;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.home-settings-dialog,.home-confirm-dialog{position:relative;border:2px solid #6da797;border-radius:9px;color:#193b33;background:#f8fcfa;box-shadow:inset 0 0 0 2px #d4e8e2,0 10px #11403538}.home-settings-dialog{width:330px;min-height:218px;padding:17px 20px 18px}.home-settings-dialog[aria-hidden=true]{visibility:hidden}.home-settings-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #cfe1dc}.home-settings-dialog header span{color:#33806f;font:700 7px/1 PixelMplus10,monospace;letter-spacing:1.5px}.home-settings-dialog h2{margin:4px 0 0;font-size:20px}.home-settings-dialog header button{width:31px;height:31px;border:1px solid #a9c9c0;border-radius:5px;color:#2d6659;background:#edf6f3;font-size:21px;line-height:1;cursor:pointer}.home-settings-account{display:grid;gap:5px;margin-top:15px;padding:11px 12px;border:1px solid #c9ddd7;border-radius:5px;background:#eef7f4}.home-settings-account span{color:#5b776f;font-size:8px}.home-settings-account strong{color:#1f5e50;font:700 11px/1 PixelMplus10,monospace}.home-settings-note,.home-settings-error{margin:10px 0 0;font-size:8px;line-height:1.5}.home-settings-note{color:#607b73}.home-settings-error{padding:6px 8px;border:1px solid #c77d6c;border-radius:4px;color:#873526;background:#fff0ec}.home-settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.home-settings-actions button,.home-confirm-dialog button{min-width:103px;height:34px;padding:0 12px;border:1px solid #8bb5aa;border-radius:5px;color:#29594e;background:#edf6f3;font-size:9px;font-weight:700;cursor:pointer}.home-settings-actions .home-settings-logout,.home-confirm-dialog .home-confirm-logout{border-color:#b86c59;color:#fff;background:#a84e3d}.home-confirm-dialog{position:absolute;width:300px;padding:22px 22px 20px;text-align:center}.home-confirm-icon{display:grid;width:44px;height:44px;margin:0 auto 9px;place-items:center;border-radius:50%;color:#a84e3d;background:#f8e4de;font-size:24px}.home-confirm-dialog h2{margin:0;font-size:17px}.home-confirm-dialog p{margin:8px 0 16px;color:#657c76;font-size:9px}.home-confirm-dialog>div{display:flex;justify-content:center;gap:8px}.feature-placeholder-header{position:absolute;top:8px;left:8px;display:flex;width:624px;height:60px;align-items:center;justify-content:space-between;padding:6px 14px 6px 16px;border-bottom:1px solid #bcd4cd}.feature-placeholder-back{min-width:150px}.feature-placeholder-content{position:absolute;top:82px;left:88px;display:flex;width:464px;height:220px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #bfd6cf;border-radius:9px;background:#ffffffad;box-shadow:0 5px #4b766a21}.feature-placeholder-icon{width:72px;height:72px;border:1px solid #a8cbc1;border-radius:50%}.feature-placeholder-content p,.feature-placeholder-content h2,.feature-placeholder-content>strong{margin:0}.feature-placeholder-content p{margin-top:9px;color:#3b8373;font:700 7px/1 PixelMplus10,monospace;letter-spacing:1.5px}.feature-placeholder-content h2{margin-top:5px;color:#193f36;font:700 23px/1.2 PixelMplus12,monospace;letter-spacing:.5px}.feature-placeholder-content>strong{margin-top:6px;color:#607b73;font:700 9px/1.4 PixelMplus10,monospace}.feature-placeholder-primary{width:184px;height:38px;margin-top:14px;font:700 9px/1 PixelMplus12,monospace}.feature-placeholder-status{position:absolute;right:12px;bottom:8px;left:18px;height:44px;color:#3d776a;font:700 7px/1 PixelMplus10,monospace}.feature-placeholder-status strong{color:#19594c}.feature-placeholder-status>span{position:absolute;bottom:4px;left:0}.feature-placeholder-status .player-status-panels{position:absolute;right:10px;bottom:0;height:44px}.stage-select-page{display:grid;width:100vw;height:100vh;place-items:center;background:radial-gradient(circle at 50% 34%,#f8fcfafa,#deeee8f5 58%,#bbd6ccfa),#d8e8e2}.stage-select-display-frame{position:relative;overflow:hidden;background:#f4f8f6;box-shadow:0 18px 44px #1439302e;image-rendering:pixelated}.stage-select-logical-frame{--stage-select-accent: #20806d;--stage-select-accent-dark: #174f44;--stage-select-accent-soft: #a8d4c8;--stage-select-border: #b6d0c8;--stage-select-divider: #bcd4cd;--stage-select-panel: #fbfdfc;--stage-select-surface: #eef6f2;--stage-select-text: #18352e;--stage-select-muted: #54736b;position:absolute;top:0;left:0;width:640px;height:360px;overflow:hidden;border:0;color:var(--stage-select-text);transform:scale(var(--game-scale));transform-origin:0 0;background:linear-gradient(180deg,#f5faf8fc,#ecf5f1fc),var(--stage-select-surface);font-family:Inter,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif}.stage-select-screen-border{position:absolute;inset:4px;z-index:0;border:2px solid #8db8ab;border-radius:7px;box-shadow:inset 0 0 0 1px #d8e8e2;pointer-events:none}.stage-select-header{position:absolute;top:8px;left:8px;z-index:2;display:flex;width:624px;height:60px;align-items:center;justify-content:space-between;padding:6px 14px 6px 16px;border-bottom:1px solid var(--stage-select-divider)}.stage-select-heading{min-width:0}.stage-select-eyebrow{display:block;color:#2b7b6b;font:700 8px/1 PixelMplus10,monospace;letter-spacing:1.8px}.stage-select-header h1{margin:4px 0 0;color:#1c443b;font:700 23px/1 PixelMplus12,monospace;letter-spacing:1px}.stage-select-back-button{display:inline-flex;min-width:150px;height:40px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #87b3a7;border-radius:7px;color:#214e43;background:#f9fcfb;box-shadow:0 3px #c7ddd6;font-size:11px;font-weight:700;cursor:pointer}.stage-select-back-button>span{color:#1d7564;font-size:18px;line-height:1}.stage-select-back-button:hover{border-color:#3e8f7e;background:#eef8f4}.stage-select-panel{position:absolute;top:76px;left:8px;z-index:2;width:624px;height:188px;animation:stage-select-panel-enter .22s ease-out both}.stage-select-world-panel,.stage-select-stage-panel{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;padding:0 8px}.stage-select-world-viewport,.stage-select-stage-viewport{position:relative;width:100%;height:188px;overflow:hidden;padding:8px 0 16px}.stage-select-world-track,.stage-select-stage-track{display:grid;width:100%;height:164px;grid-auto-columns:calc((100% - 32px)/5);grid-auto-flow:column;gap:8px;transition-property:transform;transition-timing-function:cubic-bezier(.22,.8,.32,1)}.stage-select-world-card{display:flex;min-width:0;height:164px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--stage-select-border);border-radius:6px;color:#23483f;background:var(--stage-select-panel);padding:6px 5px;box-shadow:0 4px #5780742e;font-family:inherit;text-align:center;cursor:pointer}.stage-select-world-card:hover:not(:disabled){border-color:#70aa9c;background:#f3faf7}.stage-select-world-card.selected{border-color:var(--stage-select-accent);background:#f3faf7;box-shadow:inset 0 0 0 2px var(--stage-select-accent-soft),0 4px #175d4e38}.stage-select-world-card:disabled{color:#7c8d88;border-color:#ccd9d5;background:#f1f5f3;box-shadow:0 3px #758b841f;cursor:not-allowed}.stage-select-world-icon{width:52px;height:52px;flex:0 0 auto;border:1px solid #c4ddd6;border-radius:50%;color:#257b6a;background:#e5f3ee;padding:6px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage-select-world-card:disabled .stage-select-world-icon{border-color:#d4dfdc;color:#91a29d;background:#e8eeec}.stage-select-world-copy{display:grid;width:100%;min-width:0;gap:2px}.stage-select-world-copy strong{color:#18352e;font:700 11px/1 PixelMplus12,monospace;letter-spacing:.4px}.stage-select-world-copy>span{display:grid;min-height:22px;place-items:center;font-size:7px;font-weight:700;line-height:1.3}.stage-select-status-badge{border-radius:999px;color:#1f6657;background:#dcefe9;padding:3px 8px;font-size:7px;font-weight:800}.stage-select-status-badge.locked{color:#75847f;background:#e6eae8}.stage-select-card-divider{width:70px;border-top:2px dotted #c5d9d3}.stage-select-world-card small{color:var(--stage-select-muted);font-size:7px;font-weight:700;letter-spacing:.08em}.stage-select-arrow{display:grid;width:32px;height:52px;place-items:center;border:1px solid #87b3a7;border-radius:7px;color:#1d7564;background:#f9fcfb;padding:0 0 2px;box-shadow:0 3px #c7ddd6;font:700 28px/1 PixelMplus12,monospace;line-height:1;cursor:pointer}.stage-select-arrow:hover:not(:disabled){border-color:#3e8f7e;background:#eef8f4}.stage-select-arrow:disabled{color:#a5b6b1;background:#edf3f1;box-shadow:0 2px #d7e3df;cursor:default}.stage-select-stage-card{display:grid;min-width:0;height:164px;grid-template-rows:52px 15px minmax(23px,auto) minmax(28px,1fr) 19px;align-items:center;justify-items:center;gap:2px;border:1px solid var(--stage-select-border);border-radius:6px;color:#23483f;background:var(--stage-select-panel);padding:6px 5px 5px;box-shadow:0 4px #5780742e;font-family:inherit;text-align:center;cursor:pointer}.stage-select-stage-card:hover:not(:disabled){border-color:#70aa9c;background:#f3faf7}.stage-select-stage-card.selected{border-color:var(--stage-select-accent);background:#f3faf7;box-shadow:inset 0 0 0 2px var(--stage-select-accent-soft),0 4px #175d4e38}.stage-select-stage-card:disabled{color:#7a8985;border-color:#ccd9d5;background:#f1f5f3;box-shadow:0 3px #758b841f;cursor:not-allowed}.stage-select-stage-visual{display:grid;width:52px;height:52px;place-items:center;border:1px solid #c4ddd6;border-radius:50%}.stage-select-stage-visual.available{color:#257b6a;background:#e5f3ee}.stage-select-stage-visual.locked{border-color:#d4dfdc;color:#91a29d;background:#e8eeec}.stage-select-stage-visual.locked svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stage-select-key-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px}.stage-select-key-pair>span{display:grid;width:19px;height:21px;place-items:center;border:1px solid #6da797;border-radius:3px 3px 2px 2px;color:#1c5f51;background:#fbfdfc;box-shadow:inset 0 -3px #c7ddd6,0 2px #7eaa9e;font:700 10px/1 PixelMplus12,monospace}.stage-select-world-icon.stage-select-key-pair{padding:8px 4px 6px;stroke:none}.stage-select-world-card:disabled .stage-select-key-pair>span,.stage-select-stage-card:disabled .stage-select-key-pair>span{border-color:#aebdb8;color:#82918c;background:#f1f4f3;box-shadow:inset 0 -3px #d7dfdc,0 2px #bdc9c5}.stage-select-stage-card>strong{color:#18352e;font:700 10px/1 PixelMplus12,monospace;letter-spacing:.3px}.stage-select-stage-card>span:not(.stage-select-stage-visual,.stage-select-learning-objective){align-self:start;overflow:hidden;width:100%;font-size:8px;font-weight:700;line-height:1.3}.stage-select-learning-objective{align-self:start;overflow:hidden;width:100%;color:var(--stage-select-muted);font-size:7px;font-weight:700;line-height:1.3}.stage-select-stage-card>small{align-self:end;border-radius:999px;color:#1f6657;background:#dcefe9;padding:3px 9px;font-size:7px;font-weight:800}.stage-select-stage-card:disabled>small{color:#7b8985;background:#e3e8e6}.stage-select-position-dots{position:absolute;right:50%;bottom:-4px;display:flex;width:auto;min-width:0;height:16px;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;box-shadow:none;transform:translate(50%)}.stage-select-position-dot{display:block;width:6px;height:6px;flex:0 0 6px;border:1px solid #d1b56f;border-radius:50%;background:#eadba9}.stage-select-position-dot.visible{border-color:#0d6e61;background:#14796a}.stage-select-summary{position:absolute;top:272px;left:8px;z-index:2;width:624px;height:80px;border-top:1px solid #afcdc4;background:#fafdfce6}.stage-select-summary-icon{position:absolute;top:8px;left:28px;display:grid;width:64px;height:64px;place-items:center;overflow:hidden;border:1px solid #a8cbc1;border-radius:50%;color:#257b6a;background:#e5f3ee}.stage-select-summary-icon .stage-select-world-icon{width:56px;height:56px;border:0;background:transparent}.stage-select-summary-icon.stage-number{color:#1d7564;font:700 28px/1 PixelMplus12,monospace;text-shadow:1px 1px 0 #fff}.stage-select-summary-copy{position:absolute;top:8px;left:102px;display:block;width:296px;height:62px;min-width:0}.stage-select-summary-copy>strong{display:block;overflow:hidden;color:#173f36;font-size:16px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.stage-select-summary-copy>strong>span{margin-left:12px;color:#365f55;font-size:10px}.stage-select-summary-description{display:block;overflow:hidden;margin-top:4px;color:#425f57;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.stage-select-summary-copy>small{display:block;overflow:hidden;margin-top:4px;color:#3d776a;font-family:PixelMplus10,monospace;font-size:7px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.stage-select-primary-button{position:absolute;top:10px;left:394px;display:flex;width:208px;height:52px;align-items:center;justify-content:center;gap:10px;padding:0 14px;border:2px solid var(--stage-select-accent-dark);border-radius:7px;color:#fff;background:linear-gradient(#2d8b78,#176a5b);box-shadow:inset 0 0 0 2px #70b7a5,0 4px #0f4f44;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.stage-select-primary-button>span{font-size:20px}.stage-select-primary-button:hover:not(:disabled){background:linear-gradient(#369b87,#1d7564)}.stage-select-primary-button:disabled{border-color:#aabbb6;color:#8c9a95;background:#e1e9e6;box-shadow:inset 0 0 0 2px #edf3f1,0 3px #c5d1cd;cursor:not-allowed}.stage-select-world-card:focus-visible,.stage-select-stage-card:focus-visible,.stage-select-arrow:focus-visible,.stage-select-back-button:focus-visible,.stage-select-primary-button:focus-visible{z-index:3;outline:3px solid #d4a848;outline-offset:2px}@keyframes stage-select-panel-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.stage-select-panel{animation:none}}.event-select-card{gap:3px}.event-select-card .stage-select-world-copy strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.event-select-card .stage-select-world-copy>span{min-height:18px}.event-select-visual{display:grid;place-items:center;overflow:hidden;color:#257b6a;background:radial-gradient(circle at 50% 32%,#f9fcfb 0 18%,transparent 19%),linear-gradient(180deg,#d9eee8 0 54%,#aed5c9 55% 100%);font-family:PixelMplus12,monospace}.event-select-visual>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(52,126,108,.3);border-radius:50%;background:#f9fcfbb8;font-size:25px;font-weight:700;line-height:1;text-shadow:1px 1px 0 #fff}.event-select-visual.training{color:#466d63;background:linear-gradient(180deg,#e5f3ef 0 50%,#bfd8d0 51% 100%)}.event-select-visual.castle{color:#315f55;background:linear-gradient(180deg,#dcece8 0 50%,#a8c8bf 51% 100%)}.event-select-visual.wind{color:#287967;background:linear-gradient(155deg,transparent 0 53%,#abd3c7 54% 62%,transparent 63%),#e3f2ee}.event-select-visual.gate{color:#5d625e;background:linear-gradient(180deg,#dfe9e6 0 44%,#aebfba 45% 100%)}.event-select-visual.pending{color:#83948f;background:#e8eeec}.event-select-summary .stage-select-summary-icon{padding:5px}.event-select-summary .stage-select-summary-icon .event-select-visual{width:52px;height:52px;border-radius:50%}.event-select-rules{display:flex;overflow:hidden;gap:5px;margin-top:3px;white-space:nowrap}.event-select-rules>small{border:1px solid #b6d0c8;border-radius:3px;color:#496b62;background:#f3f8f6;padding:2px 5px;font-size:6px;font-weight:700;line-height:1}.event-select-summary .stage-select-summary-copy{top:6px;width:300px;height:68px}.event-select-summary .stage-select-summary-copy>small:last-child{margin-top:3px}.auth-page,.title-page,.home-page,.feature-placeholder-page,.stage-select-page{background:radial-gradient(circle at 50% 34%,#fffae2fa,#e1bf75f0 62%,#5c3514fa),#4c2e18}.auth-display-frame,.title-display-frame,.home-display-frame,.feature-placeholder-display-frame,.stage-select-display-frame{background:#f9edc7;box-shadow:0 18px 44px #3c1f0c57}.auth-logical-frame,.title-logical-frame,.home-logical-frame,.feature-placeholder-logical-frame,.stage-select-logical-frame{--stage-select-accent: #147d6c;--stage-select-accent-dark: #075b50;--stage-select-accent-soft: #70bdac;--stage-select-border: #c68d23;--stage-select-divider: #d6a444;--stage-select-panel: #fff7db;--stage-select-surface: #fff3c9;--stage-select-text: #382214;--stage-select-muted: #73502f;color:#382214;background:url(/assets/ui/menu/screen-background.png) 0 0 / 640px 360px no-repeat,#fff3c9;font-family:PixelMplus10,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,monospace;image-rendering:pixelated}.auth-logical-frame:before,.title-logical-frame:before{position:absolute;inset:8px;z-index:0;border:0;border-radius:0;content:"";background:#fff8dcf0;box-shadow:none;pointer-events:none}.auth-screen-border{display:none}.auth-kicker{color:#15796b}.auth-kicker span{color:#d29a27}.auth-screen-content h1{color:#3a2112;text-shadow:1px 1px 0 #f2d991}.auth-screen-content h2{color:#176f64}.auth-divider:before,.auth-divider:after{background:#d2a448}.auth-divider span{border-color:#b77712;background:#fff3c8}.auth-description,.auth-loading{color:#5b3d28}.auth-loading:after{color:#b87916}.auth-message{border-color:#bd6c4b;border-radius:1px;color:#863721;background:#fff0d8}.auth-primary-button{width:208px;height:52px;padding:0 12px;border:0;border-radius:0;color:#fffbed;background:url(/assets/ui/menu/primary-action-button.png) 0 0 / 208px 52px no-repeat;box-shadow:none;font:700 10px/1 PixelMplus12,monospace;text-shadow:1px 1px 0 #174b41;image-rendering:pixelated}.auth-primary-button>span{color:#ffe39a}.auth-primary-button:hover{background:linear-gradient(#fff2b51a,#fff2b51a),url(/assets/ui/menu/primary-action-button.png) 0 0 / 208px 52px no-repeat;filter:brightness(1.07)}.auth-primary-button:active{box-shadow:none;filter:brightness(.94);transform:translateY(2px)}.auth-retry-button{border:2px solid #bd7b13;border-radius:1px;color:#4a2d1b;background:#fff2c9;box-shadow:inset 0 0 0 1px #f1d98d}.auth-retry-button:hover{border-color:#a9690c;background:#ffe9ad}.title-kicker,.title-logo,.title-start-button,.title-start-help{position:relative;z-index:1}.title-status{z-index:1}.title-kicker{color:#15796b}.title-start-button{border:3px solid #bd7b13;border-radius:1px;color:#fffbed;background:#237e6d;box-shadow:inset 0 0 0 2px #76bdad,inset 0 0 0 4px #0e5c50,0 5px #754509;text-shadow:2px 2px 0 #174b41}.title-start-button:hover{background:#2b8b78;filter:brightness(1.05)}.title-start-button:active{box-shadow:inset 0 0 0 2px #76bdad,inset 0 0 0 4px #0e5c50,0 2px #754509}.title-start-help,.title-status{color:#287568}.title-status strong{color:#14594e}.home-screen-border,.stage-select-screen-border{display:none}.home-header,.feature-placeholder-header,.stage-select-header{border-bottom:0}.home-heading span,.stage-select-eyebrow{color:#247c70}.home-heading h1,.stage-select-header h1{color:#3a2112;text-shadow:1px 1px 0 #f9dda2}.home-settings-button{min-width:104px;height:40px;gap:7px;padding:0 10px;border:0;border-radius:0;color:#3a2112;background:url(/assets/ui/menu/settings-button-background.png) 0 0 / 104px 40px no-repeat;box-shadow:none;font:700 11px/1 PixelMplus10,monospace;image-rendering:pixelated}.home-settings-button:hover:not(:disabled){border-color:transparent;background:linear-gradient(#ffeb9e2b,#ffeb9e2b),url(/assets/ui/menu/settings-button-background.png) 0 0 / 104px 40px no-repeat;filter:brightness(1.05)}.home-settings-icon{display:block;width:20px;height:20px;flex:0 0 auto;background:url(/assets/ui/menu/settings-icon.png) center / 20px 20px no-repeat;image-rendering:pixelated}.home-menu-card,.stage-select-world-card,.stage-select-stage-card{position:relative;width:96px;min-width:96px;height:164px;border:0;border-radius:0;color:#442817;background:url(/assets/ui/menu/menu-card.png) 0 0 / 96px 164px no-repeat;box-shadow:3px 4px #70441633;image-rendering:pixelated}.home-menu-card:hover:not(:disabled),.stage-select-world-card:hover:not(:disabled),.stage-select-stage-card:hover:not(:disabled){border-color:transparent;background:linear-gradient(#fff1b81f,#fff1b81f),url(/assets/ui/menu/menu-card.png) 0 0 / 96px 164px no-repeat;filter:brightness(1.035)}.home-menu-card:before,.stage-select-world-card:before,.stage-select-stage-card:before{position:absolute;inset:-8px -6px;z-index:3;width:108px;height:180px;border:0;border-radius:0;content:"";background:none;pointer-events:none}.home-menu-card[data-selected]:before,.stage-select-world-card.selected:before,.stage-select-stage-card.selected:before{border:0;background:url(/assets/ui/menu/menu-card-selection-frame.png) 0 0 / 108px 180px no-repeat;box-shadow:none;image-rendering:pixelated}.stage-select-world-card.selected,.stage-select-stage-card.selected{border-color:transparent;background:url(/assets/ui/menu/menu-card.png) 0 0 / 96px 164px no-repeat;box-shadow:3px 4px #70441633}.home-menu-card:disabled,.stage-select-world-card:disabled,.stage-select-stage-card:disabled{border-color:transparent;color:#85715c;background:linear-gradient(#e1d9c47a,#e1d9c47a),url(/assets/ui/menu/menu-card.png) 0 0 / 96px 164px no-repeat;box-shadow:2px 3px #705d4621;filter:saturate(.35)}.menu-pixel-icon{--menu-pixel-icon-scale: calc(2 / 3);display:block;width:64px;height:64px;flex:0 0 auto;background-image:url(/assets/ui/menu/main-menu-icons.png);background-repeat:no-repeat;background-size:320px 64px;transform:scale(var(--menu-pixel-icon-scale));transform-origin:center;image-rendering:pixelated}.menu-pixel-icon-beginner-story{background-position:0 0}.menu-pixel-icon-mainichi{background-position:-64px 0}.menu-pixel-icon-event{background-position:-128px 0}.menu-pixel-icon-deck{background-position:-192px 0}.menu-pixel-icon-gacha{background-position:-256px 0}.home-card-icon{width:64px;height:64px;border:0;border-radius:0;color:inherit;background:transparent}.home-card-icon svg,.home-detail-icon svg,.feature-placeholder-icon svg{display:none}.home-menu-card>strong,.home-menu-card>small{color:#432716;font-family:PixelMplus10,monospace}.home-card-divider,.stage-select-card-divider{border-color:#dfb653}.home-detail,.stage-select-summary{border-top:1px solid #d2a03e;background:transparent}.home-detail-icon,.stage-select-summary-icon,.feature-placeholder-icon{border:0;border-radius:0;color:#157767;background:url(/assets/ui/menu/icon-base-circle.png) center / 64px 64px no-repeat;image-rendering:pixelated}.home-detail-copy h2,.stage-select-summary-copy>strong,.feature-placeholder-content h2{color:#382214}.home-detail-copy p,.stage-select-summary-description,.feature-placeholder-content>strong{color:#6a4930}.home-detail-copy small,.stage-select-summary-copy>small,.feature-placeholder-status{color:#147668}.stage-select-primary-button{width:208px;height:52px;border:0;border-radius:0;color:#fffbed;background:url(/assets/ui/menu/primary-action-button.png) 0 0 / 208px 52px no-repeat;box-shadow:none;font-family:PixelMplus10,monospace;text-shadow:1px 1px 0 #174b41;image-rendering:pixelated}.stage-select-primary-button>span{width:20px;height:16px;flex:0 0 auto;overflow:hidden;color:transparent;background:url(/assets/ui/menu/button-arrow-right.png) center / 20px 16px no-repeat;font-size:0;image-rendering:pixelated}.stage-select-primary-button:hover:not(:disabled){background:linear-gradient(#fff2b51a,#fff2b51a),url(/assets/ui/menu/primary-action-button.png) 0 0 / 208px 52px no-repeat;filter:brightness(1.07)}.stage-select-primary-button:disabled{border:0;color:#857d6b;background:linear-gradient(#dcdacb94,#dcdacb94),url(/assets/ui/menu/primary-action-button.png) 0 0 / 208px 52px no-repeat;box-shadow:none;filter:grayscale(.85);text-shadow:none}.feature-placeholder-back,.stage-select-back-button{border:2px solid #bd7b13;border-radius:2px;color:#3d2414;background:#fff8df;box-shadow:inset 0 0 0 2px #f1d98d,0 3px #9b6414;font-family:PixelMplus10,monospace}.feature-placeholder-back:hover,.stage-select-back-button:hover{border-color:#a9690c;background:#fff3c7}.stage-select-back-button>span{color:#14796a}.feature-placeholder-content{border:2px solid #d2a444;border-radius:2px;background:#fff9e2f0;box-shadow:inset 0 0 0 2px #f6df9f,0 5px #78481533}.feature-placeholder-content p{color:#147a6b}.feature-placeholder-primary{border:2px solid #075b50;border-radius:2px;background:#207d6c;box-shadow:inset 0 0 0 2px #72bdac,0 4px #0f4f44}.stage-select-world-panel,.stage-select-stage-panel{grid-template-columns:36px 524px 36px;justify-content:center}.stage-select-world-viewport,.stage-select-stage-viewport{width:524px;padding-right:6px;padding-left:6px}.stage-select-world-track,.stage-select-stage-track{grid-auto-columns:96px}.stage-select-world-copy strong,.stage-select-stage-card>strong{color:#3d2415}.stage-select-world-copy>span,.stage-select-learning-objective,.stage-select-world-card small{color:#77583a}.stage-select-status-badge,.stage-select-stage-card>small{border:1px solid #79a99d;border-radius:2px;color:#126959;background:#d9eee6}.stage-select-status-badge.locked,.stage-select-stage-card:disabled>small{border-color:#b7ad9b;color:#71685b;background:#e8e1d4}.stage-select-arrow{width:32px;height:44px;overflow:hidden;border:0;border-radius:0;color:transparent;background:url(/assets/ui/menu/carousel-arrow-button.png) 0 0 / 32px 44px no-repeat;box-shadow:none;font-size:0;image-rendering:pixelated}.stage-select-arrow:first-child{transform:scaleX(-1)}.stage-select-arrow:hover:not(:disabled){border-color:transparent;background:url(/assets/ui/menu/carousel-arrow-button.png) 0 0 / 32px 44px no-repeat;filter:brightness(1.08)}.stage-select-arrow:disabled{color:transparent;background:url(/assets/ui/menu/carousel-arrow-button.png) 0 0 / 32px 44px no-repeat;box-shadow:none;filter:grayscale(.75);opacity:.42}.stage-select-world-icon,.stage-select-stage-visual{border-color:#d6b768;color:#187668;background:#fff4cf}.stage-select-world-card:disabled .stage-select-world-icon,.stage-select-stage-visual.locked{border-color:#cfc3a9;color:#8e8474;background:#eee8db}.event-select-visual{color:#197668;background:radial-gradient(circle at 50% 32%,#fff9df 0 18%,transparent 19%),linear-gradient(180deg,#f8e8ac 0 54%,#ddc170 55% 100%)}.event-select-rules>small{border-color:#d1a750;border-radius:1px;color:#684329;background:#fff5d4}.home-settings-dialog,.home-confirm-dialog{border-color:#c48a25;border-radius:2px;color:#3c2517;background:#fff7da;box-shadow:inset 0 0 0 2px #efd692,0 10px #5b310e40}.home-settings-account{border-color:#d5b565;border-radius:2px;background:#fff1c7}.home-settings-dialog header{border-color:#dfbd6d}.home-settings-dialog header button,.home-settings-actions button,.home-confirm-dialog button{border-color:#c99c46;border-radius:2px;color:#4c321f;background:#fff0c5}.app-shell{display:grid;width:100vw;height:100vh;place-items:center}.display-frame{position:relative;overflow:hidden;background:#050403;image-rendering:pixelated}.logical-frame{position:absolute;top:0;left:0;width:640px;height:360px;overflow:hidden;transform:scale(var(--game-scale));transform-origin:0 0;background:#050403}.logical-frame:before,.logical-frame:after{position:absolute;left:0;z-index:20;width:640px;height:4px;content:"";background:#050403}.logical-frame:before{top:0}.logical-frame:after{bottom:0}.game-region{position:absolute;top:4px;left:0;width:640px;height:352px;overflow:hidden;background:#87ceeb;image-rendering:pixelated}.start-screen{position:absolute;inset:0;display:flex;align-items:center;padding-left:72px;background:linear-gradient(90deg,rgba(19,11,5,.94) 0 42%,transparent 76%),url(/assets/battle/stages/stage1/background.png) center / 640px 352px no-repeat}.start-screen:after{position:absolute;right:32px;bottom:31px;width:32px;height:64px;content:"";background:url(/assets/battle/common/castle-normal.png) 0 0 / 64px 64px no-repeat;image-rendering:pixelated}.start-panel{position:relative;z-index:2;width:350px;padding:22px 24px 20px;border:3px solid #f2a62e;border-radius:0;color:#fff8d9;background:#190e07eb;box-shadow:0 0 0 2px #2e180a,8px 8px #200f038c}.pixel-kicker{margin:0 0 9px;color:#ffd15c;font:700 9px/1 PixelMplus10,monospace;letter-spacing:1px}.start-panel h1{margin:0;color:#fff4bc;font:700 30px/1.1 PixelMplus12,Yu Gothic,Meiryo,sans-serif;text-shadow:2px 2px 0 #7c3312}.start-panel h2{margin:8px 0 13px;color:#f4b841;font:700 16px/1.2 PixelMplus12,Yu Gothic,Meiryo,sans-serif}.start-panel>p:not(.pixel-kicker){margin:0;color:#e9d7ad;font-size:10px;line-height:1.7}.rules{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 16px}.rules span{padding:4px 6px;border:1px solid #886329;color:#f8df9b;background:#29180b;font:400 8px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.pixel-button{min-width:112px;padding:7px 12px 8px;border:2px solid #ffe29a;border-radius:0;color:#231006;background:#f2a62e;box-shadow:inset -2px -2px #a44712,inset 2px 2px #fff0ae;font:700 11px/1 PixelMplus12,Yu Gothic,Meiryo,sans-serif;cursor:pointer}.pixel-button:hover{color:#090402;background:#ffd15c}.pixel-button:disabled{color:#765e3f;background:#b89b68;box-shadow:inset -2px -2px #765e3f,inset 2px 2px #d8c398;cursor:wait}.pixel-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.pixel-button.small{min-width:96px;padding:6px 10px;font-size:9px}.pixel-button.secondary{border-color:#c89b58;color:#ffeab7;background:#4a2a12;box-shadow:inset -2px -2px #241105,inset 2px 2px #805020}.pixel-button.secondary:hover{color:#fff5d6;background:#6b3d19}.start-actions,.result-actions{display:flex;align-items:center;justify-content:center;gap:8px}.start-actions{justify-content:flex-start}.battle-canvas,.battle-canvas canvas{position:absolute;inset:0;display:block;width:640px!important;height:352px!important;image-rendering:pixelated}.battle-interface{position:absolute;inset:0;z-index:5;pointer-events:none}.castle-meter{position:absolute;top:11px;width:256px;height:8px;overflow:visible}.castle-meter.player{left:368px}.castle-meter.enemy{left:16px}.meter-crop{position:absolute;top:0;height:8px;overflow:hidden}.castle-meter.player .meter-crop{left:0}.castle-meter.enemy .meter-crop{right:0}.meter-crop img{position:absolute;top:0;width:256px;height:16px;image-rendering:pixelated}.castle-meter.player .meter-crop img{left:0}.castle-meter.enemy .meter-crop img{right:0}.meter-value{position:absolute;top:-1px;z-index:2;color:#fff7d7;font:700 10px/10px PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-shadow:1px 1px 0 #120b05,-1px 0 0 #120b05}.castle-meter.player .meter-value{right:6px}.castle-meter.enemy .meter-value{left:6px}.timer{position:absolute;top:12px;left:292px;display:grid;width:56px;height:16px;place-items:center;color:#fff7d2;text-shadow:1px 1px 0 #1b0e06}.timer strong{font:400 10px/10px PixelMplus10,Yu Gothic,Meiryo,monospace;white-space:nowrap}.combo-meter{position:absolute;top:26px;left:368px;width:96px;height:3px;overflow:hidden}.combo-fill{height:3px}.combo-meter.fever .combo-fill{background:linear-gradient(90deg,#f33,#ff8033,#ffe633,#4de64d,#3380ff,#6633e6,#b333e6,#f33);background-size:700% 100%;animation:combo-fever-cycle 1.5s linear infinite}@keyframes combo-fever-cycle{to{background-position:100% 0}}.typing-panel{position:absolute;top:70px;left:120px;display:grid;width:400px;height:205px;grid-template-rows:1fr 42px;border:2px solid rgba(105,71,36,.48);color:#201209;background:#fffadd40;box-shadow:inset 0 0 0 2px #fff3,3px 3px #3a1f0c29;text-shadow:1px 0 0 rgba(255,250,221,.95),-1px 0 0 rgba(255,250,221,.95),0 1px 0 rgba(255,250,221,.95),0 -1px 0 rgba(255,250,221,.95)}.typing-panel-miss{animation:typing-panel-miss-shake .13s steps(1,end)}@keyframes typing-panel-miss-shake{0%{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}to{transform:translate(0)}}.typing-copy{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:9px 18px 4px;text-align:center}.typing-copy p{margin:0}.kana{min-height:13px;color:#735537;font:400 9px/1.3 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.question{min-height:31px;margin-top:3px!important;color:#211208;font:700 23px/1.2 PixelMplus12,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}.romaji{min-height:25px;margin-top:10px!important;color:#735537;font:700 16px/1 PixelMplus12,monospace;letter-spacing:1px}.romaji span{color:#aaa69b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.romaji b{font-weight:700}.romaji .missed-current{color:#c51f1f;font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(105,71,36,.34);background:#3a230f14}.stat{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(92,57,24,.22)}.stat:last-child{border-right:0}.stat span{color:#765130;font:700 6px/1 PixelMplus10,monospace}.stat strong{margin-top:3px;color:#211208;font:700 13px/1 PixelMplus12,monospace}.stat.accent strong{color:#b54618}.bgm-credit{position:absolute;bottom:0;left:0;display:flex;width:640px;height:16px;align-items:center;padding:0 5px 0 8px;color:#f8d987;background:#1c0e06e0;font:400 7px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-shadow:1px 1px 0 #000}.credit-copy{overflow:hidden;min-width:0;flex:1;text-overflow:ellipsis;white-space:nowrap}.credit-copy-hidden{visibility:hidden}.wave-notice{position:absolute;bottom:16px;left:0;z-index:11;display:grid;width:640px;height:32px;place-items:center;color:#fff;font:400 32px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-align:center;text-shadow:2px 2px 0 #1b0e06,-1px -1px 0 #1b0e06;animation:wave-notice-move 1.59s both}@keyframes wave-notice-move{0%{transform:translate(960px);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}44.025%{transform:translate(0)}69.182%{transform:translate(0);animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}to{transform:translate(-960px)}}.audio-controls{display:flex;height:16px;flex:none;align-items:center;gap:5px;margin-left:6px;color:#ffe7a1;pointer-events:auto;text-shadow:1px 1px 0 #000}.audio-controls button{min-width:42px;height:12px;padding:0 3px;border:1px solid #a97024;border-radius:0;color:#ffe7a1;background:#3a210d;font:700 6px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;cursor:pointer}.audio-controls button.needs-activation{min-width:62px;color:#281306;background:#ffd15c}.audio-controls button:focus-visible,.audio-controls input:focus-visible{outline:1px solid #fff;outline-offset:1px}.audio-controls label{display:flex;align-items:center;gap:2px;font:700 6px/1 PixelMplus10,monospace}.audio-controls input[type=range]{width:42px;height:8px;margin:0;accent-color:#f2a62e;cursor:pointer}.battle-countdown{position:absolute;inset:0;z-index:9;display:grid;place-items:center;color:#fff8cf;background:#1c0e063d;text-align:center;text-shadow:4px 4px 0 #67220e,-2px -2px 0 #2d1108,2px -2px 0 #2d1108,-2px 2px 0 #2d1108}.battle-countdown strong{font:700 72px/1 PixelMplus12,Yu Gothic,Meiryo,sans-serif;animation:countdown-pop .22s steps(3,end)}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.result-overlay{position:absolute;top:57px;left:112px;z-index:10;display:flex;width:416px;height:224px;flex-direction:column;align-items:center;justify-content:center;border:3px solid #f2a62e;color:#fff5c4;text-align:center;background:#1e0e05f0;box-shadow:0 0 0 2px #3a1c08,6px 6px #210c0180;pointer-events:auto}.result-status{margin:0 0 5px;color:#f2a62e;font:700 9px/1 PixelMplus10,monospace;letter-spacing:2px}.result-overlay h2{margin:0 0 15px;font:700 21px/1.2 PixelMplus12,Yu Gothic,Meiryo,sans-serif}.result-stats{display:grid;width:330px;height:45px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;border:1px solid #8e6326;color:#2a1609;background:#f6e3ab}.result-actions{min-height:25px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.typing-panel-miss,.battle-countdown strong{animation:none!important}.combo-meter.fever .combo-fill{background:#ffe633;animation:none!important}.wave-notice{animation-name:wave-notice-reduced-motion!important;animation-duration:1.59s!important}}@keyframes wave-notice-reduced-motion{0%,to{opacity:0;transform:translate(0)}8%,92%{opacity:1;transform:translate(0)}}