:root{--night:#07060a;--bone:#e6e2d8;--dim:#6d6a74;--glow:#8fa3e8;--rule:rgba(230,226,216,.12);--fell:"IM Fell English", "Iowan Old Style", Georgia, serif;--mono:"DM Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html{height:100%;scroll-snap-type:y proximity;background:var(--night)}body{margin:0;background:var(--night);color:var(--bone);font-family:var(--mono);font-weight:300}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:1px dashed var(--glow);outline-offset:4px}.m{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}section{position:relative;min-height:100vh;min-height:100svh;scroll-snap-align:start;overflow:hidden}#i{display:flex;flex-direction:column;align-items:center;padding-inline:16px}#i .logo{position:relative;z-index:3;image-rendering:auto;width:min(760px,90vw);height:auto;margin-top:clamp(32px,7vh,64px)}#i canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;cursor:crosshair;touch-action:pan-y}#i .fallback{position:absolute;inset:auto 0 6% 0;margin:auto;height:62%;width:auto;opacity:0;transition:opacity 1s;z-index:0}#i .corner{position:absolute;z-index:3;bottom:calc(20px + env(safe-area-inset-bottom,0px))}#i .l{left:20px}#i .r{right:20px;text-decoration:none}#i .r:hover{color:var(--bone)}#i .vig{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 45%,var(--night) 100%)}#ii{display:grid;place-items:center;padding:clamp(56px,10vh,96px) clamp(16px,4vw,48px)}.shop{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(360px,100%)}.stage{position:relative;width:100%;aspect-ratio:4/5;display:grid;place-items:center;cursor:e-resize;touch-action:pan-y}.stage img{grid-area:1/1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.stage img.on{opacity:1}.stage img.cut{object-fit:contain;padding:8% 4%}.thumbs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.thumbs button{-webkit-appearance:none;appearance:none;padding:0;border:1px solid transparent;background:none;width:34px;height:34px;cursor:pointer;opacity:.4;transition:opacity .3s,border-color .3s}.thumbs button img{width:100%;height:100%;object-fit:cover}.thumbs button:hover{opacity:.8}.thumbs button[aria-current=true]{opacity:1;border-color:var(--bone)}.count{font-variant-numeric:tabular-nums}.hat{filter:drop-shadow(0 30px 40px rgba(143,163,232,.12))}.name{font-family:UnifrakturMaguntia,Old English Text MT,serif;font-weight:400;font-size:34px;line-height:1;letter-spacing:.005em;margin:4px 0 0;color:var(--bone);filter:url(#rough)}.row{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;font-variant-numeric:tabular-nums}.row span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--dim);vertical-align:middle;margin-right:18px}.acq{-webkit-appearance:none;appearance:none;background:none;border:1px solid var(--rule);color:var(--bone);font:inherit;font-size:11px;letter-spacing:.34em;text-transform:uppercase;padding:15px 44px;cursor:pointer;transition:border-color .4s,background .4s,color .4s}.acq:hover{border-color:var(--bone);background:var(--bone);color:var(--night)}.collage{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;columns:5 180px;column-gap:6px;z-index:0;opacity:.6}.collage img{width:100%;height:auto;margin-bottom:6px;break-inside:avoid;filter:saturate(.75) brightness(.72) contrast(1.05);transition:filter .6s}.collage img:hover{filter:saturate(1) brightness(1)}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 42% 58% at 50% 50%,#07060af0,#07060acc 55%,#07060a40)}@media(max-width:720px){.collage{columns:3 110px;opacity:.45}.veil{background:radial-gradient(ellipse 70% 60% at 50% 50%,#07060af0,#07060abf 60%,#07060a59)}}#ii .foot{position:absolute;z-index:2;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;padding-inline:20px}#ii .foot a{text-decoration:none}.toast{position:fixed;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));transform:translate(-50%,10px);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);opacity:0;transition:.4s;z-index:9;text-align:center;max-width:calc(100% - 32px)}.toast.on{opacity:1;transform:translate(-50%)}dialog.notify{background:var(--night);color:var(--bone);border:1px solid var(--rule);padding:40px 32px 30px;width:min(380px,calc(100% - 32px));text-align:center}dialog.notify::backdrop{background:#040307d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog.notify form{display:flex;flex-direction:column;gap:22px;align-items:center;margin:0}dialog.notify .q{font-family:var(--fell);font-style:italic;font-size:22px;margin:0}dialog.notify input{width:100%;background:none;border:0;border-bottom:1px solid var(--rule);color:var(--bone);font-family:var(--mono);font-size:14px;padding:10px 2px;text-align:center;letter-spacing:.06em}dialog.notify input:focus{outline:none;border-bottom-color:var(--bone)}dialog.notify input::placeholder{color:var(--dim)}dialog.notify .x{position:absolute;top:10px;right:14px;background:none;border:0;color:var(--dim);font:inherit;font-size:16px;cursor:pointer}dialog.notify .done{display:none}dialog.notify.sent form{display:none}dialog.notify.sent .done{display:block}@media(prefers-reduced-motion:reduce){.hat,.ref{transition:none}}.acq[disabled]{opacity:.4;cursor:not-allowed}.acq-form{margin:0}.err{color:#c9a3a0;font-size:11px;letter-spacing:.08em}.plain{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:28px;padding:48px 16px 64px;text-align:center}.plain .logo-sm{width:min(360px,70vw)}.plain h1{font-family:UnifrakturMaguntia,Old English Text MT,serif;font-weight:400;font-size:40px;margin:0}.plain a{text-decoration:none}.plain .body{max-width:60ch;font-family:var(--fell);font-size:17px;line-height:1.6;color:var(--bone);text-align:left}.cart-list{width:min(520px,100%);display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--rule);padding-top:18px}.cart-row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;text-align:left}.cart-row img{width:64px;height:64px;object-fit:cover}.pw{position:absolute;z-index:4;top:18px;right:20px}.pw summary{list-style:none;cursor:pointer}.pw summary::-webkit-details-marker{display:none}.pw form{display:flex;gap:8px;margin-top:10px}.pw input{background:none;border:0;border-bottom:1px solid var(--rule);color:var(--bone);font-family:var(--mono);padding:6px 2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tiltbtn{position:absolute;z-index:4;left:50%;transform:translate(-50%);bottom:calc(58px + env(safe-area-inset-bottom,0px));background:none;border:1px solid var(--rule);color:var(--dim);font:inherit;font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:10px 18px;cursor:pointer}.tiltbtn:active{color:var(--bone);border-color:var(--bone)}.stage,.collage{will-change:transform}@media(prefers-reduced-motion:reduce){.stage,.collage{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/war-within.css.map */