:root{--paper: #f4ecdd;--paper-deep: #e8dcc8;--ink: #4a3f35;--ink-soft: #7a6c5d;--accent: #c98a5e;--accent-deep: #a9683f;--felt: #8ba888;--slot: #3a332c;--live: #6fbf73;--radius: 14px;--shadow-soft: 0 2px 6px rgba(74, 63, 53, .14), 0 8px 24px rgba(74, 63, 53, .1);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper-deep);overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}.app{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:100%;max-width:560px;margin:0 auto;padding:.6rem .7rem calc(.6rem + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.app-title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.14em;color:var(--ink)}.target-thumb{width:auto;border-radius:8px;box-shadow:var(--shadow-soft);border:2px solid var(--paper)}.board-frame{width:100%;max-height:42vh;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:8px;overflow:hidden}.board-svg{display:block;width:100%;height:100%;overflow:visible}.piece-outline{fill:none;stroke:#4a3f3573;stroke-width:1.2;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 1px 1px rgba(58,51,44,.25))}.piece-raised{filter:drop-shadow(4px 5px 4px rgba(28,23,18,.75))}.empty-slot{fill:#7a6c5d0f;stroke:#7a6c5d47;stroke-width:1;stroke-dasharray:4 4;stroke-linejoin:round}.app-progress{margin:.15rem 0 0;font-size:.8rem;color:var(--ink-soft);letter-spacing:.02em}.cell-drop{fill:var(--felt);fill-opacity:.14;stroke:var(--felt);stroke-opacity:.5;stroke-width:1.5;stroke-dasharray:3 3;cursor:copy;transition:fill-opacity .15s ease}.cell-drop:hover{fill-opacity:.3}.machine{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:.7rem;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.machine-columns{display:flex;align-items:center;gap:.75rem;width:100%}.machine-col-main{flex:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.machine-col-side{flex:1;display:flex;justify-content:center}.machine-window{width:84px;height:84px;display:grid;place-items:center;background:#00000040;border-radius:12px;box-shadow:inset 0 2px 4px #0000008c;overflow:hidden;transition:box-shadow .2s ease,background .2s ease}button.machine-window{padding:0;border:0;font:inherit;cursor:pointer}.machine-window.chosen{overflow:visible;background:#38402f;box-shadow:inset 0 2px 10px #0000008c,0 0 12px 2px #6fbf738c}.machine-sprite{width:100%;height:100%}.machine-empty{color:var(--ink-soft);font-size:.8rem;opacity:.6}.card-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem}.card-slot-name{min-width:64px;max-width:84px;min-height:2.4em;display:grid;place-items:center;padding:.25rem .4rem;background:var(--slot);border-radius:6px;box-shadow:inset 0 2px 6px #00000073;font-size:.6rem;font-weight:600;letter-spacing:.04em;color:#e8d9c6;text-align:center}.card-slot-pocket{position:relative;width:58px;height:80px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:8px;background:repeating-linear-gradient(-45deg,rgba(201,138,94,.06) 0 6px,transparent 6px 12px),var(--slot);box-shadow:inset 0 2px 6px #00000073;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.card-slot-hint{font-size:.58rem;font-weight:600;letter-spacing:.14em;color:#e8d9c6;opacity:.85;text-align:center}.card-slot.inviting .card-slot-pocket{border-color:var(--live);animation:slot-invite 1.4s ease-in-out infinite}@keyframes slot-invite{0%,to{box-shadow:inset 0 2px 6px #00000073,0 0 #6fbf7300}50%{box-shadow:inset 0 2px 6px #00000073,0 0 10px 2px #6fbf738c}}@media(prefers-reduced-motion:reduce){.card-slot.inviting .card-slot-pocket{animation:none;box-shadow:inset 0 2px 6px #00000073,0 0 8px 1px #6fbf7380}}.machine-controls{display:flex;align-items:center;gap:.75rem;justify-content:center}.speed-toggle{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid rgba(74,63,53,.25)}.speed-btn{min-height:44px;padding:0 .9rem;background:var(--paper);border:none;font-size:.85rem;color:var(--ink-soft)}.speed-btn.active{background:var(--accent);color:#fff}.speed-btn:disabled{opacity:.55}.draw-btn{min-height:52px;padding:0 2rem;border:none;border-radius:14px;background:var(--accent-deep);color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.04em;box-shadow:0 3px #7a422899,var(--shadow-soft)}.draw-btn:active{transform:translateY(2px);box-shadow:0 1px #7a422899}.draw-btn:disabled{background:#c9b9a6;color:#f4ecdd;box-shadow:none}.machine-note{margin:0;font-size:.75rem;color:var(--ink-soft)}.queue{width:100%}.queue-strip{display:flex;gap:.5rem;padding:.5rem;background:var(--paper);border-radius:12px;box-shadow:var(--shadow-soft);justify-content:center}.queue-strip.droppable{outline:2px dashed var(--felt);outline-offset:-2px}.queue-slot{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;background:#7a6c5d14;border-radius:10px;border:1px solid rgba(122,108,93,.18)}.queue-sprite{width:100%;height:100%}.routing-hint{margin:0;font-size:.85rem;color:var(--ink)}.held-token{width:72px;height:72px;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 6px rgba(58,51,44,.35))}.held-token:active{cursor:grabbing}.held-token svg{width:100%;height:100%}.queue-piece-drag{width:100%;height:100%;cursor:grab;touch-action:none}.queue-piece-drag:active{cursor:grabbing}.end-screen{justify-content:center;gap:1rem;text-align:center}.end-score{margin:0;font-size:1.05rem;color:var(--ink-soft);letter-spacing:.03em}.compare{display:flex;gap:.75rem;width:100%;align-items:flex-start}.compare-item{margin:0;flex:1 1 0;display:flex;flex-direction:column;gap:.35rem}.compare-item figcaption{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.compare-target{width:100%;border-radius:var(--radius);box-shadow:var(--shadow-soft);aspect-ratio:6 / 4;object-fit:cover}.secondlook-tray{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.6rem;background:#c98a5e24;border:1px solid var(--accent);border-radius:12px}.secondlook-choices{display:flex;gap:1.25rem;justify-content:center}.secondlook-choice{display:flex;flex-direction:column;align-items:center;gap:.4rem}.secondlook-sprite{width:68px;height:68px;filter:drop-shadow(0 3px 5px rgba(58,51,44,.3))}.keep-btn{min-height:40px;padding:.3rem 1.1rem;border:none;border-radius:10px;background:var(--accent-deep);color:#fff;font-size:.9rem;font-weight:600}.keep-btn:active{transform:translateY(1px)}.hand{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.hand-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.hand-empty{margin:.4rem 0;font-size:.85rem;color:var(--ink-soft)}.hand-count{margin:0;font-size:.72rem;color:var(--ink-soft);letter-spacing:.06em}.card-wrap{display:flex;cursor:grab;touch-action:none}.card-wrap:active{cursor:grabbing}.card-wrap.disabled{cursor:default;opacity:.5;filter:grayscale(.3)}.card{position:relative;width:120px;min-height:112px;padding:.7rem .5rem .5rem;background:#f7f1e6;border-radius:8px;border:1px solid rgba(74,63,53,.22);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.3rem;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;width:16px;height:16px;background:var(--paper-deep);clip-path:polygon(100% 0,0 0,100% 100%)}.card-attack{border-top:4px solid var(--accent-deep)}.card-defense{border-top:4px solid var(--felt)}.card-holes{display:flex;gap:4px;justify-content:space-between;padding:0 2px .15rem}.card-hole{width:6px;height:8px;border-radius:2px;background:var(--paper-deep);box-shadow:inset 0 1px 1px #00000040}.card-name{font-size:.82rem;font-weight:600;color:var(--ink)}.card-blurb{font-size:.68rem;line-height:1.25;color:var(--ink-soft);flex:1}.card-class{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.seated-card{position:absolute;inset:0;background:var(--accent-deep);border-radius:6px}.seated-card:before{content:"";position:absolute;top:7px;left:9px;right:9px;height:4px;background-image:radial-gradient(circle 1.8px,rgba(244,236,221,.8) 0 1.8px,transparent 1.8px);background-size:9px 4px;background-repeat:repeat-x}.toast-layer{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding:.5rem;pointer-events:none;z-index:80}.toast{pointer-events:auto;max-width:340px;padding:.6rem .9rem;border-radius:10px;font-size:.82rem;line-height:1.3;text-align:center;border:none;box-shadow:var(--shadow-soft)}.toast-effect{background:var(--felt);color:#23301f}.toast-noEffect{background:#d9b48a;color:#4a2f18}.crowbar-prompt{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:#c98a5e29;border:1px solid var(--accent);border-radius:10px;font-size:.85rem}.crowbar-cancel{min-height:36px;padding:.3rem .8rem;background:var(--paper);border:1px solid rgba(74,63,53,.25);border-radius:8px;font-size:.8rem}.cell-lift{fill:var(--accent);fill-opacity:.22;stroke:var(--accent-deep);stroke-width:2;cursor:pointer;transition:fill-opacity .15s ease}.cell-lift:hover{fill-opacity:.4}.dev-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;padding:.5rem .65rem;background:#4a3f350f;border:1px dashed rgba(74,63,53,.3);border-radius:10px}.dev-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.dev-panel button{padding:.4rem .7rem;min-height:36px;background:var(--paper);border:1px solid rgba(74,63,53,.25);border-radius:8px;font-size:.85rem}.dev-panel button:active{background:var(--paper-deep)}.dev-panel button.dev-active{background:var(--accent);color:#fff;border-color:var(--accent-deep)}