.gspider-board{--cw:44px;--ch:64px;--cf:15px;--gap:6px;touch-action:manipulation;-webkit-user-select:none;user-select:none;--hw:28px;--hh:41px;width:100%;margin:0 auto;position:relative}.gspider-head{min-height:var(--hh);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.gspider-done{align-items:center;min-width:0;display:flex}.gspider-slot8{box-sizing:border-box;width:var(--hw);height:var(--hh);border-radius:calc(var(--hw) * .12);border:1.5px dashed #ffffff61;flex:none;position:relative}.gspider-slot8+.gspider-slot8{margin-left:calc(var(--hw) * -.42)}.gspider-slot8.is-on{border:0}.gspider-kmini{box-sizing:border-box;border-radius:calc(var(--hw) * .12);background:var(--ck-face);border:1.5px solid #2b2420;display:block;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 2px #2b2420cc}.gspider-kmini.is-black{color:var(--ck-black)}.gspider-kmini.is-red{color:var(--ck-red)}.gspider-done-label{color:var(--text-3);white-space:nowrap;margin-left:8px;font-size:12px}.gspider-stock{cursor:pointer;border-radius:6px;align-items:center;gap:8px;display:flex;position:relative}.gspider-stock.is-empty{cursor:default}.gspider-stock-n{white-space:nowrap;color:#fff;background:#00000052;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.gspider-stock.is-empty .gspider-stock-n{color:#fff9;background:0 0;font-weight:400}.gspider-pile{height:var(--hh);min-width:var(--hw);display:block;position:relative}.gspider-stock.is-empty .gspider-pile{box-sizing:border-box;border-radius:calc(var(--hw) * .12);border:1.5px dashed #ffffff4d;width:var(--hw)!important}.gspider-mini{box-sizing:border-box;width:var(--hw);height:var(--hh);border-radius:calc(var(--hw) * .12);background:var(--ck-back-img);border:1.5px solid #2b2420;position:absolute;top:0;box-shadow:0 2px #2b2420cc}.gspider-stock:not(.is-empty):hover .gspider-pile{transform:translateY(-2px)}.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}.gspider-card.is-fly{z-index:70;pointer-events:none}.gspider-col.is-can{border-radius:6px;box-shadow:0 0 0 2px #ffd54f99}.gspider-col.is-can:before{border-color:#ffd54fcc}.gspider-board.is-narrow .gspider-card:not(:last-child)>.gspider-card-c{display:none}.gspider>.g-status:not([class~=gdv-note]){margin-top:22px}.gspider-stats{z-index:90;box-sizing:border-box;color:#2b2420;cursor:default;background:#fffaf0;border:3px solid #2b2420;border-radius:12px;width:max-content;max-width:calc(100% - 8px);padding:12px 14px 10px;font-size:13px;position:absolute;top:8px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 4px #2b2420,0 10px 24px #0000004d}.gspider-stats[hidden]{display:none}.gspider-stats-h{margin:0 26px 8px 0;font-size:15px;font-weight:800}.gspider-stats table{border-collapse:collapse}.gspider-stats th,.gspider-stats td{text-align:center;white-space:nowrap;border-bottom:1px solid #2b24201f;padding:4px 8px}.gspider-stats tr>th:first-child{text-align:left}.gspider-stats tr:first-child th{color:#6b5f55;font-weight:600}.gspider-stats tr.is-cur{background:#ffd54f59}.gspider-stats-note{color:#6b5f55;white-space:normal;max-width:34em;margin:8px 0 0;font-size:12px}.gspider-stats-x{cursor:pointer;color:#2b2420;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:20px;line-height:1;position:absolute;top:6px;right:6px}@media (max-width:720px){.gspider-board{--gap:2px}.gspider-done-label{margin-left:5px;font-size:11px}.gspider-stock-n{padding:2px 6px;font-size:11px}.gspider>.g-status:not([class~=gdv-note]){font-size:12px}.gspider-stats{padding:10px 8px 8px;font-size:12px}.gspider-stats th,.gspider-stats td{padding:3px 4px}.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:min(calc(var(--cf) * 2.2), calc(var(--cw) * .62), calc(var(--ch) * .44));opacity:.92;pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute}.gspider-card-c.is-ace{font-size:min(calc(var(--cf) * 2.8), calc(var(--cw) * .72), calc(var(--ch) * .46))}.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:min(calc(var(--cf) * 2), calc(var(--cw) * .55), calc(var(--ch) * .32));line-height:1}.gspider-card-c.is-face i{font-style:normal;font-size:min(calc(var(--cf) * 1.1), calc(var(--cw) * .34), calc(var(--ch) * .2));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-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}}.gspider-prog{gap:3px;margin-left:8px;display:inline-flex}.gspider-prog>i{background:#ffffff38;border-radius:3px;width:12px;height:6px}.gspider-prog>i.is-on{background:#ffd54f;box-shadow:0 0 6px #ffd54fb3}@media (max-width:720px){.gspider-prog{display:none}}.gspider-card.is-coach{z-index:5;animation:1.1s ease-in-out infinite gspider-coach}.gspider-col.is-coach-slot:before{border:2px solid #ffd54f}.gspider-col.is-coach-slot>.gspider-card:last-child{box-shadow:0 0 0 2px #ffd54fd9,0 2px 8px #00000038}@keyframes gspider-coach{0%,to{box-shadow:0 0 0 2px #ffd54f,0 0 #ffd54fb3}50%{box-shadow:0 0 0 3px #ffd54f,0 0 14px 6px #ffd54f8c}}.gspider-card.is-no{animation:.28s ease-in-out gspider-no}@keyframes gspider-no{0%,to{margin-left:0}25%{margin-left:-4px}75%{margin-left:4px}}.gspider-stock.is-nudge .gspider-stock-n{animation:1.2s ease-in-out infinite gspider-nudge}.gspider-stock.is-nudge .gspider-pile{animation:1.2s ease-in-out infinite gspider-lift}@keyframes gspider-nudge{0%,to{color:#fff;background:#00000052}50%{color:#2b2420;background:#ffd54f}}@keyframes gspider-lift{0%,to{transform:none}50%{transform:translateY(-3px)}}.gspider-stuck{z-index:28;box-sizing:border-box;color:#2b2420;cursor:default;background:#fffaf0;border:3px solid #2b2420;border-radius:14px;width:max-content;max-width:calc(100% - 16px);padding:12px 34px 12px 14px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px #2b2420,0 10px 24px #00000059}.gspider-stuck[hidden]{display:none}.gspider-stuck-h{margin:0 0 4px;font-size:16px;font-weight:800}.gspider-stuck-sub{text-align:left;color:#5a4e44;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto 10px 0;font-size:13px;line-height:1.5}.gspider-stuck-btns{flex-wrap:wrap;gap:8px;display:flex}.gspider-stuck-x{cursor:pointer;color:#2b2420;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:20px;line-height:1;position:absolute;top:4px;right:4px}.gspider-toast{z-index:27;white-space:nowrap;color:#ffd54f;pointer-events:none;background:#2b2420e0;border-radius:999px;max-width:calc(100% - 24px);padding:8px 18px;font-size:18px;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000059}.gspider-toast[hidden]{display:none}.gspider-toast.is-on{animation:1.6s ease-out both gspider-toast}@keyframes gspider-toast{0%{opacity:0;transform:translate(-50%,-20%)scale(.8)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}24%{transform:translate(-50%,-50%)scale(1)}78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-110%)scale(1)}}@media (max-width:720px){.gspider-stuck{padding:10px 30px 10px 10px;bottom:6px}.gspider-stuck-h{font-size:15px}.gspider-stuck-sub{font-size:12px}.gspider-toast{padding:6px 14px;font-size:15px}}@media (prefers-reduced-motion:reduce){.gspider-card.is-coach,.gspider-card.is-no,.gspider-toast.is-on,.gspider-stock.is-nudge .gspider-stock-n,.gspider-stock.is-nudge .gspider-pile{animation:none}.gspider-card.is-coach{box-shadow:0 0 0 3px #ffd54f}.gspider-stock.is-nudge .gspider-stock-n{color:#2b2420;background:#ffd54f}}.gspider-modes{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 auto 4px;display:flex}.gspider-modes .gspider-mbtn.is-on{color:#fff;background:#2b2420;border-color:#2b2420}@media (max-width:420px){.gspider-modes{gap:5px}.gspider-modes .g-btn-sm{padding-left:8px;padding-right:8px}}@media (max-height:500px) and (orientation:landscape){.gspider:not([data-net="1"])>.gspider-modes{display:none}}.gspider-race-info{text-align:left;width:-moz-fit-content;width:fit-content;max-width:100%;color:inherit;margin:0 auto 2px;font-size:13px;font-weight:700}.gspider-race-info[hidden]{display:none}.gspider-race-cd{z-index:30;pointer-events:none;font:900 clamp(56px, 14vw, 120px)/1 var(--font);color:#fff;text-shadow:0 4px #2b2420,0 0 18px #2b242099;-webkit-text-stroke:3px #2b2420;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gspider-race-cd[hidden]{display:none}.gspider-board:has(>.duo-layer:not([hidden]))>:-webkit-any(.gspider-head,.gspider-tab){display:none}.gspider-board:has(>.duo-layer:not([hidden]))>:-moz-any(.gspider-head,.gspider-tab){display:none}.gspider-board:has(>.duo-layer:not([hidden]))>:is(.gspider-head,.gspider-tab){display:none}.gspider-board>.g-overlay.duo-layer.g-pop-cover:not([hidden]){background:0 0;min-height:220px;position:relative;top:auto;bottom:auto;left:auto;right:auto}.gspider.is-classic{--ck-face:#fff;--ck-edge:#000;--ck-red:#e00000;--ck-black:#000;--ck-back-a:#1b3c9e;--ck-back-b:#ffffff4d;--ck-back-edge:#000;--ck-back-img:repeating-linear-gradient(45deg, transparent 0 3px, #ffffff4d 3px 4px), repeating-linear-gradient(-45deg, transparent 0 3px, #ffffff4d 3px 4px), #1b3c9e}.gspider.is-classic .gspider-board:before{box-shadow:none;background:green;border:2px solid #004d00;border-radius:4px}.gspider.is-classic .gspider-board:after{display:none}:where(.gspider.is-classic) .gspider-card{box-shadow:none;border-radius:3px;font-family:Tahoma,Verdana,Microsoft YaHei,sans-serif}.gspider.is-classic .gspider-card.is-back{box-shadow:inset 0 0 0 2px #fff}.gspider.is-classic .gspider-card.is-sel{box-shadow:0 0 0 2px #ff0}.gspider.is-classic .gspider-mini,.gspider.is-classic .gspider-kmini{box-shadow:none;border:1px solid #000;border-radius:2px}.gspider.is-classic .gspider-mini{box-shadow:inset 0 0 0 2px #fff}:where(.gspider.is-classic) .gspider-col:before{border:1px solid #00000073;border-radius:3px}.gspider.is-classic .gspider-slot8:not(.is-on){border:1px solid #00000073;border-radius:2px}