:root{--ink:#050505;--paper:#f2efe8;--muted:#8d8c87;--node:#83827d;--node-ink:#11110f;--active:#df2b23;--active-soft:#df2b232e;--line:#e8e4d97a;--green:#42d690;--gold:#d7b66f;--purple:#9b64c6}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;margin:0}body{color:var(--paper);overscroll-behavior:none;-webkit-font-smoothing:antialiased;font-family:Microsoft YaHei UI,Noto Sans SC,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}button{font:inherit}.game-shell{isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:radial-gradient(circle at 50% 47%,#ffffff08,#0000 29%),radial-gradient(circle at 12% 78%,#70282212,#0000 22%),#050505;min-height:100dvh;position:relative;overflow:hidden}.grain{z-index:8;pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 17% 32%,#ffffff2e 0,#ffffff2e .4px,#0000 .5px,#0000 3px),repeating-radial-gradient(circle at 73% 66%,#ffffff1a 0,#ffffff1a .35px,#0000 .5px,#0000 4px);position:absolute;top:0;bottom:0;left:0;right:0}.vignette{z-index:7;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 11rem #0000009e}.side-slit{left:max(12px, env(safe-area-inset-left));z-index:20;pointer-events:none;background:linear-gradient(#0000,#fffffff2 28%,#ffffffd1 73%,#0000);width:1px;height:10rem;position:absolute;top:22%}.graph-viewport{z-index:2;touch-action:none;cursor:grab;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.graph-viewport:active{cursor:grabbing}.graph-world{transform-origin:0 0;will-change:transform;width:1400px;height:1100px;position:absolute;top:0;left:0}.graph-edge{transform-origin:0;pointer-events:none;opacity:.72;background:linear-gradient(90deg,#f0ede4ad,#f0ede445);height:1px;animation:.38s both edge-in;position:absolute}.graph-node{z-index:2;min-height:36px;color:var(--node-ink);white-space:nowrap;cursor:pointer;background:linear-gradient(#91908b,#777671);border:0;border-radius:1px;padding:7px 11px;font-size:15px;font-weight:620;line-height:1.25;transition:background .12s,color .12s,box-shadow .12s,transform .12s;animation:.26s cubic-bezier(.2,.8,.2,1) backwards node-in;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0000006b,inset 0 1px #ffffff29}.graph-node:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.graph-node:hover{outline-offset:4px;outline:1px solid #ffffffc7}.graph-node:focus-visible{outline-offset:4px;outline:1px solid #ffffffc7}.graph-node:active{transform:translate(-50%,-50%)scale(.94)}.graph-node.is-selected{z-index:4;color:#fff8f3;box-shadow:0 0 0 7px var(--active-soft), 0 9px 24px #00000080;background:linear-gradient(#f0342a,#cb201a)}.graph-viewport.can-drag-nodes .graph-node{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.graph-viewport.can-drag-nodes .graph-node:active{cursor:grabbing}.graph-node.is-dragging{z-index:20;opacity:.96;pointer-events:none;cursor:grabbing;outline-offset:5px;will-change:left, top, transform;outline:2px solid #ffffffe6;transition:none;transform:translate(-50%,-50%)rotate(-1deg)scale(1.06);box-shadow:0 0 0 9px #ffffff14,0 18px 36px #000000a3}.graph-node.is-drop-target{z-index:6;outline:2px solid var(--gold);outline-offset:7px;box-shadow:0 0 0 12px #d7b66f1f,0 9px 24px #00000080}.drag-status{z-index:60;color:#e7e5dd;pointer-events:none;text-align:center;letter-spacing:.06em;white-space:nowrap;background:#11110fe6;border:1px solid #ffffff75;border-radius:999px;padding:6px 9px;font-size:11px;position:fixed;transform:translate(-50%);box-shadow:0 8px 22px #00000075}.drag-status.has-target{border-color:var(--gold);color:#18150e;background:var(--gold)}.graph-node--title{letter-spacing:.08em;padding:12px 18px;font-size:22px;font-weight:750}.lock-mark{background:#d8d7d1;border-radius:2px;width:16px;height:15px;position:absolute;top:-15px;right:-13px;box-shadow:0 2px 7px #0006}.lock-mark:before{content:"";border:2px solid #d8d7d1;border-bottom:0;border-radius:7px 7px 0 0;width:8px;height:9px;position:absolute;top:-8px;left:3px}.lock-mark i{background:#252522;border-radius:2px;width:2px;height:5px;position:absolute;top:5px;left:7px}.complete-mark{background:var(--green);border-radius:50%;width:18px;height:18px;position:absolute;top:-13px;right:-13px;box-shadow:0 0 0 3px #42d69024,0 4px 8px #00000059}.complete-mark i{border-bottom:2px solid #042619;border-left:2px solid #042619;width:8px;height:5px;position:absolute;top:4px;left:5px;transform:rotate(-45deg)}.dial-node{font-variant-numeric:tabular-nums;min-width:44px;padding-left:12px;padding-right:12px;font-size:20px}.dial-node:before{content:"";background:var(--dial-color);width:12px;height:8px;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0006}.dial-0{--dial-color:#56a86b}.dial-1{--dial-color:#d31d69}.dial-2{--dial-color:#506ce2}.hud-top{z-index:25;padding:max(16px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.brand-block p{color:#9a9994;letter-spacing:.18em;margin:0 0 4px;font-size:12px;font-weight:700}.brand-block span,.connection{color:#666661;letter-spacing:.12em;font-size:10px}.hud-status{align-items:center;gap:13px;display:flex}.timer{color:#aaa8a1;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.connection{align-items:center;gap:7px;display:inline-flex}.connection i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #42d69017}.narration-bar{z-index:26;top:max(64px, calc(env(safe-area-inset-top) + 48px));text-align:center;pointer-events:none;width:min(82vw,720px);min-height:46px;position:absolute;left:50%;transform:translate(-50%)}.narration-bar p{color:#eeebe3;text-wrap:balance;text-shadow:0 2px 10px #000;margin:0;font-size:max(13px,min(2.6vw,16px));line-height:1.7;display:inline}.narration-bar span{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;color:var(--gold);letter-spacing:.08em;background:#050505bd;border:1px solid #d7b66f80;margin:8px auto 0;padding:4px 8px;font-size:11px;display:block}.narration-bar.tone-invalid p{color:#f17770}.narration-bar.tone-success p,.narration-bar.tone-complete p{color:#f1d792}.narration-bar.tone-clue p{color:#c9d7f5}.game-tools{z-index:30;right:max(16px, env(safe-area-inset-right));top:max(116px, calc(env(safe-area-inset-top) + 100px));gap:7px;display:flex;position:absolute}.game-tools button{color:#9f9e98;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1c1ab8;border:1px solid #ffffff24;border-radius:2px;padding:7px 9px;font-size:11px}.game-tools button:active{color:#fff;background:var(--active)}.hud-bottom{z-index:25;inset:auto max(18px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#676762;letter-spacing:.08em;pointer-events:none;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;font-size:10px;display:grid;position:absolute}.hud-bottom span:nth-child(2){text-align:center}.hud-bottom span:last-child{text-align:right;font-variant-numeric:tabular-nums}.modal-backdrop{z-index:60;padding:max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#000000b3;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal-card{color:#d6d2c9;background:linear-gradient(145deg,#1f1f1df7,#0b0b0afa);border:1px solid #ede9de2e;border-top-color:#ede9de85;border-radius:3px;width:min(100%,480px);max-height:min(80dvh,680px);padding:max(24px,min(6vw,38px));animation:.22s both panel-in;overflow:auto;box-shadow:0 28px 90px #000000b8}.panel-kicker{color:var(--active);letter-spacing:.24em;margin:0 0 8px;font-size:10px;font-weight:760}.modal-card h2{color:#f2eee5;letter-spacing:.05em;margin:0 0 24px;font-size:max(24px,min(6vw,34px));font-weight:720}.modal-card p{color:#9f9d96;margin:0 0 15px;font-size:13px;line-height:1.9}.panel-note{margin-top:18px!important;font-size:11px!important}.setting-row,.record-row{color:#bab7af;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-size:13px;display:flex}.setting-row button,.modal-actions button{color:#d9d5cd;cursor:pointer;background:#33332f;border:1px solid #ffffff29;border-radius:2px;min-height:38px;padding:8px 13px}.setting-scale>div{gap:5px;display:flex}.setting-scale button.chosen{border-color:var(--active);color:#fff;background:var(--active)}.record-row strong{color:#e7e2d8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions .primary-button{border-color:var(--active);color:#fff;background:var(--active)}.modal-actions .quiet-button{color:#8b8983;background:0 0}.completion-backdrop{background:radial-gradient(circle at 50% 45%,#9b64c62b,#000000d6 54%)}.completion-card{text-align:center;border-top-color:var(--purple)}.completion-card .panel-kicker{color:#c792ee}.completion-card h2{margin-bottom:10px}.completion-line{color:var(--gold);letter-spacing:.13em;justify-content:center;align-items:center;gap:12px;margin:20px 0 4px;font-size:11px;display:flex}.completion-line i{background:linear-gradient(90deg, transparent, var(--gold));width:44px;height:1px}.completion-line i:last-child{transform:rotate(180deg)}.stacked-actions{display:grid}.stacked-actions button{width:100%}@keyframes node-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes edge-in{0%{opacity:0}to{opacity:.72}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:640px){.hud-top{padding-left:15px;padding-right:15px}.brand-block p{font-size:11px}.connection{letter-spacing:.04em}.narration-bar{width:88vw;top:max(62px, calc(env(safe-area-inset-top) + 45px))}.game-tools{right:12px;top:max(118px, calc(env(safe-area-inset-top) + 101px))}.hud-bottom{grid-template-columns:1fr auto;font-size:9px}.hud-bottom span:nth-child(2){display:none}.graph-node{font-size:14px}.graph-node--title{font-size:20px}.modal-card{padding:25px 22px}.setting-row{gap:10px}}@media (prefers-reduced-motion:reduce){.graph-node,.graph-edge,.modal-card{transition:none;animation:none}}