:root{--bg-0: #0f1720;--bg-1: #14283b;--bg-2: #19354f;--panel: rgba(13, 24, 38, .78);--line: #2dd4bf;--text: #ddf8ff;--muted: #88bbca;--hot: #ffd166;--food-coin-segment-min-edge: 8px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;font-family:Segoe UI,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 12%,#1c4963 0%,transparent 44%),radial-gradient(circle at 87% 80%,#5b1f40 0%,transparent 40%),linear-gradient(145deg,var(--bg-0),var(--bg-1) 48%,var(--bg-2))}.shell{width:min(1200px,96vw);margin:24px auto;padding:16px;display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.left-panel,.right-panel{background:var(--panel);border:1px solid rgba(45,212,191,.45);box-shadow:0 20px 50px #00000059;border-radius:14px;padding:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-title{margin-top:14px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;color:var(--hot)}.mt{margin-top:14px}.game-canvas{width:100%;height:auto;border:1px solid rgba(201,255,248,.35);border-radius:10px;image-rendering:pixelated}.map-canvas-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:10px;align-items:stretch}.map-canvas-row>div:first-child,.map-canvas-box{display:grid;grid-template-rows:auto 1fr;gap:8px}.map-canvas-box .game-canvas{height:100%;max-height:none}.map-panel{margin-top:0;display:grid;gap:10px}.map-floor{border:1px solid rgba(136,187,202,.32);border-radius:10px;background:#08141e9e;padding:8px}.map-floor-title{font-size:12px;color:var(--muted);margin-bottom:6px}.map-room-list{display:flex;flex-wrap:wrap;gap:6px}.map-room-node{display:inline-flex;align-items:center;gap:6px}.map-room{border:1px dashed rgba(136,187,202,.36);border-radius:8px;font-size:12px;color:#88bbcae6;padding:4px 7px;background:#88bbca14}.map-room.is-revealed{border-style:solid;color:#d6f7ff;background:#5bccde33}.map-room.is-current{border-color:#ffd166db;box-shadow:0 0 0 1px #ffd16633 inset;color:#ffe9b3}.map-room.is-reordered{border-style:solid;border-color:#ffa868a6;background:#ffa86833;color:#ffe2bf}.map-room-branch{border-style:solid;border-color:#68d9ffb3;background:#68d9ff38;color:#ddf5ff}.map-branch-link{width:14px;border-top:1px solid rgba(151,223,255,.72);opacity:.92}.actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.event-tip{width:100%;border:1px solid rgba(255,209,102,.45);background:#ffd1661f;color:#ffe8b7;border-radius:8px;padding:7px 9px;font-size:12px}.shop-board{display:grid;gap:8px;width:100%}.shop-section{border:1px solid rgba(136,187,202,.3);border-radius:8px;padding:8px;background:#08141e9e}.shop-title{font-size:12px;color:var(--muted);margin-bottom:6px}.shop-list{display:flex;flex-wrap:wrap;gap:6px}button{border:1px solid var(--line);background:linear-gradient(180deg,#184058e6,#11283be6);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 15px #2dd4bf59}button:disabled{border-color:#88bbca59;background:linear-gradient(180deg,#2b3844d9,#1b242dd9);color:#cedce894;cursor:not-allowed;box-shadow:none;transform:none;filter:saturate(.4);pointer-events:none}.actions button.btn-exit-fade{animation:button-exit-fade .24s ease forwards}.actions button.btn-exit-fall{transform-origin:center top;animation:button-exit-fall .26s cubic-bezier(.2,.75,.35,1) forwards}@keyframes button-exit-fade{0%{opacity:1;filter:saturate(1)}to{opacity:0;filter:saturate(.45)}}@keyframes button-exit-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(26px) rotate(18deg)}}.welcome-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;pointer-events:none;display:grid;place-items:center;animation:welcome-fx-fade 3s ease forwards}.welcome-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(circle at 50% 52%,#5affdc33,#19cdb412 28%,#06121f17 55%,#06121f00 75%),linear-gradient(145deg,#06101c29,#0814224d);animation:welcome-fx-scan 3s ease forwards}.welcome-fx-inner{position:relative;min-width:min(78vw,460px);padding:16px 22px;border-radius:12px;border:1px solid rgba(164,255,236,.75);background:linear-gradient(180deg,#143449e6,#0a1c2ad1);box-shadow:0 0 0 1px #70ffd433 inset,0 0 28px #70ffd45c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;display:grid;gap:6px;animation:welcome-fx-pop 3s cubic-bezier(.2,.8,.2,1) forwards}.welcome-fx-kicker{font-size:11px;letter-spacing:.18em;color:#a7efffe6}.welcome-fx-title{font-size:clamp(20px,2.4vw,30px);letter-spacing:.08em;color:#efffff;text-shadow:0 0 10px rgba(157,255,228,.88),0 0 22px rgba(95,228,255,.62)}@keyframes welcome-fx-fade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes welcome-fx-pop{0%{transform:translateY(8px) scale(.7);opacity:0}22%{transform:translateY(3px) scale(1);opacity:.9}72%{transform:translateY(0) scale(2);opacity:0}to{transform:translateY(-3px) scale(.98);opacity:0}}@keyframes welcome-fx-scan{0%{opacity:0;transform:scale(1.05)}16%{opacity:.62;transform:scale(1)}80%{opacity:.44}to{opacity:0}}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:14px}.stats-grid span{color:var(--muted)}.status-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-chip{border:1px solid rgba(136,187,202,.35);border-radius:10px;background:linear-gradient(180deg,#142c3fe6,#091723d9);padding:8px;min-height:56px}.overview-chip span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.overview-chip strong{font-size:14px;word-break:break-word}.atk-bonus{font-weight:800;color:#fff08f;text-shadow:0 0 8px rgba(255,240,143,.95),0 0 18px rgba(255,201,82,.85),0 0 30px rgba(255,150,38,.62)}.atk-bonus-temp{color:#8ff8ff;text-shadow:0 2px 7px rgba(143,248,255,.78)}.atk-line{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:nowrap;white-space:nowrap;word-break:normal;overflow-wrap:normal}.overview-chip strong.atk-line{word-break:normal;overflow-wrap:normal}.atk-gain-hint{margin-left:2px;font-weight:800;letter-spacing:.02em;color:#b8ffd0;text-shadow:0 1px 0 rgba(246,255,249,.5),0 4px 8px rgba(118,255,171,.55),0 9px 18px rgba(56,196,112,.42)}.atk-gain-hint.is-mixed{color:#ffe0a4;text-shadow:0 1px 0 rgba(255,251,236,.45),0 4px 8px rgba(255,191,108,.55),0 9px 18px rgba(214,134,46,.42)}.atk-gain-hint.is-maybe{color:#d5fff2;text-shadow:0 1px 0 rgba(240,255,251,.5),0 4px 8px rgba(132,225,255,.55),0 9px 18px rgba(77,150,220,.42)}.resource-stack{margin-top:10px;display:grid;gap:8px}.resource{border:1px solid rgba(136,187,202,.32);border-radius:10px;background:#08141ec2;padding:8px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.resource-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.resource-label-hint{margin-left:2px;font-weight:800;letter-spacing:.02em;color:#b8ffd0;text-shadow:0 1px 0 rgba(246,255,249,.5),0 4px 8px rgba(118,255,171,.55),0 9px 18px rgba(56,196,112,.42)}.resource-label-hint.is-mixed{color:#ffe0a4;text-shadow:0 1px 0 rgba(255,251,236,.45),0 4px 8px rgba(255,191,108,.55),0 9px 18px rgba(214,134,46,.42)}.resource-label-hint.is-maybe{color:#d5fff2;text-shadow:0 1px 0 rgba(240,255,251,.5),0 4px 8px rgba(132,225,255,.55),0 9px 18px rgba(77,150,220,.42)}.resource-icon{width:20px;height:20px;border-radius:6px;display:inline-grid;place-items:center;background:#2dd4bf2e;border:1px solid rgba(45,212,191,.28)}.resource-value{font-size:13px}.segment-bar{margin-top:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(8px,1fr));gap:4px}.segment{height:10px;border-radius:3px;border:1px solid rgba(136,187,202,.3);background:#88bbca1f}.resource-hp .segment,.resource-shield .segment{height:14px;border-radius:4px}.segment.on{background:linear-gradient(180deg,#a0fff6e0,#48c8b8f2);border-color:#c5fff8cc}.icon-strip{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}.icon-node{width:14px;height:14px;border-radius:4px;border:1px solid rgba(136,187,202,.32);background:#88bbca1f}.icon-node.on{background:linear-gradient(180deg,#9febffe6,#479dc1f2);border-color:#c9f4ffeb}.resource-food .icon-node,.resource-coin .icon-node{width:var(--food-coin-segment-min-edge);min-width:var(--food-coin-segment-min-edge);height:14px;border-radius:3px}.resource-hp .segment.on{background:linear-gradient(180deg,#ffb0b0f5,#d63e5ff2);border-color:#ffd1ddeb}.resource-shield .segment.on{background:linear-gradient(180deg,#b8defff5,#5486e8f2);border-color:#cee8fff2}.resource-enemy .segment.on{background:linear-gradient(180deg,#ffbd8bf5,#df6028f2);border-color:#ffd8b9f2}.resource-coin .icon-node.on{background:linear-gradient(180deg,#ffe483f2,#f0a12bf2);border-color:#fff4bcfa}.resource-path .icon-node.on{background:linear-gradient(180deg,#a4f8fdf2,#45b6c8f2);border-color:#ceffffeb}.resource-food .icon-node.on{background:linear-gradient(180deg,#d3fc9df2,#73c444f2);border-color:#e7ffc2f0}.resource-progress{border-color:#7cd3f66b}.progress-composite{margin-top:6px;display:grid;gap:6px}.progress-row{display:grid;grid-template-columns:28px minmax(0,1fr) 58px;align-items:center;gap:6px}.progress-tag,.progress-value{font-size:11px;color:var(--muted)}.progress-value{text-align:right}.progress-segment-grid{display:grid;gap:3px}.progress-segment{border-radius:3px;border:1px solid rgba(124,211,246,.32);background:#7cd3f624}.progress-row-thin .progress-segment{height:8px}.progress-row-thick .progress-segment{height:12px}.progress-segment-room.on{background:linear-gradient(180deg,#9deafff2,#3cb1d5f2);border-color:#cff7fff2}.progress-segment-floor.on{background:linear-gradient(180deg,#a7ffd8f2,#39c094f2);border-color:#daffecf2}.resource-monster{border-color:#ffa47a6b}.monster-composite{margin-top:6px;display:grid;gap:6px}.monster-row{display:grid;grid-template-columns:32px minmax(0,1fr) 58px;align-items:center;gap:6px}.monster-tag,.monster-value{font-size:11px;color:var(--muted)}.monster-value{text-align:right}.monster-segment-bar{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px}.monster-segment-hp.on{background:linear-gradient(180deg,#ffbd8bf5,#df6028f2);border-color:#ffd8b9f2}.monster-segment-atk.on{background:linear-gradient(180deg,#ff9d9df5,#dc4747f2);border-color:#ffd6d6f2}.resource-xp{border-color:#7ea7ff61}.xp-composite{margin-top:6px;display:grid;gap:6px}.xp-lane{display:grid;grid-template-columns:28px minmax(0,1fr) 58px;align-items:center;gap:6px}.xp-lane-tag,.xp-lane-value{font-size:11px;color:var(--muted)}.xp-lane-value{text-align:right}.xp-segment-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.xp-segment{border-radius:3px;border:1px solid rgba(126,167,255,.32);background:#7ea7ff24}.xp-lane-thin .xp-segment{height:8px}.xp-lane-thick .xp-segment{height:12px}.xp-segment-progress.on{background:linear-gradient(180deg,#96eefff2,#4fb8e8f5);border-color:#c1f4ffe6}.xp-segment-level.on{background:linear-gradient(180deg,#c6b3fff5,#8160e8f2);border-color:#e1d4ffe6}.resource.is-warning{border-color:#ffbc5599;box-shadow:0 0 0 1px #ffbc552e inset}.resource.is-critical{border-color:#ff7676b8;box-shadow:0 0 0 1px #ff767642 inset}.resource.is-critical .resource-value,.resource.is-critical .resource-label{color:#ffd7d7}.resource.delta-up{animation:resource-up .42s ease}.resource.delta-down{animation:resource-down .42s ease}.resource.delta-up .segment.on,.resource.delta-up .icon-node.on,.resource.delta-up .xp-segment.on,.resource.delta-up .progress-segment.on{animation:node-up .42s ease}.resource.delta-down .segment.on,.resource.delta-down .icon-node.on,.resource.delta-down .xp-segment.on,.resource.delta-down .progress-segment.on{animation:node-down .42s ease}@keyframes resource-up{0%{transform:translateY(0);box-shadow:0 0 #42f7c800}40%{transform:translateY(-1px);box-shadow:0 0 16px #42f7c847}to{transform:translateY(0);box-shadow:0 0 #42f7c800}}@keyframes resource-down{0%{transform:translate(0)}20%{transform:translate(-2px)}45%{transform:translate(2px)}to{transform:translate(0)}}@keyframes node-up{0%{filter:brightness(1)}50%{filter:brightness(1.35)}to{filter:brightness(1)}}@keyframes node-down{0%{filter:brightness(1)}35%{filter:brightness(.72)}to{filter:brightness(1)}}.scroll-preview{display:inline-block}.segment.on.consume-pulse,.icon-node.on.consume-pulse,.scroll-preview.consume-pulse{animation:consume-pulse 1.1s ease-in-out infinite}@keyframes consume-pulse{0%{filter:brightness(.68) saturate(.82) drop-shadow(0 0 3px rgba(214,255,243,0));opacity:.38}50%{filter:brightness(1.3) saturate(1.45) drop-shadow(0 0 15px rgba(214,255,243,.95));opacity:.92}to{filter:brightness(.68) saturate(.82) drop-shadow(0 0 3px rgba(214,255,243,0));opacity:.38}}.log-box{height:280px;overflow-y:auto;border:1px solid rgba(45,212,191,.35);border-radius:8px;background:#07111cb3;padding:8px;font-size:13px;line-height:1.45}.log-box-main{height:520px}.log-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.log-lane{border:1px solid rgba(136,187,202,.3);border-radius:10px;background:#08141ec7;padding:8px;min-height:165px}.log-lane-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.log-lane-title{font-size:12px;color:var(--muted);letter-spacing:.04em}.log-lane-count{min-width:22px;text-align:center;font-size:11px;border-radius:999px;padding:2px 6px;background:#88bbca33;color:#d8f4ff}.log-lane-list{display:grid;gap:6px;max-height:390px;overflow-y:auto;padding-right:2px}.log-empty{font-size:12px;color:#88bbcabf;border:1px dashed rgba(136,187,202,.3);border-radius:8px;padding:8px}.log-entry{border-radius:8px;border:1px solid transparent;padding:6px 8px;font-size:12px;line-height:1.35}.log-entry-room{border-color:#4fb0ff73;background:linear-gradient(180deg,#4fb0ff33,#4fb0ff14);color:#d8eeff}.log-entry-combat{border-color:#ff747475;background:linear-gradient(180deg,#ff747433,#ff747414);color:#ffe1e1}.log-entry-resource{border-color:#7ce87b73;background:linear-gradient(180deg,#7ce87b33,#7ce87b14);color:#def7de}.log-entry-system{border-color:#ffd16673;background:linear-gradient(180deg,#ffd16633,#ffd16614);color:#ffe9bd}.log-lane-room{box-shadow:0 0 0 1px #4fb0ff26 inset}.log-lane-combat{box-shadow:0 0 0 1px #ff747426 inset}.log-lane-resource{box-shadow:0 0 0 1px #7ce87b26 inset}.log-lane-system{box-shadow:0 0 0 1px #ffd16626 inset}@media (max-width: 920px){.shell{grid-template-columns:1fr;margin:10px auto}.map-canvas-row{grid-template-columns:1fr;align-items:start}.map-canvas-row>div:first-child,.map-canvas-box{grid-template-rows:auto}.map-canvas-box .game-canvas{height:auto;max-height:180px}.status-overview{grid-template-columns:1fr}.segment-bar{gap:3px}.segment{height:9px}.resource-hp .segment,.resource-shield .segment{height:14px}.log-box{height:220px}.log-box-main{height:360px}.log-grid{grid-template-columns:1fr}.log-lane{min-height:132px}.log-lane-list{max-height:220px}.welcome-fx-inner{min-width:min(90vw,420px);padding:14px 16px}.welcome-fx-kicker{letter-spacing:.14em}}