:root{--dg-scale: 1;--dg-bg: #0b0d0a;--dg-panel: rgba(17, 21, 16, .93);--dg-panel2: rgba(26, 32, 24, .9);--dg-line: rgba(159, 191, 106, .16);--dg-ink: #cfd6c6;--dg-dim: #7d8877;--dg-accent: #9fbf6a;--dg-warn: #d9a05b;--dg-bad: #c95f4e;--dg-good: #7fbf7a;--dg-radius: 10px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{height:100%}body.dg-body{margin:0;background:var(--dg-bg);color:var(--dg-ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#dg-root{position:fixed;inset:0}#dg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#dg-ui{position:absolute;inset:0;font-size:calc(14px * var(--dg-scale));pointer-events:none;touch-action:manipulation}#dg-ui>*{pointer-events:auto}.hidden{display:none!important}.dg-dim{color:var(--dg-dim)}.dg-dim.small{font-size:.85em}#dg-boot{position:absolute;inset:0;display:grid;place-items:center;background:var(--dg-bg);z-index:90}.dgboot-logo,.dgm-logo{font-size:42px;font-weight:900;letter-spacing:.18em;color:var(--dg-ink)}.dgboot-logo span,.dgm-logo span{color:var(--dg-accent)}.dgboot-hint{margin-top:10px;color:var(--dg-dim);text-align:center;animation:dg-pulse 1.6s infinite}.dg-noscript{position:absolute;inset:0;display:grid;place-items:center;background:var(--dg-bg);color:var(--dg-ink);z-index:99}@keyframes dg-pulse{50%{opacity:.45}}.dg-screen{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 110%,rgba(159,191,106,.08),transparent 55%),linear-gradient(#060805b8,#060805db);padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));overflow-y:auto}.dgm-card{background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:14px;padding:28px 26px;width:min(440px,100%);max-height:100%;overflow-y:auto;box-shadow:0 18px 60px #0000008c}.dgm-card.wide{width:min(560px,100%)}.dgm-card h2{margin:0 0 14px;letter-spacing:.06em}.dgm-tag{color:var(--dg-dim);margin:8px 0 20px}.dgm-btns{display:flex;flex-direction:column;gap:10px;margin-top:16px}.dgm-btns.row{flex-direction:row;flex-wrap:wrap}.dg-btn{appearance:none;border:1px solid var(--dg-line);border-radius:var(--dg-radius);background:var(--dg-panel2);color:var(--dg-ink);font:inherit;font-weight:600;letter-spacing:.03em;padding:11px 16px;text-align:center;text-decoration:none;transition:background .15s,transform .08s,border-color .15s;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.dg-btn:hover:not(:disabled){border-color:var(--dg-accent)}.dg-btn:active:not(:disabled){transform:scale(.98)}.dg-btn:disabled{opacity:.45}.dg-btn.primary{background:linear-gradient(180deg,#9fbf6a47,#9fbf6a1f);border-color:#9fbf6a80}.dg-btn.ghost{background:transparent}.dg-btn.danger{border-color:#c95f4e8c;color:#e5a89d}.dg-btn small{font-weight:400;color:var(--dg-dim);font-size:.72em}.dg-btn.choice{align-items:flex-start;text-align:left;width:100%;margin-top:8px}.dg-chip{appearance:none;border:1px solid var(--dg-line);border-radius:999px;background:var(--dg-panel2);color:var(--dg-ink);font:inherit;font-size:.85em;padding:5px 12px}.dg-chip:hover{border-color:var(--dg-accent)}.dg-icon{appearance:none;border:1px solid var(--dg-line);border-radius:8px;background:var(--dg-panel2);color:var(--dg-ink);font:inherit;font-size:16px;width:38px;height:38px;flex:none}#dgm-slots{margin-top:14px;display:flex;flex-direction:column;gap:8px}.dg-slot{display:flex;gap:8px;align-items:stretch}.dg-slot.empty{border:1px dashed var(--dg-line);border-radius:var(--dg-radius);padding:10px 14px;display:flex;justify-content:space-between;color:var(--dg-dim)}.dg-slot-load{flex:1;text-align:left;appearance:none;border:1px solid var(--dg-line);border-radius:var(--dg-radius);background:var(--dg-panel2);color:var(--dg-ink);font:inherit;padding:10px 14px}.dg-slot-load:hover{border-color:var(--dg-accent)}.dg-slot-del{appearance:none;border:1px solid var(--dg-line);border-radius:var(--dg-radius);background:transparent;color:var(--dg-dim);width:42px}.dg-slot-del:hover{color:var(--dg-bad);border-color:var(--dg-bad)}.dg-set{display:flex;flex-direction:column;gap:5px;margin:10px 0;font-size:.95em}.dg-set>span{color:var(--dg-dim)}.dg-set.chk{flex-direction:row;justify-content:space-between;align-items:center}.dg-set input[type=text],.dg-set select{font:inherit;color:var(--dg-ink);background:var(--dg-panel2);border:1px solid var(--dg-line);border-radius:8px;padding:8px 10px;width:100%}.dg-set input[type=range]{width:100%;accent-color:var(--dg-accent)}.dg-set input[type=checkbox]{width:20px;height:20px;accent-color:var(--dg-accent)}.dg-seedrow{display:flex;gap:8px;align-items:center}#dg-setup-body{display:block}#dg-hud{position:absolute;inset:0;z-index:10;pointer-events:none;display:grid;grid-template-columns:1fr minmax(330px,400px);grid-template-rows:auto auto 1fr;grid-template-areas:"top top" "spacer tabs" "spacer panel";gap:8px;padding:calc(8px + var(--sat)) calc(10px + var(--sar)) calc(10px + var(--sab)) calc(10px + var(--sal))}#dg-hud>*{pointer-events:auto}#dg-top{grid-area:top;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:12px;padding:8px 12px}.dgt-left{display:flex;align-items:center;gap:10px}.dgt-day{display:flex;flex-direction:column;line-height:1.15}.dgt-day b{font-size:1.05em;letter-spacing:.04em}.dgt-day span{color:var(--dg-dim);font-size:.8em}#dg-res-row{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:150px}.dg-res{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:var(--dg-panel2);border:1px solid transparent;border-radius:7px;padding:3px 7px;white-space:nowrap}.dg-res.warn{color:var(--dg-warn);border-color:#d9a05b80;animation:dg-pulse 1.4s infinite}.dgt-right{display:flex;align-items:center;gap:10px;margin-left:auto}.dg-meter{display:flex;align-items:center;gap:5px;font-size:.85em}.dg-meter-bar{width:74px;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.dg-meter-bar>div{height:100%;width:0;background:var(--dg-good);transition:width .4s}.dg-meter-bar>div.warm{background:var(--dg-warn)}.dg-meter-bar>div.hot{background:var(--dg-bad)}#dg-advance{padding:8px 18px}#dg-tabs{grid-area:tabs;display:flex;gap:6px;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:12px;padding:6px}#dg-tabs button{flex:1;appearance:none;border:0;border-radius:8px;background:transparent;color:var(--dg-dim);font:inherit;font-weight:600;font-size:.9em;padding:8px 4px}#dg-tabs button.active{background:#9fbf6a29;color:var(--dg-ink)}#dg-panel{grid-area:panel;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:12px;overflow-y:auto;overscroll-behavior:contain;min-height:0}#dg-panel-body{padding:12px 14px 18px}.dg-sec{margin-bottom:16px}.dg-sec h3{margin:4px 0 10px;font-size:1em;letter-spacing:.05em;color:var(--dg-accent)}.dg-sec h4{margin:12px 0 6px}.dg-sec.main{background:#9fbf6a12;border:1px solid var(--dg-line);border-radius:10px;padding:10px 12px}.dg-sec.main p{margin:0 0 8px;color:var(--dg-dim);font-size:.92em}.dg-kv{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:.94em}.dg-kv span{color:var(--dg-dim)}.dg-kv.warn b,.dg-kv.warn span{color:var(--dg-warn)}.dg-kv.mission span{color:var(--dg-accent)}.dg-structs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dg-struct{appearance:none;border:1px solid var(--dg-line);border-radius:9px;background:var(--dg-panel2);color:var(--dg-ink);font:inherit;text-align:left;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.dg-struct:hover:not(:disabled){border-color:var(--dg-accent)}.dg-struct.maxed{opacity:.5}.dgs-name{font-weight:600;font-size:.88em}.dgs-name i{color:var(--dg-accent);font-style:normal;font-size:.85em}.dgs-cost{color:var(--dg-dim);font-size:.82em;font-family:ui-monospace,Menlo,monospace}.dg-person{border:1px solid var(--dg-line);border-radius:10px;padding:9px 11px;margin-bottom:9px;background:var(--dg-panel2)}.dg-person.away{opacity:.65}.dgp-top{display:flex;justify-content:space-between;align-items:center}.dgp-away{color:var(--dg-warn);font-size:.75em;letter-spacing:.1em}.dgp-bio{color:var(--dg-dim);font-size:.82em;margin:3px 0 7px}.dgp-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:7px}.dgp-bars>span{display:flex;align-items:center;gap:3px;font-size:.78em}.dg-bar{flex:1;height:5px;border-radius:3px;background:#ffffff17;overflow:hidden}.dg-bar>div{height:100%;background:var(--dg-good)}.dg-bar>div.hp{background:var(--dg-bad)}.dg-bar>div.morale{background:var(--dg-accent)}.dgp-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dgp-row select{font:inherit;font-size:.88em;color:var(--dg-ink);background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:7px;padding:5px 7px}.dgp-weapon{font-size:.82em;color:var(--dg-dim)}.dgp-skill{font-size:.78em;color:var(--dg-accent);font-family:ui-monospace,Menlo,monospace;margin-left:auto}.dgp-jobdesc{font-size:.8em;color:var(--dg-dim);margin-top:6px;line-height:1.35}.dgp-report{font-size:.84em;color:#c9c39a;margin-top:6px;background:#9fbf6a12;border-left:2px solid var(--dg-accent);border-radius:0 6px 6px 0;padding:4px 8px}.dg-team{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.dg-check{display:flex;align-items:center;gap:8px;font-size:.92em;padding:5px 8px;border:1px solid var(--dg-line);border-radius:8px}.dg-check input{accent-color:var(--dg-accent);width:17px;height:17px}.dg-check i{color:var(--dg-dim);font-style:normal;font-size:.82em;margin-left:auto;font-family:ui-monospace,Menlo,monospace}.dg-est{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;font-size:.88em;color:var(--dg-dim)}.dg-est span{background:var(--dg-panel2);border-radius:7px;padding:4px 8px}.dg-est .dg-risk.ok{color:var(--dg-good)}.dg-est .dg-risk.warn{color:var(--dg-warn)}.dg-est .dg-risk.bad{color:var(--dg-bad);font-weight:700}#dg-exp-go{width:100%}.dg-exp-log{font-size:.85em;color:var(--dg-dim);margin-top:6px}.dg-loctype{color:var(--dg-dim);font-size:.88em;margin:-6px 0 8px}.dg-flavor{color:#c9c39a;font-style:italic;font-size:.9em;margin:0 0 8px;line-height:1.4}.dg-loot{font-weight:500;font-size:.88em;text-align:right}.dg-legend{display:flex;flex-direction:column;gap:4px;font-size:.86em;margin:8px 0 10px}.dg-warntext{color:var(--dg-warn);font-size:.88em;margin:0 0 10px;line-height:1.4}.dg-sec.exp{background:#39d5ff0f;border:1px solid rgba(57,213,255,.2);border-radius:10px;padding:10px 12px}.dg-mission{border:1px solid var(--dg-line);border-radius:10px;padding:9px 11px;margin-bottom:9px;background:var(--dg-panel2)}.dg-mission b{font-size:.95em}.dg-mission p{margin:4px 0 6px;color:var(--dg-dim);font-size:.86em}.dgm-meta{font-size:.8em;color:var(--dg-dim);margin-bottom:7px}.dg-stagebar{display:flex;gap:6px;margin:8px 0 4px}.dg-stagebar span{flex:1;height:6px;border-radius:3px;background:#ffffff1a}.dg-stagebar span.done{background:var(--dg-accent)}.dg-stagebar span.now{background:var(--dg-warn);animation:dg-pulse 1.6s infinite}.dg-log{display:flex;flex-direction:column;gap:4px}.dg-logline{font-size:.86em;display:flex;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.dg-logline span{color:var(--dg-dim);font-family:ui-monospace,Menlo,monospace;flex:none;font-size:.9em}.dg-logline.bad{color:#e0958a}.dg-logline.good{color:var(--dg-good)}.dg-logline.warn{color:var(--dg-warn)}.dg-logline.event{color:#c9c39a}#dg-tutorial{position:absolute;left:calc(12px + var(--sal));bottom:calc(14px + var(--sab));max-width:min(430px,60vw);background:var(--dg-panel);border:1px solid rgba(159,191,106,.45);border-radius:12px;padding:11px 14px;font-size:.92em;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 34px #00000080}#dg-tutorial .dg-tut-btns{display:flex;gap:8px}#dg-tutorial .dg-chip.ghost{background:transparent;color:var(--dg-dim);border-color:transparent}#dg-help{width:min(600px,100%)}.dg-help-sec{margin-bottom:14px}.dg-help-sec h4{margin:0 0 6px;color:var(--dg-accent);letter-spacing:.04em}.dg-help-sec p{margin:0;color:var(--dg-ink);font-size:.93em;line-height:1.5}.dg-help-job{display:grid;grid-template-columns:118px 1fr;gap:8px;padding:4px 0;font-size:.88em;border-bottom:1px solid rgba(255,255,255,.05)}.dg-help-job span{color:var(--dg-dim)}#dg-overlay{position:absolute;inset:0;z-index:60;background:#040603a8;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--sat)) 14px calc(14px + var(--sab))}.dg-modal{background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:14px;width:min(540px,100%);max-height:100%;overflow-y:auto;padding:20px 22px;box-shadow:0 24px 70px #0009}.dg-modal h2{margin:0 0 10px;letter-spacing:.05em}#dg-ev-body{color:var(--dg-ink);line-height:1.5;white-space:pre-line}#dg-over-title.win{color:var(--dg-good)}#dg-over-title.lose{color:var(--dg-bad)}#dg-over-stats{margin:12px 0}.dg-flash{position:absolute;left:50%;bottom:calc(26px + var(--sab));transform:translate(-50%,16px);background:var(--dg-panel);border:1px solid var(--dg-warn);color:var(--dg-ink);border-radius:10px;padding:10px 16px;opacity:0;transition:opacity .25s,transform .25s;z-index:70;max-width:min(480px,88vw);text-align:center;pointer-events:none}.dg-flash.show{opacity:1;transform:translate(-50%)}@media(max-width:840px){#dg-ui{font-size:calc(13px * var(--dg-scale))}#dg-hud{grid-template-columns:1fr;grid-template-rows:auto 1fr auto minmax(0,44vh);grid-template-areas:"top" "spacer" "tabs" "panel";gap:6px;padding:calc(6px + var(--sat)) calc(6px + var(--sar)) calc(6px + var(--sab)) calc(6px + var(--sal))}#dg-top{padding:6px 8px;gap:8px}#dg-res-row{order:3;flex-basis:100%}.dg-meter-bar{width:46px}#dg-advance{padding:7px 12px}.dg-structs{grid-template-columns:1fr 1fr}#dg-tutorial{position:static;grid-area:spacer;align-self:end;justify-self:start;max-width:88vw;margin:8px}body[data-dg-tab=map] #dg-hud{grid-template-rows:auto 1fr auto minmax(0,36vh)}}@media(max-width:480px){.dg-meter-bar{width:34px}.dg-meter{font-size:.78em;gap:3px}#dg-advance{padding:6px 10px;font-size:.9em}.dgt-day span{font-size:.75em}}body.dg-contrast{--dg-panel: rgba(8, 10, 7, .99);--dg-panel2: rgba(22, 26, 20, 1);--dg-ink: #f2f5ee;--dg-dim: #b7c0b0;--dg-line: rgba(190, 220, 140, .45)}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){.dg-flash{transition:none}}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}