@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-icon.stage-select-character-icon{display:grid;place-items:center;padding:0;overflow:hidden;stroke:none}.stage-select-paimon-sprite{display:block;width:32px;height:32px;background-position:-32px -96px;background-repeat:no-repeat;image-rendering:pixelated}.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)}.beginner-battle-panel{position:absolute;top:70px;left:120px;display:grid;width:400px;height:205px;grid-template-rows:38px 77px minmax(0,1fr);overflow:hidden;border:2px solid #8b5b2b;color:#28170c;background:#fff7df;box-shadow:inset 0 0 0 2px #fffdf2,3px 3px #321b094d;text-shadow:none}.beginner-battle-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:2px solid #1c5587;color:#fff8d8;background:#2e6fa4;box-shadow:inset 0 2px #70a7ce,inset 0 -2px #17466f}.beginner-battle-heading strong{font:700 10px/1 PixelMplus12,monospace;letter-spacing:1px}.beginner-battle-heading span{margin-top:4px;font:700 9px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.beginner-assault-rush-panel{position:relative;grid-row:2 / 4;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-top:2px solid #f4d070;background:radial-gradient(circle at 50% 48%,rgba(255,236,128,.46),transparent 42%),linear-gradient(180deg,#fff9e8,#fff0c2);animation:beginner-typing-clear-flash .42s steps(2,end)}.beginner-assault-rush-panel:before,.beginner-assault-rush-panel:after{position:absolute;width:36px;height:36px;border:3px double rgba(42,105,162,.34);content:"";transform:rotate(45deg)}.beginner-assault-rush-panel:before{top:20px;left:32px}.beginner-assault-rush-panel:after{right:32px;bottom:20px}.beginner-assault-rush-kicker{z-index:1;margin:0 0 3px;color:#2e6fa4;font:700 9px/1 PixelMplus12,monospace;letter-spacing:2px}.beginner-assault-rush-panel h2{z-index:1;margin:0;color:#6d4323;font:700 17px/1.15 PixelMplus12,Yu Gothic,Meiryo,sans-serif}.beginner-assault-rush-copy{z-index:1;margin:6px 0 0;color:#c93459;font:700 10px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.beginner-assault-rush-progress{z-index:1;display:flex;height:20px;align-items:center;justify-content:center;gap:8px;margin:5px 0 2px}.beginner-assault-rush-progress i{display:block;width:9px;height:9px;border:1px solid #7c5a33;background:#fffaf0;box-shadow:1px 1px #4a2b1240;transform:rotate(45deg)}.beginner-assault-rush-progress i.resolved{border-color:#ac7419;background:#f5bd39}.beginner-assault-rush-progress i.current{border-color:#17466f;background:#398ac5;box-shadow:0 0 0 2px #54b0e84d;animation:beginner-assault-current .5s steps(2,end) infinite}.beginner-assault-rush-panel>strong{z-index:1;color:#2e6fa4;font:700 10px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.beginner-assault-rush-panel>small{z-index:1;margin-top:5px;color:#6d4323;font:700 8px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}@keyframes beginner-typing-clear-flash{0%{filter:brightness(2.2)}45%{filter:brightness(1)}70%{filter:brightness(1.45)}to{filter:brightness(1)}}@keyframes beginner-assault-current{50%{background:#fff3a3;transform:rotate(45deg) scale(1.25)}}.beginner-question-area{position:relative;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #cda976;background:linear-gradient(#ffffff6b,#fff8e052),#fff5dc}.beginner-practice-keys{display:grid;width:230px;height:15px;grid-template-columns:92px 1fr;margin-top:3px;border:1px solid #8b5b2b;background:#fffaf0;font:700 7px/13px PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-align:center}.beginner-practice-keys span{color:#fff8df;background:#6d4323}.beginner-practice-keys strong{color:#175d9b;letter-spacing:1px}.beginner-guidance{height:10px;margin:3px 0 0;color:#6d4323;font:700 8px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.beginner-question{display:flex;height:32px;align-items:center;justify-content:center;gap:16px;margin:0;font:700 29px/1 PixelMplus12,monospace}.beginner-question span{position:relative;display:inline-grid;width:28px;height:31px;place-items:center;color:#2b180d}.beginner-question span.entered{color:#9d9689}.beginner-question span.pending.hand-left{color:#5b96cc}.beginner-question span.pending.hand-right{color:#cf7288}.beginner-question span.active{color:#176bc7;transform:translateY(-2px) scale(1.16);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.beginner-question span.active:before{position:absolute;top:-4px;content:"▼";font:700 6px/1 PixelMplus10,monospace}.beginner-question span.pending.hand-left.active{color:#176bc7}.beginner-question span.pending.hand-right.active{color:#d43155}.beginner-question.long{gap:5px;font-size:19px}.beginner-question.long span{width:20px}.beginner-space-prompt{margin:1px 0 0;color:#5c3a20;font:700 7px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.beginner-space-prompt kbd{display:inline-grid;min-width:34px;height:13px;place-items:center;border:1px solid #6d4323;color:#fff8df;background:#315d87;box-shadow:inset 0 -2px #173958;font:700 7px/1 PixelMplus10,monospace}.beginner-space-prompt kbd.active{color:#2a1708;background:#ffd04e;box-shadow:inset 0 -2px #c98119,0 0 0 2px #fff2a3}.beginner-key-guide,.beginner-home-position-guide,.beginner-transition-guide,.beginner-row-guide,.beginner-full-guide{min-height:0;background:#fff9e9}.beginner-key-guide h3,.beginner-home-position-guide h3,.beginner-transition-guide h3,.beginner-row-guide h3,.beginner-full-guide h3{height:15px;margin:0;border-bottom:1px solid #dbc398;color:#6d4323;font:700 7px/14px PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-align:center}.beginner-home-position-guide{display:grid;min-height:0;place-items:center;overflow:hidden;background:#fff9e9}.beginner-typing-keyboard-art{position:relative;width:200px;height:80px;image-rendering:pixelated}.beginner-typing-keyboard-art img{position:absolute;top:0;left:0;display:block;max-width:none;image-rendering:pixelated}.beginner-typing-keyboard-highlight{position:absolute;z-index:1;display:block;overflow:hidden}.beginner-auto-deploy-prompt{color:#176bc7}.beginner-transition-guide{background:#fff9e9}.beginner-transition-pairs{display:grid;height:70px;grid-template-columns:repeat(2,1fr);gap:8px;padding:7px 30px}.beginner-transition-pairs>div{display:grid;grid-template-columns:31px 24px 31px;grid-template-rows:38px 12px;place-content:center;align-items:center;justify-items:center;border:1px dashed #d8c19a;color:#6d4323}.beginner-transition-pairs>div.active{background:#fff1b5;box-shadow:inset 0 0 0 2px #f2a62e}.beginner-transition-pairs span{display:grid;width:27px;height:25px;place-items:center;border:1px solid #37506b;background:#fffdf4;font:700 12px/1 PixelMplus12,monospace}.beginner-transition-pairs span.current{color:#fff;background:#176bc7;box-shadow:0 0 0 2px #b8dcff}.beginner-transition-pairs b{color:#d34b62;font:700 18px/1 sans-serif}.beginner-transition-pairs small{grid-column:1 / 4;font:700 6px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.beginner-key-guide-items{display:grid;height:70px;grid-template-columns:repeat(3,1fr);padding:2px 8px 3px}.beginner-finger-card{position:relative;display:grid;grid-template-columns:32px 36px;grid-template-rows:45px 14px;place-content:center;align-items:center;border-right:1px dashed #d8c19a;color:#49301e}.beginner-finger-card:last-child{border-right:0}.beginner-finger-card.active{background:#fff1b5;box-shadow:inset 0 0 0 2px #f2a62e}.beginner-keycap{display:grid;min-width:25px;height:22px;place-items:center;justify-self:center;border:1px solid #13283b;color:#fff;background:#246eb3;box-shadow:inset 0 -3px #17446d,1px 1px #7f6749;font:700 11px/1 PixelMplus12,monospace}.beginner-finger-card.right-index .beginner-keycap{background:#d74864;box-shadow:inset 0 -3px #8f2740,1px 1px #7f6749}.beginner-finger-card.thumb .beginner-keycap{min-width:38px;color:#2d1b0a;background:#ffd04e;box-shadow:inset 0 -3px #c8871d,1px 1px #7f6749;font-size:7px}.beginner-finger-label{grid-column:1 / 3;color:#49301e;font:700 6px/1.1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-align:center}.beginner-index-icon{position:relative;width:27px;height:38px;justify-self:center}.beginner-index-icon .finger{position:absolute;top:1px;left:10px;width:7px;height:25px;border:1px solid #7b4b2e;border-radius:4px 4px 1px 1px;background:#f2bd86}.beginner-index-icon .palm{position:absolute;right:2px;bottom:1px;width:20px;height:17px;border:1px solid #7b4b2e;border-radius:3px 3px 7px 7px;background:#f2bd86}.beginner-index-icon.right-index,.beginner-index-icon.right-middle,.beginner-index-icon.right-ring,.beginner-index-icon.right-pinky{transform:scaleX(-1)}.beginner-thumb-icon{display:flex;width:36px;align-items:flex-end;justify-content:center;gap:2px;justify-self:center}.beginner-thumb-icon i{display:block;width:15px;height:24px;border:1px solid #7b4b2e;border-radius:8px 3px 5px 5px;background:#f2bd86;transform:rotate(28deg)}.beginner-thumb-icon i:last-child{transform:rotate(-28deg)}.beginner-row-guide,.beginner-full-guide{display:flex;flex-direction:column;align-items:center}.beginner-mini-keyboard{display:flex;gap:3px;margin-top:12px}.beginner-mini-keyboard span,.beginner-full-keyboard span{display:inline-grid;width:24px;height:20px;place-items:center;border:1px solid #775436;background:#fffdf4;font:700 8px/1 PixelMplus10,monospace}.beginner-mini-keyboard span.active,.beginner-full-keyboard span.active{color:#fff;background:#df3f60;box-shadow:0 0 0 2px #ffd2da}.beginner-row-guide p{margin:8px 0 0;color:#d43155;font:700 7px/1 PixelMplus10,sans-serif}.beginner-row-guide p.seal-prompt{color:#7f3ab5}.beginner-full-keyboard{display:grid;gap:2px;margin-top:4px}.beginner-full-keyboard>div{display:flex;justify-content:center;gap:2px}.beginner-full-keyboard span{width:18px;height:14px;font-size:6px}.beginner-key-legend{display:flex;gap:5px;margin-top:3px;font:400 5px/1 PixelMplus10,sans-serif}.beginner-key-legend span{display:flex;align-items:center;gap:2px}.beginner-key-legend i{width:5px;height:5px;border:1px solid #53351f}.beginner-start-panel .rules{grid-template-columns:repeat(3,1fr)}.beginner-result-overlay{top:52px;height:238px}.beginner-result-stats strong{font-size:9px;white-space:nowrap}.beginner-result-stats>div{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #b68c4b}.beginner-result-stats>div:last-child{border-right:0}.beginner-result-stats span{margin-bottom:4px;color:#684427;font:700 6px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif}.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)}}.stage-select-mokumoku-button{position:absolute;top:22px;right:50px;z-index:2;display:flex;width:112px;height:28px;align-items:center;justify-content:center;gap:4px;border:1px solid #c88a2c;border-radius:7px;color:#603715;background:#fff4bf;box-shadow:0 3px #d4ad52;font:700 7px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;cursor:pointer}.stage-select-mokumoku-button>span{color:#167363;font:700 14px/1 PixelMplus12,monospace}.stage-select-mokumoku-button:hover{background:#fff8d5;transform:translateY(-1px)}.mokumoku-page{min-height:100vh;overflow:hidden;background:#101b28}.mokumoku-display-frame{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.mokumoku-logical-frame{position:absolute;top:0;left:0;width:640px;height:360px;overflow:hidden;border:4px solid #254e72;color:#1c2730;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),#aabbe8;background-size:8px 8px;box-shadow:inset 0 0 0 3px #dbe5ff,inset 0 0 24px #2b43813d;font-family:PixelMplus10,Yu Gothic,Meiryo,sans-serif;transform:scale(var(--game-scale));transform-origin:top left}.mokumoku-header{position:absolute;top:4px;right:8px;left:8px;display:grid;height:44px;grid-template-columns:1fr 96px 1fr;align-items:center;border-bottom:2px solid #4776a5}.mokumoku-header>div:first-child{padding-left:10px}.mokumoku-header>div:first-child>span{color:#285d8b;font:700 6px/1 PixelMplus10,monospace;letter-spacing:1px}.mokumoku-header h1{margin:3px 0 0;color:#133c75;font:700 15px/1 PixelMplus12,Yu Gothic,Meiryo,sans-serif}.mokumoku-current-key{display:grid;height:36px;grid-template-columns:1fr 34px;align-items:center;border:1px solid #7894bd;color:#42587b;background:#ffffffd1;box-shadow:2px 2px #374d7938}.mokumoku-current-key span{font-size:6px;font-weight:700;text-align:center}.mokumoku-current-key strong{display:grid;height:34px;place-items:center;color:#fff;background:#1f2730;font:700 18px/1 PixelMplus12,monospace}.mokumoku-header>button{justify-self:end;width:78px;height:28px;margin-right:10px;border:1px solid #244e86;color:#fff;background:#2d67ad;box-shadow:inset 0 -3px #19447e,2px 2px #1e31584d;font:700 9px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;cursor:pointer}.mokumoku-copy-sheet{position:absolute;top:52px;left:20px;width:592px;height:143px;border:2px solid #7186a1;color:#20262c;background:#fff;box-shadow:inset 0 0 0 2px #eef2f6,3px 3px #253f643d}.mokumoku-copy-sheet.miss{animation:mokumoku-miss-flash .16s steps(2,end)}.mokumoku-sheet-heading{display:flex;height:19px;align-items:center;justify-content:space-between;margin:0 8px;border-bottom:1px dotted #b4beca;color:#40566d}.mokumoku-sheet-heading strong{font-size:6px}.mokumoku-sheet-heading span{font:700 6px/1 PixelMplus10,monospace}.mokumoku-copy-rows{display:grid;height:120px;align-content:center;gap:1px;padding:2px 10px 3px}.mokumoku-copy-rows p{display:flex;height:15px;align-items:center;justify-content:center;gap:12px;margin:0;font:700 12px/1 PixelMplus12,monospace;white-space:nowrap}.mokumoku-copy-group{display:inline-flex}.mokumoku-copy-group>span{display:inline-grid;width:10px;height:14px;place-items:center}.mokumoku-copy-group>span.entered{color:#aab0b6}.mokumoku-copy-group>span.current{color:#fff;background:#20262c;box-shadow:0 0 0 1px #20262c}.mokumoku-device-guide{position:absolute;top:201px;left:20px;width:592px;height:108px;overflow:hidden;border:2px solid #4879a4;background:#34b0dab8;box-shadow:inset 0 0 0 2px #d4f4ffa6,3px 3px #253f643d}.mokumoku-keyboard-art-slot{position:absolute;top:5px;left:74px;display:grid;width:440px;height:46px;place-items:center;border:1px dashed rgba(17,78,105,.72);background:#e1f8ff40}.mokumoku-keyboard-art-slot>small,.mokumoku-hand-art-slot>small{position:absolute;top:2px;left:4px;color:#0c4862c2;font:700 5px/1 PixelMplus10,monospace;letter-spacing:.5px}.mokumoku-keyboard-preview{display:flex;gap:3px;margin-top:8px}.mokumoku-keyboard-preview span{display:grid;width:30px;height:24px;place-items:center;border:1px solid #8e9ca5;border-radius:3px;color:#73828b;background:#f9fcfd;box-shadow:inset 0 -3px #d8e2e7;font:700 9px/1 PixelMplus10,monospace}.mokumoku-device-guide[data-hints-visible=false] .mokumoku-keyboard-preview span.idle{color:transparent}.mokumoku-keyboard-preview span.expected{border-color:#155b7e;color:#102d3d;background:#39e0e7;box-shadow:inset 0 -3px #1aabb7,0 0 0 2px #edff84b3;transform:translateY(2px)}.mokumoku-keyboard-preview span.wrong{border-color:#7e1424;color:#fff;background:#e3314e;box-shadow:inset 0 -3px #9d1730,0 0 0 2px #ffd572db;animation:mokumoku-wrong-key .18s steps(2,end) 2;transform:translateY(2px)}.mokumoku-wrong-key-feedback{position:absolute;top:7px;left:5px;display:flex;width:64px;height:40px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(17,78,105,.42);color:#144e66b3;background:#e1f8ff38;font-size:5px;font-weight:700;text-align:center}.mokumoku-wrong-key-feedback.visible{border:1px solid #a71932;color:#8d1329;background:#ffe1e5}.mokumoku-wrong-key-feedback strong{font:700 13px/1 PixelMplus12,monospace}.mokumoku-wrong-key-feedback span{margin-top:2px;font-size:5px}.mokumoku-hint-control{position:absolute;top:7px;right:5px;display:grid;width:64px;height:40px;place-content:center;border:1px dashed #1d6481;color:#174861;background:#e2f7f9b8;font-family:PixelMplus10,Yu Gothic,Meiryo,sans-serif;text-align:center}.mokumoku-hint-control kbd{display:grid;min-width:36px;height:12px;place-items:center;justify-self:center;border:1px solid #1d6481;color:#fff;background:#347f9d;box-shadow:inset 0 -2px #1e5972;font:700 5px/1 PixelMplus10,monospace}.mokumoku-hint-control span{margin-top:2px;font-size:5px;font-weight:700}.mokumoku-hint-control strong{margin-top:2px;color:#195b79;font-size:5px}.mokumoku-hand-art-slot{position:absolute;bottom:4px;width:190px;height:48px;border:1px dashed rgba(17,78,105,.72);background:#145b8029}.mokumoku-hand-art-slot.left{left:75px}.mokumoku-hand-art-slot.right{right:75px}.mokumoku-finger-slots{display:flex;height:46px;align-items:end;justify-content:center;gap:9px}.mokumoku-finger-slots i{display:block;width:17px;height:31px;border:1px solid #226e91;border-radius:8px 8px 3px 3px;background:#368fb5;box-shadow:inset 0 -4px #0f4b6847}.mokumoku-finger-slots i:nth-child(2),.mokumoku-finger-slots i:nth-child(3){height:36px}.mokumoku-finger-slots i.active{border-color:#315a36;background:#79ef78;box-shadow:inset 0 -4px #36ac52,0 0 0 2px #f8ff94cc;transform:translateY(-3px)}.mokumoku-status-bar{position:absolute;right:8px;bottom:5px;left:8px;display:grid;height:39px;grid-template-columns:repeat(4,76px) 1fr;align-items:center;gap:5px;border-top:2px solid #4776a5;padding:4px 10px 0}.mokumoku-status-value{display:grid;min-width:0;height:30px;grid-template-columns:1fr;place-content:center;border:1px solid #7791b5;color:#334c6d;background:#ffffffb3;text-align:center}.mokumoku-status-value small{font-size:5px;font-weight:700}.mokumoku-status-value strong{margin-top:2px;color:#183f75;font:700 9px/1 PixelMplus10,monospace}.mokumoku-status-bar>small{justify-self:end;color:#324e73;font-size:5px;font-weight:700}.mokumoku-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#101f38b3}.mokumoku-dialog,.mokumoku-result-panel{display:flex;width:330px;min-height:145px;flex-direction:column;align-items:center;justify-content:center;border:3px double #2b5689;color:#253d5b;background:#f6f8ff;box-shadow:5px 5px #0d1e3773}.mokumoku-dialog p{margin:0;color:#173f75;font:700 17px/1 PixelMplus12,Yu Gothic,Meiryo,sans-serif}.mokumoku-dialog>strong{margin-top:9px;font-size:7px}.mokumoku-dialog>div,.mokumoku-result-actions{display:flex;gap:10px;margin-top:18px}.mokumoku-dialog button,.mokumoku-result-actions button{min-width:112px;height:29px;border:1px solid #2d5685;color:#fff;background:#3473b7;box-shadow:inset 0 -3px #1d4b82;font:700 7px/1 PixelMplus10,Yu Gothic,Meiryo,sans-serif;cursor:pointer}.mokumoku-result-panel{width:410px;min-height:190px}.mokumoku-result-panel>span{color:#3470a5;font:700 7px/1 PixelMplus10,monospace;letter-spacing:2px}.mokumoku-result-panel h2{margin:8px 0 14px;color:#173f75;font:700 14px/1 PixelMplus12,Yu Gothic,Meiryo,sans-serif}.mokumoku-result-values{display:grid;width:360px;grid-template-columns:repeat(4,1fr);gap:6px}@keyframes mokumoku-miss-flash{50%{border-color:#e13a54;background:#fff0f1;transform:translate(2px)}}@keyframes mokumoku-wrong-key{50%{filter:brightness(1.45);transform:translateY(2px) scale(1.08)}}