.spider-page{margin:auto;padding:22px 24px 48px;max-width:1180px!important}.spider-heading{margin:20px 0}.spider-heading h1{margin:0;font-size:clamp(34px,5vw,56px)}.spider-heading p{margin:7px 0}.spider{--card-height:124px;--strip:32px;--cream:#fff3de;--ink:#173a49;color:var(--cream);background:#153e4b;border:1px solid #50707b;border-radius:26px;overflow:hidden;box-shadow:0 16px 40px #00152455}.spider [hidden]{display:none!important}.spider button{font:inherit;min-height:44px;color:var(--cream);cursor:pointer;background:#244d59;border:1px solid #67858a;border-radius:12px;padding:9px 14px}.spider button:disabled{opacity:.5;cursor:default}.spider button:focus-visible,.spider-help summary:focus-visible{outline-offset:2px;z-index:2;outline:3px solid #ffcf73}.spider-toolbar{background:#0c2a38;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.spider-toolbar strong{color:#ffdaa2;margin-right:auto}.spider-toolbar span{color:#d0e0de;font-size:13px}.spider-scene{background:radial-gradient(at top,#38726966,#0000 75%);grid-template-columns:minmax(0,1fr) 150px;gap:24px;padding:24px 20px 20px;display:grid}.spider-table{min-width:0}.spider-columns{grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;gap:9px;display:grid}.spider-column{flex-direction:column;min-width:0;display:flex}.spider .spider-card,.spider .spider-slot{min-height:var(--card-height);height:var(--card-height);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:11px;flex-shrink:0;width:100%;padding:0;position:relative}.spider .spider-card{color:var(--ink);text-align:left;background:linear-gradient(145deg,#fffaf0,#f4e2c8);border:1px solid #e2d0b5;box-shadow:0 2px #b9aa90}.spider-card[data-red=true]{color:#ad3528}.spider-corner{white-space:nowrap;font-size:20px;font-weight:800;line-height:22px;position:absolute;top:5px;left:6px}.spider-pip{place-items:center;height:100%;padding-top:14px;font-size:42px;display:grid}.spider-column>.spider-card:not(:last-child){height:var(--strip);min-height:var(--strip);box-shadow:none;border-bottom-right-radius:0;border-bottom-left-radius:0;overflow:hidden}.spider-column>.spider-card:not(:last-child) .spider-pip{display:none}.spider .spider-hidden{background:repeating-linear-gradient(45deg,#b9dfc92b 0 5px,#0000 5px 10px),#38867d;border:2px solid #a8ccb8;height:18px!important;min-height:18px!important}.spider .spider-slot{color:#bbd1c3;background:#0a2a3655;border:2px dashed #77988b;font-size:24px}.spider-card[data-selected=true],.spider-card[aria-pressed=true]{background:#fff0bd!important;border-left:3px solid #e29332!important;border-right:3px solid #e29332!important;box-shadow:inset 0 0 0 1px #d29738!important}.spider-card[aria-pressed=true]{outline-offset:0;outline:3px solid #ffcd67}.spider-selection{color:#24414b;overflow-wrap:anywhere;background:#fff0d7;min-height:50px;padding:12px 18px;font-size:14px;line-height:1.6}.spider-status{background:#14323f;min-height:58px;margin:0;padding:12px 18px;font-size:14px;line-height:1.6}.spider-footer{background:#0c2a38;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.spider-footer span{color:#c3d5d4;margin-left:auto;font-size:11px}.spider [data-spider-next]{color:#153544;background:#ffae82;border-color:#ffd5a5;font-weight:700}.spider-companion{flex-direction:column;align-items:center;display:flex}.spider-speech{color:#234551;background:#fff0d9;border-radius:20px 20px 20px 3px;padding:14px;font:19px/1.3 Fredoka,sans-serif}.spider-companion .avatar-buddy[data-size=large] canvas{width:140px;height:175px}.spider-badge{text-align:center;color:#b8d1bb;letter-spacing:2px;border:2px solid #8aaf9a;border-radius:50%;margin-top:25px;padding:15px;font-size:13px;line-height:1.4;transform:rotate(-8deg)}.spider-help{color:#c0d3db;max-width:800px;margin:28px auto;font-size:14px;line-height:1.8}.spider-help h2{color:#fff0d9;font:25px Fredoka,sans-serif}.spider-help summary{cursor:pointer;color:#ffe0b6}.spider-help details{margin:14px 0}.spider dialog{color:#24414b;text-align:center;background:#fff3de;border:1px solid #d5bda1;border-radius:24px;width:90%;max-width:420px;margin:auto;padding:26px;position:fixed;inset:0}.spider dialog:not([open]){display:none}.spider dialog::backdrop{background:#071d30b8}.spider dialog p{line-height:1.6}.spider dialog button{margin:4px}@media (width<=800px){.spider-scene{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 12px}.spider-companion{grid-template-columns:60px 1fr;justify-items:start;gap:14px;display:grid}.spider-companion .avatar-buddy{grid-area:1/1}.spider-companion .avatar-buddy[data-size=large] canvas{width:56px;height:70px}.spider-speech{grid-area:1/2;margin:0;font-size:15px}.spider-speech br,.spider-badge{display:none}.spider{--card-height:105px}}@media (width<=480px){.spider-page{padding:14px 8px 32px}.spider-heading{padding:0 6px}.spider-heading p{font-size:13px}.spider{--card-height:76px;--strip:32px;border-radius:18px}.spider-scene{padding:18px 7px 12px}.spider-columns{gap:4px}.spider .spider-card,.spider .spider-slot{border-radius:7px}.spider-corner{letter-spacing:-.6px;font-size:16px;line-height:20px;top:4px;left:3px}.spider-pip{padding-top:18px;font-size:28px}.spider-toolbar{gap:9px;padding:12px 10px}.spider-toolbar strong{font-size:14px}.spider-toolbar span{font-size:12px}.spider-toolbar button{padding:8px 12px;font-size:13px}.spider-selection,.spider-status{padding:11px 12px;font-size:13px}.spider-footer{gap:8px;padding:12px}.spider-footer span{width:100%;margin:0}.spider-help{padding:0 6px}.spider-card[data-selected=true]{border-left-width:2px!important;border-right-width:2px!important}}@media (prefers-reduced-motion:reduce){.spider *{transition:none!important;animation:none!important}}@media (width<=480px){.spider-toolbar{gap:6px;padding:10px 8px}.spider-toolbar strong{font-size:12px}.spider-toolbar span{font-size:11px}.spider-toolbar button{padding:7px 8px;font-size:12px}.spider-heading{margin:12px 0}.spider-heading h1{font-size:32px}}.spider-stock-bar{background:#163844;border-bottom:1px solid #57796f;align-items:center;gap:14px;padding:12px 18px;display:flex}.spider-stock-bar p{color:#c9dcd6;margin:0;font-size:13px;line-height:1.5}.spider-table{padding-top:3px}.spider-toolbar strong{white-space:nowrap}@media (width<=480px){.spider-stock-bar{gap:10px;padding:10px 8px}.spider-stock-bar button{white-space:nowrap;padding:8px;font-size:12px}.spider-stock-bar p{font-size:11px}}.spider-corner{gap:2px;display:flex}.spider-removed{background:#163844;flex-wrap:wrap;gap:6px;padding:0 18px 12px;display:flex}.spider-removed span{text-align:center;color:#ffe1aa;border:1px solid #64887a;border-radius:7px;min-width:30px;padding:3px 8px;font-size:15px}.spider-columns{gap:6px}.spider-selection{max-height:180px;overflow-y:auto}.spider-stock-bar button{flex-shrink:0}.spider-heading h1{font-size:clamp(30px,4.5vw,52px)}@media (width<=800px){.spider-scene{padding:16px 8px}.spider-columns{gap:4px}.spider-corner{font-size:16px;left:3px}.spider-pip{font-size:30px}}@media (width<=480px){.spider-page{padding-left:4px;padding-right:4px}.spider-scene{padding:14px 3px 10px}.spider-columns{gap:2px}.spider-corner{letter-spacing:0;flex-direction:column;gap:0;font-size:14px;line-height:14px;display:flex;top:1px;left:1px}.spider-pip{padding-top:24px;font-size:22px}.spider .spider-card,.spider .spider-slot{border-radius:5px}.spider-card[data-selected=true]{border-left-width:1px!important;border-right-width:1px!important}.spider-stock-bar{align-items:flex-start}.spider-stock-bar button{padding:8px 6px;font-size:11px}.spider-removed{gap:4px;padding:0 8px 10px}.spider-removed span{min-width:24px;padding:2px 5px;font-size:13px}.spider-heading h1{font-size:29px}.spider-toolbar{gap:5px}.spider-toolbar button{padding:7px 6px}}