@font-face{font-family:MQStopBoatsRetro;src:url(/assets/arcade/stop-the-boats/preview-v01/Jersey10-Regular.ttf);font-display:swap}@font-face{font-family:MQStopBoatsArcade;src:url(/assets/arcade/stop-the-boats/preview-v01/PressStart2P-Regular.ttf);font-display:swap}.stb-preview{position:relative;isolation:isolate;overflow:auto;width:100%;max-width:540px;height:100dvh;min-height:420px;margin:auto;background:#101c2a;color:#ecedf0;font:24px/1.1 MQStopBoatsRetro,monospace;text-align:center;touch-action:manipulation}.stb-preview,.stb-preview *{box-sizing:border-box}.stb-preview [hidden]{display:none!important}.stb-art{inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.stb-art,.stb-sr{position:absolute}.stb-sr{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stb-preview a,.stb-preview button{font:inherit;color:inherit;min-height:44px;border:0;background:transparent;text-decoration:none;cursor:pointer;text-shadow:2px 2px #122031}.stb-preview a:focus-visible,.stb-preview button:focus-visible{outline:2px solid #fff;outline-offset:3px}.stb-preview button:disabled{opacity:.45;cursor:default}.stb-start{position:absolute;inset:0;display:grid;place-items:center;background:#03081099}.stb-start button{width:190px;height:78px;border:2px solid #b1af96;background:#142330;font-size:38px}.stb-home{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(transparent 50%,#08111dda)}.stb-credit,.stb-small{font:7px/1.8 MQStopBoatsArcade,monospace;color:#b9c9d7}.stb-credit{margin-top:15px}.stb-home nav{padding:12px 30px 18px;display:grid;gap:0;margin-top:auto}.stb-home nav a{font-size:19px;display:grid;place-items:center}.stb-home nav .stb-small{min-height:30px}.stb-preview .stb-primary{background:linear-gradient(90deg,transparent,#6d293fbb,transparent);border-top:1px solid #b85d6977;border-bottom:1px solid #121c2c;font-size:32px}.stb-panel{position:relative;min-height:100%;padding:20px 25px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(at 50% 35%,#172b3a,#0c1520);gap:7px}.stb-panel h2{font-size:34px;margin:8px 0}.stb-panel p{margin:5px 0}.stb-speaker{display:block;width:90%;max-width:300px;max-height:160px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;margin:12px auto}.stb-tracks{border-top:1px solid #73818f77;border-bottom:1px solid #73818f77}.stb-tracks button{width:100%;min-height:48px;text-align:left;border-bottom:1px solid #7d819e33;font-size:27px}.stb-tracks span{font:8px MQStopBoatsArcade,monospace;color:#a3b8cd;margin-right:8px}.stb-tracks button[aria-pressed=true]{background:linear-gradient(90deg,#a038514c,transparent);box-shadow:inset 3px 0 #e06776}.stb-status{min-height:32px;display:grid;place-items:center}.stb-preview .stb-small{font-size:6px}.stb-panel [data-action=back]{margin-top:4px}@media(max-height:650px){.stb-panel{padding:12px 20px;gap:3px}.stb-panel h2{font-size:30px}.stb-speaker{max-height:100px;margin:5px auto}.stb-home nav{padding-bottom:10px}.stb-home nav button{min-height:36px}.stb-home nav .stb-primary{min-height:44px}}@media(prefers-reduced-motion:reduce){.stb-preview *{scroll-behavior:auto}}