@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--ink: #1b2a6b;--ink-chip: #2b3d8f;--ink-chip-border: #4a5cb8;--bg: #edf0fa;--window: #ffffff;--line-soft: #c9d1ee;--key-bg: #f4f7ff;--key-bg-mod: #e6ebfa;--gold: #ffc832;--gold-dark: #c98f0a;--gold-text: #3a2a00;--gold-bg: #fff7df;--muted: #6a74a8;--muted-light: #9ba4cc;--correct-border: #4e9e3f;--correct-text: #2e7d32;--correct-bg: #eefadf;--wrong-border: #e8a8a8;--wrong-text: #a83232;--wrong-bg: #ffe1e1;--streak: #d97706;--silhouette: #c3c9e6;--flame-off: #d3d8ee;--sky-grad: linear-gradient(180deg, #6fa8f5 0%, #a8ccff 55%, #ffe9c8 100%);--sky-grad-login: linear-gradient(180deg, #6fa8f5 0%, #a8ccff 60%, #dcebff 100%);--xp-segments: repeating-linear-gradient(90deg, rgba(0,0,0,0) 0 9px, rgba(27,42,107,.35) 9px 11px);--primary: #58cc02;--primary-dark: #46a302;--primary-end: #2fb52c;--accent: #ff9600;--accent-dark: #e07f00;--correct: #4ade80;--correct-dark: #16a34a;--wrong: #ff6b6b;--wrong-dark: #dc2626;--card-bg: #ffffff;--text: #1b2a6b;--radius: 16px;--radius-lg: 20px;--shadow: 0 1px 4px rgba(27, 42, 107, .1);--shadow-btn: none}body{margin:0;font-family:"M PLUS Rounded 1c",Hiragino Sans,Meiryo,sans-serif;background:var(--bg);min-height:100vh;color:var(--ink);-webkit-tap-highlight-color:transparent}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:.15}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cursorb{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:768px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--ink)}.app-title-top{margin:0;font-size:15px;font-weight:900;letter-spacing:.04em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-chip{display:flex;align-items:center;gap:6px;background:var(--ink-chip);border:2px solid var(--ink-chip-border);border-radius:8px;padding:4px 10px;font-family:inherit;cursor:pointer}.header-user{padding:4px 10px 4px 6px}.header-name{font-size:12px;font-weight:900;color:#fff;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:6px}.header-coin-num{font-size:12px;font-weight:900;color:var(--gold)}.header-key-btn{padding:5px 8px;border:2px solid var(--ink-chip-border)}.tab-bar{display:flex;background:var(--window);border-bottom:3px solid var(--ink)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0;border:none;background:transparent;cursor:pointer;font-family:inherit}.tab-btn.active{border-bottom:3px solid var(--gold);margin-bottom:-3px}.tab-label{font-size:10px;font-weight:700;color:var(--muted-light)}.tab-btn.active .tab-label{font-weight:900;color:var(--ink)}.tab-btn:disabled{opacity:.35;cursor:not-allowed}.tab-content{flex:1;padding:16px 14px 18px;overflow-y:auto}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:40vh;font-size:14px;font-weight:700;color:var(--muted)}.rpg-window{background:var(--window);border:3px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink)}.gold-chip{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--gold-text);font-size:11px;font-weight:900;padding:4px 14px;border-radius:6px;box-shadow:0 3px 0 var(--gold-dark);white-space:nowrap}.xp-bar{height:14px;background:#dde3f5;border:2px solid var(--ink);border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:var(--gold);background-image:var(--xp-segments);transition:width .8s cubic-bezier(.22,1.2,.36,1)}.quest-hud{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--window);border-bottom:3px solid var(--ink)}.hud-streak{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:var(--streak);white-space:nowrap}.hud-level{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.hud-level-label{font-size:13px;font-weight:900;color:var(--ink);white-space:nowrap}.hud-xp-bar{flex:1}.hud-xp-label{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}.quest-home{max-width:520px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:14px}.challenge-card{display:flex;align-items:center;gap:12px;width:100%;background:var(--gold-bg);border:3px solid var(--gold-dark);border-radius:10px;padding:12px 14px;box-shadow:0 4px 0 var(--gold-dark);cursor:pointer;font-family:inherit;transition:transform .08s,box-shadow .08s}.challenge-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-dark)}.challenge-body{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.challenge-title{font-size:14px;font-weight:900;color:#4a3200}.challenge-desc{font-size:10px;font-weight:700;color:#8a6a2a}.challenge-side{display:flex;flex-direction:column;align-items:center;gap:5px}.coin2-chip{display:flex;align-items:center;gap:4px;background:var(--window);border:2px solid var(--gold-dark);border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900;color:#b8860b}.quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quest-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px 12px;background:var(--window);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);cursor:pointer;font-family:inherit;transition:transform .08s,box-shadow .08s}.quest-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.quest-card-icon{height:48px;display:flex;align-items:flex-end}.quest-title{font-size:14px;font-weight:900;color:var(--ink)}.quest-desc{font-size:10px;font-weight:700;color:var(--muted)}.quest-reward-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;color:var(--muted);margin:0}.quest-home-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:900;color:var(--ink);margin:4px 0 0;text-align:center}.door-subtitle{text-align:center;color:var(--muted);font-weight:700;font-size:12px;margin-bottom:16px}.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:480px;margin:0 auto 18px}.grade-door{position:relative;aspect-ratio:5 / 6;background:none;border:none;cursor:pointer;perspective:600px;-webkit-tap-highlight-color:transparent}.door-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid var(--ink);border-radius:48% 48% 8px 8px;background:linear-gradient(180deg,#cfd4da,#aab0b8);box-shadow:inset 0 0 0 3px #7c828b,0 3px 0 var(--ink);z-index:0}.door-glow{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fff9c4,#ffd54f);border-radius:46% 46% 6px 6px;z-index:1;opacity:0}.door-panel{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:repeating-linear-gradient(90deg,transparent 0 22%,rgba(0,0,0,.18) 22% 24%),linear-gradient(180deg,#a8703f,#8a5a2e 60%,#74491f);border:3px solid #4a2e12;border-radius:46% 46% 6px 6px;transform-origin:left center;transition:transform .25s ease;z-index:2;box-shadow:inset 0 3px 8px #ffffff38,inset 0 -4px 8px #00000040}.door-panel:before,.door-panel:after{content:"";position:absolute;left:6%;right:6%;height:6px;background:linear-gradient(180deg,#555c66,#2f343b);border-radius:3px}.door-panel:before{top:26%}.door-panel:after{bottom:16%}.grade-door:hover .door-panel{transform:rotateY(-14deg)}.grade-door.opening .door-panel{animation:door-open .9s ease forwards}.grade-door.opening .door-glow{animation:door-glow-in .9s ease forwards}@keyframes door-open{0%{transform:rotateY(0)}to{transform:rotateY(-108deg)}}@keyframes door-glow-in{0%{opacity:0;transform:scale(.7)}45%{opacity:.4}to{opacity:1;transform:scale(1.05)}}.door-grade-num{font-size:2.2rem;font-weight:900;color:#ffe9b8;text-shadow:0 2px 4px rgba(0,0,0,.4)}.door-grade-label{font-size:.75rem;font-weight:800;color:#ffd9a0}.door-knob{position:absolute;right:10px;top:50%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe082,#b8860b)}.door-back{margin:0 auto;display:block;max-width:200px}.quiz-area{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto;width:100%}.progress-wrap{display:flex;flex-direction:column;gap:4px}.progress-bar-wrap{width:100%;height:14px;background:#dde3f5;border:2px solid var(--ink);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--gold);background-image:var(--xp-segments);transition:width .4s ease}.progress-label{font-size:10px;font-weight:700;color:var(--muted);text-align:right}.question-card{background:var(--window);border:3px solid var(--ink);border-radius:10px;padding:26px 16px;box-shadow:0 4px 0 var(--ink);text-align:center;display:flex;flex-direction:column;gap:8px}.question-no{font-size:11px;font-weight:700;color:var(--muted)}.question-text{font-size:30px;font-weight:900;color:var(--ink);margin:0;line-height:1.4}.hw-hint{font-size:11px;font-weight:700;color:var(--muted);margin:0}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:10px 12px;border-radius:10px;border:3px solid var(--line-soft);background:var(--window);box-shadow:0 3px 0 var(--line-soft);font-size:18px;font-weight:900;color:var(--ink);cursor:pointer;font-family:inherit;transition:transform .08s,box-shadow .08s}.choice-btn:active:not(.locked){transform:translateY(2px);box-shadow:0 1px 0 var(--line-soft)}.choice-text{flex:1;text-align:center}.choice-btn.selected{border-color:var(--gold-dark);box-shadow:0 3px 0 var(--gold-dark)}.choice-btn.correct{background:var(--correct-bg);border-color:var(--correct-border);box-shadow:0 3px 0 var(--correct-border);color:var(--correct-text)}.choice-btn.wrong{background:var(--wrong-bg);border-color:var(--wrong-border);box-shadow:0 3px 0 var(--wrong-border);color:var(--wrong-text)}.choice-btn:disabled{cursor:not-allowed}.choice-btn.locked{cursor:default}.choice-speak{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--key-bg);border:2px solid var(--line-soft);border-radius:8px;cursor:pointer}.choice-speak:active{transform:translateY(1px)}.speak-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--key-bg);border:2px solid var(--line-soft);border-radius:8px;box-shadow:0 2px 0 var(--line-soft);cursor:pointer}.speak-btn:active{transform:translateY(2px);box-shadow:none}.question-text-row{display:flex;align-items:center;justify-content:center;gap:10px}.truefalse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-btn{min-height:80px;border-radius:10px;border:3px solid var(--line-soft);background:var(--window);box-shadow:0 3px 0 var(--line-soft);font-size:2.2rem;font-weight:900;cursor:pointer;font-family:inherit;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tf-btn span{font-size:12px;font-weight:700}.tf-btn[data-choice=はい]{color:var(--correct-text)}.tf-btn[data-choice=いいえ]{color:var(--wrong-text)}.tf-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line-soft)}.tf-btn:disabled{cursor:not-allowed}.tf-correct{border-color:var(--correct-border)!important;background:var(--correct-bg)!important;box-shadow:0 3px 0 var(--correct-border)!important}.feedback-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:900;text-align:center;animation:pop .2s ease}.feedback-banner.correct{background:var(--correct-bg);color:var(--correct-text);border:3px solid var(--correct-border)}.feedback-banner.wrong{background:var(--wrong-bg);color:var(--wrong-text);border:3px solid var(--wrong-border)}.next-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:8px;border:none;background:var(--gold);color:var(--gold-text);font-family:inherit;font-size:16px;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px 0 var(--gold-dark),0 0 0 3px var(--ink);transition:transform .08s,box-shadow .08s;min-height:52px}.next-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-dark),0 0 0 3px var(--ink)}.next-btn:disabled{opacity:.5;cursor:not-allowed}.map-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:10px;border:2px solid var(--ink);background:var(--window);color:var(--ink);font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--ink);min-height:48px;transition:transform .08s,box-shadow .08s}.map-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.map-back-fab{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:2px solid var(--ink);background:var(--window);color:var(--ink);font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.map-back-fab:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.hw-canvas{display:block;margin:0 auto;border:3px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);cursor:crosshair;width:100%;max-width:300px;aspect-ratio:1;touch-action:none;background:var(--window)}.clear-btn{display:block;margin:8px auto 0;padding:8px 24px;border-radius:8px;border:2px solid var(--line-soft);background:var(--window);box-shadow:0 2px 0 var(--line-soft);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--muted)}.hw-input-row{display:flex;gap:10px}.hw-input{flex:1;padding:12px;border-radius:10px;border:3px solid var(--line-soft);font-family:inherit;font-size:20px;font-weight:900;color:var(--ink);text-align:center;outline:none;background:var(--window)}.hw-input:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px #ffc83266}.hw-submit-btn{padding:12px 20px;border-radius:8px;border:none;background:var(--gold);color:var(--gold-text);font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--gold-dark),0 0 0 3px var(--ink)}.hw-submit-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--gold-dark),0 0 0 3px var(--ink)}.hw-submit-btn:disabled{opacity:.5;cursor:not-allowed}.stroke-question{display:flex;flex-direction:column;gap:12px}.kanji-prompt-label{font-size:11px;font-weight:700;color:var(--muted);margin:0 0 4px}.kanji-prompt-reading{font-size:2.4rem;font-weight:900;margin:0;color:var(--ink)}.kanji-writer-wrap{display:flex;justify-content:center}.kanji-writer-container{border:3px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);overflow:hidden;background:var(--window)}.hint-btn{align-self:center;padding:10px 24px;border-radius:8px;border:2px solid var(--ink);background:var(--window);color:var(--ink);box-shadow:0 3px 0 var(--ink);font-family:inherit;font-size:13px;font-weight:900;cursor:pointer}.hint-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.drill-result{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:520px;margin:0 auto;width:100%;padding-bottom:32px}.result-chest-wrap{position:relative;margin-top:8px;animation:floaty 3.2s ease-in-out infinite}.result-chest-multi{position:absolute;top:-6px;right:-34px;padding:2px 10px;border-radius:6px;background:var(--gold);color:var(--gold-text);font-size:14px;font-weight:900;box-shadow:0 2px 0 var(--gold-dark);transform:rotate(8deg)}.result-title{font-size:20px;font-weight:900;color:var(--ink);margin:0;letter-spacing:.04em}.bonus-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:var(--gold-bg);border:2px solid var(--gold-dark);color:#8a6a2a;font-size:12px;font-weight:900;text-align:center}.stars-row{display:flex;justify-content:center;gap:8px;margin:0}.star-icon{font-size:2rem;line-height:1}.star-filled{color:var(--gold);-webkit-text-stroke:1px var(--gold-dark)}.star-empty{color:var(--silhouette)}.score-circle{display:flex;align-items:baseline;justify-content:center;gap:2px;background:var(--window);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);padding:18px 38px}.score-num{font-size:3rem;font-weight:900;color:var(--ink);line-height:1}.score-denom{font-size:1.2rem;font-weight:700;color:var(--muted)}.reward-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.xp-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--gold-bg);border:2px solid var(--gold-dark);color:#b8860b;font-size:12px;font-weight:900}.badge-multi{font-size:.85em;opacity:.85;margin-left:2px}.result-message{font-size:14px;font-weight:900;color:var(--ink);margin:0;text-align:center}.wrong-list{width:100%;background:var(--window);border:3px solid var(--ink);border-radius:10px;padding:14px;box-shadow:0 3px 0 var(--ink)}.wrong-list h3{font-size:12px;font-weight:900;color:var(--ink);margin:0 0 10px}.wrong-item{padding:8px 0;border-bottom:2px solid var(--bg)}.wrong-item:last-child{border-bottom:none}.wrong-question{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 4px}.wrong-detail{font-size:11px;font-weight:700;color:var(--muted);margin:0}.wrong-answer{color:var(--wrong-text);font-weight:900}.correct-answer{color:var(--correct-text);font-weight:900}.result-links{display:flex;gap:10px;width:100%}.result-links .map-btn{flex:1}.dashboard{max-width:520px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:14px}.rec-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rec-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;background:var(--window);border:3px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink)}.rec-stats-2{grid-template-columns:repeat(2,1fr)}.rec-stat-label{font-size:9px;font-weight:700;color:var(--muted)}.rec-stat-value{font-size:18px;font-weight:900;color:var(--ink);line-height:1}.subject-time-list{display:flex;flex-direction:column;gap:8px}.subject-time-row{display:grid;grid-template-columns:68px 1fr 40px;align-items:center;gap:8px}.subject-time-label{font-size:11px;font-weight:800;color:var(--ink)}.subject-time-track{height:14px;background:var(--bg);border:2px solid var(--line-soft);border-radius:7px;overflow:hidden}.subject-time-fill{height:100%;min-width:3px;border-radius:5px 0 0 5px;background:var(--streak);transition:width .4s ease}.subject-time-pct{font-size:11px;font-weight:900;color:var(--ink);text-align:right}.st-math{background:#f2762e}.st-kanji{background:#e0453f}.st-science{background:#35a86b}.st-chizu{background:#2e8fd8}.st-zukei{background:#9b5de5}.st-eigo{background:#f2b134}.st-tokei{background:#4a5bd6}.st-challenge{background:#d84a8f}.rec-window{background:var(--window);border:3px solid var(--ink);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 3px 0 var(--ink)}.rec-window-head{display:flex;align-items:center;justify-content:space-between}.rec-window-title{font-size:12px;font-weight:900;color:var(--ink)}.rec-streak-text{font-size:11px;font-weight:900;color:var(--streak)}.rec-gold-text{font-size:11px;font-weight:900;color:#b8860b}.rec-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.rec-week-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 0 5px;background:var(--bg);border:2px solid var(--line-soft);border-radius:6px}.rec-week-day{font-size:9px;font-weight:700;color:var(--muted)}.rec-level-note{font-size:10px;font-weight:700;color:var(--muted);text-align:right}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.badge-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px;background:var(--bg);border:2px solid var(--line-soft);border-radius:8px}.badge-cell-icon{height:34px;display:flex;align-items:center}.badge-label{font-size:9px;font-weight:900;color:#3a4680;text-align:center;line-height:1.3}.badge-hint{font-size:8px;color:var(--muted);text-align:center;line-height:1.4;padding:0 2px}.badge-cell.off .badge-label{color:var(--muted-light);font-weight:700}.zukan-cell-icon{height:36px;display:flex;align-items:flex-end}.zukan-name{font-size:9px;font-weight:700;color:var(--muted)}.zukan-hint{font-size:10px;font-weight:700;color:var(--muted-light);text-align:center}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg);border:2px solid var(--line-soft);border-radius:6px}.history-left{display:flex;flex-direction:column;gap:2px}.history-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.history-subject-badge{font-size:11px;font-weight:900;color:var(--ink)}.history-date{font-size:10px;font-weight:700;color:var(--muted)}.history-score{font-size:13px;font-weight:900;color:var(--ink)}.empty-history{padding:24px;text-align:center;color:var(--muted);font-size:12px;font-weight:700;line-height:2}.stars-inline{display:inline-flex;gap:2px;font-size:12px}.stars-inline .star-filled{color:var(--gold);-webkit-text-stroke:.5px var(--gold-dark)}.stars-inline .star-empty{color:var(--silhouette)}.dash-tab-bar{display:flex;gap:8px;max-width:520px;margin:0 auto 14px;width:100%}.dash-tab-btn{flex:1;padding:8px 0;border-radius:8px;border:2px solid var(--line-soft);background:var(--window);box-shadow:0 2px 0 var(--line-soft);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--muted-light)}.dash-tab-btn.active{border-color:var(--ink);box-shadow:0 2px 0 var(--ink);color:var(--ink);font-weight:900}.rank-type-bar{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 4px}.rank-type-btn{background:var(--window);border:2px solid var(--line-soft);border-radius:6px;box-shadow:0 2px 0 var(--line-soft);padding:5px 12px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;color:var(--muted);white-space:nowrap}.rank-type-btn.active{background:var(--gold);border-color:var(--gold-dark);box-shadow:0 2px 0 var(--gold-dark);color:var(--gold-text);font-weight:900}.ranking-list{display:flex;flex-direction:column;gap:6px}.ranking-row{display:flex;align-items:center;gap:10px;background:var(--window);border:2px solid var(--line-soft);border-radius:8px;padding:10px 12px}.ranking-me{border-color:var(--gold-dark)!important;background:var(--gold-bg)!important}.ranking-pos{font-size:14px;font-weight:900;color:var(--ink);min-width:36px}.ranking-avatar{font-size:1.4rem}.ranking-name{font-size:13px;font-weight:900;color:var(--ink);flex:1}.ranking-accuracy{font-size:13px;font-weight:900;color:var(--ink);min-width:44px;text-align:right}.ranking-sessions{font-size:10px;color:var(--muted);min-width:36px;text-align:right}.empty-msg{text-align:center;color:var(--muted);padding:24px;font-size:12px;font-weight:700}.top-screen{position:relative;min-height:100vh;min-height:100dvh;background:var(--sky-grad);overflow:hidden;cursor:pointer}.top-sun{position:absolute;right:44px;top:40px;width:26px;height:26px;background:#ffd95a;box-shadow:0 0 0 5px #ffd95a59}.top-cloud{position:absolute;background:#fff}.top-center{display:flex;flex-direction:column;align-items:center;padding-top:56px;position:relative}.top-logo-window{background:var(--window);border:3px solid var(--ink);border-radius:10px;padding:18px 30px 16px;box-shadow:0 5px 0 var(--ink);text-align:center}.top-logo-title{display:block;font-size:31px;font-weight:900;letter-spacing:.04em;color:var(--ink)}.top-logo-sub{display:block;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold-dark);margin-top:6px}.top-mascot{margin-top:44px;animation:floaty 3.2s ease-in-out infinite}.top-start-wrap{position:absolute;left:0;right:0;bottom:130px;display:flex;justify-content:center;z-index:5}.top-start-btn{display:flex;align-items:center;gap:10px;background:var(--gold);color:var(--gold-text);border:none;font-family:inherit;font-size:20px;font-weight:900;letter-spacing:.1em;padding:16px 42px;border-radius:8px;box-shadow:0 5px 0 var(--gold-dark),0 0 0 3px var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s}.top-start-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-dark),0 0 0 3px var(--ink)}.top-start-cursor{animation:cursorb 1s steps(1) infinite}.top-skyline-far{position:absolute;left:0;right:0;bottom:34px}.top-skyline-near{position:absolute;left:0;right:0;bottom:0}.top-tap-hint{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-size:11px;font-weight:700;color:#eaf5dc;z-index:5}.admin-fab{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:10px;background:#1b2a6b40;border:2px solid rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.login-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 14px 20px;background:var(--sky-grad-login)}.login-inner{width:100%;max-width:430px;display:flex;flex-direction:column;align-items:center;gap:12px}.login-top-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.kbd-row{width:100%;display:flex;flex-direction:column;gap:12px}.back-btn-pin{align-self:flex-start;display:flex;align-items:center;gap:6px;background:var(--window);border:2px solid var(--ink);border-radius:8px;padding:5px 12px;box-shadow:0 3px 0 var(--ink);font-family:inherit;font-size:11px;font-weight:900;color:var(--ink);cursor:pointer}.back-btn-pin:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.login-title-window{display:flex;align-items:center;gap:10px;background:var(--window);border:3px solid var(--ink);border-radius:10px;padding:10px 22px;box-shadow:0 4px 0 var(--ink)}.login-title{font-size:16px;font-weight:900;color:var(--ink);letter-spacing:.04em;margin:0}.login-fields{display:flex;flex-direction:column;gap:8px;width:100%}.login-field{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--window);border:3px solid var(--ink);border-radius:10px;cursor:pointer;font-family:inherit;text-align:left}.login-field.active{border-color:var(--gold-dark);box-shadow:0 0 0 3px #ffc83266}.login-field-label{font-size:11px;font-weight:700;color:var(--muted);min-width:64px}.login-field-value{font-size:16px;font-weight:900;color:var(--ink);letter-spacing:.06em}.login-placeholder{color:var(--muted-light);font-size:14px;font-weight:700;letter-spacing:.06em}.pin-error{width:100%;padding:8px 12px;border-radius:8px;background:var(--wrong-bg);border:2px solid var(--wrong-border);color:var(--wrong-text);font-size:12px;font-weight:900;text-align:center;margin:0}.login-go-btn{width:100%}.kbd-window{width:100%;background:var(--window);border:3px solid var(--ink);border-radius:10px;padding:10px;box-shadow:0 3px 0 var(--ink);display:flex;flex-direction:column;gap:6px;transition:opacity .15s}.kbd-window.inactive{opacity:.5}.kbd-note{font-size:10px;font-weight:700;color:var(--muted)}.kbd-key{font-family:inherit;font-weight:800;color:var(--ink);background:var(--key-bg);border:2px solid var(--line-soft);border-radius:6px;cursor:pointer;box-shadow:0 2px 0 var(--line-soft);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}.kbd-key:active{transform:translateY(2px);box-shadow:none}.kana-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(10,1fr);gap:4px}.kana-key{height:29px;font-size:13px}.kana-spacer{visibility:hidden}.kbd-mod-row{display:flex;gap:4px;justify-content:flex-end;margin-top:2px}.mod-key{height:32px;padding:0 12px;font-size:12px;background:var(--key-bg-mod)}.del-key{background:var(--wrong-bg)!important;border-color:var(--wrong-border)!important;box-shadow:0 2px 0 var(--wrong-border)!important;color:var(--wrong-text)!important}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.num-key{height:38px;font-size:16px;font-weight:900;background:#fef9e7;border-color:#e0d5a8;box-shadow:0 2px #e0d5a8}.numpad .del-key{grid-column:span 2}.pw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12142e8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.pw-modal{background:var(--window);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);padding:22px 20px;width:100%;max-width:400px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.pw-modal-title{font-size:15px;font-weight:900;color:var(--ink);margin:0}.pw-rule{font-size:11px;color:var(--muted);font-weight:700;margin:0}.pw-fields{display:flex;flex-direction:column;gap:8px;width:100%}.pw-field .login-field-label{min-width:150px;font-size:10px}.pw-numpad{margin:4px 0}.pw-actions{display:flex;gap:10px;width:100%}.pw-actions .next-btn{flex:1}.cancel-btn{padding:10px 20px;border-radius:8px;border:2px solid var(--line-soft);background:var(--window);box-shadow:0 2px 0 var(--line-soft);font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}.logout-confirm-modal{max-width:260px}.logout-confirm-msg{font-size:15px;font-weight:900;color:var(--ink);margin:0;text-align:center}.logout-confirm-btns{display:flex;gap:12px;justify-content:center;width:100%}.pw-done{font-size:15px;font-weight:900;color:var(--correct-text);padding:24px 0}.map-symbol-wrap{display:flex;justify-content:center;margin-bottom:6px}.map-symbol-svg{background:var(--window);border:3px solid var(--line-soft);border-radius:10px;padding:12px}.zukei-display{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:18px 10px;margin-bottom:6px;background:var(--window);border:3px solid var(--line-soft);border-radius:10px;min-height:150px}.zukei-shape{animation:zukei-pop .5s ease backwards;animation-delay:var(--d, 0s)}@keyframes zukei-pop{0%{transform:scale(0)}to{transform:scale(1)}}.zukei-bounce{animation:zukei-pop .5s ease backwards,zukei-bounce-kf 2.2s ease-in-out infinite;animation-delay:var(--d, 0s),calc(var(--d, 0s) + .5s)}@keyframes zukei-bounce-kf{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-20px) scale(.98,1.04)}55%{transform:translateY(0) scale(1.06,.92)}65%{transform:translateY(0) scale(1)}}.zukei-rock{transform-origin:50% 85%;animation:zukei-pop .5s ease backwards,zukei-rock-kf 2.6s ease-in-out infinite;animation-delay:var(--d, 0s),calc(var(--d, 0s) + .5s)}@keyframes zukei-rock-kf{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.zukei-flip{animation:zukei-pop .5s ease backwards,zukei-flip-kf 3.4s linear infinite;animation-delay:var(--d, 0s),calc(var(--d, 0s) + .5s)}@keyframes zukei-flip-kf{0%{transform:perspective(300px) rotateY(0)}to{transform:perspective(300px) rotateY(360deg)}}.zukei-tilt{animation:zukei-pop .5s ease backwards,zukei-tilt-kf 2.8s ease-in-out infinite;animation-delay:var(--d, 0s),calc(var(--d, 0s) + .5s)}@keyframes zukei-tilt-kf{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-6deg) translateY(-4px)}50%{transform:rotate(0) translateY(-12px)}75%{transform:rotate(6deg) translateY(-4px)}}.zukei-twinkle{animation:zukei-pop .5s ease backwards,zukei-twinkle-kf 3s ease-in-out infinite;animation-delay:var(--d, 0s),calc(var(--d, 0s) + .5s)}@keyframes zukei-twinkle-kf{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}.zukei-beat{animation:zukei-pop .5s ease backwards,zukei-beat-kf 1.4s ease-in-out infinite;animation-delay:var(--d, 0s),calc(var(--d, 0s) + .5s)}@keyframes zukei-beat-kf{0%,to{transform:scale(1)}15%{transform:scale(1.13)}30%{transform:scale(1)}45%{transform:scale(1.08)}60%{transform:scale(1)}}.solid-scene{width:130px;height:130px;perspective:500px;display:flex;align-items:center;justify-content:center}.cube3d{position:relative;width:90px;height:90px;transform-style:preserve-3d;animation:cube-spin 7s linear infinite}.cube3d-face{position:absolute;width:90px;height:90px;border:2px solid rgba(0,0,0,.25);opacity:.96}@keyframes cube-spin{0%{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}.solid-bob{animation:solid-bob 2.6s ease-in-out infinite}@keyframes solid-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.sphere-band{transform-origin:60px 60px;animation:sphere-band-tilt 4s ease-in-out infinite}@keyframes sphere-band-tilt{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.solid-rock{transform-origin:50% 90%;animation:solid-rock 3s ease-in-out infinite}@keyframes solid-rock{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.clock-svg{filter:none}.eigo-emoji{font-size:5.2rem;line-height:1.2;animation:zukei-pop .5s ease backwards}.admin-pin-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.admin-pin-card{background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);padding:40px 32px;text-align:center;width:100%;max-width:320px}.admin-pin-card h2{margin:0 0 8px;font-size:1.3rem;color:var(--ink)}.admin-pin-card p{margin:0 0 24px;color:var(--muted)}.pin-input{width:100%;padding:14px;border-radius:10px;border:3px solid var(--line-soft);font-size:1.5rem;text-align:center;font-family:inherit;margin-bottom:12px;outline:none}.pin-input:focus{border-color:var(--gold-dark)}.admin-panel{max-width:768px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-toolbar h1{margin:0;font-size:1.3rem;color:var(--ink)}.back-btn{padding:10px 18px;border-radius:8px;border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:0 2px 0 var(--ink);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tab{padding:10px 20px;border-radius:8px;border:2px solid var(--line-soft);background:#fff;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--muted)}.admin-tab.active{border-color:var(--ink);background:var(--ink);color:#fff}.subject-admin{display:flex;flex-direction:column;gap:12px}.admin-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 16px;border-radius:10px;border:2px solid var(--line-soft)}.admin-header span{font-weight:700}.add-btn{padding:8px 16px;border-radius:8px;border:none;background:var(--ink);color:#fff;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.admin-error{background:var(--wrong-bg);color:var(--wrong-text);padding:10px 14px;border-radius:8px;font-weight:700}.problem-list{display:flex;flex-direction:column;gap:8px}.problem-row{background:#fff;border-radius:10px;border:2px solid var(--line-soft);padding:12px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.problem-info{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.problem-id{font-size:.75rem;color:var(--muted);font-weight:700;white-space:nowrap}.problem-type-badge{font-size:.7rem;background:var(--key-bg-mod);color:var(--ink);padding:2px 8px;border-radius:8px;font-weight:700;white-space:nowrap}.problem-text{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.problem-answer{font-size:.85rem;color:var(--correct-text);font-weight:700;white-space:nowrap}.problem-actions{display:flex;gap:6px}.edit-btn,.delete-btn{padding:6px 12px;border-radius:8px;border:none;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.edit-btn{background:var(--key-bg-mod);color:var(--ink)}.delete-btn{background:var(--wrong-bg);color:var(--wrong-text)}.problem-grade-badge{flex-shrink:0;padding:2px 8px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:800}.problem-diff{flex-shrink:0;color:var(--gold-dark);font-size:.8rem;letter-spacing:.05em}.problem-form{background:var(--key-bg);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;border:2px solid var(--ink)}.form-row{display:flex;align-items:center;gap:8px}.form-row label{font-size:.8rem;font-weight:700;color:var(--muted);white-space:nowrap;min-width:100px}.form-row input,.form-row select{flex:1;padding:8px 10px;border-radius:8px;border:2px solid var(--line-soft);font-family:inherit;font-size:.9rem;outline:none}.form-row input:focus,.form-row select:focus{border-color:var(--gold-dark)}.form-actions{display:flex;gap:8px;justify-content:flex-end}.save-btn{padding:10px 20px;border-radius:8px;border:none;background:var(--ink);color:#fff;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.parent-panel{min-height:100dvh;background:var(--bg);padding-bottom:40px}.parent-section{padding:16px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-btn{padding:8px 16px;border-radius:8px;border:2px solid var(--line-soft);background:#fff;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--muted)}.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.user-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.user-pick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:2px solid var(--line-soft);border-radius:8px;padding:10px 14px;font-family:inherit;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--muted)}.user-pick-btn span:first-child{font-size:1.6rem}.user-pick-btn.active{border-color:var(--ink);color:var(--ink);background:var(--key-bg)}.chart-title{font-size:1rem;font-weight:800;color:var(--ink);margin:20px 0 8px}.user-admin-list{display:flex;flex-direction:column;gap:8px}.user-admin-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;border:2px solid var(--line-soft);padding:12px 16px}.user-admin-avatar{font-size:2rem}.user-admin-name{flex:1;font-size:1rem;font-weight:700}.avatar-picker{display:flex;flex-wrap:wrap;gap:6px}.avatar-opt{font-size:1.5rem;padding:6px;border-radius:8px;border:2px solid transparent;cursor:pointer;background:var(--key-bg);transition:border .1s}.avatar-opt.selected{border-color:var(--ink);background:var(--key-bg-mod)}@media(min-width:600px){.tab-content{padding:20px 24px}.quiz-area,.drill-result{max-width:580px}.choices-grid{gap:12px}}@media(min-width:768px){.app-layout{max-width:960px}.quest-home{max-width:740px}.quest-grid{grid-template-columns:repeat(4,1fr)}.quest-grid>[data-quest=chizu],.quest-grid>[data-quest=zukei],.quest-grid>[data-quest=tokei]{order:2}}@media(min-width:768px){.login-inner{max-width:900px}.login-top-row{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.login-top-row .back-btn-pin{align-self:center}.login-top-row .login-title-window{margin:0 auto}.kbd-row{flex-direction:row;align-items:flex-start;gap:14px}.kbd-kana{flex:1 1 auto}.kbd-num{flex:0 0 auto;width:210px}.kbd-kana .kana-key{height:44px;font-size:20px}.kbd-kana .mod-key{height:48px;padding:0 18px;font-size:18px}.kbd-num .num-key{height:57px;font-size:24px}}@media(max-width:420px){.hud-xp-label{display:none}.app-title-top{font-size:13px}}@media(max-width:340px){.quest-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.zukan-page{padding:12px;display:flex;flex-direction:column;gap:12px}.zukan-header{display:flex;justify-content:space-between;align-items:center}.zukan-title{font-size:15px;font-weight:900;color:var(--ink)}.zukan-count{font-size:13px;font-weight:900;color:var(--gold, #e8a800)}.zukan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.zukan-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--window);border:2px solid var(--ink);border-radius:8px;padding:8px 4px;cursor:pointer;transition:transform .1s}.zukan-card:active:not(:disabled){transform:scale(.95)}.zukan-card.locked{opacity:.45;cursor:default}.zukan-card-name{font-size:9px;font-weight:900;color:var(--ink);text-align:center}.zukan-next-hint{font-size:11px;font-weight:700;color:var(--muted);text-align:center}.zukan-esa-modal{max-width:280px;gap:14px}.zukan-esa-coming{font-size:13px;color:var(--muted);font-weight:700}.dogu-page{padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:16px}.dogu-title{font-size:15px;font-weight:900;color:var(--ink);align-self:flex-start}.dogu-coming{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px}.dogu-coming-text{font-size:16px;font-weight:900;color:var(--muted)}.dogu-coming-sub{font-size:12px;font-weight:700;color:var(--muted);text-align:center;line-height:1.8}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:flex-end}.settings-drawer{background:var(--window);width:100%;border-radius:16px 16px 0 0;padding:20px 16px 36px;display:flex;flex-direction:column;gap:12px}.settings-drawer-title{font-size:13px;font-weight:900;color:var(--muted);text-align:center;margin-bottom:4px}.settings-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg);border:2px solid var(--ink);border-radius:10px;cursor:pointer;width:100%}.settings-item-icon{font-size:20px;line-height:1}.settings-item-label{font-size:15px;font-weight:900;color:var(--ink)}.header-settings-btn{padding:5px 8px;border:2px solid var(--ink-chip-border)}.avatar-change-modal{max-width:360px}.avatar-change-picker{max-height:220px;overflow-y:auto}.group-picker{display:flex;flex-wrap:wrap;gap:6px}.group-chip{min-width:34px;padding:6px 8px;font-size:.95rem;font-weight:700;border-radius:8px;border:2px solid var(--line-soft, #c5c9e8);background:var(--key-bg, #eef0ff);color:var(--ink);cursor:pointer}.group-chip.selected{border-color:var(--ink);background:var(--gold, #ffc832);color:var(--gold-text, #3a2a00)}.group-picker-note{font-size:.8rem;color:var(--muted);margin-top:4px}