*,:before,:after{box-sizing:border-box}*{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Warbones;src:url(/fonts/Warbones-RpM1V.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}.kern-ya{margin-right:-.08em}.logo-mask{-webkit-mask-image:url(/Images/logos/boneyard-tees-wording.png);mask-image:url(/Images/logos/boneyard-tees-wording.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root{--cyber-bg:#0a0a0a;--cyber-bg-secondary:#1a1f3a;--cyber-pink:#ff006e;--cyber-cyan:#00f5ff;--cyber-purple:#9d4edd;--cyber-blue:#3a86ff;--cyber-text:#e0e7ff;--cyber-text-dim:#a8b2d1;--neon-yellow:#ff0;--neon-green:#00ff41;--font-size-hero:4rem;--font-size-h1:2.75rem;--font-size-h2:2.25rem;--font-size-body:1.25rem;--font-size-small:1.125rem;--gradient-cyber:linear-gradient(135deg, var(--cyber-cyan), var(--cyber-pink));--gradient-cyber-reverse:linear-gradient(135deg, var(--cyber-pink), var(--cyber-cyan));--gradient-purple-blue:linear-gradient(135deg, var(--cyber-purple), var(--cyber-blue));--gradient-horizontal:linear-gradient(90deg, var(--cyber-cyan), var(--cyber-pink));--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-glow-cyan:0 0 20px #00f5ff4d;--shadow-glow-pink:0 0 20px #ff006e4d;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--animation-spin:1s;--animation-fade:.2s;--animation-pulse:2s;--animation-float-short:15s;--animation-float-medium:20s;--animation-float-long:25s;--animation-glow:3s;--animation-grid-pulse:4s;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-header:900;--z-cart-backdrop:998;--z-cart:999;--z-modal-backdrop:10001;--z-modal:10002;--z-tooltip:1001;--z-chat:9999;--z-toast:10000;--z-construction:9999;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--touch-target-min:44px;--touch-target-comfortable:48px;color:var(--cyber-text);background-color:var(--cyber-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}a{color:var(--cyber-cyan);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .3s}a:hover{color:var(--cyber-pink)}select option{background:var(--cyber-bg-secondary);color:var(--cyber-text)}html{overflow-x:clip}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}#root{width:100%;min-height:100vh}h1,h2{background:var(--gradient-cyber);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.2em;line-height:1.1}p{color:var(--cyber-text-dim)}button{border:2px solid var(--cyber-cyan);color:var(--cyber-cyan);cursor:pointer;background-color:#0000;border-radius:12px;padding:.8em 1.5em;font-family:inherit;font-size:1em;font-weight:600;transition:all .3s}button:hover{background-color:var(--cyber-cyan);color:var(--cyber-bg);box-shadow:0 0 20px var(--cyber-cyan);transform:translateY(-2px)}button:focus,button:focus-visible{outline:2px solid var(--cyber-pink);outline-offset:2px}.error-boundary-container{background-color:var(--cyber-bg,#0a0e27);min-height:100vh;color:var(--cyber-text,#e0e7ff);padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;font-family:Ardillah Kafi,sans-serif;display:flex}.error-card{max-width:600px;padding:var(--spacing-xl);border:2px solid var(--cyber-pink,#ff006e);border-radius:var(--radius-lg);background-color:var(--cyber-bg-secondary,#1a1f3a)}.error-title{margin-bottom:var(--spacing-md);color:var(--cyber-pink,#ff006e);text-shadow:var(--shadow-glow-pink);font-size:2.5rem}.error-message{margin-bottom:var(--spacing-xl);color:var(--cyber-text-dim,#a8b2d1);font-size:1.2rem}.error-button-primary,.error-button-secondary{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:1.1rem;font-weight:600}.error-button-primary{background-color:var(--cyber-pink,#ff006e);color:var(--cyber-bg,#0a0e27);margin-right:var(--spacing-md);border:none}.error-button-primary:hover{box-shadow:var(--shadow-glow-pink);transform:scale(1.05)}.error-button-primary:active{transform:scale(.98)}.error-button-secondary{color:var(--cyber-cyan,#00f5ff);border:2px solid var(--cyber-cyan,#00f5ff);background-color:#0000}.error-button-secondary:hover{background-color:var(--cyber-cyan,#00f5ff);color:var(--cyber-bg,#0a0e27);box-shadow:var(--shadow-glow-cyan)}.error-button-secondary:active{transform:scale(.98)}@media (width<=768px){.error-card{padding:var(--spacing-lg)}.error-title{font-size:2rem}.error-message{font-size:1rem}.error-button-primary,.error-button-secondary{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}.error-button-primary{margin-right:0;margin-bottom:var(--spacing-md)}}@media (width<=480px){.error-boundary-container{padding:var(--spacing-md)}.error-title{font-size:1.75rem}.error-button-primary,.error-button-secondary{width:100%;display:block}}.toast-container{top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-toast);gap:var(--spacing-sm);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;pointer-events:auto;animation:toastSlideIn var(--transition-base) ease-out;transition:transform var(--transition-fast), opacity var(--transition-fast);background:#0a0a0af2;border:1px solid #ffffff1a;display:flex}.toast:hover{transform:translate(-4px)}.toast:focus{outline-offset:2px;outline:2px solid #00f5ff80}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--exiting{animation:.2s ease-in forwards toastSlideOut}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:700;display:flex}.toast__message{color:#ffffffe6;flex:1;font-size:.9375rem;line-height:1.4}.toast__dismiss{color:#ffffff80;cursor:pointer;border-radius:var(--radius-sm);width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.toast__dismiss:hover{color:#ffffffe6;background:#ffffff1a}.toast--success{background:linear-gradient(135deg,#00ff411a 0%,#0a0a0af2 100%);border-color:#00ff414d}.toast--success .toast__icon{color:#00ff41;background:#00ff4133}.toast--error{background:linear-gradient(135deg,#ff006e1a 0%,#0a0a0af2 100%);border-color:#ff006e4d}.toast--error .toast__icon{color:#ff006e;background:#ff006e33}.toast--warning{background:linear-gradient(135deg,#ffaa001a 0%,#0a0a0af2 100%);border-color:#ffaa004d}.toast--warning .toast__icon{color:#fa0;background:#fa03}.toast--info{background:linear-gradient(135deg,#00f5ff1a 0%,#0a0a0af2 100%);border-color:#00f5ff4d}.toast--info .toast__icon{color:#00f5ff;background:#00f5ff33}@media (width<=480px){.toast-container{left:var(--spacing-md);right:var(--spacing-md);max-width:none}.toast{padding:var(--spacing-sm)}.toast__message{font-size:.875rem}}.protected-route-loading{background-color:var(--cyber-bg);min-height:100vh;color:var(--cyber-cyan);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.loading-content{text-align:center}.loading-spinner{border:4px solid #00f5ff4d;border-top:4px solid var(--cyber-cyan);width:50px;height:50px;animation:spin var(--animation-spin) linear infinite;border-radius:50%;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}