:root{--bg:#1b1429;--bg-raised:#251c38;--bg-card:#2e2445;--ink:#f3ead8;--ink-dim:#b3a8c9;--accent:#ffd479;--accent-ink:#2a1f3d;--ok:#7ed98b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% 0%, #2c2145 0%, var(--bg) 60%) fixed var(--bg);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:540px;height:100dvh;padding:max(8px, env(safe-area-inset-top)) 6px max(8px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;margin:0 auto;display:flex}button{font:inherit;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-weight:700;transition:transform 80ms,opacity .2s}button:active:not([disabled]){transform:scale(.95)}button[disabled]{opacity:.35;cursor:default}button.danger{color:#fff;background:#e0667a}button.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--bg-card);background:0 0}#hud{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}#hud .stat{align-items:center;gap:6px;font-size:1.6rem;display:flex}#hud .rate{color:var(--ink-dim);font-size:.85rem}#orders{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.order{background:var(--bg-raised);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:8px 6px;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 2px #0000}.order.ready{box-shadow:inset 0 0 0 2px var(--ok)}.order .wants{gap:2px;display:flex}.order button{padding:4px 10px;font-size:.85rem}.icon{width:40px;height:40px;color:var(--ink-dim);flex:none;place-items:center;display:grid;position:relative}.icon img{width:100%;height:100%}.icon .tier{color:#2a1f3d;text-align:center;border-radius:999px;min-width:17px;height:17px;font-size:.7rem;font-weight:800;line-height:17px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #2a1f3d}#board-host{flex:1;min-height:0;position:relative}#board-host canvas{touch-action:none;position:absolute;inset:0}#bar{background:var(--bg-raised);border-radius:var(--radius);flex:none;align-items:stretch;gap:6px;height:66px;padding:6px;display:flex}#info{flex:1;align-items:center;gap:8px;min-width:0;padding-left:4px;display:flex}.info-text{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:.9rem;line-height:1.2;display:flex}.info-text b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-text small{color:var(--ink-dim);font-size:.75rem}.hint-text{-webkit-line-clamp:3;color:var(--ink);-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.info-actions{align-items:center;gap:4px;margin-top:3px;display:flex}.info-actions button{white-space:nowrap;padding:5px 10px;font-size:.78rem}button.dismiss{color:var(--ink-dim);background:0 0;align-self:flex-start;padding:4px 6px}nav{gap:4px;display:flex}nav button{background:var(--bg-card);width:50px;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 0;font-size:1.2rem;display:flex}nav button small{color:var(--ink-dim);font-size:.55rem;font-weight:600}.hint{animation:1.6s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{box-shadow:inset 0 0 0 2px #ffd47959,0 0 #ffd47900}50%{box-shadow:inset 0 0 0 2px #ffd479,0 0 14px 2px #ffd47973}}.help{align-items:flex-start;gap:12px;display:flex}.help-emoji{padding-top:2px;font-size:1.6rem;line-height:1}.help p{margin:0}.overlay{z-index:10;background:#0a0612b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.sheet{background:var(--bg);width:100%;max-width:540px;max-height:85dvh;padding:18px 16px max(18px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;border-radius:22px 22px 0 0;position:relative;overflow-y:auto}.sheet .close{float:right;background:var(--bg-card);color:var(--ink);width:36px;height:36px;padding:0;position:sticky;top:0}.sheet h2{margin:4px 0 12px}.sheet h2 small{color:var(--ink-dim);font-size:.9rem;font-weight:400}.card{background:var(--bg-raised);border-radius:var(--radius);margin-bottom:10px;padding:12px 14px}.card h3{margin:0 0 4px}.card p{color:var(--ink-dim);margin:0 0 10px;font-size:.9rem}.card p.good{color:var(--ink);font-size:.85rem}.card em{color:var(--accent);font-style:normal}.sheet-note{color:var(--ink-dim);margin:-6px 0 12px;font-size:.85rem}.card.locked{opacity:.9;border:1px dashed var(--bg-card)}.slots{flex-wrap:wrap;gap:8px;display:flex}.slot{background:var(--bg-card);width:72px;height:72px;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px;font-weight:400;display:flex}.slot.empty{color:var(--ink-dim);background:0 0;border:2px dashed #3d3159;font-size:.8rem}.slot small{font-size:.7rem}.bestiary-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bestiary-row figure{text-align:center;flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.bestiary-row .icon{width:52px;height:52px}.bestiary-row figcaption{color:var(--ink-dim);font-size:.68rem}.bestiary-row .unknown .icon{background:var(--bg-card);border-radius:50%;font-size:1.4rem}.dialog{background:var(--bg-raised);text-align:center;border-radius:22px;max-width:320px;margin:auto;padding:24px}#toast{background:var(--accent);color:var(--accent-ink);opacity:0;pointer-events:none;text-align:center;z-index:20;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:160px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}