@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-ext-400-normal-ChcxYnmu.woff2)format("woff2"),url(/assets/special-elite-latin-ext-400-normal-CaJZjSVf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#ece2c6;--paper-2:#e0d2ae;--ink:#2a2521;--stamp:#a52a1f;--pencil:#2e4a78}*{box-sizing:border-box}html,body{background:#0d0b09;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Special Elite,Courier New,monospace;font-size:clamp(12px,1.25vw,18px)}#app{position:fixed;inset:0}#scene{touch-action:none;width:100%;height:100%;display:block}.layer{pointer-events:none;position:absolute;inset:0}.hidden{display:none!important}.strip{background:var(--paper);text-transform:uppercase;letter-spacing:.09em;clip-path:polygon(0 0,100% 0,calc(100% - 3px) 22%,100% 48%,calc(100% - 4px) 74%,100% 100%,0 100%,3px 78%,0 52%,4px 24%);filter:drop-shadow(0 2px 3px #00000080);background-image:linear-gradient(#8c64281a,#8c642800 35%,#3c280a1f);margin:0;padding:.42em .95em .22em;font-weight:400;line-height:1.3;display:inline-block}.strip.small{font-size:.8em}.strip.big{letter-spacing:.14em;font-size:1.7em}.strip b{font-size:1.25em;font-weight:400}.strip:nth-child(odd){transform:rotate(-.7deg)}.strip:nth-child(2n){transform:rotate(.5deg)translate(.4em)}.sheet{background:var(--paper-2);background-image:repeating-linear-gradient(#0000 0 1.9em,#3c280a21 1.9em calc(1.9em + 1px)),radial-gradient(at 20% 10%,#fffae680,#0000 60%);border:1px solid #3c280a66;flex-direction:column;align-items:flex-start;gap:.45em;padding:1em 1.3em 1.2em;display:flex;position:relative;box-shadow:0 10px 30px #0000008c,0 0 0 4px #e0d2ae40}.sheet-head{border-bottom:3px double var(--ink);letter-spacing:.22em;white-space:nowrap;justify-content:space-between;align-self:stretch;align-items:baseline;gap:2.5em;margin-bottom:.3em;padding-bottom:.35em;font-size:.72em;display:flex}.sheet-head span:first-child{letter-spacing:.3em;font-family:Georgia,Times New Roman,serif;font-size:1.5em;font-weight:700}.stamp{color:var(--stamp);border:3px double var(--stamp);text-transform:uppercase;letter-spacing:.14em;opacity:.9;background:#ece2c6d1;border-radius:4px;padding:.28em .7em .08em;display:inline-block;transform:rotate(-6deg)}.hint{letter-spacing:.16em;color:var(--paper);text-shadow:0 1px 3px #000;text-transform:uppercase;font-size:.7em}.sheet .hint{color:#2a2521b3;text-shadow:none}button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.btn{background:var(--ink);color:var(--paper);border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.16em;padding:.55em 1.2em .35em;font-size:1.05em;transition:transform 80ms,box-shadow 80ms,background .12s;box-shadow:0 3px #00000073}.btn:hover{background:var(--stamp);border-color:var(--stamp)}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000073}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{border-color:var(--ink);background:#2a25211f}button:focus-visible{outline:3px solid var(--pencil);outline-offset:3px}.hud-col{top:max(14px, env(safe-area-inset-top));flex-direction:column;gap:.35em;display:flex;position:absolute}.hud-col.left{align-items:flex-start;left:16px}.hud-col.right{align-items:flex-end;right:16px}#msg{text-align:center;opacity:0;max-width:90vw;font-size:1.15em;transition:opacity .25s,transform .25s;position:absolute;top:17%;left:50%;transform:translate(-50%,-8px)rotate(-.6deg)}#msg.on{opacity:1;transform:translate(-50%)rotate(-.6deg)}#touch-hint{opacity:.85;display:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.touch #touch-hint{display:inline-block}#top{top:max(2.5vh, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:.7em;width:fit-content;max-width:96vw;margin-inline:auto;display:flex;position:absolute;left:0;right:0}#title{transform:rotate(-1deg)}#title h1{font-size:clamp(1.4em,3.4vw,2.4em)}#xpbox{white-space:nowrap;transform:rotate(.8deg)}@media (width>=900px){#xpbox{top:max(14px, env(safe-area-inset-top));position:fixed;right:16px}}.bar{vertical-align:middle;border:2px solid var(--ink);width:7em;height:.7em;margin-left:.6em;display:inline-block;transform:translateY(-.12em)}.bar i{background:repeating-linear-gradient(90deg, var(--ink) 0 4px, transparent 4px 6px);width:0;height:100%;transition:width .4s;display:block}#card{left:50%;bottom:max(3vh, env(safe-area-inset-bottom));align-items:center;gap:1.2em;max-width:96vw;display:flex;position:absolute;transform:translate(-50%)}.dossier{text-align:center;flex-direction:column;align-items:center;gap:.4em;min-width:min(30em,66vw);display:flex}.dossier .btn{margin-top:.35em}.arrow{background:var(--paper);border:2px solid var(--ink);flex:none;width:3.2em;height:3.2em;padding:.2em 0 0;font-size:1.2em;box-shadow:0 3px #00000073}.arrow:hover:not(:disabled){background:var(--ink);color:var(--paper)}.arrow:disabled{opacity:.35;cursor:default}.shake{animation:.35s shake}@keyframes shake{25%{transform:rotate(-6deg)translate(-8px)}50%{transform:rotate(-6deg)translate(8px)}75%{transform:rotate(-6deg)translate(-5px)}}#over,#pause{background:#0f0a056b;flex-direction:column;justify-content:center;align-items:center;gap:.6em;display:flex}#over .sheet{width:min(40em,92vw);font-size:1.05em;transform:rotate(-.8deg)}#over-lines{flex-direction:column;align-items:flex-start;gap:.4em;min-height:9em;display:flex}#over-stamp{opacity:0;font-size:1.5em;position:absolute;bottom:4.2em;right:1.2em;transform:rotate(-9deg)scale(2.2)}#over-stamp.on{opacity:.9;transition:transform .16s cubic-bezier(.3,1.6,.6,1),opacity .1s;transform:rotate(-9deg)scale(1)}.actions{flex-wrap:wrap;gap:.8em;margin-top:.5em;display:flex}#vignette{background:radial-gradient(#0000 52%,#140c0457 78%,#0c0702bd 100%)}#grain{opacity:.2;mix-blend-mode:overlay;background-size:160px 160px;animation:.5s step-end infinite grain;inset:-80px}@keyframes grain{0%{transform:translate(0)}12%{transform:translate(-31px,17px)}25%{transform:translate(22px,-44px)}37%{transform:translate(-58px,-9px)}50%{transform:translate(40px,33px)}62%{transform:translate(-12px,61px)}75%{transform:translate(63px,-27px)}87%{transform:translate(-45px,48px)}}#scratches i{opacity:0;background:#fffaeb21;width:1px;animation:5.3s step-end infinite scratch;position:absolute;top:0;bottom:0}#scratches i+i{animation-duration:7.9s;animation-delay:-3s}@keyframes scratch{0%{opacity:1;left:22%}3%{opacity:.6;left:22.4%}6%{opacity:0}41%{opacity:.8;left:71%}43%{opacity:1;left:70.7%}47%{opacity:0}78%{opacity:.7;left:48%}80%{opacity:0}}#fade{opacity:0;background:#0d0b09;transition:opacity .22s}#fade.on{opacity:1}@media (prefers-reduced-motion:reduce){#grain,#scratches i{animation:none}}@media (width<=640px){.sheet-head{letter-spacing:.1em;gap:1em}.hud-col.right{top:calc(max(14px, env(safe-area-inset-top)) + 5.4em);align-items:flex-start;left:16px;right:auto}}
