*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#f5ebcb}body{font-family:-apple-system,BlinkMacSystemFont,PingFang HK,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#252735;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#wrap{position:relative;width:100vw;height:100vh;overflow:hidden}#stage{position:absolute;left:50%;top:50%;width:1100px;height:560px;transform-origin:50% 50%}#game{display:block;width:1100px;height:560px;border-radius:5px;cursor:default}#hud{position:absolute;inset:0;pointer-events:none;font-size:15px}.pill{background:#f5ebcbeb;border:1px solid rgba(23,58,94,.24);border-radius:999px;padding:7px 17px}#obj{position:absolute;left:50%;top:15px;transform:translate(-50%);white-space:nowrap;letter-spacing:.3px;color:#173a5e;text-align:center}#btns{position:absolute;right:13px;top:13px;display:flex;gap:7px;pointer-events:auto}.btn{background:#f5ebcbf5;border:1px solid rgba(23,58,94,.3);color:#173a5e;border-radius:8px;padding:6px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .18s}.btn:hover{background:#342718eb;border-color:#ffd98a9e;color:#fff4d8}.btn.on{background:#3c2d17;color:#ffdd9b}.btn.disabled{opacity:.4;cursor:not-allowed;background:#0e0b0880;border-color:#96825a33;color:#7d7059}.btn.disabled:hover{background:#0e0b0880;border-color:#96825a33}#keys{position:absolute;inset:0;padding:0 16px 13px;font-size:12px;color:#173a5e;line-height:1.75;display:flex;align-items:flex-end;pointer-events:none}kbd{background:#fff;border:1px solid rgba(23,58,94,.36);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:12px;color:#173a5e;font-weight:600;margin:0 2px;box-shadow:0 1px 3px #0000002e}#action-prompt{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;margin-left:0;background:#fbf3d8eb;border:1px solid rgba(23,58,94,.28);border-radius:999px;padding:3px 12px;color:#173a5e;font-weight:500;box-shadow:0 2px 8px #00000040;transition:opacity .2s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s}#action-prompt.visible{opacity:1;pointer-events:auto}#action-prompt:hover{background:#fffaeefa;border-color:#173a5e99}#action-prompt:hover kbd{background:#fff8e6;border-color:#173a5e99;color:#173a5e}#sub{position:absolute;left:50%;bottom:64px;transform:translate(-50%);font-size:17.5px;color:#fff4de;text-shadow:0 2px 12px #000,0 0 30px rgba(0,0,0,.8);opacity:0;transition:opacity .22s;white-space:nowrap;letter-spacing:.6px}#sub.show{opacity:1}#fade-overlay{position:absolute;inset:0;background:#060504;pointer-events:none;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);z-index:18;border-radius:5px}#fade-overlay.black{opacity:1}.card{position:absolute;inset:0;display:none;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at 50% 42%,#191309,#080706 78%);z-index:20}.card.show{display:grid}#logincard{background:transparent;pointer-events:none}.cardin{max-width:620px;padding:34px 42px;text-align:center}.cardin h1{font-size:30px;margin:0 0 7px;color:#ffd98a;letter-spacing:2.8px;font-weight:600;text-align:center}.cardin h2{font-size:14.5px;margin:0 0 20px;color:#96866a;letter-spacing:2.2px;font-weight:400;text-align:center}.cardin p{font-size:14px;line-height:2;color:#cbbb9d;margin:0 0 8px;text-align:center}.cardin .go{margin-top:24px;display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.cardin .go .btn{padding:11px 25px;font-size:14px;border-radius:10px}.cardin .go .btn.big{background:#4a3719;color:#ffe6b0;border-color:#ffd98a99;box-shadow:0 4px 20px #00000080,0 0 16px #ffd98a2e}.cardin .go .btn.big:hover{background:#5e451d;border-color:#ffd98ae6;box-shadow:0 6px 24px #0009,0 0 24px #ffd98a59}.ck{text-align:left;font-size:13px;line-height:1.95;color:#b8a988;margin:0 auto;max-width:470px}.ck div{padding-left:21px;position:relative}.ck div:before{position:absolute;left:0;top:0}.ck .y:before{content:"✓";color:#7dd8b8}.login-menu-actions{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;width:100%}.menu-btn{min-width:240px;font-size:14.5px;letter-spacing:2px;padding:11px 28px;border-radius:10px;text-align:center;justify-content:center}.menu-btn.primary-btn{background:#4a3719;color:#ffe6b0;border-color:#ffd98a99;box-shadow:0 4px 20px #00000080,0 0 16px #ffd98a2e}.menu-btn.primary-btn:hover{background:#5e451d;border-color:#ffd98ae6;box-shadow:0 6px 24px #0009,0 0 24px #ffd98a59}.start-button{font-weight:600}.save-cardin{max-width:760px;width:92%;padding:36px 40px;text-align:center}.save-slots-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 14px}.save-slot-card{background:#120e0ad9;border:1px solid rgba(226,196,124,.32);border-radius:12px;padding:18px 16px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;min-height:128px;position:relative;text-align:center}.save-slot-card:hover:not(.disabled){background:#2d2113f2;border-color:#ffd98ad9;transform:translateY(-3px);box-shadow:0 6px 20px #00000080,0 0 16px #ffd98a40}.save-slot-card.has-data{border-color:#e2c47c85;background:#18130de6}.save-slot-card.disabled{opacity:.4;cursor:not-allowed;border-color:#96825a33;background:#0e0b0866}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.slot-tag{font-size:12px;font-weight:600;color:#ffd98a;letter-spacing:1px}.slot-latest-badge{font-size:10px;background:#ffd98a33;border:1px solid rgba(255,217,138,.6);color:#ffe6b0;padding:1px 6px;border-radius:999px;font-weight:500}.slot-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:8px 0}.slot-title{font-size:14px;font-weight:500;color:#ffe6b0;margin-bottom:6px;line-height:1.4;text-align:center}.slot-time{font-size:11px;color:#bba27c;font-family:monospace,sans-serif;text-align:center}.save-modal-go{margin-top:20px;display:flex;justify-content:center}.dialog-card{z-index:30;background:radial-gradient(ellipse at 50% 45%,#18120ae6,#080706f5 80%)}.dialog-cardin{max-width:480px;width:90%;padding:34px 30px;background:#120e0af5;border:1px solid rgba(226,196,124,.4);border-radius:14px;box-shadow:0 12px 40px #000c,0 0 30px #ffd98a26;text-align:center}.dialog-icon{font-size:30px;color:#ffd98a;margin-bottom:10px;text-shadow:0 0 16px rgba(255,217,138,.5);text-align:center}.dialog-cardin .dialog-msg,.cardin .dialog-msg{font-size:14.5px;line-height:1.8;color:#4a3020;font-weight:500;margin:14px auto 24px;text-align:center;white-space:pre-line;width:100%}.dialog-go{margin-top:0;display:flex;gap:12px;justify-content:center}#dialog-ok,#dialog-cancel{min-width:110px;padding:9px 24px;font-size:14px;border-radius:10px}#dialog-cancel{background:#fbf3d8f5;border:1.5px solid rgba(112,69,43,.45);color:#70452b;font-weight:500}#dialog-cancel:hover{background:#70452b;border-color:#70452b;color:#fff4d8}.tutorial-card{z-index:35;background:#0403027a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tutorial-cardin{max-width:320px;width:82%;padding:22px 24px 18px;background:#120e0ae0;border:1px solid rgba(226,196,124,.42);border-radius:12px;box-shadow:0 12px 32px #000000a6,0 0 20px #ffd98a1f;position:relative;text-align:center}.tutorial-ornament{font-size:12px;color:#8a5a20;letter-spacing:4px;margin-bottom:6px;text-shadow:0 1px 0 rgba(255,255,255,.5);opacity:.9}.tutorial-title,.tutorial-cardin h1{font-size:18px;color:var(--storybook-blue);letter-spacing:2px;font-weight:600;margin:0 0 14px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.tutorial-box{background:#08060499;border:1px solid rgba(226,196,124,.22);border-radius:8px;padding:12px 16px;margin:0 auto 16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 2px 8px #0006}.tutorial-item{display:flex;align-items:center;justify-content:space-between;width:100%}.tutorial-action-name{font-size:13px;color:#ffd98a;font-weight:500;letter-spacing:1px}.tutorial-keys{display:flex;align-items:center;gap:6px}.tutorial-keys kbd{display:inline-block;padding:4px 8px;font-size:13px;font-weight:600;color:#ffe6b0;background:#2a2012d9;border:1px solid rgba(255,217,138,.5);border-radius:5px;box-shadow:0 2px 6px #00000080}.tutorial-slash{font-size:12px;color:#ffd98a;font-weight:500}.tutorial-divider-line{height:1px;background:#e2c47c1f;width:100%}.tutorial-go{margin-top:0}.tutorial-cardin .tutorial-ok-btn,#tutorial-ok{min-width:140px;font-size:13px;letter-spacing:2px;font-weight:600;padding:8px 24px;border-radius:8px;background:var(--storybook-blue);color:#fff4d8;border:1px solid var(--storybook-gold);box-shadow:0 4px #70452b,0 8px 16px #34263b2e}.tutorial-cardin .tutorial-ok-btn:hover,#tutorial-ok:hover{background:var(--storybook-red);border-color:#ffe0a0;color:#fff4d8}.pause-card{z-index:28;background:#0403027a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pause-cardin{max-width:340px;width:82%;padding:24px 24px 20px;background:#120e0ad6;border:1px solid rgba(226,196,124,.38);border-radius:14px;box-shadow:0 12px 36px #000000b3,0 0 20px #ffd98a1f;text-align:center}.pause-icon{font-size:18px;color:var(--storybook-blue);letter-spacing:4px;margin-bottom:6px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.pause-title,.pause-cardin h1{font-size:20px;color:var(--storybook-blue);letter-spacing:2.5px;font-weight:600;margin:0 0 3px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.pause-subtitle{font-size:11.5px;color:#70452b;letter-spacing:1.5px;font-weight:500;margin:0 0 16px}.pause-menu-actions{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%}.pause-menu-actions .menu-btn{width:100%;max-width:230px;font-size:13px;padding:8px 16px;border-radius:8px}.story-close-btn{min-width:160px;font-size:15px;letter-spacing:6px;font-weight:600;padding:10px 32px 10px 38px;border-radius:8px;background:#3d2b1f;color:#fff2d4;border:1.5px solid #c8a86a;box-shadow:0 4px 14px #0000004d;cursor:pointer}.story-close-btn:hover{background:#543c2c;color:#fff;border-color:#ffd98a;box-shadow:0 6px 18px #0006}:root{--storybook-paper:#fbf3d8;--storybook-ink:#34263b;--storybook-blue:#173a5e;--storybook-red:#c95243;--storybook-gold:#e3b44f;--storybook-teal:#2f6d69}.menu-card,.dialog-cardin,.tutorial-cardin,.pause-cardin{background:linear-gradient(145deg,#fbf3d8f5,#efd9adf5);border-color:#70452b8c;box-shadow:0 16px 38px #34263b57,0 0 0 5px #e3b44f1f}.menu-title,.dialog-title,#dialog-title,.dialog-cardin h1,.tutorial-cardin h1,.tutorial-title,.pause-cardin h1,.pause-title{color:var(--storybook-blue);text-shadow:0 2px 0 rgba(255,255,255,.55)}.menu-subtitle,.dialog-cardin .dialog-msg,#dialog-msg,.dialog-msg,.pause-subtitle{color:#4a3020;font-weight:500}.dialog-icon,.pause-icon{color:var(--storybook-blue);text-shadow:0 1px 0 rgba(255,255,255,.55)}.tutorial-cardin .tutorial-ok-btn,#tutorial-ok,.menu-btn,.story-close-btn,.tutorial-ok-btn,#dialog-ok{background:var(--storybook-blue);border-color:var(--storybook-gold);color:#fff4d8;box-shadow:0 4px #70452b,0 8px 16px #34263b2e}.tutorial-cardin .tutorial-ok-btn:hover,#tutorial-ok:hover,.menu-btn:hover,.story-close-btn:hover,.tutorial-ok-btn:hover,#dialog-ok:hover{background:var(--storybook-red);border-color:#ffe0a0;color:#fff4d8}.hud,.hud-panel,.control-hint{background:#fbf3d8e0;border-color:#70452b7a;color:var(--storybook-ink)}#notebook-btn{position:absolute;right:18px;top:14px;width:48px;height:55px;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));transition:transform .15s}#notebook-btn:hover{transform:translateY(-2px) rotate(-3deg)}#notebook-btn svg{display:block;width:100%;height:100%;overflow:visible}#notebook-badge{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#c95243;border:1.5px solid #fbf3d8}.nb-ink{stroke-dasharray:24}.nb-pencil{opacity:0}#notebook-btn.writing svg{animation:nb-bob 1.4s ease-in-out}#notebook-btn.writing .nb-ink{animation:nb-ink 1.4s ease-in-out}#notebook-btn.writing .nb-pencil{animation:nb-pencil 1.4s ease-in-out}@keyframes nb-bob{0%,to{transform:none}15%{transform:translateY(-3px) rotate(-4deg)}85%{transform:translateY(-2px) rotate(-2deg)}}@keyframes nb-ink{0%,12%{stroke-dashoffset:24}88%,to{stroke-dashoffset:0}}@keyframes nb-pencil{0%{opacity:0;transform:translate(6px,-6px)}12%{opacity:1;transform:translate(0)}25%{transform:translate(3px,1px)}38%{transform:translate(5px)}50%{transform:translate(7.5px,1px)}62%{transform:translateY(3.5px)}75%{transform:translate(2.5px,4.5px)}88%{opacity:1;transform:translate(5px,3.5px)}to{opacity:0;transform:translate(10px,-3px)}}@media(prefers-reduced-motion:reduce){#notebook-btn.writing svg,#notebook-btn.writing .nb-ink,#notebook-btn.writing .nb-pencil{animation:none}}.notebook-card{z-index:34;background:#04030280;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nb-wrap{max-width:none;padding:0;perspective:1600px}.nb-wrap .go{margin-top:12px}.nb-book{position:relative;display:grid;grid-template-columns:1fr 1fr;width:700px;padding:12px;border-radius:10px;background:linear-gradient(160deg,#5a3320,#3d2418);box-shadow:inset 0 0 0 2px #e3b44f59,0 22px 50px #0009}.nb-book:before{content:"";position:absolute;right:40px;top:-6px;z-index:2;width:16px;height:46px;background:linear-gradient(180deg,#a9402f,#c95243);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 2px 4px #00000040}.nb-page{position:relative;display:flex;flex-direction:column;height:392px;padding:18px 20px 12px;text-align:left;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(23,58,94,.07) 27px 28px),linear-gradient(160deg,var(--paper-hi),var(--paper-lo))}.nb-left{border-radius:6px 0 0 6px;box-shadow:inset -18px 0 22px -16px #5a3a2273}.nb-right{border-radius:0 6px 6px 0;box-shadow:inset 18px 0 22px -16px #5a3a2273}.cardin .notebook-title{font-size:20px;color:var(--storybook-blue);text-align:left;margin:0 0 4px}.cardin p.nb-hint{font-size:11.5px;line-height:1.7;color:#70452b;text-align:left;margin:0 0 12px}.cardin p.nb-empty{color:#70452b;font-size:13px;line-height:1.8;text-align:left}#notebook-list{display:flex;flex-direction:column;gap:10px}.nb-sign{display:flex;align-items:center;gap:12px;padding:6px 10px;border:1px solid rgba(112,69,43,.3);border-radius:10px;background:#fffdf5d1;color:#5a3a1c;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.nb-sign:hover{transform:translateY(-1px);border-color:#173a5e80}.nb-sign[aria-pressed=true]{border-color:var(--storybook-blue);box-shadow:0 0 0 2px #173a5e4d,0 4px 10px #5a3a222e;transform:translateY(-2px)}.nb-glyph{width:90px;height:48px;flex:none;background:#fffdf5;border-radius:8px;border:1px solid rgba(23,58,94,.2)}.nb-self{fill:#fffaf0;stroke:#6b4a2e;stroke-width:1.5;stroke-linejoin:round}.nb-start{fill:#35b8c7}.nb-stroke{fill:none;stroke:#35b8c7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.nb-floor{stroke:#34263b59;stroke-width:2;stroke-dasharray:3 3}.nb-leaf{position:relative;flex:1;display:flex;flex-direction:column;transform-origin:left center}.cardin p.nb-caption{font-size:13px;color:#70452b;letter-spacing:2px;text-align:left;margin:0 0 8px}.nb-panels{display:flex;flex-direction:column;gap:10px}.nb-panel{position:relative;border:1px solid rgba(112,69,43,.35);border-radius:4px;background:#fffdf58c}.nb-panel svg{display:block;width:100%;height:auto}.sk{fill:none;stroke:#6b4a2e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sk-fill{fill:#fffaf0}.sk-dark{fill:#6b4a2e4d}.sk-soft{stroke:#6b4a2e73}.sk-dash{stroke-dasharray:4 4}.nb-slot{position:absolute;width:24%;aspect-ratio:90/48;padding:0;transform:translate(-50%,-50%);border:1.5px dashed rgba(23,58,94,.5);border-radius:12px;background:#fffdf5;cursor:pointer}.nb-slot:hover:not([disabled]){border-color:var(--storybook-blue);background:#fff}.nb-slot.filled{border-style:solid}.nb-slot[disabled]{cursor:default;border-color:var(--storybook-teal)}.nb-slot .nb-glyph{width:100%;height:100%;border:0;background:none}.nb-motion{display:flex;flex-direction:column;gap:3px;letter-spacing:1px}.nb-done{color:#2f6d69;font-size:11.5px;letter-spacing:0}.nb-done:before{content:"✓ "}.nb-stamp{position:absolute;right:6px;bottom:-4px;display:grid;place-items:center;width:62px;height:62px;border:3px double #b8412f;border-radius:50%;color:#b8412f;font-size:16px;font-weight:700;letter-spacing:2px;transform:rotate(-14deg);opacity:.85;pointer-events:none}.nb-stamp.fresh{animation:nb-stamp .45s cubic-bezier(.2,1.6,.4,1)}@keyframes nb-stamp{0%{transform:rotate(-14deg) scale(2.2);opacity:0}}.nb-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;color:#70452b;font-size:12px}.nb-flip{padding:0 10px;border:0;background:none;color:var(--storybook-blue);font:inherit;font-size:22px;line-height:1;cursor:pointer}.nb-flip[disabled]{opacity:.2;cursor:default}.nb-turn-next{animation:nb-turn-next .35s ease-out}.nb-turn-prev{animation:nb-turn-prev .35s ease-out}@keyframes nb-turn-next{0%{transform:rotateY(-80deg);opacity:.3}}@keyframes nb-turn-prev{0%{transform:rotateY(80deg);opacity:.3}}@media(prefers-reduced-motion:reduce){.nb-turn-next,.nb-turn-prev,.nb-stamp.fresh{animation:none}}:root{--brass:#e3b44f;--brass-dark:#8a5a20;--paper-hi:#fffaf0;--paper-lo:#f0dcb0;--wood:#3d2418}html,body{background:radial-gradient(ellipse at 50% 45%,#2a1a14,#140d0b 60%,#0a0706)}#game{border-radius:8px;box-shadow:0 0 0 1px #e3b44f8c,0 0 0 5px #1c110c,0 0 0 6px #e3b44f47,0 24px 60px #000000a6}#fade-overlay{border-radius:8px}#action-prompt:hover{background:linear-gradient(180deg,#fffdf5,#f6e6c2);border-color:#8a5a20d9}kbd{background:linear-gradient(180deg,#fffdf6,#efe0bf);border:1px solid rgba(138,90,32,.55);border-bottom-width:2px;border-radius:5px;color:#5a3a1c;box-shadow:0 1px #ffffffb3 inset,0 1px 3px #28140840}#notebook-badge{box-shadow:0 0 6px #c95243b3;animation:nb-pulse 1.6s ease-in-out infinite}@keyframes nb-pulse{0%,to{opacity:1}50%{opacity:.45}}#sub{padding:8px 34px;background:radial-gradient(ellipse at center,#0c06049e,#0c060459 55%,#0c060400 75%);letter-spacing:1px;font-weight:500}.login-cardin{position:relative;pointer-events:auto;text-align:center;padding:0;animation:login-rise 1.1s cubic-bezier(.16,1,.3,1) both}.login-cardin:before{content:"";position:absolute;inset:-70px -120px;z-index:-1;background:radial-gradient(ellipse at 50% 45%,rgba(10,6,3,.82) 25%,rgba(10,6,3,.5) 50%,transparent 72%);pointer-events:none}.login-cardin .game-main-title{font-family:"Noto Serif TC",Songti TC,STSong,PMingLiU,serif;font-size:76px;font-weight:700;line-height:1.15;margin:0 0 0 22px;letter-spacing:22px;background:linear-gradient(180deg,#fff8e0 8%,#f4cc6e,#a8741f 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(40,22,8,.9)) drop-shadow(0 0 24px rgba(255,200,110,.35));animation:title-breathe 4s ease-in-out infinite}.login-cardin .game-sub-title{font-size:11px;letter-spacing:9px;margin:4px 0 0 9px;color:#e3b44fbf;font-weight:500}.game-sub-title:after{content:"♪";display:block;margin:10px auto 16px;font-size:13px;letter-spacing:0;color:#e3b44f;text-shadow:0 0 10px rgba(255,217,138,.7)}.login-menu-actions{gap:9px}.login-menu-actions .menu-btn{min-width:210px;padding:10px 26px;font-size:14px;letter-spacing:5px;border-radius:3px;color:#f6e3b4;background:linear-gradient(180deg,#281b0ed1,#120c07e0);border:1px solid rgba(227,180,79,.55);box-shadow:inset 0 0 0 3px #120c07e6,inset 0 0 0 4px #e3b44f2e,0 6px 18px #0000008c}.login-menu-actions .menu-btn:hover{color:#2a1a08;background:linear-gradient(180deg,#ffe7a8,#e3b44f 60%,#b8832e);border-color:#ffe7a8;transform:translateY(-1px);box-shadow:inset 0 0 0 3px #fff0c859,0 0 26px #ffc86e73,0 6px 18px #0000008c}.login-menu-actions .menu-btn:focus-visible{outline:2px solid #ffe7a8;outline-offset:3px}.login-menu-actions .menu-btn.primary-btn{color:#2a1a08;background:linear-gradient(180deg,#f7d98c,#d9a441 60%,#a8741f);border-color:#ffe7a8}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes title-breathe{0%,to{filter:drop-shadow(0 3px 0 rgba(40,22,8,.9)) drop-shadow(0 0 18px rgba(255,200,110,.25))}50%{filter:drop-shadow(0 3px 0 rgba(40,22,8,.9)) drop-shadow(0 0 32px rgba(255,200,110,.5))}}@media(prefers-reduced-motion:reduce){.login-cardin,.game-main-title{animation:none}}.tutorial-cardin .tutorial-ok-btn,#tutorial-ok,.menu-btn,.story-close-btn,.tutorial-ok-btn,#dialog-ok{background:linear-gradient(180deg,#2c5a86,#173a5e 60%,#122e4c);border:1px solid var(--brass);box-shadow:inset 0 1px #ffffff38,0 3px #70452b,0 8px 16px #140a064d;transition:transform .15s,box-shadow .15s,background .18s}.tutorial-cardin .tutorial-ok-btn:hover,#tutorial-ok:hover,.menu-btn:hover,.story-close-btn:hover,.tutorial-ok-btn:hover,#dialog-ok:hover{background:linear-gradient(180deg,#e0705e,#c95243 60%,#a9402f);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 4px #70452b,0 10px 20px #140a0659}.tutorial-cardin .tutorial-ok-btn:active,#tutorial-ok:active,.menu-btn:active,.story-close-btn:active,#dialog-ok:active{transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 1px #70452b,0 3px 8px #140a064d}.menu-btn.primary-btn{background:linear-gradient(180deg,#7a5626,#4a3719 65%,#3a2a12)}.dialog-cardin,.tutorial-cardin,.pause-cardin{position:relative;background:radial-gradient(ellipse at 50% 0%,#ffffff8c,#fff0 60%),linear-gradient(160deg,var(--paper-hi),var(--paper-lo));border:1px solid rgba(138,90,32,.6);box-shadow:inset 0 0 0 5px #fffaec8c,inset 0 0 0 6px #c8964666,0 18px 44px #14080480}.tutorial-box{background:#fffaec8c;border:1px solid rgba(138,90,32,.28);box-shadow:inset 0 1px 4px #5a3a2226}.tutorial-action-name{color:#5a3a1c}.tutorial-keys kbd{background:linear-gradient(180deg,#fffdf6,#efe0bf);color:#5a3a1c;border-color:#8a5a208c}.tutorial-slash{color:#8a5a20}.tutorial-divider-line{background:#8a5a2033}