:root{--bg: #1b2433;--panel: #243044;--panel-2: #2d3b52;--line: #4a5a74;--ink: #f1ede2;--muted: #a7b1c2;--accent: #f4d35e;--green: #8ccf7a;--red: #e76f8a;--font: ui-rounded, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h2,h3{margin:0;font-weight:700}h2{font-size:17px}h3{font-size:14px}p{line-height:1.7;margin:0 0 10px}.muted,.hint{color:var(--muted);font-size:12px;line-height:1.7}.empty{color:var(--muted);text-align:center;padding:28px 0}.loading{height:100%;display:grid;place-items:center;color:var(--muted);letter-spacing:2px}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto;position:relative}.pixel-box,.hud,.dialog,.panel,.nav{background:var(--panel);box-shadow:0 0 0 2px var(--line),0 0 0 4px var(--bg),0 0 0 5px var(--line);border-radius:2px}.hud{margin:8px 8px 0;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:2}.hud-title{display:flex;align-items:baseline;gap:8px}.hud-logo{font-size:18px;font-weight:800;letter-spacing:4px;color:var(--accent)}.hud-sub{font-size:11px;letter-spacing:3px;color:var(--muted)}.hud-stats{display:flex;gap:14px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.hud-stats span{white-space:nowrap}.stage{position:relative;display:flex;overflow:auto;padding:10px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.town-canvas{margin:auto;flex:none}.town-canvas{image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 2px var(--line),0 10px 40px #0006;border-radius:2px;touch-action:manipulation}.nav{margin:0 8px 8px;display:flex;justify-content:center;gap:4px;padding:6px;z-index:2}.nav-btn{background:transparent;border:0;color:var(--muted);padding:6px 14px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;border-radius:2px}.nav-btn .nav-icon{font-size:16px}.nav-btn.on,.nav-btn:hover{background:var(--panel-2);color:var(--ink)}.nav-btn.on{box-shadow:inset 0 -2px 0 var(--accent)}.dialog{position:absolute;left:16px;bottom:76px;width:min(480px,calc(100% - 32px));display:flex;gap:12px;padding:12px 14px;z-index:3}.dialog.collapsed{width:auto}.portrait{image-rendering:pixelated;background:var(--panel-2);box-shadow:0 0 0 2px var(--line);flex:0 0 60px;align-self:flex-start}.dialog-body{flex:1;min-width:0;position:relative}.dialog-name{font-weight:700;color:var(--accent);display:flex;align-items:center;gap:8px}.dialog-role{font-size:11px;color:var(--muted);font-weight:400}.dialog-toggle{margin-left:auto;background:transparent;border:0;color:var(--muted);font-size:10px}.dialog-text{margin:6px 0 8px;line-height:1.7;min-height:24px}.cursor{animation:blink 1s steps(2) infinite;color:var(--muted)}@keyframes blink{to{opacity:0}}.dialog-choices{display:flex;flex-direction:column;gap:4px}.choice{text-align:left;background:var(--panel-2);border:0;padding:7px 10px;font-size:12.5px;color:var(--ink);display:flex;gap:6px;align-items:baseline;border-radius:2px}.choice:hover{background:#38496a}.choice.ghost{background:transparent;color:var(--muted)}.choice-arrow{color:var(--accent)}.choice-domain{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.toast{position:absolute;right:0;top:-36px;background:var(--green);color:#1b2433;padding:4px 10px;font-size:12px;border-radius:2px}.panel{position:absolute;top:60px;right:16px;bottom:76px;width:min(440px,calc(100% - 32px));display:flex;flex-direction:column;z-index:4}.panel-center{right:auto;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);max-height:80%}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid var(--line)}.icon-btn{background:transparent;border:0;color:var(--muted);font-size:14px;padding:4px 8px}.icon-btn:hover{color:var(--ink)}.panel-body{padding:14px 16px;overflow:auto;flex:1}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center}.chip-btn{background:var(--panel-2);border:0;padding:5px 10px;font-size:12px;color:var(--muted);border-radius:2px}.chip-btn.on{background:var(--accent);color:#1b2433}.filters select{margin-left:auto}.btn{border:0;padding:9px 14px;border-radius:2px;background:var(--panel-2);color:var(--ink);font-size:13px}.btn.primary{background:var(--accent);color:#1b2433;font-weight:700}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.btn.wide{width:100%;margin-bottom:10px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.link{background:transparent;border:0;color:var(--muted);font-size:12px;padding:4px 6px}.link:hover{color:var(--accent)}input,select,textarea{width:100%;background:var(--bg);border:0;box-shadow:inset 0 0 0 2px var(--line);padding:9px 10px;margin-top:5px;border-radius:2px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--accent)}select{width:auto;margin:0}label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}label select{width:100%;margin-top:5px}textarea{min-height:84px;resize:vertical}.row,.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.task-form{background:var(--panel-2);padding:12px;margin-bottom:10px;border-radius:2px}.quests{list-style:none;margin:0;padding:0}.quest{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}.quest:last-child{border-bottom:0}.check{flex:0 0 24px;width:24px;height:24px;border:0;box-shadow:inset 0 0 0 2px var(--line);background:var(--bg);color:#1b2433;border-radius:2px}.check.on{background:var(--green);box-shadow:none}.quest-body{flex:1;min-width:0}.quest.done .quest-title{text-decoration:line-through;color:var(--muted)}.quest-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:4px;align-items:center}.chip{color:#1b2433;padding:1px 6px;border-radius:2px;font-weight:600}.tag{box-shadow:inset 0 0 0 1px var(--line);padding:0 5px;border-radius:2px}.tag.late{color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.quest-actions{display:flex;flex-direction:column}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.metric{background:var(--panel-2);padding:10px 12px;border-radius:2px;display:flex;flex-direction:column;gap:3px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:18px;font-variant-numeric:tabular-nums}.journal{list-style:none;margin:0;padding:0}.log{padding:10px 0;border-bottom:1px dashed var(--line);line-height:1.6}.log small{color:var(--muted);display:block;margin-bottom:2px}.log pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace;color:var(--muted);margin:6px 0 0}.log summary{font-size:11px;color:var(--muted);cursor:pointer}.domain-head{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:2px solid;margin-bottom:12px}.domain-badge{width:28px;height:28px;border-radius:2px;box-shadow:inset -4px -4px #0003}.fact{background:var(--panel-2);padding:8px 12px;font-size:13px;border-radius:2px}.block{margin-top:16px}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note{white-space:pre-wrap;line-height:1.7}.msg{color:var(--accent);font-size:12px;margin-top:8px}.intro p{line-height:1.8}@media (max-width: 760px){body{font-size:13px}.hud{padding:8px 10px}.hud-stats{gap:8px;font-size:11px}.hud-stats span:nth-child(3){display:none}.stage{padding:6px 4px}.dialog{left:8px;right:8px;width:auto;bottom:70px;padding:10px}.portrait{flex-basis:48px;height:60px;width:48px}.panel{left:8px;right:8px;width:auto;top:auto;bottom:70px;max-height:70%}.panel-center{left:8px;right:8px;transform:none;top:50%;translate:0 -50%}.row,.grid2,.metrics{grid-template-columns:1fr}.nav-btn{padding:6px 10px}}