:root{--color-bg-1: #2e2114;--color-bg-2: #49331f;--color-card: #fffdf7;--color-text: #263438;--color-primary: #e7814a;--color-primary-dark: #c85d31;--color-secondary: #3ba7a0;--color-accent: #f3c86b;--color-correct: #27875a;--color-current-bg: #f7d98e;--color-rest: #8b989b;--color-danger: #d95858;--radius: 20px;--font-main: "Hiragino Maru Gothic ProN", "BIZ UDGothic", "Yu Gothic UI", "Meiryo", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-main);color:var(--color-text);background:radial-gradient(circle at 12% 10%,rgba(246,211,139,.18),transparent 27%),radial-gradient(circle at 88% 82%,rgba(164,116,69,.18),transparent 30%),linear-gradient(145deg,var(--color-bg-1),var(--color-bg-2) 58%,#20150d);background-attachment:fixed;overflow-x:hidden}#root,.app{min-height:100vh}.screen{max-width:1100px;margin:0 auto;padding:32px 24px 48px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative}.screen-heading{font-size:44px;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.3);margin:0;text-align:center}.btn{font-family:var(--font-main);font-size:24px;font-weight:700;padding:14px 32px;border:none;border-radius:999px;cursor:pointer;background:#fff;color:var(--color-text);box-shadow:0 5px #00000040;transition:transform .1s,box-shadow .1s,filter .15s}.btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000040}.btn-big{font-size:32px;padding:20px 48px}.btn-primary{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-secondary{background:linear-gradient(180deg,#3ad6c6,var(--color-secondary));color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-back{background:#e8e8e8}.btn-danger{background:var(--color-danger);color:#fff}.btn-tiny{font-size:16px;padding:8px 20px;box-shadow:0 3px #0003}.nav-buttons{display:flex;gap:20px;margin-top:12px;flex-wrap:wrap;justify-content:center}.bounce{animation:bounce 1.6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.title-lanterns{display:flex;gap:36px;font-size:48px}.title-lanterns span{animation:float 3s ease-in-out infinite}.title-lanterns span:nth-child(2n){animation-delay:.7s}.title-lanterns span:nth-child(3n){animation-delay:1.4s}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}.title-logo{font-size:64px;margin:0;text-align:center;color:var(--color-accent);text-shadow:3px 3px 0 #c1272d,6px 6px 0 rgba(0,0,0,.35);letter-spacing:.04em}.title-deco{display:inline-block;margin:0 16px;animation:float 2.4s ease-in-out infinite}.title-subtitle{font-size:26px;color:#fff;margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.title-buttons{display:flex;flex-direction:column;gap:20px;margin-top:16px;align-items:center}.notice-box{background:var(--color-accent);color:#5b3a00;font-size:22px;padding:16px 28px;border-radius:var(--radius);text-align:center;box-shadow:0 4px #0003}.nickname-input{font-family:var(--font-main);font-size:36px;padding:16px 24px;border-radius:var(--radius);border:4px solid var(--color-accent);width:min(480px,90%);text-align:center;outline:none}.nickname-input:focus{border-color:var(--color-primary)}.grade-field{width:min(480px,90%);display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;font-size:24px;font-weight:700}.grade-field select{font-family:var(--font-main);font-size:24px;font-weight:700;padding:10px 18px;border:3px solid var(--color-accent);border-radius:14px;background:#fff;color:var(--color-text)}.input-hint{color:#fff;font-size:18px;margin:0;opacity:.85}.error-message{background:var(--color-danger);color:#fff;font-size:22px;font-weight:700;padding:10px 24px;border-radius:999px;margin:0}.home-position-entry{width:100%;min-height:112px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;border:4px solid #f4c84f;border-radius:var(--radius);background:#fff9df;color:#173f47;font-family:var(--font-main);text-align:left;cursor:pointer;box-shadow:0 7px #bd8b19;transition:transform .12s}.home-position-entry:hover{transform:translateY(-3px)}.home-position-entry-icon{font-size:48px;text-align:center}.home-position-entry>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.home-position-entry small{color:#9b6100;font-size:15px;font-weight:700}.home-position-entry strong{font-size:24px;line-height:1.25}.home-position-entry em{color:#576970;font-size:15px;font-style:normal}.home-position-entry b{padding:7px 12px;border-radius:999px;background:#173f47;color:#fff;font-size:15px;white-space:nowrap}.home-position-screen{justify-content:flex-start;gap:18px}.home-position-heading{width:100%;display:flex;align-items:center;gap:14px;color:#fff}.home-position-heading-icon{font-size:54px}.home-position-heading p,.home-position-heading h2{margin:0}.home-position-heading p{color:#ffe38a;font-size:16px;font-weight:700}.home-position-heading h2{font-size:34px;line-height:1.2}.home-position-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-position-card{min-width:0;min-height:104px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px 12px;padding:13px 15px;border:0;border-radius:8px;background:#fff;color:#173f47;font-family:var(--font-main);text-align:left;cursor:pointer;box-shadow:0 5px #0000003d;transition:transform .12s}.home-position-card:hover{transform:translateY(-3px)}.home-position-icon{grid-row:1 / 3;font-size:34px;text-align:center}.home-position-card-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.home-position-card-copy strong{font-size:18px;line-height:1.3}.home-position-card-copy small{color:#65747a;font-size:13px;line-height:1.35}.home-position-keys{grid-column:2;min-width:0;overflow-wrap:anywhere;color:#b44b2a;font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:0}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;width:100%}.level-card{font-family:var(--font-main);background:var(--color-card);border:none;border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:0 6px #00000040;transition:transform .12s}.level-card:hover:not(.locked){transform:translateY(-4px) scale(1.03)}.level-card.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.7)}.level-emoji{font-size:44px}.level-number{font-size:26px;font-weight:700;color:var(--color-primary-dark)}.level-name{font-size:20px;font-weight:700}.level-desc{font-size:15px;color:#666;text-align:center}.level-mode-badge{font-size:14px;font-weight:700;padding:3px 12px;border-radius:999px;color:#fff}.level-card.mode-practice .level-mode-badge{background:var(--color-secondary)}.level-card.mode-long .level-mode-badge{background:#ab47bc}.game-screen{justify-content:flex-start;padding:12px 20px 14px;gap:8px;transition:background .5s}.game-screen.urgent{animation:urgent-bg .8s ease-in-out infinite}@keyframes urgent-bg{0%,to{box-shadow:inset 0 0 #e6394600}50%{box-shadow:inset 0 0 120px 30px #e639468c}}.countdown{display:flex;flex-direction:column;align-items:center;gap:28px;margin:auto}.countdown-info{font-size:28px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.countdown-number{font-size:140px;font-weight:700;color:var(--color-accent);text-shadow:5px 5px 0 rgba(0,0,0,.35);animation:pop-in .4s ease-out}.countdown-hint{font-size:22px;color:#fff;background:#00000059;padding:10px 26px;border-radius:999px}.countdown-rule{font-size:22px;font-weight:700;color:var(--color-accent);text-shadow:2px 2px 0 rgba(0,0,0,.4);margin:0}.game-header{width:100%;min-height:52px;display:grid;grid-template-columns:minmax(280px,1fr) 360px;align-items:center;gap:18px}.time-area{display:flex;align-items:center;gap:14px;min-width:0;max-width:500px}.time-number{font-size:40px;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3);min-width:110px}.time-urgent{color:#ff5252;animation:pulse .6s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.time-bar-outer{flex:0 1 360px;width:min(360px,100%);height:26px;background:#00000059;border-radius:999px;overflow:hidden}.time-bar-inner{height:100%;background:linear-gradient(90deg,#2ec4b6,#8fe388);border-radius:999px;transition:width .15s linear}.time-bar-urgent{background:linear-gradient(90deg,#e63946,#ff8a65)}.score-area{display:grid;grid-template-columns:140px 200px;align-items:center;gap:10px;width:350px;justify-items:end}.game-score{font-size:32px;font-weight:700;color:var(--color-accent);text-shadow:2px 2px 0 rgba(0,0,0,.35);min-width:140px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.game-combo{font-size:26px;font-weight:700;color:#ff8a3d;text-shadow:2px 2px 0 rgba(0,0,0,.35);animation:success-highlight .45s ease-out;min-width:200px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.game-combo-hidden{visibility:hidden}@keyframes success-highlight{0%{text-shadow:0 0 12px rgba(255,210,63,.8)}to{text-shadow:2px 2px 0 rgba(0,0,0,.35)}}.combo-celebration{position:absolute;top:110px;left:50%;transform:translate(-50%);font-size:34px;font-weight:700;color:var(--color-accent);text-shadow:3px 3px 0 rgba(0,0,0,.4);animation:celebration 1.2s ease-out forwards;pointer-events:none;white-space:nowrap;z-index:5}@keyframes celebration{0%{opacity:0}25%,75%{opacity:1}to{opacity:0}}.clear-celebration{position:absolute;top:150px;right:12%;font-size:38px;font-weight:700;color:#7cfc8e;text-shadow:3px 3px 0 rgba(0,0,0,.45);animation:clear-glow .7s ease-out forwards;pointer-events:none;white-space:nowrap;z-index:6}@keyframes clear-glow{0%{opacity:0;text-shadow:0 0 0 rgba(124,252,142,0)}30%,70%{opacity:1;text-shadow:0 0 18px rgba(124,252,142,.8)}to{opacity:0;text-shadow:0 0 0 rgba(124,252,142,0)}}.time-bonus-pop{position:absolute;top:90px;left:50%;font-size:52px;font-weight:700;color:var(--color-accent);-webkit-text-stroke:2px #b35400;text-shadow:0 0 18px rgba(255,210,63,.95),0 0 40px rgba(255,160,0,.7),4px 4px 0 rgba(0,0,0,.4);animation:time-bonus 1.2s ease-out forwards;pointer-events:none;white-space:nowrap;z-index:7}@keyframes time-bonus{0%{opacity:0;transform:translate(-50%)}25%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.question-card{background:var(--color-card);border-radius:28px;padding:22px 38px;width:100%;max-width:980px;margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:9px;box-shadow:0 10px #0000004d;border:6px solid var(--color-accent)}.miss-shake{animation:shake .3s}.success-glow{animation:success-card-glow .65s ease-out}@keyframes success-card-glow{0%{border-color:var(--color-accent);box-shadow:0 10px #0000004d}35%,70%{border-color:#7cfc8e;box-shadow:0 10px #0000004d,0 0 24px #7cfc8ea6}to{border-color:var(--color-accent);box-shadow:0 10px #0000004d}}.question-display{font-size:46px;font-weight:700;text-align:center;line-height:1.4}.question-kana{font-size:29px;letter-spacing:.08em}.question-romaji{font-size:38px;font-family:Consolas,Courier New,monospace;font-weight:700;letter-spacing:.06em;word-break:break-all;text-align:center}.question-romaji-upper{font-size:22px;font-family:Consolas,Courier New,monospace;letter-spacing:.06em;opacity:.7;word-break:break-all;text-align:center}.kana-done,.romaji-done{color:var(--color-correct)}.kana-current{color:#b35400;background:var(--color-current-bg);border-radius:8px;padding:0 4px}.romaji-current{color:#5b3a00;background:var(--color-current-bg);border-radius:8px;padding:0 6px;animation:blink-soft 1s infinite}@keyframes blink-soft{0%,to{box-shadow:0 0 #ffd23fe6}50%{box-shadow:0 0 0 6px #ffd23f73}}.kana-rest,.romaji-rest{color:var(--color-rest)}.game-footer{display:flex;gap:28px;align-items:center;margin-top:4px;flex-wrap:wrap;justify-content:center}.game-stat{font-size:21px;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.quit-button{opacity:.7}.result-screen{overflow:hidden}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-50px;animation:confetti-fall 3.2s linear infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:.6}}.result-heading{font-size:46px;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.35);margin:0}.pop-in{animation:pop-in .5s cubic-bezier(.18,1.4,.4,1)}@keyframes pop-in{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.result-title-badge{display:flex;align-items:center;gap:14px;background:var(--color-card);padding:14px 36px;border-radius:999px;border:5px solid var(--color-accent);box-shadow:0 6px #0000004d}.result-title-emoji{font-size:44px}.result-title-name{font-size:30px;font-weight:700}.result-score{display:flex;align-items:baseline;gap:10px;color:var(--color-accent);text-shadow:4px 4px 0 rgba(0,0,0,.4)}.result-score-number{font-size:96px;font-weight:700}.result-score-unit{font-size:36px;font-weight:700}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;width:100%;max-width:860px}.result-stat{background:var(--color-card);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px #00000040}.stat-label{font-size:16px;color:#777}.stat-value{font-size:28px;font-weight:700}.miss-key-report{width:min(680px,100%);padding:16px 22px;border:1px solid rgba(255,255,255,.52);border-radius:var(--radius);background:#fffdf7f0;box-shadow:0 8px 24px #0a282c33;text-align:center}.miss-key-report h3{margin:0 0 12px;color:#285b5f;font-size:22px}.miss-key-report p{margin:0;color:var(--color-correct);font-size:19px;font-weight:700}.miss-key-list{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.miss-key-chip{min-width:78px;padding:8px 14px;border:2px solid #e6b85b;border-radius:14px;background:#fff7df;display:flex;align-items:baseline;justify-content:center;gap:8px}.miss-key-chip strong{color:#b85032;font-family:Consolas,Courier New,monospace;font-size:28px}.miss-key-chip small{color:#68777a;font-size:14px}.result-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center}.keyboard-guide{margin-top:2px;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(700px,100%);background:#092e3357;border:1px solid rgba(217,248,250,.18);border-radius:var(--radius);padding:9px 18px 7px;overflow:hidden}.keyboard-stage{position:relative;width:min(620px,100%);height:270px;display:flex;flex-direction:column;align-items:center;gap:6px}.keyboard-stage-no-hands{height:198px}.kb-row{display:flex;gap:6px;position:relative;z-index:1}.kb-row-1{margin-left:22px}.kb-row-2{margin-left:34px}.kb-row-3{margin-left:56px}.kb-key{position:relative;width:44px;height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;font-family:Consolas,Courier New,monospace;color:#444;background:#f4f1ea;box-shadow:0 3px #00000059}.kb-finger-0{background:#fde8e8}.kb-finger-1{background:#fdf3dd}.kb-finger-2{background:#e6f4e6}.kb-finger-3{background:#e3eefb}.kb-home{border:3px solid var(--color-secondary);overflow:visible}.keyboard-hands{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;animation:hands-appear .55s ease-out}.keyboard-hand{filter:drop-shadow(0 5px 7px rgba(5,48,58,.13))}.hand-palm{fill:#def8ff6e;stroke:#b4e6f2b8;stroke-width:2;stroke-linejoin:round}.hand-finger,.hand-thumb{fill:none;stroke:#def8ff6e;stroke-width:25;stroke-linecap:round;filter:drop-shadow(0 2px 1px rgba(86,159,180,.34));transition:x2 .18s ease,y2 .18s ease,stroke .18s ease,stroke-width .18s ease}.hand-finger-active{stroke:#def8ffb8;stroke-width:28;filter:drop-shadow(0 2px 1px rgba(86,159,180,.34)) drop-shadow(0 0 7px rgba(189,238,250,.65))}.hand-thumb{stroke-width:27}@keyframes hands-appear{0%{opacity:0}to{opacity:1}}.kb-bump{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:14px;height:3px;border-radius:2px;background:#888}.kb-active{background:var(--color-accent);color:#5b3a00;transform:scale(1.12);border:3px solid var(--color-primary);animation:blink-soft 1s infinite;z-index:1}.kb-footer{margin-top:2px;font-size:16px;color:#fff;min-height:24px}.kb-shift-note strong{color:var(--color-accent)}.kb-home-note{opacity:.85}.ranking-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ranking-tab{font-family:var(--font-main);font-size:18px;font-weight:700;padding:10px 18px;border:none;border-radius:999px;cursor:pointer;background:#ffffff40;color:#fff;box-shadow:0 3px #00000040;transition:transform .1s}.ranking-tab:hover{transform:translateY(-2px)}.ranking-tab.active{background:var(--color-accent);color:#5b3a00}.ranking-empty{font-size:28px;color:#fff;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.3);line-height:1.8}.ranking-table{background:var(--color-card);border-radius:var(--radius);border-collapse:separate;border-spacing:0;overflow:hidden;width:100%;max-width:980px;box-shadow:0 8px #0000004d;font-size:20px}.ranking-table th{background:var(--color-primary);color:#fff;padding:12px 8px;font-size:18px}.ranking-table td{padding:12px 8px;text-align:center;border-bottom:2px solid #f0e8d8}.rank-top{font-weight:700}.rank-1{background:#fff3c4}.rank-2{background:#f1f1f1}.rank-3{background:#ffe0cc}.rank-cell{font-size:26px}.name-cell{font-weight:700}.score-cell{font-weight:700;color:var(--color-primary-dark);font-size:24px}.date-cell{font-size:16px;color:#888}@media (max-width: 700px){.title-logo{font-size:40px}.screen-heading{font-size:32px}.question-display{font-size:34px}.question-romaji{font-size:30px}.question-kana{font-size:24px}.result-score-number{font-size:64px}.ranking-table{font-size:15px}.ranking-table .date-cell{display:none}.ranking-table th:last-child{display:none}.kb-key{width:30px;height:32px;font-size:14px}.kb-row-1{margin-left:15px}.kb-row-2{margin-left:23px}.kb-row-3{margin-left:38px}.keyboard-stage{height:225px}.keyboard-hands{transform:translateY(-8px)}.game-header{grid-template-columns:minmax(160px,1fr) 190px;gap:8px}.score-area{flex-basis:190px;width:190px;grid-template-columns:82px 100px;gap:8px}.game-score{min-width:82px;font-size:26px}.game-combo{min-width:100px;font-size:20px}.time-number{font-size:30px;min-width:82px}.time-bar-outer{flex-basis:180px}.home-position-entry{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:13px}.home-position-entry-icon{font-size:36px}.home-position-entry strong{font-size:19px}.home-position-entry em{font-size:13px}.home-position-entry b{grid-column:2;justify-self:start;font-size:12px}.home-position-heading-icon{font-size:42px}.home-position-heading h2{font-size:25px}.home-position-grid{grid-template-columns:1fr}.home-position-card{min-height:94px}}@media (max-height: 820px) and (min-width: 701px){.game-screen{padding:8px 20px 10px;gap:4px}.game-header{min-height:44px}.time-number{font-size:34px}.question-card{padding:14px 32px;gap:5px;margin-top:1px}.question-display{font-size:40px}.question-kana{font-size:25px}.question-romaji{font-size:34px}.question-romaji-upper{font-size:20px}.keyboard-guide{margin-top:0;padding-top:5px;padding-bottom:4px;gap:4px}.keyboard-stage{height:232px}.keyboard-stage-no-hands{height:184px}.game-footer{margin-top:0}}.title-screen{gap:18px}.dojo-emblem{position:relative;width:152px;height:152px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff8df;background:radial-gradient(circle at 50% 42%,#e89458 0,#e89458 42%,#b95235 43%,#b95235 62%,#f2c86d 63%,#f2c86d 68%,#174e56 69%);border:5px solid rgba(255,255,255,.9);box-shadow:0 10px #05252a47,0 0 0 7px #f3c86b52;transform:rotate(-2deg)}.dojo-emblem:before,.dojo-emblem:after{content:"";position:absolute;width:40px;height:7px;border-radius:999px;background:#fff8dfe0}.dojo-emblem:before{transform:translateY(-45px)}.dojo-emblem:after{transform:translateY(45px)}.dojo-emblem-key{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;background:#fffdf7;color:#285b5f;font:900 25px/1 Consolas,monospace;box-shadow:0 5px #3e271840;z-index:1}.dojo-emblem-slash{font-size:20px;font-weight:900;z-index:1}.title-heading{display:flex;flex-direction:column;align-items:center;gap:7px}.title-kicker{padding:5px 18px;margin:0;border-radius:999px;background:#ffffff24;color:#e9fafa;font-size:16px;font-weight:700;letter-spacing:.12em}.title-logo{font-size:clamp(44px,6vw,68px);text-shadow:0 3px 0 #b95235,0 7px 18px rgba(0,0,0,.32)}.game-notice-area{position:relative;width:100%;height:58px;min-height:58px;display:grid;place-items:center;pointer-events:none}.game-notice-area:empty{visibility:hidden}.game-notice-area .combo-celebration,.game-notice-area .clear-celebration,.game-notice-area .time-bonus-pop{position:absolute;inset:auto;transform:none;white-space:nowrap}.game-notice-area .combo-celebration{font-size:34px;padding:5px 30px 8px;color:#fff7b8;isolation:isolate;animation:combo-fanfare 1.2s cubic-bezier(.2,.9,.3,1) forwards}.game-notice-area .clear-celebration{right:auto;font-size:36px;padding:5px 34px 8px;color:#caffd1;isolation:isolate;animation:clear-fanfare .85s cubic-bezier(.16,1,.3,1) forwards}.game-notice-area .time-bonus-pop{left:50%;transform:translate(-50%);font-size:34px}.question-card{margin-top:0}.celebration-burst,.celebration-rays{position:absolute;left:50%;top:50%;z-index:-1;pointer-events:none}.celebration-burst{width:250px;height:58px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,232,111,.8),rgba(255,173,60,.2) 55%,transparent 72%);transform:translate(-50%,-50%) scale(.2);animation:celebration-burst .85s ease-out forwards}.clear-celebration .celebration-burst{background:radial-gradient(ellipse,rgba(158,255,190,.82),rgba(75,220,185,.2) 55%,transparent 72%)}.celebration-rays{width:280px;height:72px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 7deg,rgba(255,246,180,.7) 0 3deg,transparent 3deg 18deg);mask:radial-gradient(ellipse,transparent 0 30%,#000 43%,transparent 74%);animation:celebration-rays 1.1s ease-out forwards}.celebration-sparkles{position:absolute;left:50%;top:-5px;width:330px;transform:translate(-50%);display:flex;justify-content:space-between;color:#fff9c9;font-size:20px;text-shadow:0 0 10px #fff,0 0 18px #ffc84f;animation:sparkle-scatter 1.1s ease-out forwards}@keyframes combo-fanfare{0%{opacity:0;transform:scale(.35);letter-spacing:-.08em}30%{opacity:1;transform:scale(1.22);letter-spacing:.05em}55%{transform:scale(.96)}75%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1)}}@keyframes clear-fanfare{0%{opacity:0;transform:scale(.3) rotate(-4deg)}38%{opacity:1;transform:scale(1.28) rotate(2deg)}68%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes celebration-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}@keyframes celebration-rays{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-12deg)}35%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(18deg)}}@keyframes sparkle-scatter{0%{opacity:0;transform:translate(-50%) scale(.3)}35%{opacity:1;transform:translate(-50%) scale(1.18)}to{opacity:0;transform:translate(-50%) scale(1.4) translateY(-15px)}}.keyboard-guide.with-finger-guide{padding-bottom:5px}.finger-guide{width:min(610px,100%);height:140px;display:grid;grid-template-columns:1fr 86px 1fr;align-items:end;gap:3px;margin-top:-2px}.finger-hand{width:100%;height:140px;overflow:visible;filter:drop-shadow(0 5px 7px rgba(4,34,40,.2))}.finger-hand-palm{fill:#daf5fa80;stroke:#d5f4fae0;stroke-width:2.5;stroke-linejoin:round}.finger-shape{fill:none;stroke:#daf5fa00;stroke-width:17;stroke-linecap:round;stroke-linejoin:round}.finger-shape-active{stroke:#e4fbfffa;stroke-width:31;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 9px #a8efff) drop-shadow(0 0 18px rgba(108,220,248,1));animation:finger-glow .9s ease-in-out infinite}@keyframes finger-glow{50%{stroke:#fff;stroke-width:34;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px #d9f9ff) drop-shadow(0 0 23px rgba(108,220,248,1))}}.screen-celebration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;pointer-events:none;border-radius:28px}.screen-celebration:before,.screen-celebration:after{content:"";position:absolute;top:10%;bottom:8%;width:90px;opacity:0}.screen-celebration:before{left:-25px;animation:side-flash-left 1.15s ease-out forwards}.screen-celebration:after{right:-25px;animation:side-flash-right 1.15s ease-out forwards}.combo-screen-effect{box-shadow:inset 0 0 #ffb83700;animation:combo-screen-glow 1.2s ease-out forwards}.combo-screen-effect:before,.combo-screen-effect:after{background:radial-gradient(ellipse,rgba(255,226,116,.9),rgba(255,126,45,.22) 55%,transparent 75%)}.clear-screen-effect{box-shadow:inset 0 0 #65e0ff00;animation:clear-screen-glow .95s ease-out forwards}.clear-screen-effect:before,.clear-screen-effect:after{background:radial-gradient(ellipse,rgba(176,246,255,.92),rgba(177,112,255,.24) 55%,transparent 75%)}.screen-particle{position:absolute;bottom:-28px;font-size:24px;opacity:0;text-shadow:0 0 10px currentColor;animation:particle-rise 1.15s ease-out forwards}.combo-screen-effect .screen-particle{color:#ffd35d}.combo-screen-effect .screen-particle:nth-child(3n){color:#ff8b4d}.clear-screen-effect .screen-particle{color:#98f3ff}.clear-screen-effect .screen-particle:nth-child(3n){color:#d8a8ff}.particle-1{left:4%;animation-delay:0s}.particle-2{left:14%;animation-delay:.12s}.particle-3{left:25%;animation-delay:.04s}.particle-4{left:37%;animation-delay:.18s}.particle-5{left:49%;animation-delay:.08s}.particle-6{left:61%;animation-delay:.2s}.particle-7{left:73%;animation-delay:.03s}.particle-8{left:85%;animation-delay:.15s}.particle-9{left:95%;animation-delay:.09s}@keyframes combo-screen-glow{0%{box-shadow:inset 0 0 #ffb83700}28%{box-shadow:inset 0 0 75px 18px #ffb83761}to{box-shadow:inset 0 0 18px 2px #ffb83700}}@keyframes clear-screen-glow{0%{box-shadow:inset 0 0 #65e0ff00}32%{box-shadow:inset 0 0 85px 22px #65e0ff59}62%{box-shadow:inset 0 0 60px 14px #be79ff40}to{box-shadow:inset 0 0 18px 2px #65e0ff00}}@keyframes side-flash-left{0%{opacity:0;transform:translate(-55px) scaleY(.3)}35%{opacity:1;transform:translate(35px) scaleY(1)}to{opacity:0;transform:translate(90px) scaleY(.7)}}@keyframes side-flash-right{0%{opacity:0;transform:translate(55px) scaleY(.3)}35%{opacity:1;transform:translate(-35px) scaleY(1)}to{opacity:0;transform:translate(-90px) scaleY(.7)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0) scale(.4) rotate(0)}22%{opacity:1}75%{opacity:.95}to{opacity:0;transform:translateY(-72vh) scale(1.25) rotate(210deg)}}.finger-guide-label{align-self:center;display:flex;flex-direction:column;align-items:center;gap:3px;color:#dff8fb;font-size:13px;font-weight:700}.finger-guide-label strong{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#285b5f;background:#f7d98e;border:3px solid #fff7d5;font:900 26px/1 Consolas,monospace;box-shadow:0 0 16px #f7d98e7a}.ranking-screen{justify-content:flex-start;padding-top:24px;gap:14px}.ranking-heading{display:flex;align-items:center;gap:16px;color:#fff}.ranking-heading p,.ranking-heading h2{margin:0}.ranking-heading p{color:#d7f2f2;font-size:15px;font-weight:700;letter-spacing:.12em}.ranking-heading h2{color:var(--color-accent);font-size:43px;line-height:1.05;text-shadow:3px 3px 0 rgba(0,0,0,.28)}.ranking-crown{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#fff7cf,#efbd55);box-shadow:0 6px #0000003d;font-size:40px}.ranking-panel{width:100%;max-width:1000px;padding:16px;border-radius:26px;background:#ffffff21;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 35px #04242938}.ranking-summary{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:12px auto 8px;padding:0 5px;color:#fff}.ranking-summary strong{font-size:20px}.ranking-summary span{color:#d8eeee;font-size:14px}.ranking-table-wrap{width:100%;overflow:auto;border-radius:var(--radius)}.ranking-table{box-shadow:none}.ranking-table tbody tr:nth-child(2n):not(.rank-top){background:#f5faf9}.story-title:before,.rules-screen:before,.story-result-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-position:center;background-size:cover;pointer-events:none}.story-title,.rules-screen{position:relative;isolation:isolate;background:none}.story-title:before,.rules-screen:before{background-image:linear-gradient(180deg,#fffaece6,#e3f4ffe6),url(../assets/backgrounds/storybook/level-06-cloud-stairs.jpg)}.story-title .title-logo{letter-spacing:.04em}.story-game-screen{position:relative;isolation:isolate;min-height:100vh;background:none;overflow:hidden}.story-game-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle at 50% 34%,rgba(255,255,255,.45),transparent 36%),linear-gradient(180deg,#ffffff1f,#0c243033),linear-gradient(180deg,#0918241a,#ffffff29),var(--level-bg);background-size:cover;background-position:center;transition:background-image .7s ease;pointer-events:none}.story-countdown{background:#ffffffd1;border:2px solid rgba(255,255,255,.82);box-shadow:0 20px 50px #2646532e}.story-game-header{width:min(1120px,calc(100vw - 36px));margin-top:14px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,1.1fr) minmax(210px,1fr);align-items:center;gap:12px;padding:12px 16px;border-radius:24px;background:#ffffffc2;color:#173f47;box-shadow:0 16px 36px #16394629}.level-area,.score-area,.time-area{min-width:0}.level-area{display:flex;align-items:center;gap:10px}.level-pill{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#173f47,#2b7a78);color:#fffdf7;font-weight:900;box-shadow:0 8px 18px #173f472e}.level-progress{font-size:14px;font-weight:800;color:#31525c}.fixed-time-bar{width:180px;min-width:180px}.story-game-screen .question-card{width:min(1080px,calc(100vw - 44px));background:#fffdf7e0;border:2px solid rgba(255,255,255,.8);box-shadow:0 18px 44px #1536432e}.story-game-screen .game-notice-area{min-height:86px;display:grid;place-items:center}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(255,211,91,.35),transparent 26%),radial-gradient(circle at 80% 48%,rgba(105,204,255,.35),transparent 28%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.32),transparent 34%);animation:levelUpFade 1.4s ease both}.level-up-overlay span,.level-up-overlay strong{grid-area:1 / 1;text-align:center}.level-up-overlay span{transform:translateY(-54px);padding:8px 18px;border-radius:999px;background:#173f47e6;color:#fff;font-weight:900;letter-spacing:.08em}.level-up-overlay strong{padding:24px 44px;border-radius:34px;background:#fffdf7e6;color:#173f47;font-size:clamp(38px,8vw,80px);box-shadow:0 28px 70px #173f473d;animation:levelUpPop .8s cubic-bezier(.2,1.35,.25,1) both}@keyframes levelUpFade{0%{opacity:0;transform:scale(.98)}16%{opacity:1}78%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes levelUpPop{0%{transform:scale(.72) rotate(-2deg)}60%{transform:scale(1.06) rotate(1deg)}to{transform:scale(1) rotate(0)}}.story-result-screen{position:relative;isolation:isolate;background:none}.story-result-screen:before{background-image:linear-gradient(180deg,#fffdf7eb,#e4f6ffe6),url(../assets/backgrounds/storybook/level-10-star-sea.jpg)}.story-result-screen .result-stats{max-width:900px;grid-template-columns:repeat(4,minmax(120px,1fr))}.story-result-screen .miss-key-report{max-width:760px}@media (max-width: 900px){.story-game-header{grid-template-columns:1fr;gap:8px}.level-area,.time-area,.score-area{justify-content:center}.story-result-screen .result-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}}.story-game-screen .keyboard-guide{width:min(660px,100%);padding:6px 14px 5px;gap:3px}.story-game-screen .keyboard-stage-no-hands{height:178px}.story-game-screen .kb-row{gap:5px}.story-game-screen .kb-key{width:39px;height:36px;font-size:16px;border-radius:8px}.story-game-screen .finger-guide,.story-game-screen .finger-hand{height:96px}.story-game-screen .kb-footer{min-height:18px;font-size:14px}.story-game-screen .game-footer{margin-top:0}.story-game-screen .story-game-header{margin-top:6px;min-height:58px;padding:8px 14px}.story-game-screen .game-notice-area{height:64px;min-height:64px}.story-game-screen .question-card{padding-top:16px;padding-bottom:16px}.ranking-table tbody tr:last-child td{border-bottom:0}.result-screen{justify-content:flex-start;gap:10px;padding:14px 20px 16px;overflow-y:auto}.result-heading{font-size:36px}.result-title-badge{padding:8px 26px;border-width:4px}.result-title-emoji{font-size:34px}.result-title-name{font-size:25px}.result-score-number{font-size:68px;line-height:1}.result-score-unit{font-size:27px}.result-stats{grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px;max-width:820px}.result-stat{padding:8px;gap:2px}.stat-label{font-size:14px}.stat-value{font-size:23px}.miss-key-report{padding:9px 18px}.miss-key-report h3{margin-bottom:7px;font-size:19px}.miss-key-chip{padding:5px 12px}.result-buttons{gap:9px}.result-buttons .btn{padding:9px 20px;font-size:18px}.result-buttons .btn-big{font-size:22px}@media (max-height: 820px) and (min-width: 701px){.game-notice-area{height:48px;min-height:48px}.game-notice-area .combo-celebration{font-size:29px}.game-notice-area .clear-celebration{font-size:30px}.keyboard-stage-no-hands{height:188px}.finger-guide,.finger-hand{height:112px}.kb-footer{min-height:20px;font-size:14px}}@media (max-width: 700px){.dojo-emblem{width:118px;height:118px}.finger-guide{grid-template-columns:1fr 58px 1fr;height:90px}.finger-hand{height:90px}.result-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}.ranking-heading h2{font-size:34px}}.compact-result-stats{grid-template-columns:repeat(4,minmax(118px,1fr))}.result-lower-grid{width:min(980px,100%);display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:12px;align-items:stretch}.gacha-panel{position:relative;z-index:1;padding:12px;border-radius:var(--radius);background:#fffdf7f0;border:1px solid rgba(255,255,255,.52);box-shadow:0 8px 24px #0a282c33;display:grid;gap:8px}.star-wallet{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#285b5f;font-weight:900}.star-wallet span{color:#b85032}.gacha-button{width:100%;font-size:18px;padding:10px 18px}.gacha-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.65}.gacha-result{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:#fff7df;border:2px solid #e6b85b;animation:pop-in .35s cubic-bezier(.18,1.4,.4,1)}.gacha-result .token-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#173f47,#2b7a78);color:#fffdf7;font-weight:900;font-size:21px}.gacha-result strong,.gacha-result p{margin:0}.gacha-result strong{color:#b85032;font-size:15px}.gacha-result p{color:#285b5f;font-weight:900}.gacha-result small{color:#9b6100}.gacha-hint{margin:0;color:#576970;font-size:14px;font-weight:700;text-align:center}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.collection-token{min-height:58px;border-radius:14px;display:grid;place-items:center;gap:2px;padding:6px;text-align:center;border:1px solid #e6d9bc;background:#fffaf0}.collection-token span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;font-weight:900;color:#fff;background:#285b5f}.collection-token small{font-size:11px;line-height:1.2;color:#31525c;font-weight:800}.collection-token.locked{opacity:.45;filter:grayscale(.8)}.rarity-sr{box-shadow:0 0 0 2px #50b4f02e}.rarity-ssr{box-shadow:0 0 0 2px #f3c86b59,0 0 18px #f3c86b40}.high-score-card{display:grid;gap:4px;justify-items:center;width:min(440px,92%);margin:12px auto;padding:14px 18px;border:1px solid rgba(95,124,173,.2);border-radius:20px;background:linear-gradient(135deg,#ffffffeb,#ebf5ffdb),radial-gradient(circle at 20% 15%,rgba(255,225,132,.38),transparent 38%);box-shadow:0 16px 34px #21345624;color:#22304c}.high-score-label{font-size:13px;font-weight:900;letter-spacing:.12em;color:#5b6f9c}.high-score-card strong{font-size:clamp(28px,4vw,40px);line-height:1;color:#263d78}.high-score-card small{font-weight:800;color:#53627d}.high-score-card.empty strong{font-size:clamp(22px,3vw,30px);color:#63708b}.result-high-score{margin-top:-4px;margin-bottom:12px}.result-high-score.new-record{border-color:#ffb12f94;background:radial-gradient(circle at 18% 30%,rgba(255,242,157,.72),transparent 30%),linear-gradient(135deg,#fffae1f5,#ebf6ffe6);animation:recordGlow 1.5s ease-in-out infinite alternate}@keyframes recordGlow{0%{box-shadow:0 16px 34px #21345624,0 0 #ffc04a00}to{box-shadow:0 18px 38px #21345629,0 0 26px #ffc04a57}}@media (max-width: 900px){.compact-result-stats{grid-template-columns:repeat(2,minmax(118px,1fr))}.result-lower-grid{grid-template-columns:1fr}}@media (max-height: 820px) and (min-width: 701px){.result-lower-grid{gap:8px}.gacha-panel{padding:9px;gap:6px}.collection-token{min-height:48px}.collection-token span{width:25px;height:25px;font-size:13px}.collection-token small{font-size:10px}.high-score-card{margin:8px auto;padding:10px 14px}}:root{--glass-dark: linear-gradient(180deg, rgba(12, 32, 42, .74), rgba(7, 21, 29, .68));--glass-line: rgba(255, 255, 255, .18);--glow-cyan: rgba(94, 234, 226, .55)}.btn{border-radius:16px;letter-spacing:.04em;box-shadow:0 6px #00000042,0 14px 26px #0003;transition:transform .12s ease,box-shadow .12s ease,filter .15s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 8px #00000042,0 18px 34px #00000042}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000042,0 8px 16px #0000002e}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-primary{background-image:linear-gradient(180deg,#ffffff57,#fff0 48%),linear-gradient(180deg,#ff9d58,#d75d24)}.btn-secondary{background-image:linear-gradient(180deg,#ffffff57,#fff0 48%),linear-gradient(180deg,#4fe2d2,#17888a)}.btn-tiny{border-radius:12px}.title-kicker{border:1px solid rgba(20,60,68,.22);background:#0a262eb8;color:#eafcfb;letter-spacing:.16em;font-weight:800}.title-logo{font-size:clamp(48px,6.6vw,78px);letter-spacing:.1em;color:transparent;background:linear-gradient(180deg,#17505a,#1f7d7c 52%,#0e343b);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 0 rgba(255,255,255,.85)) drop-shadow(0 12px 22px rgba(14,52,60,.34))}.title-subtitle{color:#1c545e;font-size:22px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.7)}.title-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px}.title-key-hint{margin:2px 0 0;color:#235f68;font-size:15px;font-weight:700}.title-key-hint kbd{display:inline-block;padding:3px 12px;margin-right:4px;border-radius:8px;border:1px solid rgba(20,60,68,.3);border-bottom-width:3px;background:#ffffffeb;font-family:var(--font-main);font-weight:900;font-size:14px;color:#17505a}.high-score-card{border:1px solid rgba(20,60,68,.18);border-radius:18px;box-shadow:0 18px 38px #0e2c3633,inset 0 1px #ffffffe6}.title-total-chars{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:0;font-size:15px;font-weight:700;color:#235f68}.title-total-chars strong{font-size:22px;font-weight:900;color:#17505a}.story-game-header{border-radius:18px;border:1px solid var(--glass-line);background:var(--glass-dark);color:#eaf8f7;box-shadow:0 18px 40px #00000057}.level-pill{background:linear-gradient(135deg,#35e6cd,#0f7f86);color:#04252a;letter-spacing:.04em;box-shadow:0 0 18px var(--glow-cyan)}.level-progress{color:#bce9e6}.time-number,.game-score,.game-combo{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55)}.time-bar-outer{border:1px solid rgba(255,255,255,.24);background:#ffffff24}.time-bar-inner{background:linear-gradient(90deg,#5eeada,#f7cf6b);box-shadow:0 0 14px var(--glow-cyan)}.time-bar-urgent{background:linear-gradient(90deg,#ff9a5c,#ff4d4d);box-shadow:0 0 16px #ff525299}.story-game-screen .question-card{border-radius:22px;border:1px solid rgba(255,255,255,.72);background:#fffdf7ed;box-shadow:0 24px 52px #03121a66,inset 0 1px #fffffff2}.romaji-current,.kana-current{border-radius:8px;text-shadow:0 0 14px rgba(247,190,87,.7)}.game-stat{padding:5px 14px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass-dark);font-size:18px;color:#eaf8f7;text-shadow:none}.game-footer{gap:12px}.rules-screen{justify-content:flex-start;padding-top:26px;gap:14px}.rules-heading{margin:0;font-size:clamp(30px,4vw,42px);letter-spacing:.12em;color:#17505a;text-shadow:0 1px 0 rgba(255,255,255,.85)}.rules-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rules-card{position:relative;padding:16px 18px 16px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.7);background:#fffdf7eb;box-shadow:0 14px 30px #0a28322e,inset 0 1px #ffffffe6;text-align:left}.rules-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#35e6cd,#0f7f86)}.rules-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#35e6cd,#0f7f86);color:#04252a;font-weight:900;font-size:17px}.rules-card h3{margin:8px 0 6px;font-size:20px;color:#14434c}.rules-card p{margin:0;font-size:16px;line-height:1.65;color:#33525a}.rules-card b{color:#c85d31}.rules-tips{width:100%;padding:14px 20px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass-dark);color:#eaf8f7;text-align:left}.rules-tips h3{margin:0 0 6px;font-size:18px;letter-spacing:.1em;color:#7ff0e2}.rules-tips ul{margin:0;padding-left:22px;display:grid;gap:4px}.rules-tips li{font-size:16px;line-height:1.6}.rules-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:2px}@media (max-width: 900px){.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.rules-grid{grid-template-columns:1fr}}@media (min-width: 901px){.rules-grid>.rules-card:last-child:nth-child(3n+1){grid-column:2}}:root{--glass-dark: linear-gradient(180deg, rgba(12, 32, 42, .86), rgba(7, 21, 29, .82))}.story-game-header{background:var(--glass-dark)}.story-game-screen .question-card,.rules-card{background:#fffdf7f7}.screen-celebration{will-change:auto}@media (prefers-reduced-motion: reduce){.screen-celebration,.confetti{display:none}}.gacha-screen,.collection-screen{position:relative;isolation:isolate;background:none;justify-content:center;gap:14px}.gacha-screen:before,.collection-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-position:center;background-size:cover;pointer-events:none;background-image:linear-gradient(180deg,#06121ab8,#040c14d1),url(../assets/backgrounds/storybook/level-10-star-sea.jpg)}.gacha-topbar{width:min(620px,100%);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass-dark);color:#eaf8f7}.gacha-label{font-size:15px;font-weight:800;letter-spacing:.18em;color:#9fd8d2}.star-pill{display:inline-flex;align-items:baseline;gap:6px;padding:6px 16px;border-radius:999px;background:#123844e6}.star-pill .star-mark{color:#f0c96b;font-size:18px}.star-pill strong{font-size:22px;color:#fff}.star-pill small{font-size:13px;color:#9fd8d2}.gacha-stage{position:relative;width:min(620px,100%);height:260px;display:grid;place-items:center;overflow:hidden;border-radius:20px;border:1px solid var(--glass-line);background:linear-gradient(180deg,#102c38d1,#081822db)}.gacha-capsule{position:relative;z-index:2;width:132px;height:132px;border-radius:30px;display:grid;place-items:center;background:#1d5c66f2;border:3px solid #35e6cd;transition:background .25s,border-color .25s,transform .25s}.gacha-icon{font-size:62px;line-height:1}.capsule-spin{animation:capsuleWobble .18s linear infinite}@keyframes capsuleWobble{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.04)}}.gacha-capsule.rarity-r{border-color:#7fd4ff}.gacha-capsule.rarity-sr{border-color:#f0c96b}.gacha-capsule.rarity-ssr{border-color:#ff9ec4}.gacha-burst{position:absolute;z-index:1;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff,#f0c96b 28%,#f0c96b00 62%);animation:burstOut .85s ease-out both}@keyframes burstOut{0%{opacity:0;transform:scale(.2)}25%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.gacha-ring{position:absolute;z-index:1;width:150px;height:150px;border-radius:50%;border:3px solid #ffe9a8;pointer-events:none;animation:ringOut .85s ease-out both}@keyframes ringOut{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.gacha-caption{position:absolute;z-index:3;bottom:16px;text-align:center;color:#eaf8f7}.gacha-idle-text,.gacha-spin-text{font-size:17px;font-weight:700;color:#bfe6e4}.gacha-reveal{display:grid;gap:2px;animation:revealUp .45s ease-out both}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gacha-new-badge{font-size:15px;color:#ffe08a;letter-spacing:.08em}.gacha-token-name{font-size:24px;font-weight:800}.gacha-token-rarity{font-size:14px;font-weight:800;letter-spacing:.18em;color:#9fd8d2}.gacha-message{margin:0;padding:8px 18px;border-radius:999px;background:#d95858e6;color:#fff;font-weight:700}.gacha-go{width:min(620px,100%)}.gacha-go:disabled{filter:grayscale(.5) brightness(.85);cursor:not-allowed}.gacha-buttons,.zukan-buttons,.title-sub-buttons{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.zukan-book{width:min(920px,100%);padding:16px 20px 12px;border-radius:18px;border:1px solid #5b4630;background:linear-gradient(180deg,#261c13f5,#1a140ef5);color:#f3e7d3}.zukan-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #5b4630}.zukan-title{font-size:22px;font-weight:800;letter-spacing:.22em;color:#e7c890}.zukan-count{font-size:15px;color:#c8a97a}.zukan-count strong{font-size:24px;color:#ffe08a}.zukan-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.zukan-slot{position:relative;padding:10px 10px 12px;border-radius:12px;border:1px solid #5b4630;background:#150f0be6;display:grid;justify-items:center;gap:2px;text-align:center}.zukan-slot.found{background:#2a2118f2}.zukan-no{font-size:11px;letter-spacing:.1em;color:#8a7154}.zukan-icon{font-size:34px;line-height:1.1}.zukan-slot.unknown .zukan-icon{color:#4d3d2c}.zukan-name{font-size:15px;font-weight:800}.zukan-slot.unknown .zukan-name{color:#6b573f}.zukan-meta{display:inline-flex;gap:8px;align-items:baseline;font-size:12px;color:#c8a97a}.zukan-meta em{font-style:normal;font-weight:800;letter-spacing:.12em}.zukan-desc{margin-top:2px;font-size:12px;line-height:1.45;color:#b79d78}.zukan-slot.rarity-sr.found{border-color:#b08b3e}.zukan-slot.rarity-ssr.found{border-color:#c56a92}.zukan-slot.just-found{animation:justFound 1.8s ease-out both}@keyframes justFound{0%,70%{box-shadow:0 0 0 3px #ffe08a;border-color:#ffe08a}to{box-shadow:0 0 #ffe08a00}}.zukan-footer{margin:10px 0 0;text-align:right;font-size:14px;color:#c8a97a}.zukan-footer strong{font-size:20px;color:#ffe08a}.reward-panel{display:grid;gap:8px;justify-items:center}@media (max-width: 760px){.zukan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gacha-stage{height:230px}}.gacha-need{margin:0;padding:8px 20px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass-dark);color:#eaf8f7;font-weight:700}.gacha-need strong{color:#ffe08a;font-size:20px}.pause-button{border-color:#ffffff80}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#040c14c7}.pause-card{display:grid;gap:10px;justify-items:center;padding:34px 44px;border-radius:22px;background:var(--glass-dark);border:1px solid var(--glass-line);color:#eaf8f7;text-align:center}.pause-icon{font-size:44px;line-height:1}.pause-card h3{margin:0;font-size:22px}.pause-card p{margin:0 0 8px;color:#bfe6e4;font-size:15px}.pause-quit{opacity:.75}.practice-pill{background:linear-gradient(135deg,#7f77dd,#4a3fae)}.zukan-notice{margin:10px 0 0;padding-top:10px;border-top:1px solid #5b4630;font-size:12px;line-height:1.7;color:#a08862;text-align:left}.title-audio-toggles{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:2px}.audio-toggle{font-family:var(--font-main);font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.28);background:#0a262e8c;color:#eafcfb;transition:filter .15s,transform .1s}.audio-toggle:hover{filter:brightness(1.15)}.audio-toggle:active{transform:scale(.97)}.audio-toggle.is-off{color:#a9c2c6;border-color:#ffffff29;background:#0a262e52}.zukan-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.zukan-tab{font-family:var(--font-main);font-size:14px;font-weight:800;padding:7px 16px;border-radius:999px 999px 0 0;cursor:pointer;border:1px solid #5b4630;border-bottom:none;background:#150f0bd9;color:#a08862;display:inline-flex;align-items:baseline;gap:7px;transition:filter .15s}.zukan-tab:hover{filter:brightness(1.25)}.zukan-tab small{font-size:11px;font-weight:700}.zukan-tab.is-active{background:#3a2c1efa;color:#ffe08a;border-color:#b08b3e}.zukan-page-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 2px 2px;border-top:1px solid #b08b3e}.zukan-page-name{font-size:17px;font-weight:800;letter-spacing:.14em;color:#e7c890}.zukan-page-count{display:inline-flex;align-items:baseline;gap:10px;font-size:14px;color:#c8a97a}.zukan-season-tag{font-style:normal;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:#5a4630e6;color:#d8bd92}.gacha-complete strong{color:#ffe08a}:root{--book-page: rgba(247, 236, 214, .96);--book-page-solid: #f7ecd6;--book-panel: linear-gradient(180deg, rgba(38, 28, 19, .96), rgba(26, 20, 14, .96));--book-line: #5b4630;--book-edge: #b08b3e;--book-ink: #f3e7d3;--book-ink-dark: #3a2c1c;--book-gold: #e7c890;--book-gold-bright: #ffe08a;--book-muted: #c8a97a;--color-card: #f7ecd6;--color-text: #3a2c1c;--color-accent: #b08b3e;--glass-dark: linear-gradient(180deg, rgba(38, 28, 19, .92), rgba(24, 18, 12, .9));--glass-line: rgba(176, 139, 62, .42);--glow-cyan: rgba(255, 224, 138, .5)}.story-title:before,.rules-screen:before{background-image:linear-gradient(180deg,#2e2114d1,#18110be6),url(../assets/backgrounds/storybook/level-06-cloud-stairs.jpg)}.story-result-screen:before{background-image:linear-gradient(180deg,#2e2114cc,#18110be0),url(../assets/backgrounds/storybook/level-10-star-sea.jpg)}.gacha-screen:before,.collection-screen:before{background-image:linear-gradient(180deg,#281d12db,#140e09eb),url(../assets/backgrounds/storybook/level-10-star-sea.jpg)}.story-game-screen:before{background-image:radial-gradient(circle at 50% 34%,rgba(255,236,196,.22),transparent 40%),linear-gradient(180deg,#281d1257,#140e0975),var(--level-bg)}.btn{border:1px solid rgba(176,139,62,.5);box-shadow:0 5px #140d0680,0 12px 24px #0a060259}.btn:hover{box-shadow:0 7px #140d0680,0 16px 30px #0a060266}.btn:active{box-shadow:0 2px #140d0680,0 6px 14px #0a06024d}.btn-primary{background-image:linear-gradient(180deg,#fff0cd57,#fff0 48%),linear-gradient(180deg,#c99a45,#8a5f22);color:#2a1d0c;text-shadow:0 1px 0 rgba(255,240,205,.4)}.btn-secondary{background-image:linear-gradient(180deg,#fff0cd3d,#fff0 48%),linear-gradient(180deg,#6d553a,#3f301f);color:#e7c890;text-shadow:none}.btn-tiny,.btn-back{background:#2a2118e6;color:#e7c890}.title-kicker{background:#150f0bcc;border-color:#b08b3e80;color:#c8a97a}.title-logo{background:linear-gradient(180deg,#ffe9b3,#dcae5c 52%,#a5762c);filter:drop-shadow(0 2px 0 rgba(60,40,16,.9)) drop-shadow(0 12px 22px rgba(0,0,0,.55))}.title-subtitle{color:#e7c890;text-shadow:0 2px 6px rgba(0,0,0,.6)}.title-key-hint{color:#c8a97a}.title-key-hint kbd{background:#2a2118f2;border-color:#b08b3e8c;color:#ffe08a}.title-total-chars{color:#c8a97a}.title-total-chars strong{color:#ffe08a}.dojo-emblem-key{color:#e7c890}.audio-toggle{background:#150f0bb3;border-color:#b08b3e66;color:#e7c890}.audio-toggle.is-off{background:#150f0b66;border-color:#b08b3e33;color:#8a7458}.high-score-card{background:linear-gradient(180deg,#f7ecd6f7,#e8d8baf2);border:1px solid #b08b3e;box-shadow:0 14px 30px #0a060273,inset 0 1px #fffaebe6;color:#3a2c1c}.high-score-label{color:#8a6a3a}.high-score-card strong{color:#6b4a1c}.high-score-card small{color:#7a6244}.high-score-card.empty strong{color:#97815d}.rules-heading{color:#e7c890;text-shadow:0 2px 6px rgba(0,0,0,.6)}.rules-card{background:#f7ecd6f5;border:1px solid #b08b3e;box-shadow:0 12px 26px #0a060266,inset 0 1px #fffaebe6}.rules-card:before{background:linear-gradient(180deg,#d9ac59,#8a5f22)}.rules-step{background:linear-gradient(135deg,#e0b869,#8a5f22);color:#2a1d0c}.rules-card h3{color:#5b3f18}.rules-card p{color:#4a3a26}.rules-card b{color:#9a5a1c}.rules-tips{background:linear-gradient(180deg,#261c13f5,#1a140ef5);border:1px solid #5b4630;color:#f3e7d3}.rules-tips h3{color:#e7c890}.story-countdown{background:#f7ecd6f5;border:1px solid #b08b3e;box-shadow:0 18px 40px #0a060273}.countdown-info,.countdown-number{color:#5b3f18;text-shadow:none}.countdown-hint{color:#6b563a}.story-game-header{background:linear-gradient(180deg,#261c13eb,#18120ce6);border:1px solid #5b4630;color:#f3e7d3}.level-pill{background:linear-gradient(135deg,#e0b869,#8a5f22);color:#2a1d0c;box-shadow:0 0 16px #ffe08a59}.practice-pill{background:linear-gradient(135deg,#b79bd6,#5b437e);color:#221733}.level-progress{color:#c8a97a}.time-bar-outer{border-color:#b08b3e66;background:#150f0b99}.time-bar-inner{background:linear-gradient(90deg,#e7c890,#ffd97a);box-shadow:0 0 12px #ffe08a80}.story-game-screen .question-card{background:#f7ecd6f5;border:1px solid #b08b3e;box-shadow:0 22px 48px #06040180,inset 0 1px #fffaebf2}.question-display,.question-kana{color:#3a2c1c}.kana-done,.romaji-done{color:#9a8464}.kana-current{background:#f0d193;color:#4a3210}.romaji-current{color:#9a5a1c;text-shadow:0 0 12px rgba(240,200,120,.75)}.kana-rest,.romaji-rest{color:#8a7458}.game-stat{background:linear-gradient(180deg,#261c13eb,#18120ce6);border-color:#5b4630;color:#f3e7d3}.keyboard-guide{background:#18120c8c;border-color:#b08b3e47}.kb-key{background:#efe3cc;color:#4a3a26}.level-up-overlay span{background:#2a2118f2;color:#ffe08a}.pause-card{background:linear-gradient(180deg,#261c13f5,#1a140ef5);border:1px solid #5b4630;color:#f3e7d3}.pause-card p{color:#c8a97a}.result-heading{color:#e7c890;text-shadow:0 3px 8px rgba(0,0,0,.6)}.result-title-badge{background:#f7ecd6f5;border:1px solid #b08b3e;box-shadow:0 10px 26px #06040173}.result-title-name{color:#5b3f18}.result-score-number,.result-score-unit{color:#ffe08a}.result-stat{background:#f7ecd6f5;border:1px solid rgba(176,139,62,.5);box-shadow:0 6px 16px #06040159}.stat-label{color:#7a6244}.stat-value{color:#5b3f18}.miss-key-report,.gacha-panel{background:#f7ecd6f5;border:1px solid #b08b3e;box-shadow:0 10px 24px #06040166}.miss-key-report h3{color:#5b3f18}.miss-key-report p{color:#6b563a}.miss-key-chip{background:#efe3cc;border:1px solid rgba(176,139,62,.5)}.star-wallet{color:#5b3f18}.star-wallet span{color:#9a5a1c}.gacha-hint{color:#6b563a}.gacha-topbar{background:linear-gradient(180deg,#261c13f5,#1a140ef5);border:1px solid #5b4630;color:#f3e7d3}.gacha-label{color:#e7c890}.star-pill{background:#150f0bd9}.star-pill small{color:#c8a97a}.gacha-stage{background:linear-gradient(180deg,#2a1f14e6,#140e09eb);border:1px solid #5b4630}.gacha-capsule{background:#3a2c1ef2;border-color:#b08b3e}.gacha-capsule.rarity-r{border-color:#d3b06a}.gacha-capsule.rarity-sr{border-color:#ffd97a}.gacha-capsule.rarity-ssr{border-color:#ffb0c8}.gacha-idle-text,.gacha-spin-text{color:#c8a97a}.gacha-token-rarity{color:#e7c890}.gacha-need{background:linear-gradient(180deg,#261c13f5,#1a140ef5);border-color:#5b4630;color:#f3e7d3}.home-position-card{background:#f7ecd6f5;color:#3a2c1c;border:1px solid #b08b3e}.home-position-heading{color:#e7c890}.home-position-keys{background:#2a2118e6;color:#e7c890}.romaji-current{color:#8a3b06;text-shadow:0 0 14px rgba(240,190,100,.85)}.romaji-rest,.kana-rest{color:#9c8a6e}.title-logo-frame{margin:0;padding:7px;width:min(460px,90vw,48vh);line-height:0;border-radius:18px;border:2px solid #b08b3e;background:linear-gradient(180deg,#3a2c1ef2,#1c140df2);box-shadow:0 18px 40px #0604018c,inset 0 0 0 1px #ffe08a66}.title-logo-image{display:block;width:100%;height:auto;border-radius:12px}.kb-key.kb-shift{width:92px;font-size:16px;letter-spacing:.02em}.kb-shift-label{position:absolute;top:2px;right:5px;font-size:11px;font-weight:900;line-height:1;color:#9a5a1c}.kb-active .kb-shift-label{color:#5b3f18}.kb-row-3{margin-left:0}.token-card{display:block;width:100%;height:auto;border-radius:8px}.token-emoji{font-size:34px;line-height:1.1}.zukan-slot-button{font-family:var(--font-main);cursor:pointer;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.zukan-slot-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #06040173}.zukan-slot-button:active{transform:translateY(0)}.zukan-card{max-width:150px;margin:2px auto;box-shadow:0 4px 10px #06040173}.zukan-slot.unknown .zukan-icon{display:grid;place-items:center;width:150px;height:225px;margin:2px auto;border-radius:8px;border:1px dashed rgba(176,139,62,.45);background:#0c080580;font-size:44px}.gacha-capsule.has-card{width:auto;height:auto;padding:6px;border-radius:14px}.gacha-card{width:150px;border-radius:8px}.card-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#060401db;cursor:zoom-out}.card-zoom-inner{display:grid;justify-items:center;gap:12px}.card-zoom-image{width:min(440px,86vw,62vh);border-radius:12px;border:2px solid #b08b3e;box-shadow:0 20px 44px #0009}@media (max-width: 760px){.zukan-card,.zukan-slot.unknown .zukan-icon{max-width:130px;width:130px}.zukan-slot.unknown .zukan-icon{height:195px}}.zukan-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.zukan-slot{padding:0;gap:0;border-radius:10px;overflow:hidden;background:#0c080580}.zukan-slot.found{background:transparent;border-color:transparent}.zukan-no{position:absolute;top:4px;left:4px;z-index:1;padding:1px 6px;border-radius:999px;background:#0c0805b8;font-size:10px;font-weight:800;color:var(--book-gold, #e7c890);letter-spacing:0}.zukan-card{max-width:none;width:100%;margin:0;border-radius:10px;box-shadow:none;display:block}.zukan-slot.unknown .zukan-icon{width:100%;height:auto;aspect-ratio:2 / 3;margin:0;border-radius:10px;display:grid;place-items:center;gap:4px}.zukan-slot.unknown .zukan-icon small{font-size:10px;font-weight:700;color:#8a7154}.zukan-slot-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #06040180}@media (max-width: 760px){.zukan-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.zukan-card,.zukan-slot.unknown .zukan-icon{max-width:none;width:100%}.zukan-slot.unknown .zukan-icon{height:auto}}.secret-award{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:16px;background:linear-gradient(135deg,#3a2c1c,#1a1410);border:1px solid #ffd97a;box-shadow:0 0 0 1px #ffd97a40,0 14px 30px #00000080}.secret-award-card{width:64px;border-radius:6px;box-shadow:0 0 14px #ffd97a99}.secret-award-text{display:grid;gap:2px;text-align:left}.secret-award-text b{font-size:15px;letter-spacing:.06em;color:#ffe08a}.secret-award-text span{font-size:13px;color:#d8bd92}.game-critters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;display:none}@media (min-width: 1150px){.game-critters{display:block}}.game-critter{position:absolute;width:92px;height:auto;opacity:.88;filter:drop-shadow(0 8px 12px rgba(0,0,0,.32))}.game-critter-left{left:2.5%}.game-critter-right{right:2.5%;transform:scaleX(-1)}.game-critters-ground .game-critter-left,.game-critters-ground .game-critter-right{bottom:10%}.game-critters-sky .game-critter-left{top:20%}.game-critters-sky .game-critter-right{top:34%}.game-critters-space .game-critter-left{top:16%}.game-critters-space .game-critter-right{bottom:22%}@media (min-width: 1150px) and (max-width: 1299px){.game-critter{width:64px}.game-critter-left{left:4px}.game-critter-right{right:4px}}@media (min-width: 1600px){.game-critter{width:112px}}.zukan-flyer{z-index:50;border-radius:8px;pointer-events:none;box-shadow:0 10px 24px #00000080;animation:fly-to-zukan .65s cubic-bezier(.32,.6,.3,1) forwards}@keyframes fly-to-zukan{0%{transform:translate(0) scale(1) rotate(0);opacity:1}65%{opacity:1}to{transform:translate(var(--fly-dx),var(--fly-dy)) scale(.12) rotate(14deg);opacity:0}}.zukan-cta-wrap{position:relative;display:inline-flex}.zukan-registered-pop{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:6px;padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,#e0b869,#8a5f22);color:#2a1d0c;font-size:13px;font-weight:800;letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:zukan-pop 1.3s ease-out forwards}@keyframes zukan-pop{0%{transform:translate(-50%,6px);opacity:0}15%{transform:translate(-50%,-4px);opacity:1}75%{transform:translate(-50%,-4px);opacity:1}to{transform:translate(-50%,-16px);opacity:0}}.title-storage-notice{max-width:720px;margin:0 auto 6px;padding:10px 16px;border-radius:12px;border:1px dashed rgba(176,139,62,.55);background:#2a2118b3;color:#c8a97a;font-size:13px;line-height:1.7;text-align:left}.title-storage-notice b{color:#ffe08a}.extra-stage .story-game-header{border-color:#7ec8ff8c;box-shadow:0 0 22px #50a0ff47}.level-pill.extra-pill{background:linear-gradient(135deg,#6fd0ff,#2a6dd8);color:#04203a}.extra-badge{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;border:1px solid rgba(160,220,255,.75);background:#142e52d9;color:#b6e4ff;font-size:12px;font-weight:900;letter-spacing:.14em}.level-up-overlay.extra-overlay span{color:#9fdcff}.level-up-overlay.extra-overlay strong{color:#eaf6ff;text-shadow:0 0 18px rgba(110,190,255,.85)}.gacha-mode-tabs{display:flex;gap:8px;justify-content:center;margin-top:-4px}.gacha-mode-tab{padding:6px 18px;border-radius:999px;border:1px solid #5b4630;background:#261c13e6;color:#c8a97a;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}.gacha-mode-tab.is-active{border-color:#e0b869;background:linear-gradient(135deg,#e0b869,#8a5f22);color:#2a1d0c}.gacha-mode-tab:disabled{opacity:.5;cursor:default}.star-pill.extra-star-pill{border-color:#8cd2ffb3;background:linear-gradient(135deg,#285a96f2,#12284af2);color:#dff1ff}.star-wallet.extra-star-wallet{border-color:#8cd2ff99;color:#d8ecff}.rules-card-extra{background:linear-gradient(180deg,#1c2e4af5,#122037f5);border-color:#4f7fb5;color:#e6f2ff}.rules-card-extra h3{color:#b6e4ff}.rules-card-extra p{color:#d5e6f7}.rules-card-extra b{color:#ffe08a}.rules-card-extra .rules-step{background:linear-gradient(135deg,#6fd0ff,#2a6dd8);color:#04203a}.rules-card-extra:before{background:linear-gradient(180deg,#8fdcff,#2a6dd8)}.title-autumn-event{margin:10px auto;padding:8px 14px;max-width:540px;border:1px solid #b97a32;border-radius:12px;background:#fff1d6;color:#643710;font-size:14px;line-height:1.6;font-weight:700}.extra-choice-screen{display:flex;justify-content:center;align-items:center;padding:24px 14px}.extra-choice-card{position:relative;z-index:1;width:min(780px,100%);padding:24px;border:2px solid #bda574;border-radius:22px;background:#171425f2;color:#fff2d4;text-align:center;box-shadow:0 10px 40px #0006}.extra-choice-card p{margin:6px 0}.extra-choice-cleared{color:#f3cb78;font-weight:700}.extra-choice-card h1{margin:6px 0 10px;font-size:clamp(24px,4vw,36px)}.extra-choice-description{font-size:20px}.extra-choice-time{font-size:18px}.extra-choice-wait,.extra-choice-touch{font-size:14px;color:#ddd0ef}.extra-choice-actions{display:flex;gap:16px;margin:22px 0 12px}.extra-choice-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:2px solid transparent;border-radius:14px;font:inherit;cursor:pointer}.extra-choice-action kbd{font:bold 16px var(--font-main)}.extra-choice-action strong{font-size:24px}.extra-choice-start{background:#f2cd78;color:#35240c;border-color:#ffe3a5}.extra-choice-finish{background:#423047;color:#ffe9f3;border-color:#c394ae}.extra-choice-action:hover{filter:brightness(1.12)}.extra-choice-action:focus-visible{outline:3px solid white;outline-offset:4px}.extra-choice-reward{font-size:15px}.choice-keyboard{margin:18px 0 12px;padding:12px;background:#100e1b;border-radius:12px}.choice-keyboard-caption{font-weight:700}.choice-keyboard-keys{margin:12px auto;max-width:670px}.choice-keyboard-row{display:flex;justify-content:center;gap:4px;margin:4px 0}.choice-key{display:flex;justify-content:center;align-items:center;min-width:0;flex:1;max-width:40px;min-height:28px;border-radius:5px;background:#3b3648;color:#bfb8cb;font:12px monospace}.choice-key small{display:block;font:bold 12px var(--font-main)}.choice-key-backspace,.choice-key-space{flex-direction:column;gap:2px;font-weight:700}.choice-key-backspace{flex:3;max-width:116px;background:#e8b2ce;color:#392332}.choice-key-space{flex:8;max-width:300px;min-height:42px;background:#f2cd78;color:#35240c}.choice-keyboard-location{font-size:13px}@media (max-width: 540px){.extra-choice-card{padding:18px 10px}.extra-choice-actions{gap:8px}.extra-choice-action strong{font-size:20px}.extra-choice-action kbd{font-size:14px}.choice-keyboard{padding:10px 4px}.choice-keyboard-row{gap:2px}.choice-key{font-size:9px}.choice-key-backspace{flex:4;max-width:100px;font-size:10px}.choice-keyboard-location{font-size:12px}}