:root{color-scheme:dark;--bg:#07110f;--panel:#10211d;--line:#416355;--text:#f2efe3;--muted:#aab9ae;--gold:#e7c66b;--green:#75c49a;--warn:#f0bd4e;--danger:#ef6a5b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 35% 15%,#17332b,#07110f 55%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,"Noto Sans SC",sans-serif}button{font:inherit}.root{height:100%;display:grid;grid-template-rows:64px minmax(0,1fr) 168px;gap:8px;padding:8px}.top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:8px 14px;border:1px solid #315044;background:#0b1816e8;backdrop-filter:blur(14px);border-radius:14px}.brand{font-family:Georgia,serif;font-size:1.45rem;letter-spacing:.12em}.mission{min-width:0}.mission strong,.mission span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission span,.small{color:var(--muted);font-size:.82rem}.day{font-weight:700;text-align:right}.dial{width:48px;height:48px;border-radius:50%;position:relative;background:conic-gradient(#d9b86b 0 25%,#8fae9b 25% 62%,#b26c54 62% 78%,#182c36 78% 100%);box-shadow:inset 0 0 0 5px #091512}.dial:after{content:"";position:absolute;left:23px;top:5px;width:2px;height:19px;background:white;transform-origin:50% 19px;transform:rotate(var(--angle));box-shadow:0 0 7px white}.main{min-height:0;display:grid;grid-template-columns:minmax(0,2.25fr) minmax(310px,.75fr);gap:8px}.mapPanel,.side,.hand{border:1px solid #315044;background:#0a1715e8;border-radius:14px;overflow:hidden}.mapPanel{position:relative;min-width:0}.mapHead{position:absolute;z-index:4;left:12px;top:12px;right:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.badge{padding:7px 10px;border-radius:999px;background:#081411d9;border:1px solid #45685b;font-size:.78rem}.mapViewport{width:100%;height:100%;touch-action:none;cursor:grab;background:linear-gradient(#10241d,#08130f)}.mapViewport.dragging{cursor:grabbing}.mapWorld{transform-origin:0 0}.contour{fill:none;stroke:#7f9c7559;stroke-width:8}.contour.major{stroke:#b8b27270;stroke-width:12}.trail{stroke:#50695f;stroke-width:12;fill:none;stroke-linecap:round}.trail.planned{stroke:var(--gold);stroke-dasharray:28 18}.trail.actual{stroke:var(--green);stroke-width:17}.dangerArea{fill:#c9543b22;stroke:#df755f88;stroke-width:6;stroke-dasharray:18 12}.node circle{fill:#10241e;stroke:#b4c3b6;stroke-width:5}.node text{fill:#f4f0e4;font-size:34px;paint-order:stroke;stroke:#07110f;stroke-width:10;stroke-linejoin:round}.node.available circle{stroke:var(--gold);stroke-width:10;filter:drop-shadow(0 0 13px #e7c66b)}.node.current circle{fill:var(--green);stroke:white;stroke-width:9}.node.mainGoal circle{fill:#c99735}.node.optional circle{fill:#4c6b82}.node.done circle{fill:#5e9d72}.node.danger text{fill:#ffb59f}.dangerIcon{font-size:46px}.side{display:flex;flex-direction:column;min-height:0}.sideScroll{padding:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;gap:12px}.phase{color:var(--gold);font-size:.77rem;text-transform:uppercase;letter-spacing:.16em}.side h2{font-family:Georgia,serif;font-size:clamp(1.35rem,2vw,2rem);margin:0}.copy{color:#ced7cf;line-height:1.45;margin:0}.preview,.resultBox,.objective{padding:12px;border:1px solid #37574b;border-radius:12px;background:#10241f}.objective.optional{border-color:#4d6e83}.objective.done{opacity:.6}.objective strong{display:block}.riskList,.warnings,.slots{display:grid;gap:7px}.risk,.warning{padding:8px 10px;border-radius:9px;background:#8b6b2629;border:1px solid #a17b32;font-size:.85rem}.risk.red,.warning.red{background:#9e30252f;border-color:#c95a4d}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.slot{min-height:70px;border:1px dashed #789084;border-radius:11px;padding:8px;background:#0c1b17;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);transition:.15s}.slot.hot{border-color:var(--gold);background:#4b3e1c55}.slot.filled{border-style:solid;color:var(--text)}.slot small{color:var(--muted)}.actions{display:flex;gap:8px;margin-top:auto}.btn{border:1px solid #526f62;background:#142820;color:var(--text);padding:10px 13px;border-radius:10px;cursor:pointer}.btn.primary{background:var(--gold);color:#1e1a0d;border-color:#f5dc91;font-weight:800}.btn:disabled{opacity:.35;cursor:not-allowed}.resultBox{animation:resultIn .28s ease}.resultBox h3{margin:0 0 7px}.resultItems{display:grid;gap:5px;font-size:.88rem}.positive{color:#9bd8b3}.negative{color:#ffab98}.neutral{color:#d9c98d}.hand{padding:10px 12px}.handHead{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;margin-bottom:6px}.cards{height:122px;display:flex;gap:9px;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.card{flex:0 0 170px;border:1px solid #6e887b;border-radius:12px;background:linear-gradient(155deg,#1c342b,#0d1d18);padding:10px;position:relative;touch-action:none;user-select:none;cursor:grab}.card.selected{outline:3px solid var(--gold);transform:translateY(-4px)}.card h3{font-size:.95rem;margin:3px 0}.card p{font-size:.75rem;color:#bdc9c0;margin:0;line-height:1.25}.card .type{font-size:.66rem;color:var(--gold);letter-spacing:.1em}.card .tags{position:absolute;left:10px;bottom:7px;font-size:.66rem;color:#8fa99c}.ghost{position:fixed;z-index:99;width:170px;pointer-events:none;opacity:.9;transform:translate(-50%,-50%) rotate(-3deg)}.menu,.archive{height:100%;display:grid;place-items:center;padding:20px;overflow:hidden}.menuCard{width:min(760px,100%);padding:36px;border:1px solid #456558;border-radius:20px;background:#0c1c18e8}.title{font-family:Georgia,serif;font-size:clamp(3rem,9vw,6rem);margin:0}.menuActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.archiveCard{height:min(92vh,760px);width:min(1100px,96vw);border:1px solid #456558;border-radius:18px;background:#0c1c18;padding:22px;overflow:hidden;display:flex;flex-direction:column}.archiveGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:auto}.archiveItem{padding:14px;border:1px solid #365548;border-radius:12px}.locked{opacity:.35}.mobileTabs{display:none}@keyframes resultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-aspect-ratio:4/5){.root{grid-template-rows:58px minmax(0,1fr) 150px}.top{grid-template-columns:auto minmax(0,1fr) auto}.day{display:none}.dial{width:42px;height:42px}.dial:after{left:20px;height:16px;transform-origin:50% 16px}.main{grid-template-columns:1fr;grid-template-rows:minmax(0,58%) minmax(0,42%)}.mapPanel,.side{min-height:0}.sideScroll{padding:11px;gap:8px}.slots{grid-template-columns:repeat(4,1fr)}.slot{min-height:55px;font-size:.72rem}.copy{font-size:.85rem}.card{flex-basis:148px}.archiveGrid{grid-template-columns:1fr 1fr}}@media(max-height:650px){.root{grid-template-rows:52px minmax(0,1fr) 132px}.top{padding:4px 10px}.dial{width:38px;height:38px}.sideScroll{padding:10px;gap:6px}.copy{font-size:.78rem}.preview,.resultBox,.objective{padding:8px}.slot{min-height:52px}.cards{height:102px}.card{flex-basis:150px;padding:8px}.card p{display:none}}