/* One world, inside the existing PXLS shell. */
@font-face{font-family:PXLS Pixel;src:url('/code/fonts/pxls-pixel.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
body[data-pxls-tour="260"]{overflow:hidden}
body[data-pxls-tour="260"] #pxls-world.page{position:fixed!important;inset:var(--header,72px) 0 0 var(--sidebar,280px)!important;width:auto!important;height:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;background:#315247;isolation:isolate;z-index:1;color:#fff}
#pxls-world *{box-sizing:border-box}
#pxls-world [hidden]{display:none!important}
#px-world-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none;cursor:crosshair}
#px-world-canvas:focus-visible{outline:2px solid #fff;outline-offset:-3px}
#pxls-world .px-world-heading{position:absolute;top:0;left:0;right:0;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;background:linear-gradient(#19342bd9,transparent);z-index:2}
#pxls-world h1{margin:0;font:400 12px/1.6 'PXLS Pixel',monospace;letter-spacing:0;color:#fff;text-shadow:2px 2px #19342b}
#pxls-world a{font:400 12px/1.4 Rubik,Arial,sans-serif;color:#fff;text-decoration:none;pointer-events:auto;white-space:nowrap}
#pxls-world .px-world-heading>a{border-bottom:1px solid #b7c8b080;padding:5px 0}
#px-world-targets{position:absolute;inset:0;pointer-events:none;z-index:1}
#px-world-targets button{position:absolute;border:0;border-radius:0;padding:0;background:none;cursor:pointer;pointer-events:auto;touch-action:manipulation}
#px-world-targets button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#px-world-targets button:focus-visible{outline:3px dashed #fff4b0;outline-offset:7px}
#pxls-world .px-world-footer{position:absolute;bottom:0;left:0;right:0;min-height:65px;padding:15px 24px 20px;display:flex;align-items:center;justify-content:center;gap:18px;pointer-events:none;background:linear-gradient(transparent,#19342b);z-index:2}
#px-world-hint{margin:0;max-width:560px;font:400 13px/1.5 Rubik,Arial,sans-serif;color:#f1f2e5;text-align:center;text-shadow:1px 1px #19342b}
#px-world-try{padding:8px 13px!important;background:#f4f4e8;color:#202124!important;box-shadow:3px 3px #172922;border:0;clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px,3px 3px)}
#pxls-world a:focus-visible{outline:3px solid #fff4b0;outline-offset:5px}
#pxls-world .px-world-nojs{position:absolute;inset:30% 10%;background:#202124;padding:24px;text-align:center}
@media(max-width:800px){body[data-pxls-tour="260"] #pxls-world.page{left:0!important}}
@media(max-width:560px){#pxls-world .px-world-heading{padding:16px 16px;gap:10px}#pxls-world h1{font-size:9px;max-width:190px}#pxls-world .px-world-heading>a{font-size:10px}#pxls-world .px-world-footer{padding:13px 15px 19px;gap:10px;min-height:72px}#px-world-hint{font-size:11px}#px-world-try{font-size:11px;padding:8px 10px!important}}
@media(max-height:480px){#pxls-world .px-world-heading{padding-block:10px}#pxls-world h1{font-size:9px}#pxls-world .px-world-footer{min-height:40px;padding-block:8px}#px-world-hint{font-size:11px}}