: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);--board-stage-max-h: calc(42vh - 16px) ;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%;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:8px;overflow:hidden}.board-frame.prying{overflow:visible}.board-stage{position:relative;width:100%;max-height:var(--board-stage-max-h);margin:0 auto}.board-svg{display:block;width:100%;height:100%;overflow:visible}.pry-layer{position:absolute;inset:0}.pry-token{position:absolute;cursor:grab;touch-action:none;filter:drop-shadow(0 0 6px rgba(111,191,115,.55))}.pry-token:active{cursor:grabbing}.pry-sprite{width:100%;height:100%}.piece-dimmed{opacity:.3}.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-top{display:flex;align-items:center;gap:.75rem;width:100%}.machine-col-main{flex:1;display:flex;align-items:center;justify-content:flex-start}.machine-col-side{flex:0 0 auto;display:flex;flex-direction:column;align-items: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:#2f5236;box-shadow:inset 0 2px 10px #0000008c,0 0 12px 2px #6fbf738c}.machine-window.awaiting{background:#2f5236;box-shadow:inset 0 2px 10px #0000008c,0 0 12px 2px #6fbf734d}.machine-window.choices{width:auto;min-width:84px;padding:0 10px;grid-auto-flow:column;gap:10px}.window-piece{width:64px;height:64px;padding:0;border:0;background:none;cursor:pointer}.window-piece.capture{filter:drop-shadow(0 0 6px rgba(111,191,115,.6))}.machine-sprite{width:100%;height:100%}.machine-empty{color:var(--ink-soft);font-size:.8rem;opacity:.6}.card-slot{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}.card-slot-hitbox{position:absolute;inset:-20px;z-index:-1}.card-slot-note{width:74px;padding:.3rem .25rem .2rem;background:#f6e27f;box-shadow:1px 3px 6px #4a3f3547;transform:rotate(-3.5deg);text-align:center;font-family:Caveat,Segoe Print,cursive;color:var(--ink)}.card-slot-hint{font-size:1rem;line-height:1.05;font-weight:600}.card-slot-arrow{display:block;width:34px;margin:2px auto 0;color:var(--ink)}.card-slot-throat{position:relative;width:96px;height:12px}.card-slot-opening{position:relative;width:96px;height:12px;border-radius:6px;background:var(--slot);box-shadow:inset 0 2px 3px #0009,0 1px #ffffff40;transition:box-shadow .2s ease}.card-slot.inviting .card-slot-opening{animation:slot-invite 1.4s ease-in-out infinite}@keyframes slot-invite{0%,to{box-shadow:inset 0 2px 3px #0009,0 1px #ffffff40,0 0 #6fbf7300}50%{box-shadow:inset 0 2px 3px #0009,0 1px #ffffff40,0 0 10px 2px #6fbf738c}}@media(prefers-reduced-motion:reduce){.card-slot.inviting .card-slot-opening{animation:none;box-shadow:inset 0 2px 3px #0009,0 1px #ffffff40,0 0 8px 1px #6fbf7380}}.machine-controls{display:flex;align-items:center;gap:.75rem;justify-content:flex-start;width:100%}.machine-transport{flex:0 0 max-content;display:flex;align-items:center;gap:.75rem}.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}.status-window{flex:1 1 0;min-width:0;height:58px;overflow-y:auto;overscroll-behavior:contain;padding:.3rem .5rem;background:var(--slot);border-radius:6px;box-shadow:inset 0 2px 6px #00000073;font-family:IBM Plex Mono,Consolas,monospace;font-size:.68rem;font-weight:500;letter-spacing:0;line-height:1.4;color:#e8d9c6;text-align:left}.status-list{margin:0;padding:0;list-style:none}.status-line{margin:0;position:relative;padding-left:.9em}.status-line:before{content:"▸" / "";position:absolute;left:0;opacity:.55}.status-info{opacity:.9}.status-effect{color:#a9d9a4}.status-noEffect{color:#e3b88c}.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%}.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}.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-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#4a3f354d;color:#fff;font-size:.8rem;line-height:1;z-index:2}.card-remove:hover{background:var(--accent-deep)}.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;bottom:4px;left:50%;margin-left:-28px;width:56px;height:40px;background:var(--accent-deep);border-radius:6px 6px 0 0;box-shadow:0 1px 3px #0000004d}.seated-card:before{content:"";position:absolute;top:6px;left:6px;right:6px;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}.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,.dev-panel select{padding:.4rem .7rem;min-height:36px;background:var(--paper);border:1px solid rgba(74,63,53,.25);border-radius:8px;font-size:.85rem;color:inherit}.dev-panel button:active{background:var(--paper-deep)}.dev-panel button.dev-active{background:var(--accent);color:#fff;border-color:var(--accent-deep)}