.v3-play:has(#spider-app){grid-template-columns:minmax(0,1fr)}.v3-play:has(#spider-app)>.v3-aside{display:none}#spider-app{box-sizing:border-box;width:100%;min-width:0;max-width:1200px;margin-inline:auto}#spider-app [hidden]{display:none!important}.sp-modes{flex-wrap:wrap;gap:8px;display:flex}.sp-modes .button{flex:1;min-width:150px;padding:11px 8px;font-size:13px}#spider-app .sp-modes [aria-pressed=false]{background:var(--soft);color:var(--ink);border-color:var(--line)}#spider-app .sp-modes [aria-pressed=true]{background:var(--yellow);color:#292c3d;border-color:var(--yellow)}.sp-info{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px 18px;margin:16px 0;font-size:13px;display:flex}.sp-info strong{color:var(--purple)}.sp-info [data-ui=deal-id]{letter-spacing:.07em;font-family:ui-monospace,monospace}.sp-tools{gap:7px}.sp-tools .button{padding:9px 13px;font-size:13px}.sp-view{overscroll-behavior:contain;background:var(--soft);border:1px solid var(--line);box-sizing:border-box;touch-action:pan-x pan-y;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;border-radius:14px;max-width:100%;min-height:300px;max-height:680px;padding:12px;overflow:auto}.sp-view:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.sp-board{--card:80px;--gap:10px;--step:30px;--back-step:16px;width:calc(10 * var(--card) + 9 * var(--gap));min-width:calc(10 * var(--card) + 9 * var(--gap));container-type:normal}.sp-board.is-compact{--step:23px;--back-step:11px}.sp-top{grid-template-columns:var(--card) 1fr;gap:calc(var(--card) + 2 * var(--gap));align-items:start;margin-bottom:20px;display:grid}.sp-stock{width:var(--card);position:relative}.sp-stock>span{font-size:12px;font-weight:700}.sp-homes{grid-template-columns:repeat(8, var(--card));gap:var(--gap);display:grid}.sp-homes>.sol-slot{place-items:center;font-size:12px;display:grid}.sp-homes .sol-card{width:100%}.sp-homes .sol-label{margin:0}.sp-tableau{grid-template-columns:repeat(10, var(--card));gap:var(--gap);align-items:start;padding-bottom:10px;display:grid}.sp-column-wrap{min-width:0}.sp-column-label{color:var(--muted);text-align:center;margin-bottom:7px;font-size:11px}.sp-column{min-height:calc(var(--card) * 1.4);border-radius:10px;position:relative}.sp-column>.sol-card{width:var(--card);height:calc(var(--card) * 1.4);aspect-ratio:auto;position:absolute}.sp-column>.sp-empty{width:var(--card);font-size:12px;position:absolute;inset:0 0 auto}.sp-board .sol-corner{font-size:clamp(16px, calc(var(--card) * .24), 26px);padding:0;line-height:1.15;top:3px;left:3px}.sp-board .sol-pip{font-size:calc(var(--card) * .55)}.sp-board .sol-card,.sp-board .sol-slot{border-radius:8px}.sp-board button{-webkit-tap-highlight-color:transparent}.sp-card[data-source]{touch-action:none;cursor:grab}.sp-card.sp-locked{cursor:default;touch-action:pan-x pan-y}.sp-column.legal-target{outline:3px dashed var(--purple);outline-offset:3px;background:var(--purple-soft)}.sp-column.drop-target{background:var(--yellow-soft);outline-style:solid}.sp-board .suggested{outline:3px solid var(--purple);outline-offset:1px}.sp-column.sp-empty-warning{outline:3px solid var(--error);outline-offset:2px}.sp-card.selected{box-shadow:inset 0 0 0 3px #6f4eae,0 0 0 2px #6f4eae}.sp-card:focus-visible{z-index:200;outline:3px solid var(--purple)}.sp-dragging{opacity:.22}.sp-drag{z-index:10000;pointer-events:none;will-change:transform;position:fixed}.sp-drag>.sol-card{width:100%;height:var(--drag-height);aspect-ratio:auto;border-radius:8px;position:absolute;box-shadow:0 4px 10px #25203840}.sp-drag .sol-corner{font-size:var(--drag-font);line-height:1.15;top:3px;left:3px}.sp-drag .sol-pip{font-size:var(--drag-pip)}.sp-view-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.sp-view-controls .button{min-width:40px;min-height:40px;padding:7px 10px;font-size:12px}.sp-view-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}.sp-records{border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:12px;font-size:13px}.sp-records summary{cursor:pointer;font-weight:700}.sp-record-scroll{overflow:auto}.sp-records table{border-collapse:collapse;width:100%;min-width:520px;margin-top:10px;font-size:12px}.sp-records th,.sp-records td{border-bottom:1px solid var(--line);text-align:center;padding:9px 7px}.sp-preferences{gap:16px;margin:18px 0;display:grid}.sp-view.is-paused .sp-board{opacity:.45;pointer-events:none}@keyframes sp-flip{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes sp-collect{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-flipped{animation:.18s ease-out sp-flip}.sp-collected{animation:.24s ease-out sp-collect}@media (width<=600px){#spider-app{padding:14px 9px}.sp-modes .button{flex-basis:100%;min-width:0;padding:10px}.sp-view{max-height:65dvh;padding:10px}.sp-info{gap:8px 14px;font-size:12px}.sp-tools .button{padding:8px 10px;font-size:12px}.sp-view-controls{gap:5px}.sp-view-controls>span{display:none}.sp-view-controls .button{padding:7px 8px}.sp-top{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.sp-flipped,.sp-collected{animation:none}.sp-view{scroll-behavior:auto}}