:root{color-scheme:dark;--bg: #000;--ink: #f4f4f4;--muted: #8d8d8d;--line: rgba(255, 255, 255, .16);--panel: rgba(6, 6, 8, .78);--red: #ff3b3b;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:Rajdhani,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{cursor:pointer}.app{position:relative;width:100%;height:100%}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.grain{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:8}.scan{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(255,255,255,.015) 3px)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.overlay>*{pointer-events:auto}.loading,.gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#141416,#000 68%)}.brand-stack{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:24px}.brand-stack img{width:min(280px,64vw);height:auto;filter:drop-shadow(0 0 24px rgba(255,255,255,.12))}.eyebrow,.hud-area,.prompt,.bag-count{font-family:Orbitron,sans-serif;letter-spacing:.28em;text-transform:uppercase}.eyebrow{color:var(--muted);font-size:11px}.brand-stack h1,.panel h2,.checkout h2{margin:0;font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:.18em}.brand-stack h1{font-size:clamp(22px,5vw,38px)}.sub{margin:0;color:var(--muted);letter-spacing:.32em;font-size:13px}.bar{width:min(320px,70vw);height:2px;background:#1b1b1b;overflow:hidden}.bar>span{display:block;height:100%;background:#fff;box-shadow:0 0 12px #fff9;transition:width .2s ease}.gate button.enter{margin-top:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff0a;color:#fff;padding:14px 28px;letter-spacing:.34em;font-family:Orbitron,sans-serif;font-size:12px}.gate button.enter:hover{background:#ffffff1a}.hint{color:#6f6f6f;font-size:13px;letter-spacing:.12em}.hud-top{position:absolute;top:calc(16px + var(--safe-top));left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:22}.hud-area{font-size:11px;color:#ffffffb8;text-shadow:0 0 16px rgba(0,0,0,.8)}.hud-area small{display:block;margin-top:6px;color:#8a8a8a;letter-spacing:.2em;font-size:10px}.bag-btn{pointer-events:auto;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;width:52px;height:52px;display:grid;place-items:center;position:relative}.bag-btn svg{width:22px;height:22px}.bag-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;background:#fff;color:#000;font-size:9px;display:grid;place-items:center}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;z-index:21}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffb3}.crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}.prompt{position:absolute;left:50%;bottom:18%;transform:translate(-50%);font-size:11px;color:#fff;padding:10px 16px;border:1px solid rgba(255,255,255,.22);background:#00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:22}.panel,.cart,.checkout{position:absolute;top:calc(84px + var(--safe-top));right:18px;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 120px);overflow:auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:22px;z-index:30}.panel.vault{border-color:#ff464659}.panel-head,.cart-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.kicker{margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.28em;color:var(--muted)}.panel h2,.cart h2,.checkout h2{font-size:20px;letter-spacing:.08em}.close{border:0;background:transparent;color:#bbb;font-size:18px;line-height:1}.product-visual{position:relative;margin:16px 0 10px;aspect-ratio:1;background:#050505;border:1px solid var(--line);overflow:hidden;touch-action:pan-x;cursor:grab}.product-visual img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.product-visual img.slide-in-right{animation:slide-in-right .28s ease}.product-visual img.slide-in-left{animation:slide-in-left .28s ease}@keyframes slide-in-right{0%{opacity:.35;transform:translate(18%)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:.35;transform:translate(-18%)}to{opacity:1;transform:none}}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.55);background:#000000b8;color:#fff;font-size:28px;line-height:1;padding:0;z-index:2}.slide-btn.prev{left:10px}.slide-btn.next{right:10px}.slide-meta{position:absolute;top:10px;left:10px;display:flex;gap:10px;align-items:center;padding:6px 10px;background:#000000b3;border:1px solid rgba(255,255,255,.28);font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.18em;z-index:2}.slide-meta strong{color:#fff}.slide-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2}.slide-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:transparent}.slide-dots button.on{background:#fff}.product-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.product-nav button{border:1px solid var(--line);background:#ffffff0a;color:#fff;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.16em;padding:8px 12px}.product-nav span{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.16em;color:var(--muted)}.price{font-family:Orbitron,sans-serif;font-size:22px;margin:8px 0 12px}.desc{color:#c5c5c5;line-height:1.45;margin:0 0 16px}.sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sizes button,.qty button,.primary,.ghost{border:1px solid var(--line);background:transparent;color:#fff;padding:8px 12px}.sizes button.active,.primary{background:#fff;color:#000;border-color:#fff}.primary,.ghost{width:100%;letter-spacing:.18em;font-family:Orbitron,sans-serif;font-size:11px;padding:13px 12px}.ghost{margin-top:8px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cart-item strong{display:block;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:.06em}.cart-item span{color:#8f8f8f;font-size:13px}.qty{display:flex;align-items:center;gap:8px}.total{display:flex;justify-content:space-between;margin:16px 0;font-family:Orbitron,sans-serif;letter-spacing:.12em}.empty{color:#8a8a8a;padding:20px 0}.checkout label{display:block;margin:12px 0 6px;color:#9a9a9a;letter-spacing:.12em;font-size:12px}.checkout input{width:100%;background:#ffffff08;border:1px solid var(--line);color:#fff;padding:11px 12px}.checkout input,.lease-form input{font-size:16px}.board-meta{display:flex;align-items:center;gap:10px;margin:14px 0 4px}.tier-chip,.status-chip{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.2em;padding:5px 10px;border:1px solid var(--line);color:#ddd}.status-chip.open{border-color:#8cffaa80;color:#9dffb8}.status-chip.taken{border-color:#ffaa5a80;color:#ffc48a}.board-dims{color:#8f8f8f;font-size:13px;letter-spacing:.08em}.price small{font-size:12px;letter-spacing:.18em;color:#9a9a9a}.lease-form label{display:block;margin:12px 0 6px;color:#9a9a9a;letter-spacing:.12em;font-size:12px}.lease-form input{width:100%;background:#ffffff08;border:1px solid var(--line);color:#fff;padding:11px 12px}.order-summary{margin-top:14px;border-top:1px solid rgba(255,255,255,.08)}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:#d5d5d5}.upsell-block{margin:16px 0 4px;padding:12px 14px;border:1px dashed rgba(255,255,255,.22)}.upsell-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:14px}.upsell-row em{font-style:normal;color:#9a9a9a;margin-left:6px}.upsell-add{border:1px solid var(--line);background:transparent;color:#fff;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.14em;padding:6px 10px;white-space:nowrap}.vip-grant{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,70,70,.35)}.code-chip{font-family:Orbitron,sans-serif;font-size:18px;letter-spacing:.18em;border:1px solid rgba(255,70,70,.55);color:#ffd7d7;padding:12px 10px;margin:10px 0 12px;-webkit-user-select:text;user-select:text}.ticket-line{color:#ffb08a;font-size:13px;letter-spacing:.08em}.gate-hint{color:#9a9a9a;font-size:13px;letter-spacing:.06em;line-height:1.45;margin:0 0 8px}.gate-error{color:#ff6b6b;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:.14em;margin:10px 0 0}.lease-note{margin:12px 0 0;color:#8a8a8a;font-size:12px;letter-spacing:.06em;text-align:center}.success{text-align:center;padding:20px 8px 8px}.success p{color:#bdbdbd}.joystick{position:absolute;left:22px;bottom:calc(28px + var(--safe-bottom));width:132px;height:132px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#00000047;z-index:24;touch-action:none}.joystick-knob{position:absolute;width:54px;height:54px;border-radius:50%;background:#ffffffc7;left:50%;top:50%;transform:translate(-50%,-50%)}.look-pad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;touch-action:none}@media(max-width:720px){.panel,.cart,.checkout{left:12px;right:12px;width:auto;top:auto;bottom:calc(170px + var(--safe-bottom));max-height:48vh}.crosshair{display:none}}@media(max-height:520px)and (pointer:coarse){.panel,.cart,.checkout{left:auto;right:12px;top:12px;bottom:12px;width:min(360px,58vw);max-height:none}}
