.skybridge-map{position:relative;width:min(360px,100%);aspect-ratio:1;margin:26px auto;background:radial-gradient(ellipse,#384f7aed,#27385eeb);border:4px solid #e4d4a8;border-radius:30px;box-shadow:0 7px 0 #8c759e,0 10px 25px #19243c55}.skybridge-map>svg{position:absolute;inset:0;width:100%;height:100%}.skybridge-map path{fill:none;stroke:#d3d7e6;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 2}.skybridge-map path.lit{stroke:#ffdc73;stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 2px #ffe99f)}.skybridge-map button{position:absolute;transform:translate(-50%,-50%);width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;padding:3px!important;border:2px solid #fff1c9!important;background:#f8e0a6!important;box-shadow:0 4px 0 #9a7e66!important;color:#33284c!important}.skybridge-map button>b{position:absolute;inset:8px 0 0;font-size:18px;color:#33284c;text-shadow:0 1px #fff}.skybridge-map button.current{outline:4px solid #ffde65;outline-offset:4px}.skybridge-map button:hover{transform:translate(-50%,-50%) scale(1.04)!important}.skybridge-map button:focus-visible{outline:4px solid #fff!important;outline-offset:5px!important}.skybridge-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.skybridge-readout{border:2px solid #fff3d1;background:#fff5dfef;box-shadow:0 4px 0 #c4aa7c;padding:10px 15px;border-radius:20px;color:#42304e;text-align:center;overflow-wrap:anywhere;margin:15px auto;max-width:560px}.skybridge-readout b{display:inline-block}.skybridge-samples{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:17px 0}.skybridge-samples>span{display:grid;grid-template-columns:auto auto auto;align-items:center;text-align:center;gap:4px;padding:9px 12px;border:3px solid #fff0d1;border-radius:20px;background:linear-gradient(#fff8e5,#e8d0a0);color:#42304e;box-shadow:0 5px 0 #b59870}.skybridge-samples small:first-child{grid-column:1}.skybridge-samples b{font-size:27px}.skybridge-samples i{font-size:24px;font-style:normal}.skybridge-samples small:last-child{grid-column:3;grid-row:1}.skybridge-machine{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(145deg,#ece6fbef,#bcd7deee);border:4px solid #fff5dc;border-radius:30px;box-shadow:0 7px 0 #7d9eaf;padding:15px;margin:auto;max-width:520px}.skybridge-machine>p{font-size:14px;color:#42304e;text-align:center;margin:0;flex-basis:100%}.skybridge-gears{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}.skybridge-gear{display:flex;flex-direction:column;align-items:center;background:#fff6da;border:3px solid #b9a2ca;border-radius:22px;padding:8px 12px;color:#42304e}.skybridge-gear>strong{font-size:30px}.skybridge-gear>div{display:flex;gap:9px}.skybridge-gear button{min-width:44px!important;min-height:44px!important;border-radius:50%!important;background:#d9caeb!important;border:2px solid #fff!important;color:#42304e!important;font-size:23px!important;box-shadow:0 4px 0 #9d88b4!important}.skybridge-word-key{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;color:#42304e}.skybridge-word-key span{background:#fff2d4;border:2px solid #d5bc92;border-radius:14px;padding:7px;font-weight:700}.skybridge-stories{display:grid;gap:17px;margin:20px auto;max-width:570px}.skybridge-story{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:linear-gradient(125deg,#fff7dfef,#ddd0e9ed);border:3px solid #fff8e7;border-radius:25px;box-shadow:0 6px 0 #ae91bf;padding:10px;color:#42304e}.skybridge-story>div{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:8px}.skybridge-story p{font-size:20px;margin:0;text-align:center}.skybridge-story button{font-size:23px!important;min-width:110px;min-height:48px}.skybridge-gear button:focus-visible{outline:4px solid #33284c!important;outline-offset:4px}@media(max-width:420px){.skybridge-map{margin:23px auto}.skybridge-machine{padding:10px 6px;gap:6px}.skybridge-samples>span{padding:6px 8px}.skybridge-story p{font-size:19px}}@media(forced-colors:active){.skybridge-map path{stroke:CanvasText}.skybridge-map path.lit{stroke:Highlight}.skybridge-map button.current{outline-color:Highlight}.skybridge-map button:focus-visible{outline-color:Highlight!important}.skybridge-machine,.skybridge-story,.skybridge-map{border:2px solid CanvasText}}

.skybridge-samples>span{display:flex;gap:10px}.skybridge-samples>span>span{display:flex;flex-direction:column;align-items:center}.skybridge-samples>span small{font-size:13px}
.skybridge-story button{border-radius:22px!important;border:3px solid #fff9e9!important;background:linear-gradient(#f3e6ff,#dcc2f0)!important;box-shadow:0 5px 0 #9b79b3!important;color:#422955!important;padding:8px 18px!important}.skybridge-story button:focus-visible{outline:4px solid #33284c!important;outline-offset:4px!important}