:root{--accent:#e31b23;--bright:#ff2a32;--pink:#ff7076;--text:#f7f7fa} html,body{min-width:320px;overflow-x:hidden}button{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover{background:#31191e}button.primary{color:#fff;background:var(--accent)}button.primary:hover{background:#c71720;border-color:#ff5159;box-shadow:0 5px 24px #e31b2320}button:focus-visible,a:focus-visible{outline-color:#ff7076}.track i,.stat:nth-child(even) .track i{background:var(--accent)}.score,.price,.wallet strong{color:#ff5159} .brand .logo-word,.menu-copy h1 .logo-word{display:inline;color:#fff;font-size:inherit;letter-spacing:inherit;margin:0;white-space:nowrap}.brand .logo-word>span,.menu-copy h1 .logo-word>span{display:inline;color:var(--accent);font-size:inherit;letter-spacing:inherit;margin:0}.sidebar .brand{font-size:23px;letter-spacing:-1.1px;margin-bottom:34px}.sidebar .nav button.active{background:#e31b2317;color:#fff;box-shadow:inset 3px 0 var(--accent)}.sidebar .nav button.active>span{color:#ff5159}.sidebar .nav button:hover{background:#4a0b0e55}.sidebar footer{font-size:13px} .menu{display:grid;place-items:center;min-height:100svh;background:radial-gradient(ellipse at 50% 18%,#35121955,transparent 58%),#0b0d10}.menu-copy{padding:55px 24px;text-align:center;align-items:center;width:100%}.menu-copy h1.brand{font-size:clamp(46px,8.8vw,112px);letter-spacing:-.065em;line-height:1.04;margin:0}.menu-copy .tagline{font-size:clamp(12px,1.4vw,16px);letter-spacing:.13em;margin:20px 0 46px;color:#b9b7be}.menu-copy .menu-actions{width:min(100%,320px);gap:13px}.menu-actions button{min-height:53px;letter-spacing:.11em;font-size:13px;border-radius:8px}.menu-actions button:not(.primary){background:#15151b;border-color:#553037}.menu-actions button:not(.primary):hover{border-color:var(--accent);background:#28171c}.menu-actions button:disabled{opacity:.32} .market-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 24px}.market-banner h2{margin:6px 0 0}.hair-colors{margin-bottom:20px;padding:18px}.swatches{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.swatches button{width:32px;height:32px;padding:0;border:2px solid #727078;background:var(--swatch);border-radius:50%}.swatches button.selected{outline:2px solid var(--bright);outline-offset:3px}.product.selected{box-shadow:0 0 0 1px var(--accent)}.product-image{background:radial-gradient(#36272d,#1c1b20)}.badge.rare,.badge.uncommon{color:#ff9297;background:#e31b231a}.camera-frame{color:#ff7076}.glow{box-shadow:inset 0 0 70px #e31b232a}.portrait{border-color:#3d3339}.portrait-tools button{background:#19181dcc}.action{background:linear-gradient(130deg,#252228,#17171d)}.photo-result img{background:#19181e} .loader{position:fixed;inset:0;z-index:100;background:#0b0d10;display:grid;place-content:center;text-align:center;transition:opacity .35s,visibility .35s}.loader .brand{font-size:clamp(36px,6vw,72px)}.loader-track{width:160px;height:2px;background:#392126;margin:28px auto;overflow:hidden}.loader-track:after{content:'';display:block;width:45%;height:100%;background:var(--accent);animation:loading 1.2s ease-in-out infinite}.loader p{font-size:13px;letter-spacing:.07em}.loader.ready{opacity:0;visibility:hidden;pointer-events:none}.loader.error .loader-track{display:none}.loader button{margin:10px auto}.boot-fallback{padding:40px;text-align:center;color:#fff}.boot-fallback a{color:#ff7076}@keyframes loading{from{transform:translateX(-120%)}to{transform:translateX(340%)}} @media(min-width:761px){.shell{height:100dvh;min-height:0;overflow:hidden}.main{overflow-y:auto;height:100dvh}.sidebar{height:100dvh}.sticky-viewer{top:14px}.portrait,.sticky-viewer .portrait{min-height:490px;height:min(70vh,650px)}.workspace>.stack:first-child>.portrait{height:min(70vh,650px);min-height:490px}} @media(max-width:1000px) and (min-width:761px){.market-layout{grid-template-columns:1fr}.sticky-viewer{position:relative}.sticky-viewer .portrait{height:480px;min-height:480px}.camera-layout{grid-template-columns:1fr}} @media(max-width:760px){.sidebar .brand .logo-word,.sidebar .brand .logo-word>span{display:inline}.sidebar .brand{margin-bottom:15px}.sidebar footer{display:block;padding-top:10px}.sidebar{position:relative}.nav{flex-wrap:wrap;overflow:visible;gap:4px}.nav button{font-size:12px;padding:8px 10px}.nav button>span{width:20px}.market-banner{padding:5px 0 20px}.market-banner .badge{display:none}.market-search{grid-template-columns:minmax(0,1fr) 125px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-toolbar{left:10px;right:10px}.wallet{gap:8px;font-size:12px}.wallet button{max-width:140px;overflow:hidden;text-overflow:ellipsis}.menu-copy h1.brand{font-size:clamp(44px,11vw,78px)}.menu-copy .tagline{letter-spacing:.08em}.pagehead h1{font-size:26px}.camera-stage .portrait{height:540px;min-height:540px}.duel-preview,.market-layout{min-width:0}.product-info h3{overflow-wrap:anywhere}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .menu{grid-template-columns:minmax(0,1fr)}