@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Inter:wght@300;400;700;900&display=swap";body,html,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Inter,sans-serif;background-color:#050505;color:#fff}.marker-font{font-family:Permanent Marker,cursive;text-transform:uppercase}.ui-transition{transition:opacity .3s ease}.ui-fade-in{opacity:1}.ui-fade-out{opacity:0}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30vw) scale(.9);opacity:0}}@keyframes slideInRight{0%{transform:translate(30vw) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(30vw) scale(.9);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-30vw) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.board-anim-out-next{animation:slideOutLeft .35s forwards cubic-bezier(.25,.46,.45,.94)}.board-anim-in-next{animation:slideInRight .45s forwards cubic-bezier(.25,1,.5,1)}.board-anim-out-prev{animation:slideOutRight .35s forwards cubic-bezier(.25,.46,.45,.94)}.board-anim-in-prev{animation:slideInLeft .45s forwards cubic-bezier(.25,1,.5,1)}.size-selector{margin-top:1.5rem;margin-bottom:1.5rem}.size-options{display:flex;gap:10px;margin-top:5px}.size-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 15px;font-family:Oswald,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease}.size-btn:hover{border-color:#fff}.size-btn.active{background:#fff;color:#000;font-weight:700}.pre-order-btn{width:100%;background:#fff;color:#000;border:none;padding:15px;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:transform .2s ease,background .2s ease}.pre-order-btn:hover{background:#ccc;transform:translateY(-2px)}.cart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:flex-end;opacity:1;transition:opacity .3s ease}.cart-sidebar{width:450px;max-width:100%;height:100%;background:#0a0a0ad9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(255,255,255,.1);padding:40px;display:flex;flex-direction:column;box-shadow:-20px 0 50px #000c}.cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:15px;margin-bottom:20px}.cart-header h2{font-family:Permanent Marker,cursive;font-size:1.8rem;margin:0}.close-cart{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.cart-items{flex-grow:1;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #222}.cart-item-info h4{margin:0 0 5px;font-family:Oswald,sans-serif;font-size:1.1rem}.cart-item-info p{margin:0;color:#aaa;font-size:.9rem}.cart-item-price{font-weight:700;font-size:1.1rem}.remove-btn{background:none;border:none;color:#f33;cursor:pointer;font-size:.8rem;margin-top:5px;text-decoration:underline}.cart-footer{border-top:1px solid #333;padding-top:20px;margin-top:auto}.cart-total{display:flex;justify-content:space-between;font-size:1.3rem;font-weight:700;margin-bottom:20px}.paypal-btn{width:100%;background:#ffc439;color:#000;border:none;padding:15px;font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s ease}.paypal-btn:hover{opacity:.9}.app-container{display:flex;flex-direction:column;height:100%;position:relative;background:radial-gradient(circle at center,#222,#000)}nav.top-nav{position:absolute;top:0;left:0;width:100%;padding:2rem 4rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;z-index:50;pointer-events:none}.logo{font-size:2.5rem;margin:0;letter-spacing:2px;color:#fff;pointer-events:auto;cursor:pointer}.nav-links{display:flex;gap:3rem;font-weight:700;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;pointer-events:auto}.nav-links a{color:#888;text-decoration:none;transition:color .3s;cursor:pointer}.nav-links a:hover{color:#fff}.brand-header{position:absolute;top:50%;left:6rem;transform:translateY(-50%);z-index:10;pointer-events:none;max-width:600px;background:#0a0a0a1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem;border-radius:20px}.brand-header h1{font-size:6.5rem;margin:0 0 -.5rem;line-height:.85;text-transform:uppercase;font-weight:950;letter-spacing:-4px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.brand-header h2{font-size:2.2rem;margin:.5rem 0 1rem;color:#f33;text-shadow:0 5px 15px rgba(255,51,51,.3)}.brand-header .tagline{font-weight:300;font-size:1.4rem;color:#eee;line-height:1.4;margin-bottom:2rem;letter-spacing:1px}.specs-panel{position:absolute;top:50%;right:6rem;transform:translateY(-50%);z-index:10;pointer-events:none;text-align:right;display:flex;flex-direction:column;gap:2.5rem;background:#0f0f0f99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem;border-radius:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0006}.spec-block h3{font-size:.8rem;color:#666;margin:0 0 .5rem;letter-spacing:2px}.spec-block p,.spec-block button,.spec-block .size-options{pointer-events:auto}.spec-block p{margin:0;font-weight:700;font-size:1.1rem}.spec-block ul{list-style:none;padding:0;margin:0}.spec-block ul li{font-weight:400;font-size:.95rem;color:#aaa;margin-bottom:.3rem}.canvas-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}.nav-buttons{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;z-index:50;align-items:center}.nav-buttons button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2rem;font-family:inherit;font-weight:700;font-size:.9rem;letter-spacing:2px;cursor:pointer;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.nav-buttons button:hover{background:#fff;color:#000;border-color:#fff}.nav-indicator{font-weight:900;font-size:1.2rem;letter-spacing:5px;color:#888}@media (max-width: 900px){nav.top-nav{padding:1.5rem 1rem;flex-direction:column;gap:.8rem}.logo{font-size:2rem}.nav-links{gap:1.5rem;font-size:.85rem;display:none}.brand-header{top:5rem;left:1.5rem;right:1.5rem;transform:none;text-align:center;max-width:100%}.brand-header h1{font-size:3.5rem;letter-spacing:-1px;margin-bottom:.5rem}.brand-header h2{font-size:1.2rem;margin-bottom:.5rem}.brand-header .tagline{font-size:1rem;margin-bottom:1rem}.brand-header .description{display:none}.specs-panel{top:auto;bottom:5.5rem;right:1.5rem;left:1.5rem;transform:none;text-align:center;background:#000000a6;padding:1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);gap:1.2rem;display:grid;grid-template-columns:1fr 1fr;align-items:center}.spec-block{text-align:center}.spec-block:nth-child(1) h3,.spec-block:nth-child(2) h3{margin-bottom:.3rem}.spec-block:nth-child(3){grid-column:span 2}.size-options{justify-content:center;gap:8px}.spec-block:nth-child(4){display:none}.spec-block:nth-child(5){grid-column:span 2}.pre-order-btn{padding:12px;font-size:1rem}.nav-buttons{bottom:1.5rem;width:100%;left:0;transform:none;padding:0 1.5rem;box-sizing:border-box;justify-content:space-between}.nav-buttons button{padding:.8rem 1.2rem;font-size:.85rem}.cart-sidebar{width:100%;border-left:none}}@media (max-width: 450px){.brand-header h1{font-size:2.5rem}.specs-panel{bottom:4.5rem;padding:1rem;gap:.8rem;left:1rem;right:1rem}.nav-buttons{bottom:1rem;padding:0 1rem}.nav-indicator{display:none}}