:root{--ground:#a99a8d;--ground-ink:#2b2030;--panel:#4a3c51;--panel-2:#3b3042;--o:#2b2030;--ink:#f3e6c8;--ink-2:#d2bf9c;--gold:#f2c14e;--red:#e0664a;--blue:#6cb6d8;--green:#8fd16f;--plate:#d3a957;--plate-hi:#f3d58e;--plate-lo:#9a6b2e;--plate-ink:#2b2030;--btn:#d3a957;--btn-ink:#2b2030;--stat-body:#d9573b;--stat-mind:#5fa8c8;--stat-regime:#8e6fb0;--stat-money:#e0a93a;--paper-1:#fff6e4;--paper-2:#e7f3dc;--paper-3:#ffe7a6;--paper-4:#e3eefb;--paper-5:#f6e1f0;--paper-ink:#3e2420;--stamp:#3c7a3a;--frame:var(--frame-brass);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground:#1d1820;--ground-ink:#d2bf9c;color-scheme:dark}}:root[data-theme=dark]{--ground:#1d1820;--ground-ink:#d2bf9c;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--ground);color:var(--ink);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}button,input{font:inherit;color:inherit}#root{min-height:100%}.app{max-width:1040px;margin:0 auto;padding:24px 12px 40px}.px{font-family:Handjet,system-ui,sans-serif;font-size:20px;line-height:1.25;image-rendering:pixelated;-webkit-font-smoothing:none}.px .n{font-family:Tiny5,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em}.px svg[shape-rendering]{display:block;image-rendering:pixelated}.px-frame{position:relative;border:14px solid transparent;border-image:var(--frame) 7 fill / 14px / 0 stretch;background:none}.px-frame>.px-in{background:var(--panel);margin:-1px;padding:16px 10px 10px;min-width:0}.px-frame:not(:has(>.px-plate))>.px-in{padding-top:10px}.px-plate{position:absolute;top:-17px;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap;font:10px/1 "Press Start 2P",monospace;letter-spacing:.04em;padding:7px 10px 6px;background:var(--plate);color:var(--plate-ink);border:2px solid var(--o);box-shadow:inset 0 2px 0 var(--plate-hi),inset 0 -2px 0 var(--plate-lo);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px)}.px-bar{position:relative;height:14px;background:var(--o);border:2px solid var(--o);box-shadow:0 0 0 2px var(--plate);overflow:hidden}.px-bar i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:linear-gradient(rgba(255,255,255,.35) 0 3px,transparent 3px),var(--c);transition:transform .48s steps(12)}.px-seg{display:flex;gap:3px}.px-seg span{width:12px;height:14px;background:var(--o);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 30%,transparent)}.px-seg span.on{background:var(--c,#8fd16f);box-shadow:inset 0 3px #ffffff59}.px-seg span.today{box-shadow:inset 0 0 0 2px var(--gold)}.px-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid var(--o);background:var(--btn);color:var(--btn-ink);cursor:pointer;font:600 20px/1 Handjet,sans-serif;box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040;clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);transition:transform .1s steps(2)}.px-btn:active{transform:translateY(2px)}a.px-btn{text-decoration:none}.widget-steps{margin:8px 0 12px;padding-left:24px;display:grid;gap:12px}.widget-steps .btn-row{margin-top:8px}.px-btn:focus-visible,.px button:focus-visible,.px a:focus-visible,.px input:focus-visible{outline:2px dashed var(--gold);outline-offset:3px}.px ::selection{background:var(--gold);color:var(--o)}.px-float{position:absolute;pointer-events:none;font:16px Tiny5,monospace;color:var(--gold);text-shadow:2px 2px 0 var(--o);white-space:nowrap;animation:pxRise .64s steps(8) forwards}@keyframes pxRise{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-32px)}}@keyframes pxStamp{0%{transform:scale(1.6);opacity:0}to{transform:none;opacity:1}}@keyframes pxPop{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes pxFade{0%{opacity:0}to{opacity:1}}.px-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:50;transform:translate(-50%,12px);opacity:0;pointer-events:none;font:500 20px Handjet,sans-serif;padding:10px 16px;background:var(--o);color:#f3e6c8;border:2px solid var(--gold);transition:transform .22s steps(4),opacity .16s ease}.px-toast[data-on]{transform:translate(-50%);opacity:1}.px-sheet{display:grid;gap:10px;animation:pxPop .2s steps(4)}.px-sheet[hidden]{display:none!important}.px-sheet label{font:10px "Press Start 2P",monospace;color:var(--ink-2)}.px-amount{width:100%;min-height:48px;padding:0 12px;border:2px solid var(--o);background:var(--o);color:var(--gold);font:24px Tiny5,monospace}.px-cats{display:flex;flex-wrap:wrap;gap:8px}.px-cat{min-height:44px;padding:0 12px;border:2px solid var(--o);background:var(--panel-2);color:var(--ink);cursor:pointer;font:500 19px Handjet,sans-serif;display:inline-flex;align-items:center;gap:6px}.px-cat[aria-pressed=true]{background:var(--gold);color:var(--o)}.px-demo{grid-column:1/-1;margin:0;text-align:center;font:9px "Press Start 2P",monospace;color:var(--ground-ink);opacity:.85}@media (prefers-reduced-motion: reduce){.px *{animation-name:pxFade!important;animation-iteration-count:1!important}.px *{transition-property:opacity,color,background-color,border-color,box-shadow!important}.px-toast{transition-property:opacity!important}}.v1{background:var(--ground);color:var(--ink);padding:24px 12px 16px;display:grid;gap:22px;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "quests" "purse" "week" "bar";border-radius:4px}@media (min-width:760px){.v1{padding:28px 20px 20px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"hero hero" "quests purse" "quests week" "bar bar";align-items:start}}.v1-hero{grid-area:hero}.v1-hero .px-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:10px;align-items:center}.v1-portrait{width:72px;height:72px;background:var(--panel-2);border:2px solid var(--o);box-shadow:inset 0 0 0 2px var(--plate-lo);display:grid;place-items:center}.v1-portrait svg{width:56px;height:56px}a.v1-portrait{cursor:pointer;transition:transform .1s steps(2)}a.v1-portrait:active{transform:translateY(2px)}.v1-portrait:focus-visible{outline:2px dashed var(--gold);outline-offset:3px}.v1-stat{display:grid;gap:8px;min-width:0}.v1-name{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.v1-name b{font-weight:700;font-size:22px}.v1-name .n{font-size:15px;color:var(--gold)}.v1-meter{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}.v1-meter small{font:9px "Press Start 2P",monospace;color:var(--ink-2)}.v1-meter .n{font-size:14px;color:var(--ink-2);min-width:76px;text-align:right}.v1-hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:6px;border-top:2px solid var(--panel-2)}.v1-gold{display:flex;align-items:center;gap:8px}.v1-gold svg{width:24px;height:24px}.v1-gold .n{font-size:18px;color:var(--gold)}.v1-party{display:flex;gap:6px}.v1-mate{position:relative;width:44px;height:44px;background:var(--panel-2);border:2px solid var(--o);box-shadow:inset 0 0 0 2px var(--plate-lo);display:grid;place-items:center;cursor:pointer;padding:0}.v1-mate svg{width:32px;height:32px}.v1-mate .n{position:absolute;right:-6px;bottom:-6px;font-size:11px;background:var(--o);color:var(--gold);padding:1px 3px}.v1-quests{grid-area:quests}.v1-quests .px-in{padding:14px 8px 6px}.v1-board{padding:18px 10px 12px!important}.v1-board .v2-note{box-shadow:3px 3px #00000073}.v1-q{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:52px;padding:6px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);border-bottom:2px solid var(--panel-2)}.v1-q:last-child{border-bottom:0}@media (hover:hover) and (pointer:fine){.v1-q:hover{background:var(--panel-2)}}.v1-box{width:28px;height:28px;background:var(--o);border:2px solid var(--plate);box-shadow:inset 0 0 0 2px var(--plate-lo);display:grid;place-items:center}.v1-box svg{width:18px;height:14px;opacity:0}.v1-q[aria-pressed=true] .v1-box svg{opacity:1;animation:pxStamp .2s steps(3)}.v1-q[aria-pressed=true] .v1-qt{color:var(--ink-2);opacity:.8}.v1-qt{display:flex;flex-direction:column;min-width:0}.v1-qt b{font-weight:500;font-size:21px;line-height:1.15}.v1-qt small{font-size:16px;color:var(--ink-2)}.v1-main b{font-weight:700;color:var(--gold)}.v1-main small{color:var(--red)}.v1-xp{font-size:15px;color:var(--blue);white-space:nowrap}.v1-q[aria-pressed=true] .v1-xp{color:var(--green)}.v1-purse{grid-area:purse}.v1-purse .px-in{padding:14px 10px 10px;display:grid;gap:10px}.v1-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v1-slot{position:relative;aspect-ratio:1;max-width:100%;background:var(--panel-2);border:2px solid var(--o);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--plate-lo) 70%,transparent);display:grid;place-items:center;cursor:pointer;padding:0}.v1-slot svg{width:60%;height:60%}.v1-slot .n{position:absolute;right:2px;bottom:1px;font-size:11px;color:var(--ink);text-shadow:1px 1px 0 var(--o)}.v1-slot[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 2px var(--gold)}.v1-slot:empty{cursor:default}.v1-desc{min-height:92px;padding:10px;background:var(--o);color:var(--ink);border:2px solid var(--plate-lo)}.v1-desc b{color:var(--gold);font-weight:600}.v1-desc p{margin:4px 0 0;font-size:18px;color:var(--ink-2)}.v1-week{grid-area:week}.v1-week .px-in{padding:14px 10px 10px;display:grid;gap:12px}.v1-hab{display:grid;gap:6px}.v1-hab div{display:flex;justify-content:space-between;gap:8px}.v1-hab .n{font-size:14px;color:var(--ink-2)}.acct{display:grid;gap:6px;padding:8px 0;border-bottom:2px solid var(--panel-2)}.acct-ttl{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.acct-btns{display:flex;gap:6px;flex-wrap:wrap}.v1-boss{display:flex;gap:10px;align-items:center;padding:8px;background:var(--panel-2);border:2px solid var(--o);text-decoration:none;color:var(--ink)}.v1-boss svg{width:30px;height:30px;flex:none}.backbar{max-width:860px;margin:0 auto 22px}.backbar-btn{text-decoration:none;--btn:var(--panel-2);--btn-ink:var(--ink)}.v1-boss small{display:block;font-size:16px;color:var(--ink-2)}.v1-bar{grid-area:bar;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.v1-hot{position:relative;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--ink);font:500 16px Handjet,sans-serif;background:var(--panel);border:2px solid var(--o);box-shadow:inset 0 0 0 2px var(--plate),inset 0 0 0 4px var(--plate-lo);transition:transform .1s steps(2)}.v1-hot:active{transform:translateY(2px)}.v1-hot svg{width:30px;height:30px}.v1-hot .key{position:absolute;left:5px;top:3px;font:11px Tiny5,monospace;color:var(--gold)}.v1-hot .badge{position:absolute;right:-6px;top:-8px;font:12px Tiny5,monospace;background:var(--red);color:#fff;border:2px solid var(--o);padding:0 4px}.v1-hot.primary{background:var(--plate);color:var(--o);box-shadow:inset 0 2px 0 var(--plate-hi),inset 0 -3px 0 var(--plate-lo)}.v1-sheetwrap{grid-column:1/-1}.v1-sheetwrap .px-in{padding:14px 10px 10px}.v2-note{position:relative;display:flex;flex-direction:column;gap:6px;min-height:118px;padding:16px 10px 10px;text-align:left;cursor:pointer;border:2px solid var(--o);background:var(--note,#fff6e4);color:#3e2420;box-shadow:3px 3px #2b203059;transform:rotate(var(--tilt,0deg));transition:transform .12s steps(2)}.v2-note:active{transform:rotate(var(--tilt,0deg)) translateY(2px)}.v2-note .pin{position:absolute;top:-8px;left:50%;margin-left:-7px;width:14px;height:14px}.v2-note b{font-weight:600;font-size:20px;line-height:1.1}.v2-note small{font-size:16px;color:#74463a;margin-top:auto}.v2-note .n{font-size:13px;color:#86282a}.v2-note.main{grid-column:1/-1;--note:#ffe7a6}.v2-stamp{position:absolute;right:6px;bottom:8px;font:10px "Press Start 2P",monospace;color:#3c7a3a;border:2px solid #3c7a3a;padding:4px 5px;transform:rotate(-8deg);opacity:0}.v2-note[aria-pressed=true] .v2-stamp{opacity:1;animation:pxStamp .2s steps(3)}.v2-note[aria-pressed=true] b,.v2-note[aria-pressed=true] small{opacity:.55}.v2-note[aria-pressed=true] small,.v2-note[aria-pressed=true] .n{padding-right:84px}.v2-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2-note:focus-visible{outline:2px dashed var(--gold);outline-offset:3px}.screen-title{display:grid;gap:10px;padding:0;min-width:0;max-width:100%}.screen-title input[type=file]{max-width:100%}.px-cat-ico{width:20px;height:20px}.stack{display:grid;gap:22px;width:100%;max-width:860px;margin:0 auto}.stack>*{min-width:0}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row>*{flex:1 1 auto}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}.row .chk{min-width:44px;min-height:44px;border:2px solid var(--o);background:var(--panel-2);color:var(--ink);cursor:pointer;font:inherit}.row .chk[aria-checked=true]{background:#3c7a3a;color:#fff}.row .ttl{flex:1;min-width:0}.row.paid .ttl{opacity:.55;text-decoration:line-through}.tri-stack{position:relative;min-height:300px;touch-action:pan-y}.tri-card{display:grid;gap:10px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tri-card.back{position:absolute;top:8px;right:-4px;bottom:-8px;left:4px;opacity:.6;pointer-events:none;z-index:-1}.tri-amount{font-size:28px}.tri-pick{outline:2px solid var(--gold)}.tri-undo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;background:var(--panel);color:var(--ink);border:2px solid var(--o);box-shadow:inset 0 0 0 2px var(--plate-lo)}.tri-undo>span{min-width:0;overflow-wrap:anywhere}.hint{opacity:.7;font-size:16px}.px-select{min-height:44px;background:var(--panel-2);color:var(--ink);border:2px solid var(--o);font:inherit;padding:0 8px;max-width:100%}.tbl{display:grid;gap:6px}.tbl .row{border-bottom:2px solid var(--panel-2)}.px-hold{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 14px;border:2px solid var(--o);background:var(--panel-2);color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.px-hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);clip-path:inset(0 100% 0 0);transition:clip-path .2s steps(4,end)}.px-hold.holding .px-hold-fill{clip-path:inset(0 0 0 0);transition:clip-path 1.5s steps(15,end)}.px-hold.done .px-hold-fill{clip-path:inset(0 0 0 0);background:#3c7a3a;transition:none}.px-hold-label{position:relative;z-index:1;mix-blend-mode:normal;transition:filter .12s steps(2)}.px-hold.holding .px-hold-label{color:var(--o)}.px-hold.done .px-hold-label{color:#fff}.px-hold:disabled{opacity:.5;cursor:not-allowed}.wz-steps{display:flex;gap:6px}.wz-steps button{flex:1;min-height:44px;border:2px solid var(--o);background:var(--panel-2);color:var(--ink);font:inherit;cursor:pointer}.wz-steps button[aria-current=step]{background:var(--gold);color:var(--o)}.wz-nav{display:flex;gap:10px;justify-content:space-between}.wz-bars{display:grid;gap:10px}.wz-bars small{display:flex;justify-content:space-between}.wz-in{width:100%;min-height:44px;padding:0 10px;border:2px solid var(--o);background:var(--panel-2);color:var(--ink);font:inherit}.wz-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.wz-add .wz-in{min-width:0}.plan-board{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}@media (min-width:600px){.plan-board{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan-col{overflow-wrap:anywhere}.plan-col{display:grid;gap:6px;align-content:start;padding:8px;background:var(--panel-2);border:2px solid var(--o)}.plan-col h4{margin:0;font-size:16px}.plan-off{opacity:.55;filter:grayscale(1)}.goal-note{display:grid;gap:8px;padding:12px;background:#ffe7a6;color:#3a2a1a;border:2px solid var(--o)}.goal-note .row .chk{color:#3a2a1a}.goal-note .row .chk[aria-checked=true]{color:#fff}.goal-note .wz-in{background:#fff7dc;color:#3a2a1a}@media (prefers-reduced-motion:reduce){.px-hold-label,.px-hold-fill{transition:none}.px-hold.holding .px-hold-fill{transition:clip-path 1.5s steps(3,end)}}.grp-party{display:flex;flex-wrap:wrap;gap:10px}.grp-mate{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;min-height:44px}.grp-mate .px-sprite,.grp-mate svg{width:48px;height:48px}.grp-mate small{color:var(--muted,inherit)}.grp-qrow{display:grid;gap:6px;padding:8px 0;border-bottom:1px dashed var(--o)}.grp-feed{margin:0;padding:0;list-style:none;display:grid;gap:8px}.grp-feed li{padding:8px;border:2px solid var(--o);background:var(--panel-2)}.grp-url{width:100%;min-height:44px;font:inherit}