.switch-step-slot{--px:3px;z-index:1;color:#fff;text-shadow:2px 2px #000;border:var(--px) solid #8b8b8b;width:56px;height:56px;box-shadow:0 0 0 var(--px) #000, inset var(--px) var(--px) 0 #1b1c26, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #3b3e4f;background:#2b2d3a;place-items:center;font-family:Monocraft,monospace;font-size:22px;display:grid;position:relative}.switch-step-path{background:repeating-linear-gradient(to bottom, var(--edge-2) 0 6px, transparent 6px 12px)}.switch-item-slot{--px:4px;border:var(--px) solid #fff;width:88px;height:88px;box-shadow:0 0 0 var(--px) #000, inset var(--px) var(--px) 0 #1b1c26;background:#2b2d3a;flex-shrink:0;place-items:center;display:grid;position:relative}.switch-item-slot img{object-fit:contain;filter:drop-shadow(3px 3px #0009);width:70%;height:70%}.switch-item-count{color:#fff;text-shadow:3px 3px #3f3f3f;font-family:Monocraft,monospace;font-size:20px;line-height:1;position:absolute;bottom:2px;right:6px}.switch-tooltip{--px:2px;padding:calc(var(--px) * 6) calc(var(--px) * 8);letter-spacing:0;color:#fff;text-shadow:var(--px) var(--px) 0 #3f3f3f;box-shadow:0 0 0 var(--px) #100010f2;background:#100010f2;font-family:Monocraft,monospace;font-size:13px;line-height:1.7;position:relative}.switch-tooltip:before{content:"";inset:var(--px);border:var(--px) solid transparent;pointer-events:none;border-image:linear-gradient(#5000ff8c,#28007f8c) 1;position:absolute}.switch-tooltip [data-tone=name]{color:#fa0;text-shadow:var(--px) var(--px) 0 #3f2a00;font-size:15px}.switch-tooltip [data-tone=lore]{color:#aaa;text-shadow:var(--px) var(--px) 0 #2a2a2a}.switch-tooltip [data-tone=good]{color:#5f5;text-shadow:var(--px) var(--px) 0 #153f15}.switch-tooltip [data-tone=bound]{color:#5ff;text-shadow:var(--px) var(--px) 0 #153f3f}.switch-book{border:2px solid #5a4526;border-radius:6px;display:grid;overflow:hidden;box-shadow:0 18px 40px #00000080}@media (min-width:768px){.switch-book{grid-template-columns:1fr 1fr}}.switch-book-page{color:#241d12;background:linear-gradient(165deg,#f8f0da 0%,#efe2bd 55%,#e5d3a9 100%);padding:24px;font-family:Monocraft,monospace;position:relative;box-shadow:inset 0 0 0 1px #fff6,inset 0 0 24px #785a2829}@media (min-width:768px){.switch-book-page:after{content:"";pointer-events:none;width:24px;position:absolute;inset-block:0}.switch-book-page[data-side=left]{border-right:1px solid #b59c6b}.switch-book-page[data-side=left]:after{background:linear-gradient(270deg,#00000026,#0000);right:0}.switch-book-page[data-side=right]:after{background:linear-gradient(90deg,#00000026,#0000);left:0}}.switch-book [data-ink=laby]{color:#a00}.switch-book [data-ink=faded]{color:#8a7a60}