:root{--ink: #04030a;--bone: #EDE7DB;--muted: #8A82A0;--tok: #FFC93D;--tick: #FF7AD9;--line: rgba(180,160,255,.16);--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);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--ink);overflow:hidden;overscroll-behavior:none}body{font-family:ui-monospace,SF Mono,Space Mono,Menlo,Consolas,monospace;color:var(--bone);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ink)}.room{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.room-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair}.stick-base,.stick-nub{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.stick-base{width:112px;height:112px;border:2px solid rgba(214,204,255,.5);background:radial-gradient(circle,#8c78dc42,#4637821f 62%,#0000 74%);box-shadow:0 0 34px -8px #9678ffb3}.stick-nub{width:50px;height:50px;background:radial-gradient(circle at 38% 32%,#ffffffeb,#beafff99 60%,#8c78dc73);border:2px solid rgba(255,255,255,.85);box-shadow:0 0 22px #b496ffd9}.stick-rest{position:absolute;left:calc(28px + var(--sal));bottom:calc(52px + var(--sab));width:112px;height:112px;display:grid;place-items:center;pointer-events:none;animation:stickBreathe 3s ease-in-out infinite}.stick-rest .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(214,204,255,.45);background:radial-gradient(circle,#826ed238,#3c30781f 60%,#0000 74%);box-shadow:0 0 30px -10px #9678ffcc,inset 0 0 26px #7864c833}.stick-rest .nub{position:relative;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fffc,#b4a5f580 62%,#7864c859);border:2px solid rgba(255,255,255,.7);box-shadow:0 0 18px #aa8cfaa6}.stick-rest em{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-style:normal;font-size:10px;letter-spacing:.12em;color:#d2c8f0cc;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 6px #000}@keyframes stickBreathe{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@media (prefers-reduced-motion: reduce){.stick-rest{animation:none}}.desk-hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(20px + var(--sab));padding:8px 16px;border-radius:999px;background:#080612b8;border:1px solid var(--line);font-size:10px;letter-spacing:.14em;color:var(--muted);pointer-events:none;white-space:nowrap}.hud{position:absolute;top:calc(8px + var(--sat));left:calc(8px + var(--sal));right:calc(8px + var(--sar));display:flex;gap:6px;align-items:center;pointer-events:none;flex-wrap:wrap}.hud-pill{pointer-events:auto;display:inline-flex;align-items:baseline;gap:5px;padding:5px 9px;background:#080612c7;border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;letter-spacing:.06em}.hud-pill b{font-size:14px;font-weight:700}.hud-pill span{color:var(--muted);font-size:9px}.hud-pill .tok{color:var(--tok)}.hud-pill .tick{color:var(--tick)}.hud-pill.mult{border-color:#ff2d6f80}.hud-pill.mult b{color:#ff6e9c}.grid-toggle{pointer-events:auto;margin-left:auto}.btn{font:inherit;font-size:11px;letter-spacing:.1em;padding:10px 14px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:#0a0816d9;color:var(--bone);cursor:pointer;touch-action:manipulation}.btn:active{transform:translateY(1px);background:#1e1836f2}.btn.ghost{background:#080612b3}.action-wrap{position:absolute;right:calc(14px + var(--sar));bottom:calc(18px + var(--sab));display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(66vw,300px)}.action-note{font-size:9px;letter-spacing:.06em;color:var(--muted);background:#06040ecc;padding:4px 8px;border-radius:6px;border:1px solid var(--line);white-space:nowrap}.action{font:inherit;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:12px 18px;min-height:62px;min-width:168px;border-radius:14px;border:2px solid var(--accent);background:linear-gradient(180deg,#140e24f0,#080612f5);color:var(--bone);box-shadow:0 0 26px -6px var(--accent),inset 0 1px #ffffff1f;cursor:pointer;touch-action:manipulation;animation:pulse 2.2s ease-in-out infinite}.action em{font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--accent)}.action strong{font-size:15px;letter-spacing:.08em}.action:active{transform:translateY(2px)}.action.off{opacity:.55;border-color:var(--muted);box-shadow:none;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 22px -8px var(--accent),inset 0 1px #ffffff1f}50%{box-shadow:0 0 40px -4px var(--accent),inset 0 1px #fff3}}@media (prefers-reduced-motion: reduce){.action{animation:none}}.toasts{position:absolute;left:50%;transform:translate(-50%);bottom:calc(96px + var(--sab));display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:max-content;max-width:90vw}.toast{padding:7px 14px;border-radius:999px;font-size:11px;letter-spacing:.1em;background:#080612eb;border:1px solid rgba(255,201,61,.5);color:var(--tok);animation:rise .25s ease-out}.toast.bad{border-color:#ff3c508c;color:#ff7a6b}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#020108b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:520px;max-height:82%;display:flex;flex-direction:column;background:#0a0816;border:1px solid var(--line);border-bottom:none;border-radius:18px 18px 0 0;padding-bottom:var(--sab);animation:slideup .22s ease-out}@keyframes slideup{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}.sheet header{padding:16px 16px 10px;border-bottom:1px solid var(--line);position:relative}.sheet h2{margin:0;font-size:15px;letter-spacing:.14em}.sheet p{margin:4px 0 0;font-size:10px;color:var(--muted);letter-spacing:.04em}.sheet .close{position:absolute;top:12px;right:12px}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.row{font:inherit;display:grid;grid-template-columns:1fr auto;grid-template-areas:"main tag" "sub tag";gap:2px 12px;width:100%;text-align:left;padding:12px 14px;min-height:58px;margin-bottom:6px;border-radius:12px;border:1px solid var(--line);background:#100c20b3;color:var(--bone);cursor:pointer;touch-action:manipulation}.row:active{background:#20183ce6}.row:disabled{opacity:.4}.row-main{grid-area:main;font-size:13px;letter-spacing:.06em}.row-sub{grid-area:sub;font-size:10px;color:var(--muted)}.row-tag{grid-area:tag;align-self:center;font-size:12px;color:var(--tok);letter-spacing:.06em}.empty{color:var(--muted);font-size:11px;padding:20px;text-align:center}.grid-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,#5a288c4d,#0000 70%),#06040e;padding:calc(10px + var(--sat)) calc(10px + var(--sar)) 0 calc(10px + var(--sal));overflow:hidden}.grid-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px}.grid-head h1{margin:0;font-size:17px;letter-spacing:.3em;color:#ff6e9c;text-shadow:0 0 18px rgba(255,45,111,.7)}.grid-head p{margin:4px 0 0;font-size:10px;color:var(--muted);letter-spacing:.05em}.grid-cards{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:1fr;gap:8px;padding-bottom:12px;align-content:start}@media (min-width: 560px){.grid-cards{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.grid-cards{grid-template-columns:repeat(3,1fr)}}.card{font:inherit;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:88px;padding:10px 12px;text-align:left;border-radius:14px;border:1px solid var(--line);border-left:3px solid var(--accent);background:linear-gradient(100deg,color-mix(in srgb,var(--glow) 12%,#0B0818),#0b0818 62%);color:var(--bone);cursor:pointer;touch-action:manipulation}.card:active{transform:translateY(1px);background:linear-gradient(100deg,color-mix(in srgb,var(--glow) 22%,#0B0818),#120d22 62%)}.card:disabled{opacity:.42}.card-screen{width:96px;height:60px;image-rendering:pixelated;border-radius:4px;border:1px solid rgba(0,0,0,.7);box-shadow:0 0 22px -6px var(--glow);background:#000}.card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.card-body strong{font-size:13px;letter-spacing:.08em}.card-body em{font-style:normal;font-size:9.5px;color:var(--muted);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-cta{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:8px 10px;white-space:nowrap}.card-cta b{font-size:11px;letter-spacing:.1em}.card-cta i{font-style:normal;font-size:8px;letter-spacing:.06em;opacity:.65}.grid-head .btn{white-space:nowrap}.grid-foot{display:flex;gap:14px;justify-content:center;padding:10px 0 calc(12px + var(--sab));border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:var(--muted)}.grid-foot .mult{color:#ff6e9c}.cab{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:#000}.cab-bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:calc(6px + var(--sat)) calc(10px + var(--sar)) 6px calc(10px + var(--sal));background:linear-gradient(180deg,#0a0716fa,#06040eeb);border-bottom:1px solid var(--line)}.cab-exit{flex:0 0 auto}.cab-name{flex:1 1 auto;min-width:0;font-size:11px;letter-spacing:.16em;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cab-mult{flex:0 0 auto;font-size:11px;letter-spacing:.08em;color:#ff6e9c}.cab-screen{flex:1 1 auto;position:relative;min-height:0;background:#000;padding-bottom:var(--sab)}.cab-slot{position:absolute;top:0;right:0;bottom:0;left:0}.cab-screen iframe{width:100%;height:100%;border:0;display:block}.cab-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 45%,#0e0a1efb,#020106)}.cab-load{font-size:12px;letter-spacing:.2em;color:var(--accent)}.cab-load.bad{color:#ff7a6b}.cab-veil em{font-style:normal;font-size:9px;color:var(--muted);letter-spacing:.04em;max-width:100%;overflow-wrap:anywhere}.cab-payout{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#14102a,#0a0718);box-shadow:0 0 60px -18px var(--accent);max-width:100%}.cab-payout b{font-size:38px;line-height:1;color:var(--tick);letter-spacing:.04em}.cab-payout span{font-size:10px;letter-spacing:.24em;color:var(--muted)}.cab-payout i{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--accent);opacity:.8}.cab-back{margin-top:10px}.dispenser{display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.dispenser.feeding{cursor:pointer}.dispenser .tick-count{font-size:38px;line-height:1;color:var(--tick);letter-spacing:.04em;font-variant-numeric:tabular-nums}.dispenser.feeding .tick-count{text-shadow:0 0 18px color-mix(in srgb,var(--tick) 55%,transparent)}.dispenser>span{font-size:10px;letter-spacing:.24em;color:var(--muted)}.tick-slot{position:relative;width:108px;height:126px;margin-top:6px;border-top:2px solid rgba(255,255,255,.18);padding-top:2px}.tick-strip{display:block;width:100%;height:100%;overflow:visible}.strip-body{stroke:#f5ce5a}.strip-perf{stroke:#0a07188c}.strip-line{stroke:#8c5c0c80}.dispenser.feeding .strip-body{filter:drop-shadow(0 0 6px rgba(245,206,90,.45))}.tick-skip{font-style:normal;font-size:8px;letter-spacing:.2em;color:var(--muted);opacity:.55;margin-top:2px}.card.dark{opacity:.5;filter:saturate(.35)}.card.dark .card-cta{color:var(--muted);border-color:var(--muted)}.cab-warn{flex:0 0 auto;font-size:8px;letter-spacing:.14em;color:#ffc93d;border:1px solid rgba(255,201,61,.4);border-radius:5px;padding:2px 5px}