:root{--night:#0b0d1f;--panel:#12152e;--panel-hi:#1b2044;--well:#0b0e22;--edge:#050611;--rim:#2d3466;--rune:#3fc1c9;--rune-soft:#3fc1c955;--gold:#f2c14e;--text:#e8e6ff;--muted:#9a9cc8;--danger:#ff6b6b;--ok:#7ee2a8;--rested:#ffe08a;--font-display:"Jersey 15", ui-monospace, monospace;--font-label:"Jersey 15", ui-monospace, monospace;--font-body:"Jersey 15", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--night);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:none;font-synthesis:none;margin:0;font-size:19px;overflow:hidden}button{font-family:inherit}.app{height:100%;position:relative}.stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pixel-canvas,.sprite-img{image-rendering:pixelated;image-rendering:crisp-edges;flex:none;display:block}.label{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px}.muted{color:var(--muted);font-size:17px}.spacer{flex:1}kbd{font-family:var(--font-label);color:var(--muted);box-shadow:inset 0 0 0 1px var(--rim);margin-left:6px;padding:1px 4px;font-size:12px}.hud-top{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;left:20px;right:20px}.hud-top>*{pointer-events:auto}.title-card{text-shadow:3px 3px 0 var(--edge)}.title-card h1{font-family:var(--font-display);color:#fff;text-shadow:3px 3px 0 var(--edge), 0 0 18px var(--rune-soft);margin:0 0 4px;font-size:clamp(34px,5.4vw,58px);font-weight:700;line-height:1}.title-card .welcome{margin:0;font-size:18px}.top-bar{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 14px;display:flex}.tb-item{align-items:center;gap:6px;display:inline-flex}.tb-num{font-family:var(--font-display);min-width:1.5ch;font-size:22px;font-weight:700}.tb-num.gold{color:var(--gold)}.tb-cap{color:var(--muted);font-size:14px}.tb-divider{background:var(--rim);width:2px;height:20px}.coin{background:var(--gold);width:14px;height:14px;box-shadow:inset -2px -2px #b5862a,inset 2px 2px #fff3b0}.key-icon{background:var(--rune);clip-path:polygon(0 30%,40% 30%,40% 0,100% 0,100% 60%,40% 60%,40% 100%,20% 100%,20% 80%,0 80%);width:14px;height:14px;box-shadow:0 0 6px var(--rune)}.gem{background:var(--type);clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);width:11px;height:14px}.nameplate{background:var(--panel);width:max-content;max-width:calc(100% - 32px);box-shadow:0 0 0 2px var(--edge), inset 0 0 0 2px var(--rim);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-inline:auto;padding:8px 14px;display:flex;position:absolute;bottom:110px;left:0;right:0}.nameplate-name{font-family:var(--font-display);font-size:24px;font-weight:600}.nameplate .hp{align-items:center;gap:6px;display:inline-flex}.nameplate .hp .bar{width:90px}.type-chip{font-family:var(--font-label);text-transform:uppercase;color:var(--edge);background:var(--type);white-space:nowrap;padding:3px 6px;font-size:13px;box-shadow:inset -2px -2px #0004}.bar{background:var(--edge);height:6px;box-shadow:inset 0 0 0 1px var(--rim);display:block;position:relative;overflow:hidden}.bar-fill{background:var(--type);position:absolute;inset:0 auto 0 0}.dock{gap:8px;width:max-content;max-width:calc(100% - 24px);margin-inline:auto;padding:10px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dock-btn{font-family:var(--font-display);color:var(--text);cursor:pointer;box-shadow:0 0 0 2px var(--edge), inset -3px -3px 0 #0006, inset 3px 3px 0 #fff2;background:#2a3063;border:none;padding:10px 16px;font-size:20px;font-weight:600;transition:transform 80ms}.dock-btn:hover{transform:translateY(-2px)}.dock-btn:active{transform:translateY(1px)scale(.96)}.dock-btn.primary{color:#fff;background:#1f8f96}.dock-btn:focus-visible,.btn:focus-visible,.chip:focus-visible,.activity-tile:focus-visible,.starter-card:focus-visible{outline:2px solid var(--rune);outline-offset:3px}.contract-prompt{z-index:2;flex-wrap:wrap;align-items:center;gap:10px 16px;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:12px 16px;display:flex;position:absolute;top:96px;left:0;right:0}.contract-prompt .row{margin:0}.timer-chip{color:var(--text);cursor:pointer;z-index:2;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:18px;display:flex;position:absolute;top:96px;left:20px}.timer-chip b{font-variant-numeric:tabular-nums;color:var(--type)}.rec-dot{background:var(--danger);width:8px;height:8px;animation:1.2s steps(2,end) infinite blink}.rec-dot.paused{background:var(--muted);animation:none}@keyframes blink{50%{opacity:.2}}.panel{background:linear-gradient(var(--panel-hi), var(--panel));box-shadow:0 0 0 2px var(--edge), inset 0 0 0 2px var(--rim), inset 0 0 0 4px var(--edge), 6px 6px 0 #0007;padding:16px}.panel h2{font-family:var(--font-display);margin:0 0 12px;font-size:26px}.btn{font-family:var(--font-display);color:var(--text);cursor:pointer;box-shadow:0 0 0 2px var(--edge), inset -3px -3px 0 #0006, inset 3px 3px 0 #fff2;background:#2a3063;border:none;padding:7px 12px;font-size:18px;font-weight:600}.btn-primary{color:#fff;background:#1f8f96}.btn-danger{color:#fff;background:#8f2f3a}.btn:disabled{opacity:.45;cursor:default}.link-btn{all:unset;cursor:pointer;font-family:var(--font-label);text-transform:uppercase;color:var(--rune);padding:2px 4px;font-size:13px}.link-btn.danger{color:var(--danger)}.link-btn:focus-visible{outline:2px solid var(--rune)}.icon-btn{width:30px;height:30px;color:var(--text);cursor:pointer;box-shadow:0 0 0 2px var(--edge);background:#2a3063;border:none;font-size:22px;line-height:1}input,select{font-family:var(--font-display);color:var(--text);background:var(--edge);box-shadow:inset 0 0 0 2px var(--rim);border:none;outline:none;min-width:0;padding:7px 9px;font-size:19px}input:focus,select:focus{box-shadow:inset 0 0 0 2px var(--rune)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--rune);box-shadow:none;padding:0}.field{gap:6px;margin-bottom:14px;display:grid}.row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.row.wrap{flex-wrap:wrap}.facts{grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:18px;display:grid}.facts dt{font-family:var(--font-label);text-transform:uppercase;color:var(--muted);align-self:center;font-size:13px}.facts dd{margin:0}.error-text{color:var(--danger)}.ok-text{color:var(--ok)}.stepper{box-shadow:inset 0 0 0 2px var(--rim);background:var(--edge);justify-self:start;align-items:center;display:inline-flex}.stepper button{width:28px;height:30px;color:var(--text);cursor:pointer;background:#2a3063;border:none;font-size:22px}.stepper button:disabled{opacity:.35;cursor:default}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:72px;font-size:18px}.rested-badge{font-family:var(--font-label);text-transform:uppercase;color:var(--edge);background:var(--rested);margin-left:6px;padding:2px 5px;font-size:12px}.modal-backdrop{z-index:10;background:#04050ecc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:0;display:flex}.modal-wide{width:min(820px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.modal-head h2{margin:0}.close-x{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:31px;line-height:1}.close-x:hover{color:var(--text)}.modal-body{padding:12px 16px 16px;overflow-y:auto}.modal-body p{margin:0 0 12px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.activity-tile{text-align:left;color:var(--text);background:var(--well);cursor:pointer;box-shadow:inset 4px 0 0 var(--type), inset 0 0 0 2px var(--rim);border:none;gap:5px;padding:10px 10px 10px 14px;display:grid}.activity-tile:hover{background:#141838}.activity-tile.selected{box-shadow:inset 4px 0 0 var(--type), inset 0 0 0 2px var(--type), 0 0 12px color-mix(in srgb, var(--type) 45%, transparent);background:#1a1f45}.activity-tile.rested{animation:2s ease-in-out infinite rested-glow}@keyframes rested-glow{50%{box-shadow:inset 4px 0 0 var(--type), inset 0 0 0 2px var(--rested), 0 0 14px #ffe08a66}}.tile-name{font-size:20px;font-weight:600}.tile-meta{color:var(--muted);font-size:16px}.tile-progress{font-family:var(--font-label);color:var(--muted);font-size:12px}.log-options[aria-disabled=true]{opacity:.45;pointer-events:none}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{font-family:var(--font-display);min-width:54px;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 2px var(--rim);background:#222852;border:none;padding:8px 10px;font-size:20px;font-weight:600}.chip.small{min-width:0;padding:6px 10px;font-size:17px}.chip.selected{background:#1f8f96;box-shadow:inset 0 0 0 2px #8ff3f7}.chip-input{width:120px}.note-input{width:100%;margin-bottom:12px}.log-footer{background:var(--panel);box-shadow:0 -2px 0 var(--rim);justify-content:space-between;margin:0 -16px -16px;padding:12px 16px;position:sticky;bottom:-16px}.preview b{color:var(--rune);font-size:24px}.burst{z-index:20;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.burst-card{pointer-events:auto;cursor:pointer;text-align:center;min-width:260px;box-shadow:0 0 0 2px var(--edge), inset 0 0 0 2px var(--type), inset 0 0 0 4px var(--edge), 0 0 40px color-mix(in srgb, var(--type) 50%, transparent);justify-items:center;gap:6px;display:grid}.burst-ep{font-family:var(--font-display);color:var(--type);text-shadow:3px 3px 0 var(--edge);font-size:53px;font-weight:700;line-height:1}.burst-lines{gap:2px;margin:0;padding:0;font-size:19px;list-style:none;display:grid}.burst-tags{justify-items:center;gap:4px;display:grid}.orb{background:var(--type);width:8px;height:8px;box-shadow:0 0 8px var(--type);pointer-events:none;margin:-4px 0 0 -4px;position:fixed;top:50%;left:50%}.toasts{z-index:30;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:96px;left:0;right:0}.toast{pointer-events:auto;cursor:pointer;max-width:calc(100% - 32px);padding:10px 14px}.history-day{margin-bottom:14px}.history-day h3{margin-bottom:6px}.history-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.history-list li{background:var(--well);box-shadow:inset 4px 0 0 var(--type), inset 0 0 0 1px var(--rim);grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:8px 10px 8px 14px;display:grid}.hist-note{color:var(--muted);font-size:17px;display:block}.hist-ep{color:var(--type);font-weight:700}.hist-actions{grid-column:1/-1}.timer-face{justify-items:center;gap:6px;padding:18px 0 22px;display:grid}.timer-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--type);text-shadow:3px 3px 0 var(--edge);font-size:67px;font-weight:700}.timer-buttons{justify-content:center}.tabs{gap:4px;margin-bottom:12px;display:flex}.tabs button{font-family:var(--font-label);text-transform:uppercase;color:var(--muted);background:var(--well);cursor:pointer;box-shadow:inset 0 0 0 1px var(--rim);border:none;padding:8px 12px;font-size:14px}.tabs button.on{color:var(--text);box-shadow:inset 0 -3px 0 var(--rune);background:#222852}.shrine-list{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.shrine-row{background:var(--well);box-shadow:inset 4px 0 0 var(--type), inset 0 0 0 1px var(--rim);grid-template-columns:minmax(120px,1.3fr) auto auto auto minmax(90px,1fr) auto;align-items:center;gap:8px 10px;padding:8px 10px 8px 14px;display:grid}.shrine-row.off{opacity:.6}.shrine-name{font-weight:600}.shrine-wide{grid-column:span 3}.shrine-progress{gap:4px;display:grid}.shrine-progress .label{font-size:12px}.shrine-actions{justify-content:flex-end;gap:4px;display:flex}.archived summary{cursor:pointer;margin:8px 0}.add-activity{box-shadow:0 -2px 0 var(--rim);margin-top:16px;padding-top:12px}.add-activity h3{margin-bottom:8px}.preset-list{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.preset-list li{background:var(--well);box-shadow:inset 0 0 0 1px var(--rim);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.preset-list .row{margin:0}.settings-section{margin-bottom:20px}.settings-section>h3{margin-bottom:10px}.contract-editor{justify-items:start;gap:8px;display:grid}.contract-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.backup-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.backup-list li{background:var(--well);box-shadow:inset 0 0 0 1px var(--rim);grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.backup-list .reason,.backup-list .backup-meta{grid-column:1}.backup-list .btn{grid-area:1/2/span 2;padding:5px 9px;font-size:16px}.reason{font-family:var(--font-label);text-transform:uppercase;color:var(--rune);font-size:13px}.reason-pre-import,.reason-pre-restore,.reason-pre-migration{color:var(--gold)}.backup-meta{color:var(--muted);font-size:16px}h3.label{margin:8px 0}.onboarding{background:linear-gradient(90deg,#05060fdd,#05060f55 70%);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.onboarding-panel{flex-direction:column;width:min(760px,100%);max-height:calc(100dvh - 32px);display:flex}.steps{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.steps li{box-shadow:inset 0 3px 0 var(--rim);flex:1;padding-top:6px}.steps li.done{box-shadow:inset 0 3px #1f8f96}.steps li.current{box-shadow:inset 0 3px 0 var(--rune)}.steps li.current .label{color:var(--text)}.onboarding-step{flex:1;min-height:0;overflow-y:auto}.onboarding-step h2{font-size:31px}.onboarding-step p{margin:0 0 14px}.onboarding-nav{margin:16px 0 0}.starter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.starter-card{color:var(--text);background:var(--well);cursor:pointer;box-shadow:inset 0 0 0 2px var(--rim);text-align:center;border:none;justify-items:center;gap:8px;padding:14px 12px;display:grid}.starter-card:hover{background:#141838}.starter-card.selected{box-shadow:inset 0 0 0 3px var(--type), 0 0 18px color-mix(in srgb, var(--type) 45%, transparent);background:#1a1f45}.starter-name{font-family:var(--font-display);font-size:26px;font-weight:700}.starter-lore{color:var(--muted);font-size:17px}.activity-setup{gap:6px;display:grid}.setup-row{background:var(--well);box-shadow:inset 4px 0 0 var(--type), inset 0 0 0 1px var(--rim);grid-template-columns:minmax(130px,1fr) auto auto auto;align-items:center;gap:8px 10px;padding:8px 10px 8px 14px;display:grid}.setup-row.off{opacity:.5}.setup-name{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.setup-note{grid-column:span 2}.loading{position:absolute;top:24px;right:24px}.error-panel{width:min(460px,100% - 32px);max-height:calc(100% - 32px);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (width<=767px){.hud-top{flex-direction:column;align-items:stretch;gap:8px;top:10px;left:10px;right:10px}.title-card h1{font-size:31px}.top-bar{justify-content:space-between;gap:6px 10px;padding:8px 10px}.tb-num{font-size:18px}.tb-divider{display:none}.contract-prompt,.timer-chip{top:132px}.timer-chip{left:10px}.dock{gap:4px;width:calc(100% - 16px);padding:6px;bottom:8px}.dock-btn{flex:1;padding:10px 4px;font-size:17px}.dock-btn kbd{display:none}.nameplate{bottom:84px}.tile-grid{grid-template-columns:repeat(2,1fr)}.modal-backdrop{padding:8px}.shrine-row,.setup-row{grid-template-columns:1fr auto}.shrine-progress,.shrine-actions,.shrine-wide,.setup-note{grid-column:1/-1}.muted,.backup-meta{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}