.gspider-board{--cw:44px;--ch:64px;--cf:15px;--gap:6px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;margin:0 auto;position:relative}.gspider-head{justify-content:space-between;align-items:center;gap:10px;min-height:26px;margin-bottom:10px;display:flex}.gspider-done{align-items:center;gap:5px;display:flex}.gspider-dot{background:0 0;border:1px solid #00000040;border-radius:2px;width:12px;height:16px}.gspider-dot.is-on{background:var(--brand);border-color:var(--brand-dark)}.gspider-done-label{color:var(--text-3);margin-left:4px;font-size:12px}.gspider-stock{cursor:pointer;width:62px;height:26px;position:relative}.gspider-stock.is-empty{cursor:default}.gspider-mini{border:1px solid var(--ck-back-edge);background:var(--ck-back-img);border-radius:3px;width:18px;height:26px;position:absolute;top:0}.gspider-stock.is-hint-slot{border-radius:4px;box-shadow:0 0 0 2px #2e7d32}.gspider-tab{grid-template-columns:repeat(10, var(--cw));gap:var(--gap);justify-content:center;display:grid}.gspider-col{min-height:var(--ch);border-radius:5px;position:relative}.gspider-col:before{content:"";width:var(--cw);height:var(--ch);border:1px dashed #00000038;border-radius:5px;position:absolute;top:0;left:0}.gspider-card{width:var(--cw);height:var(--ch);box-sizing:border-box;padding-top:calc(var(--ch) * .04);border:1px solid var(--ck-edge);background:var(--ck-face);font:700 var(--cf) / 1.05 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;border-radius:5px;justify-content:center;align-items:flex-start;gap:1px;display:flex;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0000002e}.gspider-card.is-black{color:var(--ck-black)}.gspider-card.is-red{color:var(--ck-red)}.gspider-card.is-back{background:var(--ck-back-img);border-color:var(--ck-back-edge);cursor:default}.gspider-card.is-sel{box-shadow:0 0 0 2px var(--brand), 0 2px 8px #00000047}.gspider-card.is-drag{z-index:60;pointer-events:none;box-shadow:0 8px 20px #00000059}@media (max-width:720px){.gspider-board{--gap:2px}.gspider-dot{width:9px;height:13px}.gspider-done{gap:3px}.gspider-done-label{font-size:11px}.gspider .g-bar{gap:6px}.gspider .g-stat{min-width:50px;padding:4px 8px}.gspider .g-btn{padding:6px 10px;font-size:13px}}.gspider-card-c{left:0;right:0;top:calc(var(--ch) * .34);bottom:calc(var(--ch) * .06);font-weight:400;font-size:calc(var(--cf) * 2.2);opacity:.92;pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute}.gspider-card-c.is-ace{font-size:calc(var(--cf) * 2.8)}.gspider-card-c.is-face{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.gspider-card-c.is-face b{font-weight:700;font-size:calc(var(--cf) * 2);line-height:1}.gspider-card-c.is-face i{font-style:normal;font-size:calc(var(--cf) * 1.1);line-height:1}.gspider-board{isolation:isolate;margin-top:20px}.gspider-board:before,.gspider-board:after{content:"";z-index:-1;pointer-events:none;border-radius:16px;position:absolute;top:-8px;bottom:-12px;left:-12px;right:-12px}.gspider-board:before{background:radial-gradient(ellipse at 50% 45%, #ffffff1f, transparent 60%), radial-gradient(ellipse at 50% 50%, transparent 40%, #00000073 100%), var(--tbl-felt-green) 0 0 / var(--tbl-felt-size) auto, radial-gradient(ellipse at 50% 50%, #2f8a5a 35%, #185c3a 100%);border:3px solid #2b2420;box-shadow:inset 0 3px 10px #0000004d,0 4px #2b2420}.gspider-board:after{opacity:.28;background:var(--tbl-felt-green-b) 131px 67px / var(--tbl-felt-size-b) auto;border-radius:13px;top:-5px;bottom:-9px;left:-9px;right:-9px}.gspider-done-label{color:#ffffffd1}.gspider-dot{border-color:#ffffff73}.gspider-col:before{border-color:#ffffff4d}.gspider-col.is-hint-slot:before{border:2px solid #ffd54f}.gspider-card.is-hint{box-shadow:0 0 0 2px #ffd54f,0 2px 8px #00000038}.gspider-stock.is-hint-slot{box-shadow:0 0 0 2px #ffd54f}@media (max-width:720px){.gspider-board:before,.gspider-board:after{border-radius:12px;top:-6px;bottom:-8px;left:-7px;right:-7px}.gspider-board:after{border-radius:9px;top:-3px;bottom:-5px;left:-4px;right:-4px}}