.spider-board{--card-w:var(--spider-card-width);position:relative;width:100%;height:100%;min-width:0;min-height:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spider-column{position:absolute;top:0;min-width:0;padding:0;border:0;background:transparent;color:#c4d1c180}.spider-column>span{position:absolute;inset:0 0 auto;height:var(--spider-card-height);display:grid;place-items:center;border:1px dashed #c4d1c15e;border-radius:5px;font-size:12px}.spider-card{position:absolute;width:var(--spider-card-width);height:var(--spider-card-height);margin:0;padding:0;border:0;background:none;touch-action:none;cursor:-webkit-grab;cursor:grab}.spider-card:disabled{opacity:1;cursor:default;pointer-events:none}.spider-card .card{width:100%;height:100%;min-width:0;border-radius:5%;font-size:calc(var(--spider-card-width)*.22);pointer-events:none}.spider-card .card-corner{top:4%;left:6%;display:flex;flex-direction:row;gap:2px;align-items:center}.spider-card .card-corner[data-flip=true]{top:auto;left:auto;right:6%;bottom:4%}.spider-card .card-corner b{font-size:1em}.spider-card .card-corner .card-pip{width:.65em;height:.7em}.spider-card[data-selected=true] .card{outline:2px solid #ffb9c4;outline-offset:-2px;box-shadow:0 0 0 1px #bd3d54}.spider-card[data-hint=true] .card,.spider-column[data-hint=true]>span,.spider-stock[data-hint=true]{outline:2px solid #f3c668;outline-offset:-2px}.spider-card:focus-visible{outline:2px solid #ffb9c4;outline-offset:1px}.spider-stock{position:absolute;z-index:200;background:transparent;border:0;padding:0;color:#dce3d4;cursor:pointer}.spider-stock:disabled{cursor:default}.spider-stock>span{bottom:0;right:0}.spider-completed-label,.spider-stock>span{position:absolute;white-space:nowrap;font-size:14px;line-height:18px;font-weight:600}.spider-completed-label{left:0;color:#dce3d4}.spider-difficulty{display:flex;gap:6px;border:0;padding:0;margin:0 0 12px;flex-wrap:wrap}html .spider-difficulty .solo-button{flex:1 1;padding:9px 6px;white-space:nowrap}.spider-difficulty button[aria-pressed=true]{border-color:#e5788c;box-shadow:inset 0 0 0 1px #e5788c}.spider-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:14px 0}.spider-statistics>div{padding:10px;border-radius:7px;background:#2b363f;display:flex;flex-direction:column;gap:5px;font-size:12px}.spider-statistics strong{font-size:20px}.spider-statistics small{color:#b7c3cb}.solo-game[data-solo=spider] .solo-start{max-width:510px}.solo-game[data-solo=spider] .solo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media (orientation:portrait) and (pointer:coarse){.solo-game[data-solo=spider] .solo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.solo-game[data-solo=spider] .solo-stats{gap:5px}.solo-game[data-solo=spider] .solo-stats strong{font-size:19px}.solo-game[data-solo=spider] .solo-stats span{font-size:10px}}@media (max-height:430px) and (orientation:landscape) and (pointer:coarse){.solo-game[data-solo=spider] .solo-header h1{font-size:14px}.solo-game[data-solo=spider] .solo-stats{gap:3px}.solo-game[data-solo=spider] .solo-controls{gap:4px}.solo-game[data-solo=spider] .solo-actions .solo-button{min-height:28px;font-size:10px;padding:4px}}.solo-game[data-solo=spider]{--solo-safe-left:env(safe-area-inset-left,0px);--solo-safe-right:env(safe-area-inset-right,0px);--solo-safe-top:env(safe-area-inset-top,0px);--solo-safe-bottom:env(safe-area-inset-bottom,0px);left:var(--solo-safe-left);top:var(--solo-safe-top);bottom:var(--solo-safe-bottom);height:calc(100dvh - var(--solo-safe-top) - var(--solo-safe-bottom))}html .solo-game[data-solo=spider]{right:var(--solo-safe-right);width:calc(100vw - var(--solo-safe-left) - var(--solo-safe-right))}.spider-card{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spider-card .card{font-size:clamp(12px,calc(var(--spider-card-width)*.24),34px)}.spider-board .spider-card .card-corner{width:auto;max-width:92%;line-height:1;letter-spacing:-.025em}.spider-card .card-corner>b{line-height:1}.spider-board .spider-card .card-corner .card-pip{flex:0 0 .7em;width:.7em;height:.7em}.spider-card:focus-visible{outline:0}.spider-card:focus-visible .card{outline:2px solid #ffb9c4;outline-offset:-2px}.spider-card[data-hint-target=true] .card{outline:3px dashed #f3c668;outline-offset:-3px;box-shadow:inset 0 0 0 5px #354640}.spider-card[data-hint=true] .card{outline:3px solid #f3c668;outline-offset:-3px}.spider-result{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.spider-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.spider-result dl>div{display:grid;grid-gap:5px;gap:5px;text-align:center;background:#2b363f;padding:12px 6px;border-radius:8px}.spider-result dt{font-size:12px;color:#bdc7ce}.spider-result dd{margin:0;font-size:22px;font-weight:700}.spider-result .solo-actions{display:grid;grid-template-columns:1fr 1fr}.spider-drag-label{position:absolute;z-index:900;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:6px;width:62px;height:30px;border-radius:5px;background:#fffaf0;border:1px solid #c4bda9;color:#17242a;box-shadow:0 2px 6px #0006;font-size:22px;line-height:1}.spider-drag-label[data-suit=D],.spider-drag-label[data-suit=H]{color:#b52c3b}.spider-drag-label svg{width:19px;height:21px}@media (max-width:600px) and (pointer:coarse){.spider-card .card{font-size:clamp(12px,calc(var(--spider-card-width)*.32),16px)}.spider-card .card-corner{gap:1px;left:4%}.spider-card .card-corner[data-flip=true]{display:none}}@media (orientation:landscape) and (pointer:coarse){.solo-game[data-solo=spider][data-strip=true]{width:calc(100vw - var(--solo-safe-left) - var(--solo-safe-right) - 30px)}}