.game-page--spider{padding-inline:var(--space-4)}.spider-page__content{width:min(100%,120rem);margin-inline:auto}.spider{--spider-card-width: clamp(5.25rem, 7vw, 7rem);--spider-table-bg: linear-gradient(145deg, #0b4e52, #073b43);--spider-table-border: rgb(255 255 255 / 18%);--spider-slot-border: rgb(255 255 255 / 34%);--spider-card-bg: #fcfcfd;--spider-card-border: #d1d5db;--spider-card-radius: .5rem;--spider-card-shadow: 0 2px 5px rgb(0 0 0 / 22%);--spider-card-back-bg: repeating-linear-gradient(45deg, #3158d4, #3158d4 5px, #2445ae 5px, #2445ae 10px);--spider-card-back-border: #dce7ff;position:relative;padding:clamp(.75rem,2vw,1.5rem);color:#eaf5f4;background:var(--spider-table-bg);border:1px solid var(--spider-table-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.spider__controls,.spider__stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.spider__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.spider__appearance{position:relative}.spider__appearance-panel{position:absolute;z-index:30;top:calc(100% + var(--space-2));right:0;width:min(22rem,calc(100vw - 2rem));padding:var(--space-4);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.spider__appearance-panel h2{margin-bottom:var(--space-3);font-size:1rem}.spider__theme-group+.spider__theme-group{margin-top:var(--space-3)}.spider__theme-group h3{margin-bottom:var(--space-2);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.spider__theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.spider__theme-option{display:grid;min-width:0;gap:.25rem;padding:.3rem;color:var(--color-ink-muted);background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:.7rem;cursor:pointer}.spider__theme-option--selected{color:var(--color-ink);border-color:var(--color-primary)}.spider__theme-sample{display:block;width:100%;height:2.5rem;border:1px solid var(--color-border);border-radius:.35rem}.spider__theme-sample--petroleum{background:linear-gradient(145deg,#0b4e52,#073b43)}.spider__theme-sample--classic-green{background:linear-gradient(145deg,#236447,#124431)}.spider__theme-sample--wood{background:repeating-linear-gradient(8deg,#9d673d,#9d673d 5px,#85502f 6px,#b47b4b 10px)}.spider__theme-sample--night{background:linear-gradient(145deg,#252c3b,#111827)}.spider__theme-sample--card{position:relative;background:var(--spider-card-bg)}.spider__theme-sample--modern:after,.spider__theme-sample--classic:after,.spider__theme-sample--minimal:after{display:block;padding:.25rem;color:#1e293b;content:"A♠";font-weight:800}.spider__theme-sample--classic{border:2px solid #475569;border-radius:.15rem}.spider__theme-sample--minimal{box-shadow:none}.spider__controls{flex:1 1 auto;justify-content:flex-start}.spider__difficulty{flex:0 1 16rem;align-items:center;gap:var(--space-2);color:inherit;font-weight:700}.spider__difficulty select{min-width:0;max-width:100%;padding:var(--space-2);color:var(--color-ink);background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-sm)}.spider__stats{margin:0;margin-inline-start:auto}.spider__stat{display:flex;min-width:0;align-items:baseline;gap:var(--space-2);padding:.35rem var(--space-2);color:inherit;background:#0000002e;border-radius:var(--radius-sm)}.spider__stat span{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spider__stat strong{font-size:.95rem}.spider__stat strong{color:inherit}.spider__feedback{min-height:1.6rem;margin-bottom:var(--space-2);color:#eaf5f4;font-weight:650}.spider__table{display:flex;min-height:clamp(34rem,calc(100vh - 15rem),52rem);flex-direction:column;padding:var(--space-3);background:#0000001f;border:1px solid var(--spider-table-border);border-radius:var(--radius-md)}.spider__table-top{display:flex;min-height:6.5rem;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-5)}.spider__tableau-viewport{flex:1;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;border-radius:var(--radius-md)}.spider__tableau{display:grid;min-width:46rem;grid-template-columns:repeat(10,var(--spider-card-width));width:fit-content;max-width:100%;gap:clamp(.45rem,1.2vw,.85rem);margin-inline:auto;min-height:clamp(27rem,calc(100vh - 22rem),43rem);padding:var(--space-2);touch-action:pan-y}.spider__column{position:relative;min-width:0;outline:1px dashed rgb(255 255 255 / 18%);outline-offset:-1px;border-radius:.55rem}.spider__column--drop-target{outline:3px solid #f4d35e;outline-offset:2px}.spider__column:focus-within{outline:3px solid #a7dbff;outline-offset:2px}.spider__card{position:absolute;left:0;display:flex;width:var(--spider-card-width);min-width:0;height:auto;aspect-ratio:.7;align-items:center;justify-content:center;padding:.35rem;color:#1e293b;background:var(--spider-card-bg);border:1px solid var(--spider-card-border);border-radius:var(--spider-card-radius);box-shadow:var(--spider-card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none}.spider__card--down{background:var(--spider-card-back-bg);border-color:var(--spider-card-back-border)}.spider__card--red{color:#c63d4d}.spider__card-corner{position:absolute;top:.3rem;left:.35rem;display:grid;font-size:clamp(.8rem,1.3vw,1.1rem);font-weight:800;line-height:.9}.spider__card-suit{font-size:clamp(1.5rem,3vw,2.8rem)}.spider__card--selected{z-index:4!important;outline:3px solid #f4d35e;outline-offset:-3px;box-shadow:0 0 0 5px #f4d35e52,0 4px 10px #00000052}.spider__completed{display:flex;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.spider__completed-slot{display:grid;width:clamp(2.35rem,4vw,3.6rem);aspect-ratio:.72;place-items:center;color:#d6e8e7;background:#00000024;border:1px dashed var(--spider-slot-border);border-radius:.4rem;font-size:clamp(.7rem,1.2vw,1rem);font-weight:800}.spider__completed-slot--filled{color:#1e293b;background:var(--spider-card-bg);border-style:solid;box-shadow:2px 2px #d1d5db,4px 4px #bfc8d4}.spider__stock{display:grid;min-width:6.5rem;gap:.2rem;padding:0;color:#eaf5f4;text-align:left;background:transparent;border:0;cursor:pointer}.spider__stock-label,.spider__stock-count{font-size:.75rem;font-weight:750}.spider__stock-stack{position:relative;display:block;width:4rem;height:5rem}.spider__stock-pack{position:absolute;inset:0 auto auto 0;width:3.5rem;height:4.7rem;background:var(--spider-card-back-bg);border:1px solid var(--spider-card-back-border);border-radius:.45rem;box-shadow:1px 2px 3px #00000047}.spider__stock-pack--empty{opacity:.28}.spider__stock:disabled{cursor:not-allowed}.spider__drag-preview{position:fixed;z-index:20;top:0;left:0;pointer-events:none;will-change:transform}.spider__drag-card{position:absolute;left:0;display:flex;max-width:none;box-sizing:border-box;aspect-ratio:.7;align-items:center;justify-content:center;padding:.35rem;color:#1e293b;pointer-events:none;background:var(--spider-card-bg);border:1px solid var(--spider-card-border);border-radius:var(--spider-card-radius);box-shadow:var(--spider-card-shadow)}.spider[data-table-theme=classic-green]{--spider-table-bg: linear-gradient(145deg, #236447, #124431);--spider-table-border: rgb(201 239 203 / 28%);--spider-slot-border: rgb(221 249 218 / 45%)}.spider[data-table-theme=wood]{--spider-table-bg: repeating-linear-gradient(8deg, #9d673d, #9d673d 5px, #85502f 6px, #b47b4b 10px);--spider-table-border: rgb(255 230 196 / 38%);--spider-slot-border: rgb(255 236 208 / 58%)}.spider[data-table-theme=night]{--spider-table-bg: linear-gradient(145deg, #252c3b, #111827);--spider-table-border: rgb(191 211 239 / 28%);--spider-slot-border: rgb(191 211 239 / 45%)}.spider[data-card-theme=classic]{--spider-card-bg: #fffdf7;--spider-card-border: #475569;--spider-card-radius: .18rem;--spider-card-shadow: 0 2px 4px rgb(0 0 0 / 18%);--spider-card-back-bg: repeating-linear-gradient(45deg, #f4f1e8, #f4f1e8 5px, #3158d4 6px, #3158d4 8px);--spider-card-back-border: #f4f1e8}.spider[data-card-theme=minimal]{--spider-card-bg: #ffffff;--spider-card-border: #aeb8c5;--spider-card-radius: .25rem;--spider-card-shadow: none;--spider-card-back-bg: repeating-linear-gradient(45deg, #e8edf4, #e8edf4 5px, #8293ad 6px, #8293ad 7px);--spider-card-back-border: #d7e0ec}.spider[data-card-theme=classic] .spider__card,.spider[data-card-theme=classic] .spider__drag-card{font-family:Georgia,Times New Roman,serif}.spider[data-card-theme=minimal] .spider__card-suit,.spider[data-card-theme=minimal] .spider__drag-card .spider__card-suit{font-size:clamp(1.2rem,2.4vw,2.2rem)}.spider__card--drag-source{opacity:.38}.spider__victory{position:absolute;z-index:10;inset:50% auto auto 50%;width:min(20rem,calc(100% - 2rem));padding:var(--space-5);text-align:center;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.spider__victory h2{font-size:1.75rem}@media(min-width:64rem){.game-page--spider{padding-inline:var(--space-6)}.spider__tableau{min-width:0}}@media(min-width:48rem)and (max-width:63.99rem){.spider__tableau{gap:.4rem}}@media(max-width:47.99rem){.game-page--spider{padding-inline:var(--space-3)}.spider__controls .button{flex:1 1 auto}.spider__table{min-height:clamp(34rem,calc(100vh - 10rem),48rem);padding:var(--space-2)}.spider__table-top{min-height:auto;flex-wrap:wrap;padding-bottom:var(--space-3)}.spider__toolbar,.spider__stats{align-items:stretch;margin-inline-start:0}.spider__stat{flex:1 1 auto}.spider__completed{flex:1 1 13rem}.spider__tableau-viewport:after{display:block;padding:0 var(--space-2) var(--space-2);color:#eaf5f4;content:"Deslize a grade para ver todas as colunas";font-size:.75rem}}