:root{--bg: #16132a;--panel: #221d40;--panel2: #2a2450;--line: #0d0a1e;--bone: #e9dfbf;--text: #e9e5d8;--dim: #a9a3c0;--gold: #f5c542;--grime: #9ccb4f;--blue: #7fd6ff;--amber: #ffb060;--ok: #7fd68f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:VT323,Courier New,monospace;font-size:20px;line-height:1.25}.ps{font-family:"Press Start 2P",Courier New,monospace}#app{max-width:1060px;margin:0 auto;padding:18px 14px 40px}.box{background:var(--panel);border:3px solid var(--bone);box-shadow:0 0 0 3px var(--line),7px 7px #00000059;padding:12px}.hud{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.title{font-size:15px;color:var(--gold);margin:0;text-shadow:3px 3px 0 var(--line);letter-spacing:1px}.stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stat.gold{font-size:11px;color:var(--gold);display:flex;align-items:center;gap:6px}.coin{width:12px;height:12px;background:var(--gold);border:2px solid #8a6a10;border-radius:50%;display:inline-block}.lv{font-size:9px;color:var(--blue)}.xpwrap{width:130px;height:14px;border:2px solid var(--bone);background:#141126}.xpfill{height:100%;background:#57b36a;box-shadow:inset 0 3px #ffffff40;transition:width .5s}.xptext{color:var(--dim);font-size:17px}.chip{border:2px solid #4a3f78;padding:0 7px;font-size:17px;color:var(--dim);white-space:nowrap}.chip.streak,.chip.escrow{color:var(--amber);border-color:#7a5230}.chip.state-awaiting{color:var(--amber);border-color:var(--amber)}.chip.state-approved{color:var(--ok);border-color:var(--ok)}.chip.state-missed,.chip.state-todo{color:var(--dim)}.chip.pts{color:var(--gold);border-color:#7a6220}.viewtabs{display:flex;gap:8px}.tab{font-size:8px;padding:8px 10px;cursor:pointer;border:2px solid var(--line);background:var(--panel2);color:var(--dim);box-shadow:0 3px 0 0 var(--line)}.tab.active{background:var(--gold);color:#2a2108;box-shadow:0 3px #8a6a10}.main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 700px){.main{grid-template-columns:1fr}}.mapbox{padding:10px}canvas.game{width:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;border:3px solid var(--line);background:#000}.caption{color:var(--dim);font-size:18px;margin:8px 2px 0}h2.ps{font-size:10px;color:var(--bone);margin:0 0 10px;letter-spacing:1px}h3.ps{font-size:8px;color:var(--dim);margin:14px 0 8px;letter-spacing:1px}.quests{display:flex;flex-direction:column;gap:10px}.quest{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel2);border:2px solid #4a3f78;padding:10px}.quest.approved{opacity:.55}.quest.awaiting{border-color:var(--amber)}.qname{font-size:9px;line-height:1.6;color:var(--text);margin-bottom:6px}.qsub{color:var(--dim);font-size:16px;margin-bottom:4px}.qsub.note{color:var(--blue)}.qmeta{display:flex;gap:6px;flex-wrap:wrap}.btn{font-size:8px;padding:9px 10px;cursor:pointer;border:2px solid var(--line);background:var(--gold);color:#2a2108;box-shadow:0 3px #8a6a10;white-space:nowrap}.btn:active{transform:translateY(2px);box-shadow:0 1px #8a6a10}.btn:disabled{background:#5a5470;color:#26223a;box-shadow:0 3px #38334e;cursor:default}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn.ok{background:var(--ok);box-shadow:0 3px #3a7a4a;color:#0e2614}.btn.soft{background:var(--panel2);color:var(--dim);box-shadow:0 3px 0 0 var(--line);border-color:#4a3f78}.stamp{position:absolute;top:6px;right:8px;transform:rotate(-10deg);color:var(--gold);border:2px solid var(--gold);padding:3px 6px;font-size:8px}.shop{margin-top:16px}.shopgrid{display:flex;gap:10px;flex-wrap:wrap}.shopitem{flex:1 1 200px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel2);border:2px solid #4a3f78;padding:8px 10px}.scost{color:var(--gold);font-size:9px}.todayline{font-size:11px;color:var(--ok);margin-bottom:12px}.todayline.pending{color:var(--amber)}.dashrows{display:flex;flex-direction:column;gap:6px}.dashrow{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--panel2);border:2px solid #4a3f78;padding:6px 10px}.dashstats{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.qrow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;background:#2f2a1c;border:2px solid var(--amber);padding:8px 10px;margin-bottom:8px}.qrow .btns{display:flex;gap:8px}.empty{color:var(--dim);font-size:18px}.addform{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.addform input,.addform select{background:#141126;color:var(--text);border:2px solid #4a3f78;font-family:VT323,monospace;font-size:19px;padding:5px 8px;min-width:0}.addform input:focus-visible,.addform select:focus-visible{outline:3px solid var(--blue)}.addform input[type=number]{width:90px}.log{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.log li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid #38315e}.log .when{color:var(--dim);font-size:16px;white-space:nowrap}.awaytoggle{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.awaynote{color:var(--dim);font-size:17px}.away .quests{opacity:.45;pointer-events:none}.foot{color:var(--dim);font-size:17px;margin-top:18px;text-align:center}.crud{width:100%;border-collapse:collapse;font-size:18px}.crud th,.crud td{text-align:left;padding:5px 8px;border-bottom:1px solid #38315e}.crud th{color:var(--dim);font-weight:400}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation:none!important}}