:root{--panel:#0e1426e0;--panel-solid:#121a30;--panel-2:#1c2642e6;--line:#d6b2608c;--gold:#e8c46a;--gold-2:#f7dc95;--text:#f1ede2;--muted:#a9b1c6;--hp:#4fd17a;--hp-low:#e85b4f;--exp:#6cb6ff;--good:#7ee08f;--bad:#ff8a7a;--rare:#ffb347;--font:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);background:#0e1424;margin:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui>*{pointer-events:none}#ui .interactive,#ui button,#ui select,#ui input,#ui label,#ui .modal-backdrop,#ui .clickable{pointer-events:auto}.boot{text-align:center;z-index:100;background:radial-gradient(circle at 50% 40%,#1d2a4d,#0b1020);place-content:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.boot.hide{opacity:0;pointer-events:none}.boot-title{color:var(--gold);letter-spacing:.1em;text-shadow:0 2px 12px #e8c46a66;font-size:clamp(22px,4vw,40px);font-weight:700}.boot-sub{color:var(--muted);white-space:pre-wrap;max-width:80vw;margin-top:14px}.boot-error{color:var(--bad);text-align:left;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #00000073,inset 0 0 0 1px #ffffff08}.btn{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#2e3d66,#1d2846);border-radius:7px;padding:7px 14px;transition:filter .1s,transform 50ms}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#1b1408;border-color:var(--gold-2);background:linear-gradient(#c9a24a,#8f6d23);font-weight:700}.btn-danger{background:linear-gradient(#7a2e2e,#4d1a1a)}.btn-close{padding:2px 10px}.btn-small{padding:4px 9px;font-size:13px}.hud-party{gap:8px;width:min(300px,44vw);padding:10px 12px;display:grid;position:absolute;top:14px;left:14px}.hud-member{gap:3px;display:grid}.hud-member-head{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.hud-member-head .lv{color:var(--gold);font-weight:700}.hud-member.partner{opacity:.92;font-size:13px}.bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.bar-fill{height:100%;transition:width .25s}.bar.hp .bar-fill{background:linear-gradient(90deg, #2fae5c, var(--hp))}.bar.hp.low .bar-fill{background:linear-gradient(90deg, #b8392f, var(--hp-low))}.bar.exp{height:5px}.bar.exp .bar-fill{background:linear-gradient(90deg, #3d87d8, var(--exp))}.bar.node .bar-fill{background:linear-gradient(90deg,#6b5ccf,#a99bff)}.hud-small{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.hud-quest{width:min(320px,46vw);padding:10px 12px;font-size:13px;position:absolute;top:14px;right:14px}.hud-area{color:var(--gold);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.hud-quest-title{color:var(--gold-2);margin-top:4px}.hud-quest-step{color:var(--text);margin-top:2px;line-height:1.45}.hud-timer{font-variant-numeric:tabular-nums;color:var(--text)}.hud-menu-btn{position:absolute;bottom:14px;right:14px}.hud-help{color:var(--muted);padding:6px 10px;font-size:12px;line-height:1.6;position:absolute;bottom:14px;left:14px}.prompt{white-space:nowrap;padding:8px 16px;font-size:15px;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.prompt kbd,.hud-help kbd{border:1px solid var(--line);color:var(--gold-2);background:#2a3658;border-radius:4px;margin-right:6px;padding:0 6px;font-family:inherit;display:inline-block}.toasts{justify-items:center;gap:6px;display:grid;position:absolute;top:12%;left:50%;transform:translate(-50%)}.toast{animation:.25s ease-out toast-in,.4s ease-in forwards toast-out;animation-delay:0s, var(--life,2.4s);padding:7px 16px;font-size:15px}.toast.rare{border-color:var(--rare);color:var(--rare);font-weight:700;box-shadow:0 0 22px #ffb3478c}.toast.good{color:var(--good)}.toast.bad{color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.speech{border-color:#7fc7ff;max-width:min(560px,80vw);padding:9px 16px;font-size:15px;animation:.2s toast-in;position:absolute;bottom:31%;left:50%;transform:translate(-50%)}.speech .who{color:#8fd0ff;margin-right:8px;font-weight:700}.banner{text-align:center;animation:2.6s ease-out forwards banner;position:absolute;top:30%;left:0;right:0}.banner-main{color:var(--gold-2);text-shadow:0 0 18px #f7dc95cc,0 3px #6b4f12;letter-spacing:.08em;font-size:clamp(28px,5vw,52px);font-weight:800;display:inline-block}.banner-sub{text-align:left;grid-template-columns:auto auto auto;gap:2px 14px;margin-top:10px;padding:10px 18px;font-size:16px;display:inline-grid}.banner-sub .up{color:var(--good);font-weight:700}@keyframes banner{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1.05)}18%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.wlabel{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.wlabel-name{background:#0a0e1c99;border-radius:10px;padding:2px 8px;font-size:13px}.wlabel-sign{color:var(--gold-2);text-shadow:0 2px 4px #000,0 0 6px #000;font-size:15px;font-weight:700}.wlabel-marker{color:var(--gold);text-shadow:0 0 10px #e8c46ae6;font-size:26px;animation:1.1s ease-in-out infinite bob}@keyframes bob{50%{margin-top:-8px}}.wlabel-enemy{text-align:center;gap:2px;width:120px;display:grid}.wlabel-enemy .ename{text-shadow:0 1px 3px #000;font-size:12px}.wlabel-enemy.boss{width:220px}.wlabel-enemy.boss .ename{color:#ffb4a8;font-size:15px;font-weight:700}.wlabel-enemy.targeted .ename:before{content:"▶ ";color:var(--gold)}.wlabel-enemy .bar.hp .bar-fill{background:linear-gradient(90deg,#b8392f,#ff6b5c)}.telegraph{color:#ffe2a8;background:#780a0ad9;border:1px solid #ff8f6b;border-radius:6px;margin-top:3px;padding:3px 8px;font-size:14px;font-weight:800;animation:.5s ease-in-out infinite alternate pulse}.telegraph.spread{background:#502878d9;border-color:#c9a2ff}.telegraph .bar{height:5px;margin-top:3px}.telegraph .bar-fill{background:#ffcf5c}@keyframes pulse{to{filter:brightness(1.35)}}.dmg{color:#fff;text-shadow:0 2px #000,0 0 6px #000;font-size:20px;font-weight:800;animation:.9s ease-out forwards dmg;position:absolute;top:0;left:0}.dmg.enemy-hit{color:#ffe08a}.dmg.ally-hit{color:#ff8a7a}.dmg.split{color:#b9a8ff;font-size:22px}.dmg.big{font-size:30px}.dmg.heal{color:var(--good)}@keyframes dmg{0%{opacity:0;margin-top:0}15%{opacity:1;margin-top:-14px}to{opacity:0;margin-top:-48px}}.dist-total{text-align:center;border-color:#a99bff;padding:8px 18px;font-size:18px;animation:.2s toast-in,.4s 1.6s forwards toast-out;position:absolute;top:22%;left:50%;transform:translate(-50%)}.dist-total .parts{color:#cfc4ff;letter-spacing:.04em;font-size:22px;font-weight:800}.skillbar{gap:10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.skill{text-align:center;cursor:pointer;width:108px;padding:8px 6px 6px;position:relative;overflow:hidden}.skill .k{color:var(--gold-2);font-size:11px;position:absolute;top:4px;left:6px}.skill .nm{font-size:15px;font-weight:700}.skill .lv{color:var(--muted);font-size:11px}.skill .lv.down{color:var(--bad)}.skill .cd{transform-origin:bottom;background:#0009;position:absolute;inset:0}.skill.ready-glow{border-color:#a99bff;box-shadow:0 0 18px #a99bffb3}.skill.locked{opacity:.4}.skill.flash{animation:.3s flash}@keyframes flash{50%{filter:brightness(2)}}.dialogue{width:min(760px,94vw);min-height:120px;padding:14px 18px 12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dialogue .who{color:var(--gold);margin-bottom:6px;font-weight:700}.dialogue .txt{white-space:pre-wrap;font-size:17px;line-height:1.7}.dialogue .next{color:var(--gold);animation:.9s infinite bob;position:absolute;bottom:8px;right:14px}.choices{gap:6px;margin-top:10px;display:grid}.choices .btn{text-align:left}.modal-backdrop{background:#04060e8c;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.modal{flex-direction:column;width:min(920px,96vw);max-height:92vh;display:flex}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-title{color:var(--gold);letter-spacing:.05em;font-size:18px;font-weight:700}.panel-body{padding:14px;overflow:auto}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px}.tab.active{color:var(--gold-2);border-color:var(--line);background:var(--panel-2)}.grid2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.card{background:var(--panel-2);border:1px solid #d6b26040;border-radius:8px;padding:10px 12px}.card h4{color:var(--gold-2);margin:0 0 6px;font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.stat-table{border-collapse:collapse;width:100%}.stat-table td{border-bottom:1px solid #ffffff0f;padding:3px 4px}.stat-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.cost{flex-wrap:wrap;gap:10px;margin:6px 0;font-size:13px;display:flex}.cost .ok{color:var(--good)}.cost .ng{color:var(--bad)}.tag{border:1px solid var(--line);color:var(--gold-2);border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.tag.rare{color:var(--rare);border-color:var(--rare)}.stars{color:var(--gold);letter-spacing:2px}.puzzle-intro{white-space:pre-wrap;margin-bottom:10px;line-height:1.7}.puzzle{grid-template-columns:170px 1fr;align-items:stretch;gap:16px;display:grid}.puzzle-source{text-align:center;place-content:center;gap:6px;display:grid}.puzzle-unit{font-size:42px;animation:.2s toast-in}.puzzle-unit .sz{color:var(--gold-2);font-size:14px}.puzzle-wait{height:6px}.puzzle-wait .bar-fill{background:#ffb347}.puzzle-targets{gap:8px;display:grid}.ptarget{cursor:pointer;grid-template-columns:34px 1fr 120px;align-items:center;gap:10px;padding:8px 10px;display:grid}.ptarget .key{color:var(--gold-2);text-align:center;font-size:18px;font-weight:800}.ptarget .lbl{font-weight:700}.ptarget .slots{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.ptarget .slot{background:#ffffff1f;border-radius:3px;width:14px;height:14px}.ptarget .slot.on{background:#ffcf5c}.ptarget .slot.over{background:var(--hp-low)}.ptarget.down{opacity:.55;border-color:var(--bad)}.ptarget.down .lbl:after{content:"  ✖ 停止中";color:var(--bad)}.ptarget.flash-ok{animation:.3s flash}.ptarget.flash-ng{box-shadow:0 0 16px var(--hp-low)}.puzzle-status{justify-content:space-between;margin-top:10px;font-size:14px;display:flex}.puzzle-result{margin-top:10px;font-size:16px;line-height:1.6}.puzzle-demo{color:#ffb347;font-weight:700}.result-time{color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.result-diff{font-size:18px;font-weight:700}.result-diff.faster{color:var(--good)}.result-drops{flex-wrap:wrap;gap:8px;display:flex}.drop{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px}.drop.rare{border-color:var(--rare);color:var(--rare);font-weight:700;box-shadow:0 0 12px #ffb34780}.goal-line{margin-top:4px;font-size:13px}.exam-stem{margin-bottom:12px;font-size:17px;line-height:1.7}.exam-choices{gap:8px;display:grid}.exam-choices .btn{text-align:left;padding:10px 14px}.exam-choices .btn.correct{border-color:var(--good);background:linear-gradient(#245c34,#173b22)}.exam-choices .btn.wrong{border-color:var(--bad);background:linear-gradient(#6a2626,#3f1616)}.exam-source{color:var(--muted);margin-top:10px;font-size:11px}.registry{pointer-events:none;grid-template-columns:minmax(330px,400px) 1fr;display:grid;position:absolute;inset:0}.registry-side{pointer-events:auto;background:var(--panel-solid);border-right:1px solid var(--line);align-content:start;gap:12px;padding:12px 14px;display:grid;overflow:auto}.registry-side h3{color:var(--gold);margin:4px 0;font-size:16px}.registry-view{position:relative}.registry-view-tools{pointer-events:auto;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.registry-anim-now{padding:6px 12px;font-size:14px;position:absolute;top:12px;left:12px}.field{gap:4px;font-size:13px;display:grid}.field input[type=text],.field select{font:inherit;color:var(--text);border:1px solid var(--line);background:#0d1428;border-radius:6px;padding:6px 8px}.field input[type=range]{width:100%}.field .val{color:var(--gold-2);font-variant-numeric:tabular-nums}.dropzone{border:2px dashed var(--line);text-align:center;cursor:pointer;color:var(--muted);border-radius:8px;padding:14px}.dropzone.over{color:var(--gold-2);background:#e8c46a1a}.issues{gap:4px;font-size:12px;display:grid}.issue{border-radius:5px;padding:4px 8px}.issue.error{color:#ffb0a6;background:#e85b4f2e}.issue.warn{color:#ffd18f;background:#ffb34724}.issue.info{color:#b9dcff;background:#6cb6ff1a}.anim-list{gap:3px;max-height:140px;font-size:12px;display:grid;overflow:auto}.anim-list button{text-align:left}.char-list{gap:6px;display:grid}.char-item{grid-template-columns:1fr auto;gap:4px;padding:8px 10px;display:grid}.char-item .nm{font-weight:700}.char-item .active{color:var(--good);font-size:12px}@media (max-width:760px){.registry{grid-template-rows:45vh 1fr;grid-template-columns:1fr}.registry-side{border-right:none;border-top:1px solid var(--line);order:2}.hud-help{display:none}.skill{width:88px}.puzzle{grid-template-columns:1fr}}.hub{pointer-events:auto;flex-direction:column;width:min(980px,96vw);padding-top:130px;display:flex;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%)}.hub-title{color:var(--gold);text-shadow:0 2px 6px #000;margin-bottom:8px;font-size:20px;font-weight:700}.hub-body{flex:1;grid-template-columns:1fr 240px;gap:12px;min-height:0;display:grid}.hub-quests{align-content:start;gap:10px;padding-right:4px;display:grid;overflow:auto}.hub-quest{padding:10px 14px}.hub-quest h3{color:var(--gold-2);margin:0;font-size:17px}.hub-quest p{margin:6px 0}.hub-quest.locked{opacity:.55}.hub-knows{flex-wrap:wrap;gap:6px 12px;margin:4px 0 8px;font-size:12px;display:flex}.hub-know .stars{margin-left:4px;font-size:11px}.hub-side{align-content:start;gap:8px;display:grid}.hub-btn{text-align:left;padding:12px 14px}.quiz{pointer-events:auto;width:min(860px,96vw);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.quiz-panel{border-width:2px;padding:12px 16px 14px}.quiz-panel.q-attack{border-color:#ff9a6b;box-shadow:0 0 22px #ff8c5a59}.quiz-panel.q-defense{border-color:#7fc7ff;box-shadow:0 0 22px #6eb4ff59}.quiz-panel.q-exp{border-color:var(--gold);box-shadow:0 0 22px #e8c46a66}.quiz-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.quiz-kind{font-size:18px;font-weight:800}.q-attack .quiz-kind{color:#ffb08a}.q-defense .quiz-kind{color:#9fd4ff}.q-exp .quiz-kind{color:var(--gold-2)}.quiz-sub{color:var(--muted);flex:1;font-size:13px}.quiz-sec{font-variant-numeric:tabular-nums;color:var(--gold-2);font-size:13px}.quiz-timer{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:10px;position:relative;overflow:hidden}.quiz-timer-fast{border-right:2px solid var(--gold);background:#e8c46a47;position:absolute;top:0;bottom:0;left:0}.quiz-timer-fill{background:var(--gold-2);opacity:.85;width:0;position:absolute;top:0;bottom:0;left:0}.quiz-timer-fill.slow{background:#c86b5a}.quiz-stem{margin-bottom:10px;font-size:17px;line-height:1.65}.quiz-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-choice{text-align:left;align-items:flex-start;gap:10px;padding:10px 12px;font-size:15px;line-height:1.5;display:flex}.quiz-mark{width:24px;height:24px;color:var(--gold-2);background:#2a3658;border-radius:5px;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.quiz-choice.picked{outline:2px solid var(--gold-2)}.quiz-choice.correct{border-color:var(--good);opacity:1;background:linear-gradient(#245c34,#173b22)}.quiz-choice.wrong{border-color:var(--bad);opacity:1;background:linear-gradient(#6a2626,#3f1616)}.quiz-result{align-items:baseline;gap:14px;margin-top:10px;font-weight:800;display:flex}.quiz-result.ok .quiz-outcome{color:var(--good);font-size:22px}.quiz-result.ng .quiz-outcome{color:var(--bad);font-size:22px}.quiz-effect{color:var(--gold-2)}.quiz-explain{white-space:pre-wrap;background:#ffffff0f;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:14px;line-height:1.6}.quiz-next{color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.quiz-next-btn{padding:8px 18px}.clickable{cursor:pointer}@media (max-width:760px){.hub-body,.quiz-choices{grid-template-columns:1fr}.quiz-stem{font-size:15px}}