:root{color-scheme:dark;--font-story: ui-serif, "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;--bg0: #0b1020;--panel: rgba(17, 24, 39, .92);--panel2: rgba(17, 24, 39, .78);--surface: rgba(15, 23, 42, .72);--surface2: rgba(15, 23, 42, .54);--border: rgba(148, 163, 184, .22);--text: rgba(226, 232, 240, .94);--muted: rgba(148, 163, 184, .72);--accent: #38bdf8;--accent2: #a78bfa;--danger: #fb7185;--shadow: rgba(0, 0, 0, .45);--radius: 16px;--radius-sm: 12px;--gap: 14px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root[data-theme=light]{color-scheme:light;--bg0: #f6f7fb;--panel: rgba(255, 255, 255, .92);--panel2: rgba(255, 255, 255, .78);--surface: rgba(255, 255, 255, .86);--surface2: rgba(255, 255, 255, .68);--border: rgba(15, 23, 42, .12);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .62);--shadow: rgba(15, 23, 42, .18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg0);color:var(--text)}a{color:inherit}.muted{color:var(--muted);font-size:12px}.app{min-height:100%;padding:22px;display:grid;gap:var(--gap);grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2);box-shadow:0 14px 30px var(--shadow)}.topbar__statuses{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.statusBadge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.26);background:#0f172a59;font-family:var(--mono);font-size:11px;color:var(--text);letter-spacing:.1px}:root[data-theme=light] .statusBadge{background:#ffffffbf}.brand{display:flex;align-items:baseline;gap:10px;margin-right:auto}.brand__title{font-weight:750;letter-spacing:.6px}.brand__subtitle{color:var(--muted);font-family:var(--mono);font-size:12px}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);font-size:12px;color:var(--muted)}.pill strong{color:var(--text);font-weight:700}.traitPills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rarityTag{font-weight:900;letter-spacing:.2px}.rarityTag.is-common{color:var(--text)}.rarityTag.is-uncommon{color:#22c55ef2}.rarityTag.is-rare{color:#38bdf8fa}.rarityTag.is-epic{color:#a78bfafa}.rarityTag.is-legendary{color:#f59e0bfa}.rarityTag.is-mythic{background:linear-gradient(90deg,#ff3d5a,#ffd166,#06d6a0,#4cc9f0,#9b5de5);-webkit-background-clip:text;background-clip:text;color:transparent}.rarityTag.is-unknown{color:var(--muted)}.traitPill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#38bdf81f;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.2px;line-height:1.1;white-space:nowrap}.traitPill.is-major{border-color:#a78bfa61;background:#a78bfa24;color:var(--accent2)}:root[data-theme=light] .traitPill{background:#38bdf81a}:root[data-theme=light] .traitPill.is-major{background:#a78bfa1a}.layout{display:grid;gap:var(--gap);grid-template-columns:320px minmax(360px,1fr) 360px;grid-template-rows:auto 1fr;align-items:start}.shopLayout{display:grid;gap:var(--gap);grid-template-columns:minmax(420px,1fr) minmax(360px,1fr) 360px;align-items:start}@media (max-width: 1120px){.layout,.shopLayout{grid-template-columns:1fr}}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 14px 30px var(--shadow);overflow:hidden}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.16)}.panel__title{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:.4px}.panel__title:before{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 3px #2f7dd11f}.panel__body{padding:14px}.grid2{display:grid;gap:10px;grid-template-columns:1fr 1fr}.kv{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:var(--surface)}.kv__k{color:var(--muted);font-size:12px}.kv__v{font-weight:700}.portrait{width:100%;aspect-ratio:3 / 4;border-radius:16px;border:1px solid var(--border);background:var(--surface2);display:grid;place-items:center;color:var(--muted);font-family:var(--mono);position:relative;overflow:hidden}.portrait__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);filter:saturate(1.05) contrast(1.02)}.portrait__label{position:absolute;bottom:10px;left:10px;font-size:12px;color:var(--text);background:#0f172abf;border:1px solid var(--border);padding:4px 8px;border-radius:999px}.hpbar{height:10px;background:#94a3b824;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.hpbar__fill{height:100%;width:50%;background:linear-gradient(90deg,#22c55ef2,#a78bfaf2)}.hpbar__fill.is-low{background:linear-gradient(90deg,#ef4444f2,#f59e0bf2)}.mpbar{height:8px;background:#94a3b824;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.mpbar__fill{height:100%;width:50%;background:linear-gradient(90deg,#3b82f6f2,#38bdf8e6)}.btnrow{display:flex;gap:10px;flex-wrap:wrap}.divider{height:1px;background:#94a3b829;margin:10px 0}.skillInfoRow{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.skillList{display:grid;gap:10px}.skillTierGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.skillBox{width:160px;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:14px;background:var(--surface2);padding:10px;display:grid;grid-template-rows:auto 1fr auto;gap:8px}.skillBox__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.skillBox__name{font-weight:850;font-size:13px;line-height:1.15}.skillBox__type{font-size:11px;color:var(--muted);white-space:nowrap}.skillBox__desc{font-size:11px;color:var(--muted);line-height:1.35;overflow:hidden}.skillBox__descText{margin-bottom:6px}.skillBox__traits{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.skillBox__traits .muted{font-size:11px}.skillBox__actions{display:flex;justify-content:flex-end}.skillBox.is-selected{border-color:#22c55e6b;background:#22c55e14}.skillBox.is-locked{opacity:.82}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;letter-spacing:.2px;transition:transform .06s ease,border-color .12s ease,background .12s ease}button.btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.25);transform:none}button.btn[disabled]:hover{border-color:var(--border);background:var(--surface2)}button.btn[disabled]:active{transform:none}button.btn:hover{border-color:#2f7dd16b;background:var(--surface)}button.btn:active{transform:translateY(1px)}button.btn--primary{border-color:#38bdf873;background:linear-gradient(135deg,#38bdf833,#a78bfa29)}button.btn--danger{border-color:#d63b3b73}button.btn--evac{border-color:#f59e0b8c;background:linear-gradient(135deg,#f59e0b2e,#fbbf241a)}.slots{display:grid;gap:10px}.slot{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface2)}.slot__label{color:var(--muted);font-size:12px;font-family:var(--mono)}.slot__item{font-weight:700;display:flex;gap:8px;align-items:baseline}.slot__rarity .rarityTag{font-size:11px;font-weight:650}.carriedGoldBox{margin-top:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.carriedGoldBox__k{font-family:var(--mono);font-size:13px;color:var(--muted)}.carriedGoldBox__v{font-weight:900;font-size:18px;letter-spacing:.2px}.grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.cell{border:1px solid var(--border);border-radius:10px;background:var(--surface2);min-height:54px;padding:8px;display:grid;gap:6px;align-content:start}.cell__name{font-weight:750;font-size:12px;line-height:1.2}.cell__meta{font-family:var(--mono);font-size:11px;color:var(--muted)}.shopGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.shopScroll{max-height:min(68vh,720px);overflow:auto;padding-right:4px;overscroll-behavior:contain}@media (max-width: 980px){.shopGrid{grid-template-columns:1fr}}.shopCard{border:1px solid var(--border);border-radius:16px;background:var(--surface);display:grid;grid-template-columns:108px 1fr;gap:12px;padding:10px}.shopCard.is-locked{opacity:.92}.shopCard__imgWrap{width:108px;aspect-ratio:1 / 1;border-radius:14px;border:1px solid var(--border);background:var(--surface2);overflow:hidden;display:grid;place-items:center;position:relative}.shopCard__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.shopCard__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;font-family:var(--mono);font-size:11px;color:var(--muted)}.shopCard__body{display:grid;gap:4px;align-content:start}.shopCard__name{font-weight:900;font-size:14px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.shopCard__name .rarityTag{font-size:11px;font-weight:800}.shopCard__desc{font-size:12px;color:var(--muted);line-height:1.55}.shopCard__meta{font-family:var(--mono);font-size:11px;color:var(--muted)}.shopCard__meta.is-warn{color:#fb7185f2}.encOption{display:grid;gap:4px}.encOption__hint{font-family:var(--mono);font-size:11px;color:var(--muted);padding:0 2px}.modal--encounter.is-boss .encMedia{width:min(360px,100%)}.scene__enemy.is-boss{width:240px}.scene__enemy.is-boss .enemy__img{border-radius:14px}.log{height:280px;overflow:auto;padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:var(--surface);font-family:var(--mono);font-size:12px;color:var(--text);white-space:pre-wrap}.log.prose{font-family:var(--font-story);font-size:14px;line-height:1.75;letter-spacing:.15px}.chanceTable{width:100%;border-collapse:collapse;border:1px solid rgba(148,163,184,.16);border-radius:12px;overflow:hidden;background:var(--surface2);font-family:var(--mono);font-size:12px}.chanceTable th,.chanceTable td{padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left}.chanceTable thead th{color:var(--muted);background:var(--surface);font-weight:800}.chanceTable tr:last-child td{border-bottom:none}.chanceTable__pct{text-align:right;font-weight:800}.storyText{padding:18px 14px;border-radius:16px;border:1px solid var(--border);background:var(--panel2);white-space:pre-line;text-align:center;font-size:18px;line-height:1.85;letter-spacing:.2px;color:var(--text);font-family:var(--font-story)}.storyText strong{font-weight:900}.titleScreen{max-width:860px;margin:0 auto;position:relative;overflow:hidden}.titlePage{position:relative;min-height:100vh}.titleScreen{z-index:2}.titleScreen__body{position:relative;z-index:2}.titleScreen__body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 48px var(--shadow);z-index:-1}.btn--xl{padding:14px 22px;font-size:16px;border-radius:14px;min-width:220px}.charCard__row{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:start}@media (max-width: 720px){.charCard__row{grid-template-columns:1fr}}.charCard__portrait{width:100%;aspect-ratio:3 / 4;border-radius:14px;border:1px solid var(--border);background:var(--surface2);overflow:hidden}.charCard__portraitImg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.charCard__info .kv__k{font-size:11px}.charCard__info .kv__v{font-size:12px;font-weight:650;line-height:1.55}.gameTitle{font-size:62px;font-weight:900;letter-spacing:6px;text-align:center;background:linear-gradient(135deg,#2f7dd1f2,#2faa5ceb);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 50px var(--shadow)}.gameSubtitle{text-align:center;color:var(--muted);font-family:var(--mono)}.cardList{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1120px){.cardList{grid-template-columns:1fr}}.saveGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 980px){.saveGrid{grid-template-columns:1fr}}.mapSelect{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--gap)}@media (max-width: 980px){.mapSelect{grid-template-columns:1fr}}.worldMap{position:relative;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface2)}.worldMap__img{width:100%;height:auto;display:block}.worldMap__pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;cursor:pointer}.worldMap__pin--dot{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:#22c55ef2;box-shadow:0 0 0 5px #22c55e33,0 14px 26px #0000002e}.worldMap__pin:hover{filter:brightness(1.02);border-color:#22c55ea6}.preline{white-space:pre-line}.itemModal__media{width:min(240px,100%);aspect-ratio:1 / 1;height:auto;border-radius:16px;border:1px solid var(--border);background:var(--surface2);overflow:hidden;display:grid;place-items:center;margin:0 auto 12px;position:relative}.itemModal__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.itemModal__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;font-family:var(--mono);color:var(--muted)}.card{height:100%}.skillCard.is-selected{border-color:#22c55e73;background:#22c55e14}.skillCard.is-locked{opacity:.75}.cell.is-item{cursor:pointer}.cell.is-item:hover,.slot.is-item:hover{border-color:#2f7dd16b}.dropZone{outline:2px dashed rgba(47,125,209,.22);outline-offset:6px;border-radius:12px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;padding:22px;z-index:1000}.modal{width:min(720px,96vw);border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 24px 70px var(--shadow);overflow:hidden}.modal--encounter{--encAccent: rgba(47, 125, 209, .95);border-left:10px solid var(--encAccent)}.modal--encounter.is-monster{--encAccent: rgba(239, 68, 68, .95);border-color:#ef44445c}.modal--encounter.is-event{--encAccent: rgba(34, 197, 94, .95);border-color:#22c55e57}.modal--encounter.is-loot{--encAccent: rgba(245, 158, 11, .95);border-color:#f59e0b61}.modal--wide{width:min(980px,96vw)}.questRow.is-complete{border-color:#22c55e66;background:#22c55e14}.questRow.is-claimed{opacity:.72}.questRow.is-todo{border-color:#94a3b829;background:var(--surface2)}.questList{max-height:min(62vh,520px);overflow:auto;display:grid;gap:10px;padding-right:4px}.hrDivider{border:none;border-top:1px solid rgba(148,163,184,.16)}.modal--spiritChoice .kv{padding:8px}.modal--spiritChoice .kv__k{font-size:11px}.modal--spiritChoice .encMedia{width:min(180px,100%);margin:0 auto 10px}.modal--spiritChoice .panel__title{font-size:13px}.modal__header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(148,163,184,.16)}.modal__title{font-weight:850;letter-spacing:.4px}.modal__body{padding:14px}.encMedia{width:min(240px,100%);aspect-ratio:1 / 1;height:auto;border-radius:16px;border:1px solid var(--border);background:var(--surface2);overflow:hidden;margin:0 auto 12px}.encImg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.dialogueText{font-size:14px;line-height:1.65;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:10px 12px;white-space:pre-line;font-family:var(--font-story)}.scene__frame{position:relative;width:100%;height:min(62vh,520px);border-radius:14px;border:1px solid var(--border);background:var(--surface2);overflow:hidden}.scene__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.03);transform:scale(1.02);z-index:0}.scene__hint{position:relative;z-index:2;font-family:var(--mono);color:var(--muted);text-align:center;padding:12px;border-radius:12px;border:1px dashed rgba(148,163,184,.28);background:var(--surface2)}.scene__portrait{position:absolute;left:12px;top:250px;width:160px;height:160px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);display:grid;place-items:center;z-index:2}.scene__portraitImg{width:100%;height:100%;border-radius:16px;object-fit:cover;object-position:center}.scene__stats{position:absolute;left:0;right:0;top:calc(100% + 8px);display:grid;gap:6px;z-index:2}.sceneStat{border-radius:12px;border:1px solid var(--border);background:var(--surface2);padding:6px 8px;display:grid;gap:6px}.sceneStat__label{font-family:var(--mono);font-size:11px;color:var(--muted)}.sceneStat__bar{height:8px;border-radius:999px;overflow:hidden;background:#94a3b824;border:1px solid rgba(148,163,184,.18)}.sceneStat__fill{height:100%;width:50%;border-radius:999px}.sceneStat__fill.is-hp{background:linear-gradient(90deg,#22c55ef2,#16a34af2)}.sceneStat__fill.is-mp{background:linear-gradient(90deg,#3b82f6f2,#2563ebf2)}.scene__enemy{position:absolute;right:12px;bottom:12px;width:160px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);padding:10px;display:grid;gap:8px;z-index:2}.enemy__img{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#0f172a59}.scene__fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.dmgFloat{position:absolute;font-family:var(--mono);font-weight:900;font-size:18px;text-shadow:0 10px 24px rgba(0,0,0,.35);animation:dmgFloatUp .8s ease-out forwards}.dmgFloat.is-enemy{right:48px;bottom:120px;color:#ef4444f2}.dmgFloat.is-player{left:36px;bottom:210px;color:#ef4444f2}@keyframes dmgFloatUp{0%{transform:translateY(0) scale(.95);opacity:0}15%{opacity:1}to{transform:translateY(-48px) scale(1.05);opacity:0}}.scene__enemy.is-hit,.scene__portrait.is-hit{animation:hitShake .18s ease-in-out;filter:saturate(1.08) contrast(1.08)}@keyframes hitShake{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.enemy__name{font-weight:800;font-size:12px}.enemy__hp{height:10px;background:#94a3b824;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.enemy__hpFill{height:100%;background:linear-gradient(90deg,#ef4444f2,#f59e0bf2)}.prog,.prog__cell,.prog__cell.is-done{display:none}.progStrip{border:1px solid var(--border);border-radius:14px;background:var(--surface2);padding:10px 12px;display:grid;gap:8px}.progStrip.is-night{background:#0c121c2e;border-color:#0c121c38}.progBar{height:12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#94a3b81f;overflow:hidden}.progStrip.is-night .progBar{background:#0c121c52;border-color:#0c121c47}.progBar__fill{height:100%;width:0%;background:linear-gradient(90deg,#22c55ef2,#10b981eb)}.progStrip__label{font-family:var(--mono);font-size:12px;color:var(--muted)}.tempStatus{margin-top:10px;width:fit-content;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);font-family:var(--mono);font-size:12px;color:var(--text);position:relative;cursor:help}.tempStatus:hover:after{content:attr(data-tip);white-space:pre-wrap;position:fixed;left:24px;top:24px;width:320px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);box-shadow:0 18px 40px var(--shadow);z-index:1200}.traitRow.is-active{border-color:#22c55e66;background:#22c55e14}.traitRow{padding:8px;gap:3px;font-size:13px}.traitRow .kv__k{font-size:11px}.traitRow .cell__meta{font-size:10px}.traitRow.is-inactive{border-color:#94a3b829;background:#0f172a57}:root[data-theme=light] .traitRow.is-inactive{border-color:#0f172a1f;background:#0f172a0a}.traitRow.is-active .kv__k{color:var(--text)}.traitRow.is-inactive .kv__k{color:var(--muted)}.btncol{display:grid;gap:10px}button.btn--block{width:100%;justify-content:center}.btn--big{padding:12px 18px;font-size:15px;border-radius:14px}.btn--skill{border-color:#3b82f68c;background:#3b82f61a}.btn--skill:hover{border-color:#3b82f6bf;background:#3b82f624}.combatControls{display:grid;gap:12px;grid-template-columns:1fr 1fr}.bagGrid{display:grid;gap:12px;grid-template-columns:.9fr 1.3fr}@media (max-width: 920px){.bagGrid,.combatControls{grid-template-columns:1fr}}