:root{
  --ink:#071417;--panel:#0b1d20;--panel-2:#10272a;--paper:#f4f6f3;
  --white:#f8fbf8;--muted:#a8b9b7;--line:#244448;--teal:#20d6c7;
  --coral:#ff6b4a;--gold:#e8b84a;--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--white);letter-spacing:0}
button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit}
#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;background:#0c2927}
.skip-link{position:fixed;left:12px;top:-60px;background:#fff;color:#111;padding:10px;z-index:100}.skip-link:focus{top:12px}
.topbar{position:fixed;z-index:20;left:0;right:0;top:0;height:68px;display:flex;align-items:center;gap:20px;padding:0 24px;background:rgba(7,20,23,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:220px}.brand-mark{display:grid;place-items:center;width:46px;height:38px;border:1px solid var(--teal);color:var(--teal);font-weight:900;font-size:13px}.brand b,.brand small{display:block}.brand b{font-size:13px}.brand small{font-size:10px;color:var(--muted);margin-top:2px;text-transform:uppercase}
.topbar nav{display:flex;gap:3px;flex:1;justify-content:center}.topbar nav button,.topbar nav .world-link,.bag-button,.icon-button,.footer-bar button,.site-tabs button{border:0;background:transparent;color:#dfe8e7;padding:10px 13px;font-weight:750;text-decoration:none}.topbar nav button:hover,.topbar nav button.active,.topbar nav .world-link:hover{color:#fff;background:#143438}.topbar nav .world-link{color:var(--teal)}.bag-button{border:1px solid var(--line);white-space:nowrap}.bag-button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;background:var(--coral);color:#071417}.icon-button{display:none;font-size:24px}
.intro{position:fixed;z-index:40;left:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%);width:min(690px,calc(100% - 40px));padding:42px 46px;background:rgba(7,20,23,.97);border:1px solid var(--line);border-left:5px solid var(--teal);box-shadow:0 30px 90px rgba(0,0,0,.46)}.intro.hidden{display:none}body:not(.entered) #world{filter:brightness(.5) saturate(.72)}body:not(.entered) .world-info,body:not(.entered) #mobile-controls{display:none}
.eyebrow,.world-info>p:first-child{font-size:11px;font-weight:900;color:var(--teal);letter-spacing:1.5px;text-transform:uppercase}.intro h1{font-size:clamp(42px,6.4vw,78px);line-height:.98;margin:14px 0 20px;max-width:620px}.intro p{font-size:18px;line-height:1.58;color:#d5e0df;max-width:620px}.intro small{display:block;color:#8fa5a3;margin-top:18px;line-height:1.5}.intro-actions{display:flex;gap:10px;margin-top:26px}
.primary,.secondary,.text-action,.interact-button,.run-button{border:0;padding:13px 18px;font-weight:850}.primary{background:var(--coral);color:#071417}.primary:hover{background:#ff876c}.secondary{background:var(--white);color:#071417}.text-action{padding:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:5px}
.world-info{position:fixed;z-index:12;left:24px;bottom:72px;width:min(400px,calc(100% - 48px));padding:17px 19px;background:rgba(7,20,23,.9);border-left:4px solid var(--teal);backdrop-filter:blur(12px);transition:opacity .2s}.world-info h2{margin:3px 0 8px;font-size:24px}.world-info p{margin:0 0 9px;color:#d5e0df;line-height:1.42}
.prompt{position:fixed;z-index:15;left:50%;bottom:84px;transform:translateX(-50%) translateY(20px);display:flex;align-items:center;gap:9px;padding:10px 14px;background:rgba(7,20,23,.96);border:1px solid var(--teal);opacity:0;pointer-events:none;transition:.18s}.prompt.visible{opacity:1;transform:translateX(-50%) translateY(0)}kbd{padding:3px 7px;background:var(--teal);color:#071417;font-weight:900}
.toast{position:fixed;z-index:60;top:82px;left:50%;transform:translate(-50%,-18px);background:var(--white);color:#071417;padding:12px 18px;opacity:0;pointer-events:none;transition:.2s;font-weight:800}.toast.visible{opacity:1;transform:translate(-50%,0)}
.media-room{position:fixed;z-index:35;left:50%;top:82px;transform:translateX(-50%);width:min(1080px,calc(100% - 40px));max-height:calc(100vh - 150px);overflow:auto;background:rgba(4,12,16,.97);border:1px solid #31575e;box-shadow:0 30px 90px rgba(0,0,0,.62);display:none}.media-room.open{display:block}.media-room.minimised{width:min(460px,calc(100% - 24px));left:auto;right:12px;top:auto;bottom:58px;transform:none}.media-room.minimised .webcam-console,.media-room.minimised .radio-console{display:none}.media-room-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#0a1a20;border-bottom:1px solid #31575e}.media-room-header p{margin:0 0 3px;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:1.2px}.media-room-header h2{margin:0;font-size:20px}.media-room-actions{display:flex;gap:7px}.media-room-actions button,.scanner-controls button,.media-selector button,.scanner-presets button{border:1px solid #31575e;background:#10262d;color:#edfafa;padding:9px 12px;font-weight:800}.media-room-actions button:hover,.scanner-controls button:hover,.media-selector button:hover,.scanner-presets button:hover,.media-selector button.active,.scanner-presets button.active{border-color:var(--teal);background:#123d40;color:#fff}.media-room-actions #media-close{font-size:22px;line-height:1;padding:6px 11px}.webcam-console,.radio-console{padding:13px}.media-selector,.scanner-presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.webcam-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.webcam-tile{position:relative;min-width:0;background:#020609;border:1px solid #284a51;overflow:hidden;aspect-ratio:16/9}.webcam-tile iframe{display:block;width:100%;height:100%;border:0}.webcam-tile button{position:absolute;z-index:1;left:7px;right:7px;bottom:7px;padding:8px;border:1px solid rgba(69,240,200,.6);background:rgba(3,13,17,.82);color:#fff;font-weight:800;text-align:left}.webcam-tile button small{display:block;color:#a8c5c4;font-weight:500}.webcam-tile.selected{outline:2px solid var(--teal);outline-offset:-2px}.media-disclaimer{margin:11px 0 0;color:#9eb2b5;font-size:11px;line-height:1.45}.scanner-display{padding:18px;border:1px solid #315daf;background:#061020;box-shadow:inset 0 0 35px rgba(49,93,175,.22);display:grid;gap:6px}.scanner-display span{color:#79aaff;font-size:11px;font-weight:900;letter-spacing:1.6px}.scanner-display strong{font-family:Consolas,monospace;color:#9fc2ff;font-size:clamp(32px,6vw,64px);line-height:1}.scanner-display b{font-size:18px}.scanner-display small{color:#a9bed9}.scanner-meter{display:flex;align-items:end;gap:4px;height:30px;margin-top:8px}.scanner-meter i{width:10px;height:7px;background:#284064}.radio-console.playing .scanner-meter i{animation:scanner-meter .7s ease-in-out infinite alternate}.scanner-meter i:nth-child(2n){animation-delay:-.25s}.scanner-meter i:nth-child(3n){animation-delay:-.5s}@keyframes scanner-meter{to{height:28px;background:#4a8dff}}.scanner-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;margin:12px 0}.scanner-controls button{min-height:46px}.scanner-source{display:inline-block;margin-top:4px;color:#9fc2ff;font-weight:800}.radio-console.error .scanner-display{border-color:#ff6b4a}.radio-console.error #scanner-status{color:#ff8f78}
.footer-bar{position:fixed;z-index:14;left:0;right:0;bottom:0;min-height:46px;padding:0 24px var(--safe-bottom);display:flex;align-items:center;gap:10px;background:rgba(7,20,23,.95);border-top:1px solid var(--line);font-size:12px}.footer-bar span{flex:1;color:#b9c8c6}.footer-bar button{padding:7px 9px}.footer-bar button:hover{background:#143438}
.side-panel,.site-panel{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(500px,100%);padding:88px 32px 35px;background:var(--paper);color:var(--ink);transform:translateX(105%);transition:transform .24s ease;overflow:auto;box-shadow:-24px 0 70px rgba(0,0,0,.34)}.side-panel.open,.site-panel.open{transform:translateX(0)}.site-panel{width:min(780px,100%)}
.close-panel{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;background:var(--ink);color:#fff;font-size:27px}.side-panel h2,.site-panel h2{font-size:38px;margin:8px 0 20px}.side-panel .eyebrow,.site-panel .eyebrow{color:#087e74}.side-panel p,.site-panel p{line-height:1.62}.side-panel .primary{width:100%;margin-top:18px}.detail-price{font-size:30px;font-weight:900}
.detail-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c6d0cd;border-bottom:1px solid #c6d0cd;margin:20px 0}.detail-meta span{padding:13px 0}.bag-items{border-top:1px solid #c6d0cd}.bag-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #c6d0cd}.bag-item button{border:0;background:transparent;text-decoration:underline}.bag-total{display:flex;justify-content:space-between;font-size:18px}
.site-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:24px}.site-tabs button{background:#e0e8e5;color:#071417}.site-tabs button.active{background:#0a7169;color:#fff}.standard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.standard-item{padding:18px;border:1px solid #bdcac7}.standard-item h3{margin-top:0}.contact-panel form{display:grid;gap:14px}.contact-panel label{display:grid;gap:6px;font-weight:800}.contact-panel input,.contact-panel select,.contact-panel textarea{width:100%;padding:12px;border:1px solid #829692;background:#fff;color:#071417}.contact-panel textarea{resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}
.mobile-controls{display:none}.flight-button{display:none}.noscript{position:fixed;z-index:99;inset:80px 20px auto;background:#fff;color:#111;padding:20px}.product-swatches{display:flex;gap:9px;margin:12px 0}.product-swatches i{width:26px;height:26px;border:2px solid #fff;box-shadow:0 0 0 1px #777}.demo-note{padding:14px;border-left:3px solid var(--coral);background:#e5ece9}.contact-link{display:inline-block;margin-top:12px;color:#087e74;font-weight:800}.loading{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:#071417;color:#fff}.loading.hidden{display:none}
@media(max-width:820px){
  .topbar{height:62px;padding:0 10px;gap:7px}.brand{min-width:0;flex:1}.brand small{display:none}.brand-mark{width:42px;height:34px}.topbar nav{position:fixed;top:62px;left:0;right:0;display:none;padding:9px;background:#071417;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start}.topbar nav.open{display:flex}.topbar nav button,.topbar nav .world-link{flex:1 0 30%;text-align:center}.icon-button{display:block}.bag-button{padding:8px}
  .world-info{left:10px;bottom:126px;width:min(290px,calc(100% - 20px));padding:12px 13px}.world-info h2{font-size:18px}.world-info p{font-size:13px}.footer-bar{min-height:40px;padding:0 8px var(--safe-bottom)}.footer-bar span{display:none}.footer-bar button{flex:1;padding:7px 4px;font-size:11px}
  .mobile-controls{position:fixed;z-index:16;display:block;inset:0;pointer-events:none}.joystick{position:absolute;left:18px;bottom:62px;width:106px;height:106px;border:2px solid rgba(255,255,255,.52);background:rgba(7,20,23,.42);border-radius:50%;pointer-events:auto;touch-action:none}.joystick:before{content:"MOVE";position:absolute;left:0;right:0;bottom:-18px;text-align:center;font-size:9px;font-weight:900;color:#dbe7e5}.joystick span{position:absolute;left:34px;top:34px;width:38px;height:38px;background:var(--teal);border-radius:50%;transform:translate(0,0);box-shadow:0 5px 20px rgba(0,0,0,.35)}
  .interact-button{position:absolute;right:14px;bottom:76px;width:82px;height:82px;border-radius:50%;background:var(--coral);color:#071417;pointer-events:auto;box-shadow:0 8px 25px rgba(0,0,0,.28)}.run-button{position:absolute;right:93px;bottom:59px;width:58px;height:58px;border-radius:50%;background:var(--gold);color:#071417;pointer-events:auto;font-size:11px;text-transform:uppercase}
  .space-world .flight-button,.sea-world .flight-button{position:absolute;display:block;right:105px;width:58px;height:48px;border:1px solid rgba(125,229,255,.7);background:rgba(8,35,54,.9);color:#dffaff;font-weight:900;text-transform:uppercase;pointer-events:auto}.space-world .rise-button,.sea-world .rise-button{bottom:125px}.space-world .dive-button,.sea-world .dive-button{bottom:70px}.space-world .run-button{right:14px;bottom:166px;background:#7de5ff}.sea-world .run-button{right:14px;bottom:166px;background:#56f0dc}.space-world .interact-button{background:#ffb34c}.sea-world .interact-button{background:#70e6f3}.boat-world .run-button{background:#ffd34f}
  .prompt{display:none}.intro{left:14px;top:50%;transform:translateY(-50%);width:calc(100% - 28px);padding:27px 21px}.intro h1{font-size:43px}.intro p{font-size:15px}.intro-actions{display:grid}.side-panel,.site-panel{padding:72px 20px 28px}.side-panel h2,.site-panel h2{font-size:30px}.standard-grid{grid-template-columns:1fr}.world-info{pointer-events:none}.world-info button{pointer-events:auto}
  .media-room{top:70px;width:calc(100% - 16px);max-height:calc(100vh - 122px)}.media-room-header{padding:9px}.media-room-header h2{font-size:16px}.media-room-actions button{padding:7px 8px;font-size:11px}.webcam-wall{grid-template-columns:1fr}.webcam-tile:not(.selected){display:none}.scanner-display{padding:13px}.scanner-controls{grid-template-columns:1fr 1fr}.scanner-controls #scanner-power{grid-column:1/-1;grid-row:1}.scanner-presets button{flex:1 0 45%;font-size:11px}.media-room.open~.mobile-controls{display:none}
}
@media(max-width:420px){.brand b{font-size:10px}.bag-button{font-size:11px}.world-info{bottom:166px;max-width:250px}.world-info p{display:none}.intro h1{font-size:38px}.intro small{display:none}.topbar nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.product-inlay{position:relative;min-height:180px;display:grid;place-content:center;gap:6px;margin:0 0 18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--product-accent) 48%,transparent);background:#071319;color:#f8fbff;text-align:center;isolation:isolate}
.product-inlay:before,.product-inlay:after{content:"";position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--product-accent) 35%,transparent);transform:skewX(-10deg);z-index:-1}.product-inlay:after{inset:32px 48px;transform:skewX(10deg)}
.product-inlay strong{color:var(--product-accent);font-size:1.1rem;letter-spacing:.08em}.product-inlay small{color:#a9bec8}.product-orbit{display:block;width:72px;height:72px;margin:0 auto 8px;border:2px solid var(--product-accent);border-radius:50%;box-shadow:inset 0 0 28px color-mix(in srgb,var(--product-accent) 25%,transparent),0 0 24px color-mix(in srgb,var(--product-accent) 28%,transparent);animation:product-orbit 3s linear infinite}.product-orbit:after{content:"";display:block;width:12px;height:12px;margin:-6px auto 0;border-radius:50%;background:var(--product-accent)}
@keyframes product-orbit{to{transform:rotate(360deg)}}
.variant-row{display:flex;gap:10px;margin:14px 0 18px}.variant-row button{width:34px;height:34px;padding:0;border-radius:50%;border:3px solid #fff;outline:1px solid rgba(0,0,0,.22);background:var(--swatch);cursor:pointer}.variant-row button:focus-visible{outline:3px solid #087e74;outline-offset:3px}
@media(max-width:760px){.topbar nav{max-height:calc(100vh - 90px);overflow-y:auto}.product-inlay{min-height:145px}}
.media-selector .webcam-preset{border-color:#284a51;background:#071419;color:#bcd0d2;font-size:11px}