:root{--green:#58c322;--green-d:#46a302;--blue:#1cb0f6;--blue-d:#1899d6;--red:#ff4b4b;--red-d:#d93a3a;--yellow:#ffc800;--orange:#ff9600;--ink:#3c3c3c;--sub:#777;--line:#e5e5e5;--card:#fff;--font:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:#e3f4ff;margin:0;padding:0;overflow:hidden}body[data-screen=lesson]{background:linear-gradient(#fff,#eef7ff)}body[data-screen=result]{background:radial-gradient(circle at 50% 30%,#fffbe6,#e3f4ff 70%)}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:1;position:fixed;inset:0}#ui button,#ui .modal-back,#ui .node-popup,#ui .feedback-inner,#ui .result-card{pointer-events:auto}#loading{color:var(--blue-d);z-index:10;background:#e3f4ff;place-items:center;font-size:20px;font-weight:800;transition:opacity .4s;display:grid;position:fixed;inset:0}body.ready #loading{opacity:0;pointer-events:none}.screen{height:100dvh;position:absolute;inset:0}.btn{font-family:var(--font);letter-spacing:.05em;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-bottom-width:5px;border-radius:16px;padding:14px 22px;font-size:17px;font-weight:800;transition:transform 50ms,filter .15s}.btn:active:not(:disabled){border-bottom-width:2px;margin-top:3px;transform:translateY(3px)}.btn.primary{background:var(--green);border-color:var(--green-d);color:#fff}.btn.danger{background:var(--red);border-color:var(--red-d);color:#fff}.btn:disabled{background:var(--line);color:#afafaf;cursor:default;border-color:#d0d0d0}.btn.small{border-radius:14px;padding:10px 14px;font-size:15px}.btn.icon{padding:10px 12px}.icon-btn{color:#afafaf;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:24px;font-weight:800}.hud{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:linear-gradient(#e3f4fff2,#e3f4ff00);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#2b6fa8;align-items:center;gap:8px;font-size:18px;font-weight:800;line-height:1.15;display:flex}.brand-name{white-space:nowrap}.brand-short{display:none}.brand-face canvas{width:40px;height:40px;display:block}.partner-face{display:block}.partner-face.trio{justify-content:center;display:flex}.partner-face.trio canvas{width:72px;height:72px}.furi{padding-top:.5em;display:inline-block;position:relative}.furi:before{content:attr(data-r);white-space:nowrap;font-size:.45em;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.brand rt,.modal rt{font-size:.45em;font-weight:800}.stats{gap:6px;display:flex}.stat{font-family:var(--font);border:2px solid var(--line);cursor:pointer;background:#ffffffd9;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:18px;display:flex}.stat b{font-size:17px}.stat.streak b{color:var(--orange)}.stat.streak.off{filter:grayscale();opacity:.7}.stat.xp b{color:#e0a100}.stat.hearts b{color:var(--red)}.partner-card{--pc:var(--green);top:calc(62px + env(safe-area-inset-top));width:250px;font-family:var(--font);text-align:left;color:var(--ink);border:2px solid var(--line);cursor:pointer;background:#ffffffeb;border-bottom-width:4px;border-radius:18px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex;position:absolute;left:16px}.pc-face canvas{width:56px;height:56px;display:block}.pc-info{flex-direction:column;flex:1;min-width:0;display:flex}.pc-name{font-size:15px;font-weight:800}.pc-name b{color:var(--pc)}.pc-bar{background:var(--line);border-radius:999px;height:10px;margin:4px 0;display:block;overflow:hidden}.pc-bar span{background:var(--pc);border-radius:999px;width:0;height:100%;transition:width .9s cubic-bezier(.3,1.2,.5,1);display:block}.pc-bar.big{height:14px}.pc-next{color:var(--sub);font-size:11px}.rank-bar,.daily-bar,.progress{background:var(--line);border-radius:999px;height:12px;margin:5px 0;overflow:hidden}.map-bottom{padding:8px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#c9efd600,#c9efd6f2 35%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.daily{border:2px solid var(--line);pointer-events:auto;background:#fff;border-radius:16px;flex:1;max-width:320px;padding:8px 12px;position:relative}.daily-label{font-size:13px;font-weight:800}.league-chip{font-family:var(--font);color:var(--ink);cursor:pointer;background:#fff7e0;border:2px solid #ffd966;border-radius:999px;padding:1px 10px;font-size:13px;font-weight:800;position:absolute;top:6px;right:8px}.daily-bar div{background:var(--orange);border-radius:999px;height:100%;transition:width .6s}.daily-num{color:var(--sub);font-size:12px}.actions{gap:8px;display:flex}.node-popup{left:50%;bottom:calc(var(--footer-h,150px) + 8px);background:var(--c);color:#fff;border-bottom:6px solid var(--d);text-align:center;border-radius:20px;width:min(360px,100% - 32px);padding:16px 18px 18px;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;position:absolute;transform:translate(-50%)}.node-popup .np-unit{opacity:.9;font-size:12px}.node-popup h3{margin:4px 0 6px;font-size:20px}.node-popup p{margin:0 0 12px;font-size:14px}.node-popup .stars{color:#fff3a8;letter-spacing:4px;font-size:22px}.node-popup .popup-go{width:100%;color:var(--d);background:#fff;border-color:#00000026}.node-popup .np-tips{color:#fff;background:0 0;border-color:#ffffffb3;width:100%;margin-top:8px}.np-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;font-weight:800;position:absolute;top:6px;right:8px}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.7)}}.screen.lesson{max-width:980px;padding:calc(10px + env(safe-area-inset-top)) 16px 0;flex-direction:column;margin:0 auto;display:flex}.lesson-top{align-items:center;gap:10px;display:flex}.lesson-top .progress{flex:1;height:16px}.progress-bar{background:var(--green);border-radius:999px;width:0;height:100%;transition:width .5s cubic-bezier(.3,1.3,.5,1);box-shadow:inset 0 -4px #00000014,inset 0 4px #ffffff59}.hearts{color:var(--red);white-space:nowrap;font-size:18px;font-weight:800}.hearts.bump{animation:.5s bump}@keyframes bump{30%{transform:scale(1.5)}}.prompt-area{padding:14px 4px 4px}.prompt{margin:0;font-size:clamp(20px,4.8vw,28px);font-weight:800;line-height:1.35}.sub{color:var(--sub);margin:4px 0 0;font-size:14px}.tip{align-items:flex-start;gap:12px;display:flex}.tip-face canvas{width:72px;height:72px;animation:2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.tip-bubble{border:2px solid var(--line);background:#fff;border-radius:18px;flex:1;min-width:0;padding:10px 14px 12px;position:relative}.tip-bubble:before{content:"";border:8px solid #0000;border-right-color:var(--line);border-left:0;position:absolute;top:22px;left:-10px}.tip-label{background:var(--yellow);color:#7a5b00;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.tip-bubble h2{margin:4px 0;font-size:clamp(18px,4.4vw,24px)}.tip-bubble p{margin:0;font-size:15px;line-height:1.6}.tip-table-wrap{touch-action:pan-x pan-y;margin-top:8px;overflow-x:auto}.tip-table{border-collapse:collapse;word-break:keep-all;margin:0 auto;font-size:13px}.tip-table th,.tip-table td{text-align:center;border:1px solid #d7d7d7;padding:3px 6px}.tip-table tr:first-child th{background:#f1f1f1}.tip-table td{font-variant-numeric:tabular-nums}.tips-read{text-align:left;margin-bottom:14px}.tips-read h3{margin:0 0 4px;font-size:16px}.tips-read p{margin:0}.stage{flex:1;min-height:150px}.choices{grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 0 10px;display:none}.has-choices .choices{display:grid}.choice{font-family:var(--font);text-align:left;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-bottom-width:5px;border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:12px 14px;font-size:16px;font-weight:800;display:flex}.choice .key{border:2px solid var(--line);color:#afafaf;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.choice.selected{color:var(--blue-d);background:#ddf4ff;border-color:#84d8ff}.choice.correct{border-color:var(--green);color:var(--green-d);background:#d7ffb8}.choice.wrong{border-color:var(--red);color:var(--red-d);background:#ffdfe0}.lesson-bottom{border-top:2px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;margin:0 -16px;display:flex}.lesson-bottom .check{min-width:160px;margin-left:auto}.combo{color:var(--orange);font-size:15px;font-weight:800}.combo b{font-size:20px}.feedback{pointer-events:none;transition:transform .25s cubic-bezier(.3,1.2,.5,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.show-feedback .feedback{transform:none}.feedback-inner{max-width:980px;padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:0 auto}.is-correct .feedback-inner{color:var(--green-d);background:#d7ffb8}.is-wrong .feedback-inner{color:var(--red-d);background:#ffdfe0}.feedback-head{align-items:center;gap:10px;display:flex}.feedback-head h3{margin:0;font-size:24px}.feedback-face canvas{width:52px;height:52px;display:block}.feedback-text{color:#4b4b4b;margin:8px 0 12px;font-size:15px;line-height:1.9}.feedback-text b{color:inherit}.is-correct .feedback-text b{color:var(--green-d)}.is-wrong .feedback-text b{color:var(--red-d)}.feedback .next{color:#fff;width:100%}.is-correct .next{background:var(--green);border-color:var(--green-d)}.is-wrong .next{background:var(--red);border-color:var(--red-d)}.screen.result{padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.result-stage{flex:auto;width:100%;min-height:90px}.result-card{text-align:center;flex-direction:column;flex:0 auto;width:min(460px,100%);min-height:0;display:flex}.result-card>*{flex-shrink:0}.result-card .result-news{touch-action:pan-y;overscroll-behavior:contain;flex-shrink:1;min-height:0;overflow-y:auto}.result-card h1{color:var(--orange);margin:0;font-size:30px}.result-sub{color:var(--red);margin:4px 0;font-weight:800}.result-stars{letter-spacing:6px;color:var(--line);font-size:44px}.result-stars span{display:inline-block}.result-stars span.on{color:var(--yellow);text-shadow:0 3px #e0a100;animation:.5s cubic-bezier(.2,1.6,.4,1) both star-in}@keyframes star-in{0%{transform:scale(0)rotate(-90deg)}}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.rs{background:#fff;border:2px solid;border-radius:14px;overflow:hidden}.rs span{color:#fff;padding:3px 0;font-size:12px;font-weight:800;display:block}.rs b{padding:6px 0;font-size:22px;display:block}.rs.xp{border-color:var(--yellow)}.rs.xp span{background:var(--yellow)}.rs.xp b{color:#e0a100}.rs.acc{border-color:var(--green)}.rs.acc span{background:var(--green)}.rs.acc b{color:var(--green-d)}.rs.combo{border-color:var(--blue)}.rs.combo span{background:var(--blue)}.rs.combo b{color:var(--blue-d)}.result-news{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.news{border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px;font-weight:800;animation:.4s both pop-in}.news.streak{color:var(--orange)}.news.freeze{color:#0284c7}.freeze-box{color:#075985;background:#e0f2fe;border-radius:14px;margin-top:10px;padding:10px 12px}.freeze-icons{letter-spacing:6px;font-size:30px}.freeze-icons .empty{filter:grayscale();opacity:.3}.news.goal{color:var(--green-d)}.news.rank{color:#a568cc}.news.badge-get{color:var(--blue-d)}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}.result-next{width:100%}.result-stage{position:relative}.evolve-msg{white-space:nowrap;border:2px solid var(--line);background:#fff;border-radius:999px;padding:8px 18px;font-size:17px;font-weight:800;animation:.4s both pop-in;position:absolute;top:12px;left:50%;transform:translate(-50%)}.evolve-msg.done{background:var(--yellow);color:#5a4100;border-color:#e0a100;font-size:19px}.result-partner{--pc:var(--green);text-align:left;border:2px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;margin-bottom:8px;padding:8px 12px;display:grid}.rp-name{font-weight:800}.rp-lv{text-align:right;color:var(--sub);font-size:14px}.rp-lv b{color:var(--pc);font-size:16px}.result-partner .pc-bar{grid-column:1/-1}.news.level{color:var(--green-d)}.news.evolve{color:#8a5a00;border-color:var(--yellow);background:#fff6cc}.screen.starter{padding:calc(18px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;display:flex}.starter h1{color:#2b6fa8;text-wrap:balance;margin:0;font-size:clamp(22px,5.5vw,30px)}.starter-lead{color:var(--sub);margin:4px 0 0;font-size:14px}.starter-stage{flex:1;width:100%;min-height:180px}.starter-tabs{gap:10px;margin-bottom:10px;display:flex}.starter-tab{font-family:var(--font);border:2px solid var(--c);width:64px;height:52px;color:var(--d);cursor:pointer;background:#fff;border-bottom-width:5px;border-radius:16px;font-size:20px;font-weight:800}.starter-tab.selected{background:var(--c);border-color:var(--d);color:#fff}.starter-card{background:var(--l);border:2px solid var(--c);pointer-events:auto;border-radius:20px;width:min(460px,100%);padding:12px 16px 14px;animation:.25s pop-in}.sc-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.sc-head h2{color:var(--d);margin:0;font-size:24px}.sc-elem{background:var(--c);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.sc-pers{color:var(--sub);font-size:12px}.sc-desc{margin:8px 0 2px;font-size:15px;line-height:1.6}.sc-evo{color:var(--d);margin:0 0 10px;font-size:13px;font-weight:800}.sc-go{width:100%}.specialty-tag{background:var(--yellow);color:#5a4100;white-space:nowrap;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:800;animation:.3s both pop-in;display:inline-block}.news.specialty{color:#8a5a00;border-color:var(--yellow);background:#fff6cc}.np-specialty{color:var(--d);background:#fffffff2;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.sc-special{background:#fff;border-radius:12px;margin:6px 0 4px;padding:6px 10px;font-size:13px;line-height:1.5}.sc-special b{color:var(--d)}.pi-special{background:#fff6cc;border-radius:12px;padding:6px 10px;font-size:13px}.pi-special small{color:var(--sub)}.pi-tags{color:var(--sub);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.pi-elem{background:var(--c);color:#fff;border-radius:999px;padding:2px 10px;font-weight:800}.pi-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 6px;display:grid}.pi-stats div{border:2px solid var(--line);border-radius:12px;padding:4px}.pi-stats span{color:var(--sub);font-size:11px;display:block}.pi-stats b{font-variant-numeric:tabular-nums;font-size:22px}.pi-next{font-size:13px;font-weight:800;margin:0!important}.pi-desc{color:var(--sub);font-size:13px}.evo-line{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.evo{flex-direction:column;align-items:center;font-size:12px;font-weight:800;display:flex}.evo small{color:var(--sub);font-weight:500}.evo-face{width:72px;height:72px;display:block}.evo.unknown .evo-face{filter:brightness(0)opacity(.35)}.sound-list{flex-direction:column;gap:10px;display:flex}.sound-row{font-family:var(--font);color:var(--ink);border:2px solid var(--line);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:17px;font-weight:800;display:flex}.sound-row b{background:var(--line);min-width:56px;color:var(--sub);border-radius:999px;padding:4px 10px}.sound-row.on{background:#ddf4ff;border-color:#84d8ff}.sound-row.on b{background:var(--green);color:#fff}.sound-row span{text-align:left}.sound-row span small{color:var(--sub);text-align:left;font-size:11px;display:block}.assist-preview{justify-content:center;gap:6px;margin-top:-2px;display:flex}.assist-preview .tile-ic{width:34px;height:auto}.cvd .choice.correct{color:#123f9c;background:#dde9ff;border-color:#2060e0}.cvd .choice.wrong{color:#8a3600;background:#ffe6d2;border-color:#e05a00}.cvd .choice.correct:after,.cvd .choice.wrong:after{margin-left:auto;font-size:18px}.cvd .choice.correct:after{content:"⭕"}.cvd .choice.wrong:after{content:"❌"}.unit-picker{text-align:left;flex-direction:column;gap:8px;display:flex}.unit-picker button{font-family:var(--font);color:var(--ink);cursor:pointer}.up-here,.up-back{background:0 0;border:none;align-self:flex-start;padding:4px 2px;font-size:14px;font-weight:800;color:var(--blue-d)!important}.up-unit,.up-lesson{border:2px solid var(--line);text-align:left;background:#fff;border-bottom-width:4px;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:800;display:flex}.up-unit.current,.up-lesson.current{border-color:var(--c)}.up-unit:disabled,.up-lesson:disabled{cursor:default;opacity:.55}.up-no{background:var(--c);color:#fff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.up-unit.locked .up-no{background:var(--line)}.up-name{flex-direction:column;flex:1;min-width:0;display:flex}.up-name small{color:var(--sub);font-size:12px;font-weight:500}.up-new,.np-new{color:#ff4b4b!important;font-weight:800!important}.np-new{background:#fff;border-radius:999px;padding:0 8px;display:inline-block}.up-now{color:var(--d)!important;font-weight:800!important}.up-prog{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;font-size:14px;display:flex}.up-prog small,.up-stars{color:#e0a100;font-size:12px}.up-go{background:var(--c);color:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.wk{text-align:left}.wk h3{margin:12px 0 6px;font-size:16px}.wk h3:first-child{margin-top:0}.wk-row{border:2px solid var(--line);border-radius:12px;grid-template-columns:1fr 70px 40px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;font-size:14px;font-weight:800;display:grid}.wk-row.weak{background:#fff4f4;border-color:#ffc1c1}.wk-row.strong{background:#f3ffe9;border-color:#b8ea9a}.wk-name{flex-direction:column;min-width:0;display:flex}.wk-name small{color:var(--sub);font-size:11px;font-weight:500}.wk-bar{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.wk-bar span{background:var(--yellow);height:100%;display:block}.wk-row.weak .wk-bar span{background:var(--red)}.wk-row.strong .wk-bar span{background:var(--green)}.wk-row b{text-align:right;font-variant-numeric:tabular-nums}.wk-empty{color:var(--sub);font-size:13px;margin:0 0 6px!important}.wk-all{margin-top:12px}.wk-all summary{cursor:pointer;color:var(--blue-d);margin-bottom:6px;font-size:14px;font-weight:800}.wk-unit{color:var(--sub);margin:10px 0 4px;font-size:12px;font-weight:800}.wk-note{color:var(--sub);font-size:12px;margin:10px 0 0!important}.modal-back{height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));z-index:5;background:#00000059;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{touch-action:pan-y;overscroll-behavior:contain;text-align:center;background:#fff;border-radius:24px;width:min(420px,100%);max-height:100%;padding:20px;animation:.3s cubic-bezier(.2,1.4,.4,1) pop-in;overflow:auto}.modal h2{margin:6px 0 8px;font-size:21px}.modal-face>canvas{width:96px;height:96px;margin:0 auto;display:block}.modal-face>canvas.big{width:150px;height:150px}.modal-body{font-size:15px;line-height:1.6}.modal-body p{margin:0 0 10px}.modal-buttons{background:#fff;flex-direction:column;gap:8px;margin-top:8px;margin-bottom:-20px;padding:8px 0 20px;display:flex;position:sticky;bottom:-20px}.big-reward{color:#e0a100;font-size:30px;font-weight:800}.goal-q{font-weight:800}.goal-list{flex-direction:column;gap:8px;display:flex}.goal{font-family:var(--font);border:2px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-bottom-width:4px;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;display:flex}.goal span{color:var(--sub);font-size:13px}.goal.selected{background:#ddf4ff;border-color:#84d8ff}.badge-list{text-align:left;gap:8px;display:grid}.badge{border:2px solid var(--line);opacity:.55;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.badge.got{opacity:1;border-color:var(--yellow);background:#fffbe6}.badge-icon{font-size:28px}.badge b{display:block}.badge span{color:var(--sub);font-size:12px}.stat-line{color:var(--sub);font-size:12px;margin-top:10px!important}.toast{top:calc(70px + env(safe-area-inset-top));color:#fff;z-index:6;white-space:normal;text-align:center;background:#4b4b4b;border-radius:18px;width:max-content;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;font-weight:800;line-height:1.5;transition:opacity .4s;animation:.25s pop-in;position:fixed;left:50%;transform:translate(-50%)}.toast.hide{opacity:0}@media (width<=600px){.brand{font-size:14px}}@media (width<=400px){.brand{gap:4px;font-size:13px}.brand-face canvas{width:32px;height:32px}}@media (width<=350px){.brand-full{display:none}.brand-short{display:inline}}@media (width<=600px){.stat{padding:3px 8px;font-size:15px}.stat b{font-size:15px}.partner-card{width:auto;max-width:calc(100% - 32px);top:calc(56px + env(safe-area-inset-top))}.pc-face canvas{width:44px;height:44px}.actions .btn{white-space:nowrap;padding:10px 8px;font-size:14px}.map-bottom{flex-flow:column;align-items:stretch;gap:8px}.map-quick{flex:none}.daily{max-width:none}.actions{justify-content:space-between}.actions .btn{flex:1}.actions .btn.icon{flex:none}}@media (width<=400px){.actions{gap:6px}.actions .btn{min-width:0;padding:6px 4px;font-size:13px;line-height:1.25}.actions .btn .ic{font-size:18px;display:block}.actions .btn.icon{padding:6px 10px;font-size:20px}.choices{grid-template-columns:1fr;gap:8px}.choice{min-height:48px;padding:10px 12px}.lesson-bottom .check{flex:1;min-width:0}.combo:empty{display:none}.tip-face canvas{width:48px}.tip-bubble p{font-size:14px}.tip-table{font-size:12px}.tip-table th,.tip-table td{padding:3px 4px}}.match-title{color:var(--ink);font-size:17px;font-weight:800}.match-meta{color:var(--sub);white-space:nowrap;margin-left:auto;font-size:14px}.match-meta b{color:var(--ink)}.match-partner{align-items:center;gap:8px;margin-top:6px;display:flex}.match-face canvas{width:44px;height:44px;display:block}.match-say{border:2px solid var(--line);background:#fff;border-radius:14px;margin:0;padding:6px 12px;font-size:14px;font-weight:800}.match-info{text-align:center;min-height:24px;padding:4px 0 8px;font-size:15px}.match-info b{color:var(--blue,#1cb0f6)}.match-actions{flex-wrap:wrap;justify-content:flex-end}.match-actions[hidden]{display:none}.match-actions .btn.small{padding:10px 12px}.match-actions .hint.on{background:#fff6d5;border-color:#ffc800}.match-actions .cut{min-width:110px}@media (width<=600px){.match-title{display:none}.match-meta{white-space:normal;text-align:right;font-size:12px}.match-actions .cut{flex:1;min-width:0}}.modal .fu-parts{color:var(--sub);font-size:12px}.score-table{border-collapse:collapse;width:100%;margin:4px 0 8px;font-size:14px}.score-table th,.score-table td{border-bottom:1px solid var(--line);text-align:right;padding:4px 6px}.score-table td:first-child,.score-table th:first-child{text-align:left}.score-table tr.you{background:#eaf7ff}.score-table .plus{color:var(--green-d);font-weight:700}.score-table .minus{color:var(--red-d);font-weight:700}.score-table.rank td:nth-child(2){text-align:left}.level-pick{border-top:1px solid var(--line);text-align:center;margin-top:10px;padding-top:10px}.level-pick .level-label{margin-bottom:6px;font-weight:700}.level-pick .level-buttons{justify-content:center;gap:6px;display:flex}.level-pick .btn.level{flex:1;max-width:110px}.level-pick .btn.level.on{background:var(--blue);border-color:var(--blue-d);color:#fff}.level-pick .level-desc{color:var(--sub);margin:6px 0 0;font-size:13px}.furiten-note{color:var(--red-d);font-size:13px}.news.league{color:#b45309}.lg-ladder{justify-content:center;gap:4px;margin-bottom:6px;font-size:20px;display:flex}.lg-step{opacity:.25;filter:grayscale()}.lg-step.past{opacity:.6;filter:none}.lg-step.on{opacity:1;filter:none;transform:scale(1.35)}.lg-rule{margin:4px 0 8px;font-size:13px}.lg-list{text-align:left;margin:0;padding:0;list-style:none}.lg-row{border-radius:10px;align-items:center;gap:8px;padding:5px 8px;font-size:14px;display:flex}.lg-row.up .lg-rank{color:#15803d}.lg-row.down .lg-rank{color:#b91c1c}.lg-row.you{background:#e0f2fe;font-weight:800}.lg-rank{text-align:right;width:22px;font-weight:800}.lg-icon{text-align:center;width:24px}.lg-name{flex:1}.lg-xp{font-variant-numeric:tabular-nums;color:var(--sub)}.lg-row.you .lg-xp{color:inherit}.lg-line{text-align:center;border-top:2px dashed;margin:3px 0;padding-top:1px;font-size:11px;font-weight:800}.lg-line.up{color:#15803d}.lg-line.down{color:#b91c1c}.lg-note{color:var(--sub);margin-top:8px;font-size:12px}.lg-big{font-size:18px}.parent-open{width:100%;margin-top:12px;font-size:14px}.pg-q{margin-top:8px;font-size:22px;font-weight:800;display:block}.pg-in{width:90px;font-size:22px;font-family:var(--font);border:2px solid var(--line);text-align:center;border-radius:10px;padding:4px 8px}.modal.wide{max-width:460px}.parent{text-align:left;font-size:14px}.parent h3{margin:14px 0 6px;font-size:14px}.pr-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pr-tile{background:#f4f7fb;border-radius:12px;padding:8px 10px}.pr-tile b{font-size:22px;line-height:1.2;display:block}.pr-tile small{color:var(--sub);margin-left:2px;font-size:12px}.pr-tile span{color:var(--sub);font-size:11px}.pr-chart{border-bottom:1px solid #d9dee5;align-items:stretch;height:130px;display:flex}.pr-col{cursor:pointer;font-family:var(--font);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;padding:0;display:flex}.pr-barwrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;display:flex}.pr-bar{background:var(--blue-d);border-radius:4px 4px 0 0;width:min(24px,60%);min-height:0}.pr-col.on .pr-bar{background:#0f6fa0}.pr-val{color:var(--ink);margin-bottom:2px;font-size:11px;font-weight:800}.pr-day{color:var(--sub);padding:3px 0;font-size:11px}.pr-readout{margin:6px 0 2px;font-size:13px}.pr-readout small{color:var(--sub)}.pr-table summary{color:var(--sub);cursor:pointer;font-size:12px}.pr-table table{border-collapse:collapse;width:100%;margin-top:4px;font-size:12px}.pr-table td,.pr-table th{text-align:left;border-bottom:1px solid #eef1f4;padding:2px 4px}.pr-list{margin:0;padding:0;list-style:none}.pr-list li{border-bottom:1px solid #eef1f4;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.pr-list li span{text-align:right;font-weight:800}.pr-list.small li{font-size:12px}.pr-list li.none{color:var(--sub)}.pr-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pr-note{color:var(--sub);margin-top:10px;font-size:11px}.progress.timer .progress-bar{background:#7c5cff;transition:none}.progress.timer .progress-bar.hurry{background:var(--red)}.dg-best{font-size:15px}.dg-note,.dg-why{color:var(--sub);font-size:13px}img.tile-ic{vertical-align:middle;border-radius:3px;width:auto;height:1.9em;margin:1px;box-shadow:0 1px #d6cfbd,0 2px 3px #0000002e}.map-quick{flex:0 0 100%;justify-content:flex-end;align-items:center;gap:8px;display:flex}.scroll-hint{color:#5d8f73;opacity:.85;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:auto;font-size:12px;overflow:hidden}.quick{font-family:var(--font);white-space:nowrap;color:var(--blue-d);border:2px solid var(--line);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:999px;align-items:center;gap:6px;padding:7px 14px 6px;font-size:14px;font-weight:800;display:inline-flex}.quick .ic{font-size:18px;line-height:1}.quick:active{border-bottom-width:2px;transform:translateY(2px)}.quick.dungeon-go{color:#fff;background:#3b2f5c;border-color:#231a3a}.quick.dungeon-go.locked{color:#6b6b6b;background:#eceae6;border-color:#d6d3cc}@media (width<=420px){.scroll-hint{display:none}}.dg-cond{text-align:left;margin:8px 0 0;padding:0;list-style:none}.dg-cond li{background:#f4f4f2;border-radius:10px;margin-bottom:6px;padding:6px 10px;font-size:14px}.dg-cond li.ok{color:#3f7d18;background:#e8f7df}.actions .btn.locked{color:#8a8a8a;background:#f1f0ec}.zk-help{color:var(--sub);font-size:12px}.zk-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px;display:grid}.zk-card{font-family:var(--font);border:2px solid var(--line);cursor:pointer;background:#f4f4f2;border-bottom-width:4px;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex}.zk-card.owned{border-color:var(--c);background:#fff}.zk-card.active{box-shadow:0 0 0 3px var(--c)}.zk-img{width:80px;height:80px}canvas.silhouette{filter:brightness(0)opacity(.35)}.zk-name{font-size:13px;font-weight:800}.zk-sub{color:var(--sub);font-size:11px}.zk-fight{color:#c2410c}.zk-now{color:var(--green-d);font-weight:800}.pi-links{justify-content:center;gap:6px;margin:10px 0 4px;display:flex}.pi-links .btn{flex:1;padding:8px 4px;font-size:13px}.modal.shop-modal{flex-direction:column;height:min(720px,100%);display:flex}.shop-modal .modal-body,.shop-modal .shop{flex-direction:column;flex:1;min-height:0;display:flex}.shop-modal .shop-top,.shop-modal .shop-tabs,.shop-modal .modal-buttons{flex:none}.shop-top{align-items:center;gap:10px;display:flex}.shop-preview{background:#f1f8f3;border-radius:16px;flex:none;width:120px;height:120px;position:relative}.shop-face{width:120px;height:120px}.shop-trying{color:#fff;white-space:nowrap;background:#7c5cff;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.shop-coins{text-align:left;font-size:15px}.shop-coins b{color:#b45309;font-size:26px}.shop-coins small{margin-left:4px;font-weight:800}.shop-note{color:var(--sub);font-size:11px;display:block}.shop-tabs{gap:6px;margin:10px 0 6px;display:flex}.shop-tab{font-family:var(--font);border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:1;padding:6px;font-size:14px;font-weight:800}.shop-tab.on{background:var(--blue);border-color:var(--blue-d);color:#fff}.shop-list{text-align:left;overscroll-behavior:contain;flex-direction:column;flex:1;align-content:flex-start;gap:6px;min-height:140px;display:flex;overflow-y:auto}.shop-list>*{flex:none}.shop-item{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.shop-item.trying{background:#f4f1ff;border-color:#7c5cff}.shop-item.wearing{border-color:var(--green);background:#f0fae9}.si-icon{text-align:center;width:34px;font-size:26px}.si-text{flex:1;min-width:0}.si-text b{font-size:14px;display:block}.si-text small{color:var(--sub);font-size:11px}.shop-item .btn{flex:none;min-width:76px}.news.coin{color:#b45309}.boss-face{flex:none;width:44px;height:44px;margin-right:6px}.boss-face.hit{animation:.5s boss-hit}@keyframes boss-hit{0%,to{filter:none;transform:none}20%{filter:brightness(2);transform:translate(-6px)rotate(-8deg)}40%{transform:translate(6px)rotate(8deg)}60%{filter:brightness(1.5);transform:translate(-4px)}}.progress.boss-hp .progress-bar{background:linear-gradient(#ff6b6b,#e03131)}.screen.lesson.shake{animation:.4s screen-shake}@keyframes screen-shake{0%,to{transform:none}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.boss-title{font-size:16px;font-weight:800}.boss-reward{color:#b45309;font-weight:800}@media (width<=360px){.quick .lbl{display:none}}.dg-boss{pointer-events:auto;background:#fff4f0;border:2px solid #ffd2c2;border-radius:14px;align-items:center;gap:8px;margin:0 16px;padding:4px 10px;display:flex}.dg-boss-face .boss-face{width:38px;height:38px;margin:0}.dg-boss-hp{background:var(--line);border-radius:999px;flex:1;height:12px;overflow:hidden}.dg-boss-hp span{background:linear-gradient(#ff6b6b,#e03131);border-radius:999px;height:100%;transition:width .4s;display:block}.dg-boss-life{white-space:nowrap;font-size:13px}.dg-bosses{color:#9a3412;font-size:13px;font-weight:800}.si-icon.egg{filter:drop-shadow(0 0 4px var(--c))}.si-owned{color:var(--green-d);padding:0 8px;font-size:12px;font-weight:800}@media (width<=360px){.shop-preview,.shop-face{width:92px;height:92px}.shop-coins b{font-size:22px}.shop-coins small{white-space:nowrap}.shop-tabs{gap:4px}.shop-tab{white-space:nowrap;padding:6px 2px;font-size:12px}.shop-item{gap:6px;padding:6px 8px}.shop-item .btn{min-width:64px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.move-lead{margin:0 0 10px}.move-box{text-align:left;border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.move-sum{color:var(--sub);margin:0;font-size:13px}.move-row{gap:8px;margin-top:6px;display:flex}.move-row .btn{white-space:nowrap;flex:1;padding:10px 6px;font-size:14px}.move-code,.move-in{border:2px solid var(--line);resize:vertical;-webkit-user-select:text;user-select:text;touch-action:auto;word-break:break-all;border-radius:10px;width:100%;padding:8px;font:16px/1.4 ui-monospace,Menlo,monospace}.move-err{color:var(--red-d);margin:0;font-size:13px;font-weight:800}.move-err:empty{display:none}.move-note{color:var(--sub);margin:0;font-size:12px}