:root{--color-primary:#000030;--color-primary-light:#141829;--color-secondary:#3a4a6b;--color-accent:#e86f34;--color-accent-hover:#f07f44;--color-accent-dark:#d35f24;--color-button-disabled:#5a5f6b;--color-button-secondary:#1a2235;--color-button-secondary-border:#3a4a6b;--color-progress-active:#4a6b9a;--color-progress-inactive:#2a3a5a;--color-text:#fff;--color-text-muted:#8a8f9a;--color-input-bg:#1a2235;--color-input-border:#3a4a6b;--color-card-selected:#fff;--font-display:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--transition-smooth:cubic-bezier(.4, 0, .2, 1);--touch-target-min:65px;--border-radius-button:12px;--border-radius-card:8px;--border-radius-input:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;font-family:var(--font-body);background:var(--color-primary);color:var(--color-text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}#canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.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}.skip-link{background:var(--color-accent);color:var(--color-primary);z-index:10000;transition:top .3s var(--transition-smooth);padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-link:focus{outline:3px solid var(--color-text);outline-offset:2px;top:20px}.loading-screen{background:var(--color-primary);z-index:9999;width:100%;height:100%;transition:opacity .5s var(--transition-smooth);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-spinner{border:3px solid var(--color-text-muted);border-top-color:var(--color-accent);border-radius:50%;width:60px;height:60px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:var(--color-text);font-size:28px}.video-container{z-index:1000;opacity:1;width:100%;height:100%;transition:opacity .3s var(--transition-smooth);background:#000000f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.video-container.hidden{opacity:0;pointer-events:none}.video-container video{background:#000;max-width:100%;max-height:85%}.video-close-btn{width:64px;height:64px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:2px solid var(--color-text);color:var(--color-text);cursor:pointer;transition:all .2s var(--transition-smooth);background:#ffffff1a;border-radius:50%;font-size:32px;position:absolute;top:40px;right:40px}.video-close-btn:hover,.video-close-btn:focus{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.1)}.video-close-btn:focus{outline:3px solid var(--color-text);outline-offset:4px}.video-controls{background:#000c;border-radius:40px;align-items:center;gap:24px;padding:20px 32px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.video-controls button{width:56px;height:56px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:2px solid var(--color-text);color:var(--color-text);cursor:pointer;transition:all .2s var(--transition-smooth);background:0 0;border-radius:50%;font-size:20px}.video-controls button:hover,.video-controls button:focus{background:var(--color-accent);border-color:var(--color-accent)}.video-controls button:focus{outline:3px solid var(--color-text);outline-offset:2px}.video-progress{cursor:pointer;background:#fff3;border-radius:4px;width:400px;height:8px;position:relative}.video-progress-bar{background:var(--color-accent);border-radius:4px;width:0%;height:100%;transition:width .1s linear}.hidden{display:none!important}.a11y-toggle{width:64px;height:64px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:2px solid var(--color-text);color:var(--color-text);cursor:pointer;z-index:100;transition:all .2s var(--transition-smooth);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:40px;right:40px}.a11y-toggle:hover,.a11y-toggle:focus{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.1)}.a11y-toggle:focus{outline:3px solid var(--color-text);outline-offset:4px}body.high-contrast{--color-primary:#000;--color-secondary:#fff;--color-accent:#ff0;--color-accent-hover:#ff9;--color-text:#fff;--color-text-muted:#fff}.hof-button{border-radius:var(--border-radius-button);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s var(--transition-smooth);min-height:var(--touch-target-min);border:2px solid #0000;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:600;display:flex}.hof-button--primary{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.hof-button--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:scale(1.02)}.hof-button--secondary{background:var(--color-button-secondary);color:var(--color-text);border-color:var(--color-button-secondary-border)}.hof-button--secondary:hover{background:var(--color-secondary);border-color:var(--color-secondary)}.hof-button--disabled{background:var(--color-button-disabled);color:var(--color-text-muted);border-color:var(--color-button-disabled);cursor:not-allowed;opacity:.7}.hof-button__icon{width:24px;height:24px}.hof-btn{--btn-scale:1;border-radius:var(--border-radius-button);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;white-space:nowrap;transform:translate(-50%, -50%) scale(var(--btn-scale));transform-origin:50%;transition:background-color .2s var(--transition-smooth);min-height:var(--touch-target-min);outline:none;justify-content:center;align-items:center;gap:10px;font-weight:600;display:inline-flex;position:absolute}.hof-btn:focus-visible{outline:3px solid var(--color-text);outline-offset:4px}.hof-btn--primary{color:#fff;background:#ff6e21;border-style:solid;border-color:#fff;box-shadow:clamp(4px,.4vw,6px) clamp(4px,.4vw,6px) #fff}.hof-btn--primary:hover:not(:disabled){background:#ff5900}.hof-btn--primary:active:not(:disabled){box-shadow:clamp(1px,.2vw,3px) clamp(1px,.2vw,3px) #ffffff40}.hof-btn--primary.hof-btn--disabled,.hof-btn--primary:disabled{color:#9a9fa6;cursor:not-allowed;background:#5a5f6b;border-color:#6a6f7b;box-shadow:4px 4px #6a6f7b4d}.hof-btn--secondary{color:#fff;box-shadow:none;background:#1a2235;border-style:solid;border-color:#3a4a6b}.hof-btn--secondary:hover:not(:disabled){background:#2a3245;border-color:#4a5a7b}.hof-btn--secondary:active:not(:disabled){background:#151c2a}.hof-btn--secondary.hof-btn--disabled,.hof-btn--secondary:disabled{color:#6a7a9a;cursor:not-allowed;background:#1a2235;border-color:#2a3a5a}.hof-btn--tertiary{color:#fff;box-shadow:none;background:0 0;border:none}.hof-btn--tertiary:hover:not(:disabled){color:#ccc}.hof-btn--tertiary.hof-btn--disabled,.hof-btn--tertiary:disabled{color:#6a7a9a;cursor:not-allowed}.hof-btn--lg{border-width:clamp(2px,.3vw,4px);border-radius:clamp(12px,1.5vw,20px);gap:clamp(10px,1.5vw,20px);width:min(70vw,600px);min-width:280px;padding:clamp(16px,2.5vh,28px) clamp(24px,3vw,48px);font-size:clamp(16px,2.2vw,28px)}.hof-btn--md{border-width:clamp(2px,.25vw,3px);border-radius:clamp(10px,1.2vw,16px);gap:clamp(8px,1vw,14px);padding:clamp(12px,1.8vh,20px) clamp(20px,2.5vw,36px);font-size:clamp(14px,1.8vw,22px)}.hof-btn__icon{flex-shrink:0;width:clamp(20px,2.5vw,36px);height:clamp(20px,2.5vw,36px)}.hof-btn__icon svg{object-fit:contain;width:100%;height:100%;display:block}.hof-btn--lg .hof-btn__icon{width:clamp(24px,3vw,42px);height:clamp(24px,3vw,42px)}.hof-progress{gap:8px;padding:0 20px;display:flex}.hof-progress__segment{background:var(--color-progress-inactive);height:4px;transition:background .3s var(--transition-smooth);border-radius:2px;flex:1}.hof-progress__segment--active{background:var(--color-progress-active)}.hof-progress__segment--completed{background:var(--color-accent)}.hof-search{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--border-radius-input);align-items:center;gap:12px;padding:12px 16px;display:flex}.hof-search__icon{opacity:.6;width:20px;height:20px}.hof-search__input{color:var(--color-text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:16px}.hof-search__input::placeholder{color:var(--color-text-muted)}.hof-flag-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.hof-flag-card{border-radius:var(--border-radius-card);cursor:pointer;transition:all .2s var(--transition-smooth);background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.hof-flag-card:hover{border-color:var(--color-secondary)}.hof-flag-card--selected{background:var(--color-card-selected);border-color:var(--color-card-selected)}.hof-flag-card--selected .hof-flag-card__name{color:var(--color-primary)}.hof-flag-card__image{object-fit:cover;border-radius:4px;width:80px;height:60px}.hof-flag-card__name{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--color-text);font-size:12px;font-weight:600}.hof-flag-card__check{background:var(--color-accent);border-radius:50%;width:20px;height:20px;display:none;position:absolute;top:4px;right:4px}.hof-flag-card--selected .hof-flag-card__check{justify-content:center;align-items:center;display:flex}body.high-contrast .a11y-toggle{background:var(--color-accent);color:#000}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff!important}#app,#canvas,.a11y-toggle,.loading-screen{display:none!important}}.webcam-permission-overlay{z-index:500;width:100%;height:100%;color:var(--color-text);text-align:center;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;top:0;left:0}.webcam-permission-overlay h2{font-family:var(--font-display);color:var(--color-accent);margin-bottom:20px;font-size:36px}.webcam-permission-overlay p{max-width:600px;margin-bottom:30px;font-size:20px;line-height:1.6}.webcam-permission-overlay button{background:var(--color-accent);color:var(--color-primary);cursor:pointer;transition:all .2s var(--transition-smooth);border:none;border-radius:8px;padding:16px 48px;font-size:20px;font-weight:600}.webcam-permission-overlay button:hover{background:var(--color-accent-hover);transform:scale(1.05)}.shop-container{z-index:100;background:#000030;flex-direction:column;display:none;position:fixed;inset:0;overflow:hidden}.shop-container--visible{display:flex}.shop-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(16px,2vh,24px) clamp(20px,4vw,40px);display:flex}.shop-header__logo{width:auto;height:clamp(40px,6vh,70px)}.shop-header__sap{width:auto;height:clamp(30px,4vh,50px)}.shop-title-row{flex-shrink:0;justify-content:center;align-items:center;gap:clamp(16px,2vw,24px);padding:clamp(8px,1vh,16px) clamp(20px,4vw,40px);display:flex}.shop-back-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,5vh,60px);height:clamp(44px,5vh,60px);font-size:clamp(20px,2.5vh,28px);transition:all .2s;display:flex}.shop-back-btn:hover{background:#ffffff1a;transform:scale(1.05)}.shop-title{font-family:var(--font-display);letter-spacing:4px;color:#fff;text-transform:uppercase;margin:0;font-size:clamp(28px,4vh,48px);font-weight:700}.shop-filters{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:clamp(8px,1.5vw,16px);padding:clamp(8px,1vh,16px) clamp(20px,4vw,40px);display:flex}.shop-filter-btn{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;color:#fff;cursor:pointer;background:0 0;border:2px solid #3a4a6b;border-radius:clamp(20px,3vw,30px);padding:clamp(8px,1.2vh,14px) clamp(16px,2vw,28px);font-size:clamp(12px,1.4vw,18px);font-weight:600;transition:all .2s}.shop-filter-btn:hover{background:#3a4a6b4d;border-color:#4a5a7b}.shop-filter-btn--active{color:#000030;background:#fff;border-color:#fff}.shop-filter-btn--active:hover{background:#f0f0f0;border-color:#f0f0f0}.shop-product-grid{scrollbar-width:thin;scrollbar-color:#3a4a6b #1a2235;flex:1;grid-template-columns:repeat(2,minmax(200px,1fr));align-content:start;gap:clamp(16px,3vw,32px);max-width:800px;margin:0 auto;padding:clamp(16px,2vh,24px) clamp(20px,4vw,40px);display:grid;overflow:hidden auto}.shop-product-grid::-webkit-scrollbar{width:8px}.shop-product-grid::-webkit-scrollbar-track{background:#1a2235;border-radius:4px}.shop-product-grid::-webkit-scrollbar-thumb{background:#3a4a6b;border-radius:4px}.shop-product-grid::-webkit-scrollbar-thumb:hover{background:#4a6a8b}.shop-product-card{cursor:pointer;background:#fff;border-radius:clamp(12px,1.5vw,20px);min-height:280px;transition:transform .2s,box-shadow .2s;overflow:hidden}.shop-product-card:hover{transform:scale(1.03);box-shadow:0 8px 30px #0000004d}.shop-product-card__image{aspect-ratio:1;background:#fff;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;overflow:hidden}.shop-product-card__image img{object-fit:contain;background:#fff;width:100%;height:100%}.shop-product-card__info{background:#fff;padding:clamp(12px,1.5vh,18px) clamp(12px,1.5vw,18px)}.shop-product-card__name{font-family:var(--font-display);letter-spacing:.5px;color:#000;text-transform:uppercase;margin-bottom:clamp(4px,.5vh,8px);font-size:clamp(12px,1.4vw,16px);font-weight:600}.shop-product-card__price{font-family:var(--font-display);color:#000;font-size:clamp(14px,1.6vw,20px);font-weight:700}.shop-detail{background:#000030;flex-direction:column;display:none;position:absolute;inset:0;overflow:hidden}.shop-detail--visible{display:flex}.shop-detail__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(16px,2vh,24px) clamp(20px,4vw,40px);display:flex}.shop-detail__back-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,5vh,60px);height:clamp(44px,5vh,60px);font-size:clamp(20px,2.5vh,28px);transition:all .2s;display:flex}.shop-detail__back-btn:hover{background:#ffffff1a;transform:scale(1.05)}.shop-detail__content{flex-direction:column;flex:1;align-items:center;padding:0 clamp(20px,4vw,40px) clamp(20px,3vh,40px);display:flex;overflow-y:auto}.shop-detail__image-area{aspect-ratio:1;background:#fff;border-radius:clamp(12px,1.5vw,20px);justify-content:center;align-items:center;width:100%;max-width:400px;margin-bottom:clamp(16px,2vh,24px);display:flex;overflow:hidden}.shop-detail__image-area img{object-fit:cover;width:100%;height:100%}.shop-detail__info{text-align:left;width:100%;max-width:500px}.shop-detail__brand{font-family:var(--font-display);letter-spacing:2px;color:#8a8f9a;text-transform:uppercase;margin-bottom:clamp(4px,.5vh,8px);font-size:clamp(12px,1.4vw,16px);font-weight:600;display:block}.shop-detail__name{font-family:var(--font-display);letter-spacing:1px;color:#fff;text-transform:uppercase;margin:0 0 clamp(8px,1vh,16px);font-size:clamp(20px,3vw,36px);font-weight:700}.shop-detail__price{font-family:var(--font-display);color:#fff;margin-bottom:clamp(16px,2vh,24px);font-size:clamp(18px,2.5vw,32px);font-weight:600}.shop-tryon-btn{width:100%;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:#ed702d;cursor:pointer;background:0 0;border:3px solid #ed702d;border-radius:clamp(10px,1.2vw,14px);justify-content:center;align-items:center;gap:clamp(8px,1vw,12px);margin-bottom:clamp(16px,2vh,24px);padding:clamp(14px,2vh,20px) clamp(24px,3vw,40px);font-size:clamp(14px,1.8vw,20px);font-weight:600;transition:all .2s;display:flex}.shop-tryon-btn:hover{background:#ed702d1a}.shop-tryon-btn__icon{width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px)}.shop-details-box{background:#1a2235;border-radius:clamp(8px,1vw,12px);width:100%;padding:clamp(16px,2vh,24px) clamp(16px,2vw,24px)}.shop-details-title{font-family:var(--font-display);letter-spacing:2px;color:#fff;text-transform:uppercase;margin-bottom:clamp(12px,1.5vh,16px);font-size:clamp(12px,1.4vw,16px);font-weight:600}.shop-details-list{margin:0;padding:0;list-style:none}.shop-details-list li{font-family:var(--font-body);color:#8a8f9a;margin-bottom:clamp(4px,.5vh,8px);padding-left:clamp(16px,2vw,24px);font-size:clamp(12px,1.4vw,16px);line-height:1.6;position:relative}.shop-details-list li:before{content:"•";color:#8a8f9a;position:absolute;left:0}