:root{color-scheme:dark;--bg:#10191f;--panel:#18242b;--panel2:#202e35;--line:#34454b;--muted:#a6b4b8;--ink:#edf1e9;--cyan:#90ddcf;--gold:#e8bd72;--red:#f5938b;--radius:8px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#203139;padding:.6rem 1rem;transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){background:#2c4149;border-color:var(--cyan)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary{background:var(--cyan);color:#102b2a;border-color:var(--cyan);font-weight:700}button.primary:hover:not(:disabled){background:#b3eee3}button.danger{color:var(--red);border-color:#75504c}button.ghost{background:transparent;border-color:transparent}button.small{font-size:.875rem;padding:.32rem .7rem}button.selected{border-color:var(--gold);background:#3a352d;color:#ffe0a7}a{color:var(--cyan)}input,select{background:#101c22;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:.6rem .7rem;width:100%;min-width:0}label{display:block;color:var(--muted);font-size:.875rem}label>input,label>select{margin-top:.35rem}h1,h2,h3,p{margin:0}h1{font-size:2.5rem;line-height:1.25;letter-spacing:.04em}h2{font-size:1.55rem;line-height:1.4}h3{font-size:1.05rem}small,.smalltext{font-size:.875rem}.muted{color:var(--muted)}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.red{color:var(--red)}.mono,.eyebrow{font-family:Consolas,monospace}.eyebrow{font-size:.8rem;letter-spacing:.18em;color:var(--cyan);margin-bottom:.55rem;text-transform:uppercase}.topbar{min-height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:12px 3vw;gap:20px;background:#111d23}.brand{display:flex;align-items:center;gap:13px}.brand img{width:38px;height:38px}.brand strong{letter-spacing:.15em;font-size:1.1rem}.brand span{display:block;font-size:.75rem;letter-spacing:.13em;color:var(--muted)}.top-actions,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shell{max-width:1500px;margin:0 auto;padding:30px 3vw}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.pagehead p{margin-top:.45rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px}.panel+.panel{margin-top:18px}.sectiontitle{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.tag{display:inline-flex;font-size:.75rem;line-height:1.4;letter-spacing:.04em;padding:4px 8px;background:#263b3b;color:var(--cyan);border:1px solid #3b5655;border-radius:3px}.tag.gold{color:var(--gold);background:#3a3125;border-color:#67553a}.tag.red{background:#3e2929;color:var(--red);border-color:#754942}.hero-start{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start}.start-title{padding:34px 12px 30px 0}.start-title h1{font-size:clamp(2.6rem,5vw,4.7rem);letter-spacing:.06em}.start-title p{max-width:430px;margin:25px 0;color:var(--muted)}.start-line{width:80px;height:3px;background:var(--gold);margin:24px 0}.statsline{display:flex;gap:35px;margin-top:32px}.statsline strong{display:block;font-size:1.75rem;font-weight:500;color:var(--cyan)}.statsline span{font-size:.8rem;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.wide{grid-column:1/-1}.checklabel{display:flex;align-items:center;gap:10px}.checklabel input{width:18px;height:18px;margin:0}.startfoot{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.startfoot article{border-top:1px solid var(--line);padding:18px 0}.startfoot strong{display:block;margin:5px 0}.startfoot p{font-size:.875rem;color:var(--muted)}.divider{height:1px;background:var(--line);margin:20px 0}.wheel-area{min-height:440px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#24404450,transparent 64%)}.wheel{width:320px;height:320px;border-radius:50%;border:1px solid #799991;position:relative;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(from -1deg,#28403f 0deg 1deg,transparent 1deg 30deg),radial-gradient(transparent 63%,#90ddcf22 63%,#90ddcf22 64%,transparent 64%);box-shadow:0 0 0 13px #90ddcf07,0 0 0 14px #47625e,0 0 0 35px #90ddcf04}.wheel:before{content:"";position:absolute;inset:30px;border:1px dashed #4b6965;border-radius:50%}.wheel:after{content:"";position:absolute;left:50%;top:-28px;width:3px;height:35px;background:var(--gold)}.wheel-inner{position:relative;background:#142329;border:1px solid #49605f;width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.wheel-inner .result{font-size:1.65rem;line-height:1.5;color:var(--ink)}.wheel-inner small{color:var(--gold)}.wheel.spinning{animation:turn 1.5s cubic-bezier(.1,.7,.2,1)}.wheel.spinning .wheel-inner{animation:counterturn 1.5s cubic-bezier(.1,.7,.2,1)}@keyframes turn{to{transform:rotate(1080deg)}}@keyframes counterturn{to{transform:rotate(-1080deg)}}.wheel-caption{text-align:center;max-width:600px;margin:0 auto;padding:0 20px 22px}.wheel-caption p{margin:10px 0 22px;color:var(--muted)}.progress-steps{display:flex;gap:5px;margin:22px 0}.progress-steps span{height:4px;background:#30434a;flex:1}.progress-steps .done{background:var(--cyan)}.archive-list{list-style:none;padding:0;margin:0}.archive-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #30414a;padding:10px 0;font-size:.875rem}.archive-list li>span{color:var(--muted)}.archive-list li strong{text-align:right;font-weight:500}.statblock{margin:14px 0}.statblock .row{justify-content:space-between;gap:4px}.bar{height:5px;overflow:hidden;border-radius:2px;background:#0e191e;margin-top:7px}.bar>i{height:100%;display:block;background:var(--cyan);max-width:100%}.bar.hp>i{background:#8ec59d}.bar.energy>i{background:#86bddd}.bar.gold>i{background:var(--gold)}.bar.resource>i{background:#c5a2dc}.big-number{font-size:2rem;line-height:1.2}.sidepanel{padding:22px;align-self:start;position:sticky;top:20px}.sidepanel h3{margin-bottom:8px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity{text-align:left;padding:22px;min-height:170px;background:#1a2a31;border:1px solid var(--line);position:relative}.activity .number{color:var(--gold);font-family:Consolas,monospace;font-size:.85rem}.activity h3{font-size:1.15rem;margin:10px 0}.activity p{font-size:.875rem;color:var(--muted)}.activity:hover:not(:disabled){background:#223b40}.notice{padding:14px 18px;border-left:3px solid var(--gold);background:#e8bd720b;font-size:.875rem;margin:18px 0}.journal{max-height:225px;overflow-y:auto}.journal div{font-size:.875rem;padding:8px 0;border-bottom:1px solid #293b44}.skill{border:1px solid var(--line);padding:18px;border-radius:6px;background:#15242b}.skill h3{margin-bottom:8px}.skill p{font-size:.875rem;line-height:1.7;color:var(--muted)}.skill-meta{margin:12px 0;color:var(--gold);font-size:.8rem}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skill.locked{opacity:.6}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;flex-wrap:wrap}.route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.route-card{padding:18px;border:1px solid var(--line);border-radius:5px;background:var(--panel);position:relative}.route-card.current{border-color:var(--gold)}.route-card.past{opacity:.6}.route-card h3{margin:8px 0}.route-card small{color:var(--muted)}.battle-wrap{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.battle-main{min-width:0}.scene-banner{background:#2c3028;border:1px solid #676044;padding:15px 20px;margin-bottom:18px;border-radius:6px}.scene-banner p{font-size:.875rem;color:#d8d5be;margin-top:4px}.scene-data{display:flex;gap:15px;flex-wrap:wrap;color:var(--gold);font-size:.8rem;margin-top:9px}.timeline{display:flex;gap:8px;overflow:auto;padding:8px 0 15px}.timeline span{padding:5px 12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;white-space:nowrap;font-size:.8rem}.timeline span.enemy{color:var(--red)}.timeline span.current{border-color:var(--gold);color:var(--gold)}.squad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 22px}.unit{border:1px solid var(--line);border-top:2px solid #72aaa5;border-radius:5px;background:#19292f;text-align:left;padding:16px;min-width:0;position:relative}.unit.enemy{border-top-color:#b57570;background:#2a2527}.unit.dead{opacity:.4}.unit.target{outline:2px solid var(--gold);outline-offset:2px}.unit.current{box-shadow:0 0 0 1px var(--cyan)}.unit h3{font-size:1rem;line-height:1.5;min-height:24px;margin:5px 0 12px}.unit .tiny{font-size:.75rem;color:var(--muted)}.unit .intent{padding-top:10px;margin-top:10px;border-top:1px solid #ffffff14;color:var(--gold);font-size:.8rem;min-height:38px}.unit .statusrow{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.unit .statusrow span{font-size:.75rem;padding:1px 5px;background:#0003;color:var(--muted)}.pets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.pet{font-size:.8rem;padding:7px 10px;border:1px dashed #506166;background:var(--panel)}.combat-controls{border:1px solid #4a6866;padding:20px;border-radius:7px;background:#182c31;position:relative}.combat-controls h3{margin-bottom:12px}.intents{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.intents button{padding:12px 7px;text-align:center}.intents small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.action-detail{margin-top:16px;border-top:1px solid #385054;padding-top:16px}.action-detail p{font-size:.875rem;color:var(--muted);margin:10px 0}.execute-row{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.battle-log{height:440px;overflow-y:auto;font-size:.8rem;line-height:1.7}.battle-log p{padding:8px 0;border-bottom:1px solid #ffffff0b}.battle-log .action{color:var(--cyan)}.battle-log .damage{color:#d9bbb0}.battle-log .heal{color:#98cda1}.battle-log .gold{color:var(--gold)}.battle-log .death{color:var(--red)}.battle-log .status{color:#aaa5d0}.result-banner{text-align:center;padding:38px 15px}.result-banner h1{margin:12px 0}.result-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.result-cells>div{background:var(--panel2);padding:20px;text-align:center}.result-cells strong{font-size:1.7rem;display:block}.codex-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.codex-card{padding:18px;text-align:left;background:var(--panel)}.codex-card p{font-size:.8rem;color:var(--muted);margin-top:8px}.help p,.help li{margin-bottom:10px;color:var(--muted)}.help h3{margin:22px 0 12px;color:var(--ink)}dialog{width:min(1000px,94vw);max-height:90vh;overflow:auto;border:1px solid #526567;border-radius:10px;background:#142229;color:var(--ink);padding:28px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#071015ce;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;max-width:90vw;border:1px solid var(--gold);background:#27353b;z-index:100;border-radius:6px;box-shadow:0 5px 30px #0008;display:none}.boot{padding:80px;text-align:center}.footer{padding:20px 3vw;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;display:flex;justify-content:space-between;gap:20px}.hidden{display:none!important}details{margin:12px 0}summary{cursor:pointer;color:var(--cyan);font-size:.875rem}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table td,.table th{padding:10px;border-bottom:1px solid var(--line);text-align:left}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 250px}.battle-wrap{grid-template-columns:1fr}.battle-log{height:180px}.battle-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.battle-side .panel+.panel{margin:0}.skill-grid{grid-template-columns:1fr}.route{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell{padding:20px 16px}.topbar{padding:12px 16px;align-items:flex-start}.top-actions{gap:2px}.top-actions button{font-size:.8rem;padding:.35rem}.brand strong{font-size:.9rem}.brand img{width:30px;height:30px}.brand span{font-size:.65rem}.hero-start,.layout{grid-template-columns:1fr}.start-title{padding:15px 0}.start-title h1{font-size:2.6rem}.start-title p{margin:15px 0}.statsline{margin:15px 0;gap:25px}.sidepanel{position:static}.pagehead{flex-direction:column;gap:12px}.pagehead h1{font-size:1.9rem}.panel{padding:18px}.wheel{width:270px;height:270px}.wheel-area{min-height:355px}.wheel-inner{width:180px;height:180px}.wheel-inner .result{font-size:1.4rem}.startfoot{grid-template-columns:1fr;gap:0}.squad{gap:7px}.unit{padding:9px}.unit h3{font-size:.8rem;min-height:42px}.unit .tiny{font-size:.75rem}.unit .intent{font-size:.75rem}.unit .statusrow span{font-size:.75rem}.intents{gap:6px}.intents button{font-size:.85rem;padding:10px 4px}.intents small{font-size:.75rem}.battle-side{grid-template-columns:1fr}.route{grid-template-columns:repeat(2,1fr)}.codex-list{grid-template-columns:1fr 1fr}.result-cells{gap:8px}.result-cells>div{padding:15px 5px}.formgrid{gap:12px}.cards-grid{gap:10px}.activity{padding:16px;min-height:150px}.footer{flex-direction:column;gap:5px}.scene-banner{padding:12px}.combat-controls{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}