:root{--black:#050505;--ink:#0d0d0d;--white:#f2f2ee;--grey:#8c8c89;--pink:#ff1fa0;--green:#a6ff00;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--black);height:100%;color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{font-family:var(--mono);border:1px solid;margin-right:3px;padding:2px 5px;font-size:10px}.btn{font-family:var(--sans);letter-spacing:.14em;color:var(--white);border:1px solid var(--white);cursor:pointer;text-transform:uppercase;background:#05050599;padding:11px 16px;font-size:12px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.btn:hover{background:var(--white);color:var(--black)}.btn b{color:var(--green);margin-left:6px}.btn:hover b{color:var(--pink)}.btn--solid{background:var(--white);color:var(--black)}.btn--solid:hover{background:var(--green);border-color:var(--green);color:var(--black)}.btn--wide{width:100%;padding:16px;font-size:13px}.btn:disabled{opacity:.35;cursor:not-allowed}.loader{z-index:50;background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .6s;display:flex;position:fixed;inset:0}.loader.is-done{opacity:0;pointer-events:none}.loader__mark{letter-spacing:.02em;font-size:clamp(28px,6vw,64px);font-weight:800}.loader__bar{background:#222;width:min(420px,70vw);height:3px}.loader__fill{background:var(--green);width:0%;height:100%;transition:width .25s}.loader__meta{width:min(420px,70vw);font-family:var(--mono);letter-spacing:.12em;color:var(--grey);justify-content:space-between;font-size:11px;display:flex}.intro-ui{z-index:20;flex-direction:column;align-items:center;gap:14px;transition:opacity .4s;display:flex;position:fixed;bottom:7vh;left:0;right:0}.intro-ui.is-out{opacity:0;pointer-events:none}.intro-ui .btn{padding:15px 54px;font-size:14px}.intro-ui p{font-family:var(--mono);letter-spacing:.2em;color:var(--grey);font-size:10px;animation:1.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.hud{z-index:10;pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud__brand{letter-spacing:.02em;pointer-events:none;font-size:20px;font-weight:800;position:absolute;top:18px;left:20px}.hud__brand span{font-family:var(--mono);letter-spacing:.2em;color:var(--green);margin-top:4px;font-size:9px;font-weight:400;display:block}.hud__actions{z-index:31;gap:8px;display:flex;position:absolute;top:16px;right:18px}.hud__hint{font-family:var(--mono);letter-spacing:.1em;color:#f2f2ee99;pointer-events:none;flex-wrap:wrap;gap:14px;font-size:10px;display:flex;position:absolute;bottom:18px;left:20px}.crosshair{background:var(--white);mix-blend-mode:difference;pointer-events:none;width:6px;height:6px;margin:-3px 0 0 -3px;transition:transform .12s,background .12s;position:absolute;top:50%;left:50%}.crosshair.is-hot{background:var(--green);mix-blend-mode:normal;transform:scale(2.4)rotate(45deg)}.hover-label{background:var(--black);color:var(--white);border-left:3px solid var(--pink);letter-spacing:.12em;white-space:nowrap;opacity:0;pointer-events:none;padding:8px 12px;font-size:12px;font-weight:700;transition:opacity .12s;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.hover-label.is-on{opacity:1}.hover-label small{font-family:var(--mono);color:var(--green);margin-top:3px;font-size:9px;font-weight:400;display:block}.pause{z-index:30;cursor:pointer;background:#0505058c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause__box{border:1px solid var(--white);background:var(--black);text-align:center;padding:30px 40px}.pause__title{letter-spacing:.04em;margin-bottom:18px;font-size:30px;font-weight:800}.pause__keys{font-family:var(--mono);letter-spacing:.1em;color:var(--grey);flex-direction:column;align-items:flex-start;gap:9px;font-size:11px;display:flex}.touch-ui{z-index:11;pointer-events:none;position:fixed;inset:0}.joystick{pointer-events:auto;background:#05050559;border:1px solid #f2f2eeb3;border-radius:50%;width:120px;height:120px;position:absolute;bottom:34px;left:26px}.joystick__stick{background:var(--green);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.touch-ui__tip{font-family:var(--mono);letter-spacing:.14em;color:#f2f2ee99;font-size:9px;position:absolute;bottom:22px;right:18px}body.is-touch .hud__hint,body.is-touch .crosshair{display:none}.modal{z-index:40;background:#050505c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal__panel{background:var(--white);width:min(1040px,100%);max-height:100%;color:var(--black);border:1px solid var(--white);grid-template-columns:1.15fr 1fr;display:grid;position:relative;overflow:hidden}.modal__close{z-index:2;background:var(--black);color:var(--white);cursor:pointer;font-family:var(--mono);letter-spacing:.14em;border:0;padding:12px 16px;font-size:11px;position:absolute;top:0;right:0}.modal__close:hover{background:var(--pink);color:var(--black)}.modal__viewer{cursor:grab;background:radial-gradient(at 50% 45%,#3a3a39 0%,#151515 70%,#080808 100%);min-height:520px;position:relative}.modal__viewer:active{cursor:grabbing}.modal__viewer canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.modal__viewer-hint{font-family:var(--mono);letter-spacing:.16em;color:#f2f2ee8c;pointer-events:none;font-size:9px;position:absolute;bottom:14px;left:16px}.modal__info{flex-direction:column;padding:54px 34px 30px;display:flex;overflow-y:auto}.modal__tag{font-family:var(--mono);letter-spacing:.18em;color:#555;margin-bottom:10px;font-size:10px}.modal__info h2{letter-spacing:-.01em;text-transform:uppercase;font-size:40px;font-weight:800;line-height:.95}.modal__price{font-family:var(--mono);margin:14px 0 18px;font-size:16px}.modal__desc{color:#333;-webkit-user-select:text;user-select:text;margin-bottom:24px;font-size:14px;line-height:1.5}.modal__label{font-family:var(--mono);letter-spacing:.16em;color:#555;margin-bottom:9px;font-size:10px}.modal__label span{color:var(--black)}.swatches{gap:8px;margin-bottom:22px;display:flex}.swatch{cursor:pointer;outline-offset:3px;border:1px solid #999;width:34px;height:34px;padding:0}.swatch.is-on{outline:2px solid var(--black)}.sizes{flex-wrap:wrap;gap:6px;margin-bottom:26px;display:flex}.size{cursor:pointer;border:1px solid var(--black);min-width:46px;color:var(--black);font-family:var(--mono);letter-spacing:.08em;background:0 0;padding:10px 8px;font-size:11px}.size:hover{background:#ddd}.size.is-on{background:var(--black);color:var(--green)}.modal__info .btn--solid{background:var(--black);color:var(--white);border-color:var(--black);margin-top:auto}.modal__info .btn--solid:hover{background:var(--pink);border-color:var(--pink);color:var(--black)}.modal__info .btn--solid.is-added{background:var(--green);border-color:var(--green);color:var(--black)}.cart{z-index:45;background:var(--black);width:min(400px,100%);color:var(--white);border-left:1px solid var(--white);flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cart.is-open{transform:none}.cart__head{letter-spacing:.02em;border-bottom:1px solid #2a2a2a;padding:18px 20px;font-size:22px;font-weight:800;position:relative}.cart__head .modal__close{background:var(--white);color:var(--black)}.cart__head .modal__close:hover{background:var(--pink)}.cart__lines{flex:1;padding:6px 20px;overflow-y:auto}.cart__empty{font-family:var(--mono);letter-spacing:.14em;color:var(--grey);padding:40px 0;font-size:11px;line-height:1.8}.cart__empty b{color:var(--green);font-family:var(--sans);letter-spacing:.02em;margin-bottom:8px;font-size:20px;display:block}.line{border-bottom:1px solid #2a2a2a;grid-template-columns:54px 1fr auto;gap:12px;padding:16px 0;display:grid}.line__swatch{border:1px solid #444;width:54px;height:66px}.line__name{letter-spacing:.08em;font-size:13px;font-weight:700}.line__meta{font-family:var(--mono);letter-spacing:.1em;color:var(--grey);margin:5px 0 9px;font-size:10px}.line__qty{align-items:center;gap:0;display:flex}.line__qty button{width:24px;height:24px;color:var(--white);cursor:pointer;font-family:var(--mono);background:0 0;border:1px solid #555;font-size:12px}.line__qty button:hover{background:var(--white);color:var(--black)}.line__qty span{text-align:center;min-width:30px;font-family:var(--mono);font-size:11px}.line__right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.line__price{font-family:var(--mono);font-size:12px}.line__remove{color:var(--pink);cursor:pointer;font-family:var(--mono);letter-spacing:.14em;background:0 0;border:0;font-size:9px;text-decoration:underline}.cart__foot{border-top:1px solid var(--white);padding:18px 20px 22px}.cart__total{font-family:var(--mono);letter-spacing:.16em;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:11px;display:flex}.cart__total b{font-family:var(--sans);letter-spacing:0;font-size:26px}.toast{z-index:60;background:var(--green);color:var(--black);letter-spacing:.14em;opacity:0;pointer-events:none;padding:11px 18px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:60px;left:50%;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media (width<=760px){.modal{padding:0}.modal__panel{grid-template-rows:42vh 1fr;grid-template-columns:1fr;height:100%}.modal__viewer{min-height:0}.modal__info{padding:22px 20px 24px}.modal__info h2{font-size:30px}.hud__brand{font-size:16px;top:14px;left:14px}.hud__actions{top:10px;right:10px}.btn{padding:9px 11px;font-size:10px}}.pause{z-index:9;animation:.2s .12s both pause-in}@keyframes pause-in{0%{opacity:0}to{opacity:1}}.pause__title{margin-bottom:8px}.pause__sub{font-family:var(--mono);letter-spacing:.2em;color:var(--green);margin-bottom:18px;font-size:11px}body.is-free .crosshair{display:none}body.is-free .hover-label{transform:translate(-50%)}body.is-free #scene{cursor:grab}body.is-free #scene:active{cursor:grabbing}.modal__info .btn--ghost{color:var(--black);border-color:var(--black);background:0 0;margin-top:8px}.modal__info .btn--ghost:hover{background:var(--green);border-color:var(--black);color:var(--black)}.modal__info .btn--ghost.is-on{background:var(--pink);border-color:var(--pink);color:var(--black)}.look{border-top:1px solid #2a2a2a;padding:14px 20px 6px}.look__head{font-family:var(--mono);letter-spacing:.16em;color:var(--green);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:10px;display:flex}.look__row{letter-spacing:.08em;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:12px;font-weight:700;display:grid}.look__row i{border:1px solid #555;width:14px;height:14px}.look__row small{font-family:var(--mono);color:var(--grey);margin-left:6px;font-size:9px;font-weight:400}.money{font-family:var(--mono);letter-spacing:.02em;color:var(--green);text-shadow:0 0 14px #a6ff008c,0 2px #000;opacity:0;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;transition:opacity .5s;position:absolute;top:64px;right:18px}.money.is-on{opacity:1;transition:none}@media (width<=760px){.money{font-size:18px;top:52px;right:10px}}.money{opacity:1}.modal__info .btn--ghost:disabled:hover{background:0 0}.cart__note{min-height:14px;font-family:var(--mono);letter-spacing:.12em;color:var(--pink);margin-top:10px;font-size:10px}.congrats{z-index:55;background:#050505d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.congrats canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.congrats__box{background:var(--black);border:1px solid var(--white);text-align:center;width:min(520px,100%);padding:34px 34px 30px;animation:.45s cubic-bezier(.2,1.5,.4,1) both congrats-pop;position:relative}@keyframes congrats-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.congrats__ref{font-family:var(--mono);letter-spacing:.2em;color:var(--grey);margin-bottom:14px;font-size:10px}.congrats h2{letter-spacing:-.01em;color:var(--green);font-size:clamp(28px,6vw,46px);font-weight:800;line-height:1;animation:.9s steps(2,end) 3 congrats-flash}@keyframes congrats-flash{50%{color:var(--pink)}}.congrats__sub{letter-spacing:.2em;margin-top:10px;font-size:14px;font-weight:700}.congrats__total{margin:22px 0 6px;font-size:40px;font-weight:800}.congrats__meta{font-family:var(--mono);letter-spacing:.16em;color:var(--grey);margin-bottom:6px;font-size:10px}.congrats__meta--green{color:var(--green);margin-bottom:24px}.congrats .btn+.btn{margin-top:8px}.secrets{font-family:var(--mono);letter-spacing:.2em;color:var(--green);pointer-events:none;white-space:nowrap;font-size:9px;position:absolute;top:102px;right:18px}.secrets.is-bump{animation:.6s steps(2,end) 2 secrets-bump}@keyframes secrets-bump{50%{color:var(--pink)}}@media (width<=760px){.secrets{top:78px;right:10px}}