@import "https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap";@import "https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;touch-action:manipulation;width:100%;height:100%;margin:0;padding:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}.app-root{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(.4rem,2vw,1.2rem);font-family:Georgia,Times New Roman,serif;display:flex;overflow:hidden}.route-nav{flex-shrink:0;gap:.5rem;margin-bottom:.4rem;display:flex}.route-link{color:#4a2e0a;letter-spacing:.05em;background:#b48c5a59;border:1px solid #643c1459;border-radius:20px;padding:.3rem .9rem;font-family:Georgia,serif;font-size:clamp(.65rem,1.5vw,.8rem);text-decoration:none;transition:background .2s,color .2s}.route-link:hover{color:#fff8e7;background:#8b5a2b99}.route-link.active{color:#fff8e7;background:#8b5a2beb;border-color:#8b5a2bcc}.page-center{flex-direction:column;align-items:center;gap:clamp(.4rem,1.5vh,1rem);width:100%;max-width:600px;height:100%;display:flex}.page-title{color:#3b1e0a;text-shadow:1px 2px 8px #fff0c8b3;letter-spacing:.08em;text-align:center;flex-shrink:0;margin:0;font-family:Tangerine,serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700}.chemise-loader{background:#1a0e08;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chemise-loader__spinner{border:4px solid #ffd28233;border-top-color:#ffd282d9;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite chemise-spin}@keyframes chemise-spin{to{transform:rotate(360deg)}}.chemise-cover{cursor:pointer;background:#000;position:fixed;inset:0}.chemise-page-wrap{width:100%;height:100%;position:relative}.chemise-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.chemise-tab-zone{cursor:pointer;background:0 0;border:none;outline:none;width:9%;padding:0;position:absolute;right:45px}@font-face{font-family:Alex;src:url(/assets/ALEX____-DI9t-FmO.ttf)format("truetype");font-weight:400;font-style:normal}.pc-root{background:#1a0a03;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;display:flex;position:fixed;inset:0;overflow:hidden}.pc-scene{perspective:1200px;cursor:pointer;width:100%;height:100%;position:relative}.pc-video{object-fit:cover;opacity:0;z-index:0;pointer-events:none;width:100%;height:100%;transition:opacity 1s 2s;position:absolute;inset:0}.pc-video--visible{opacity:1}.pc-doors{z-index:1;width:100%;height:100%;transform-style:preserve-3d;display:flex;position:relative}.pc-door{width:50%;height:100%;transform-style:preserve-3d;transition:transform 3.5s cubic-bezier(.4,0,.2,1)}.pc-door--left{transform-origin:0;transform:rotateY(0)}.pc-door--left.open{transform:rotateY(130deg)}.pc-door--right{transform-origin:100%;transform:rotateY(0)}.pc-door--right.open{transform:rotateY(-130deg)}.pc-door-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.pc-area-wrap{z-index:10;aspect-ratio:1.35;flex-direction:column;align-items:center;gap:0;width:min(92vw,480px);transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.pc-area-gone{opacity:0;pointer-events:none;transform:translate(-50%)translateY(60px)}.pc-area-shake{animation:.5s area-shake}@keyframes area-shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 10px))}40%{transform:translate(calc(10px - 50%))}60%{transform:translate(calc(-50% - 7px))}80%{transform:translate(calc(7px - 50%))}}.pc-area-bg{-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:fill;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.pc-slots{z-index:2;justify-content:center;gap:clamp(4px,1.5vw,10px);padding-top:14%;display:flex;position:relative}.pc-slot{opacity:.25;justify-content:center;align-items:center;width:clamp(36px,9vw,52px);height:clamp(36px,9vw,52px);transition:opacity .15s;display:flex}.pc-slot.filled{opacity:1}.pc-slot.wrong{filter:hue-rotate(180deg)saturate(2)}.pc-slot-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.pc-keypad{z-index:2;flex-direction:column;gap:0;display:flex;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}.pc-key-row{justify-content:center;gap:clamp(0px,0vw,7px);display:flex}.pc-key{cursor:pointer;filter:drop-shadow(0 6px 12px #000000e6)drop-shadow(0 2px 4px #000000b3);-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:none;border-radius:50%;outline:none;width:clamp(64px,15.5vw,92px);height:clamp(64px,15.5vw,92px);padding:2px;transition:transform 80ms,filter 80ms}.pc-key:focus,.pc-key:focus-within,.pc-key:focus:not(:focus-visible){box-shadow:none;background:0 0;outline:none}.pc-key:active,.pc-key:focus-visible{background:#000;border-radius:4px;outline:none;transform:scale(.88);box-shadow:inset 0 0 20px #000,0 4px 10px 2px #0000004d}.pc-key:active .pc-key-img,.pc-key:focus-visible .pc-key-img{filter:brightness(.8)}.pc-key-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.pc-error-msg{z-index:20;color:#fff;letter-spacing:1px;text-align:center;text-shadow:0 2px 8px #000c;background:0 0;max-width:80vw;font-family:Georgia,serif;font-size:clamp(18px,5vw,28px);font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) error-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes error-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.pc-nav{z-index:200;background:linear-gradient(#000000a6,#0000);justify-content:space-between;align-items:center;padding:18px;display:flex;position:absolute;top:0;left:0;right:0}.pc-nav-title{color:#fff6;letter-spacing:3px;text-transform:uppercase;font-family:Alex,serif;font-size:20px;position:relative;top:-20px}.pc-nav-logo{object-fit:contain;opacity:.4;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:70px;position:relative;top:-6px}
