@font-face{font-family:Basteleur;src:url(/vendor/fonts/basteleur-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Basteleur;src:url(/vendor/fonts/basteleur-moonlight.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Necto Mono;src:url(/vendor/fonts/necto-mono.woff2)format("woff2");font-weight:400;font-display:swap}:root{--paper:#efe9db;--sheet:#fff;--ink:#0b0b0b;--faint:#a29a88;--green:#0c6c00}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;font-family:Necto Mono,ui-monospace,monospace;overflow-x:hidden}body{grid-template-columns:minmax(190px,.9fr) auto minmax(200px,.9fr);grid-template-areas:"rail main codex";align-items:center;gap:clamp(14px,2.4vw,40px);min-height:100dvh;padding:22px clamp(14px,2.4vw,40px) 58px;display:grid}body.drawing{cursor:crosshair}#rail{grid-area:rail;align-self:start;padding-top:6px}#mark{width:clamp(160px,19vw,280px);height:auto;margin-left:-8px;display:block}#him{z-index:2;pointer-events:none;width:clamp(96px,11vw,168px);height:auto;position:fixed;bottom:-6px;left:clamp(-10px,.6vw,14px);transform:rotate(-4deg)}#line{max-width:15ch;margin:14px 0 0;font-family:Basteleur,serif;font-size:clamp(19px,2vw,30px);font-weight:700;line-height:1.02}main{flex-direction:column;grid-area:main;justify-self:center;align-items:center;gap:14px;display:flex}#chip{letter-spacing:.04em;padding:9px 20px;font-size:13px;position:relative}#chipin{align-items:center;gap:12px;display:flex}#chip b{letter-spacing:0;font-family:Basteleur,serif;font-size:19px}#chip img{display:block}#chip span{font-family:Basteleur,serif;font-size:21px}#chip i{color:var(--green);font-style:normal}#sheet{background:var(--sheet);width:min(52vw,93.3333dvh,820px);padding:13px;position:relative;box-shadow:7px 9px #0b0b0b14}#world{aspect-ratio:4/3;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair;display:block}#hint{color:#cbc4b4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin:0;font-family:Basteleur,serif;font-size:clamp(20px,2.6vw,34px);display:flex;position:absolute;inset:auto 0 40%}#hint span{align-items:center;gap:12px;display:flex}#hint img{opacity:.55}#hint small{letter-spacing:.18em;color:#d5cebd;font-family:Necto Mono,monospace;font-size:10px}#voice{color:var(--ink);text-align:center;opacity:0;pointer-events:none;margin:0;font-family:Basteleur,serif;font-size:clamp(21px,2.9vw,40px);font-weight:300;line-height:1.05;transition:opacity .9s;position:absolute;inset:6% 4% auto}#voice small{letter-spacing:.16em;color:var(--faint);margin-top:6px;font-family:Necto Mono,monospace;font-size:12px;display:block}#voice.on{opacity:1}#ending{gap:12px;min-height:0;display:flex}#ending button{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:11px 24px;font-family:Basteleur,serif;font-size:19px;position:relative}#ending button:hover{color:var(--green)}#count{letter-spacing:.14em;color:var(--faint);margin:0;font-size:12px}#count s{margin-left:14px;text-decoration:none}#codex{flex-direction:column;grid-area:codex;gap:7px;width:clamp(210px,20vw,288px);margin:0;padding:0;font-size:11px;list-style:none;display:flex}#codex li{color:#cdc6b6;grid-template-columns:13px 22px 1fr;align-items:center;gap:10px;transition:color .3s;display:grid}#codex b{font-size:10px;font-weight:400}#codex img{opacity:.22;transition:opacity .3s}#codex div{flex-direction:column;line-height:1.25;display:flex}#codex span{font-family:Basteleur,serif;font-size:17px;line-height:1}#codex em,#codex i{letter-spacing:.09em;font-size:9.5px;font-style:normal}#codex i{display:none}#codex .was{color:#8d8574}#codex .was img{opacity:.45}#codex .now{color:var(--ink)}#codex .now img{opacity:1}#codex .now i{color:var(--green);display:block}#tags a{z-index:4;letter-spacing:.1em;color:var(--ink);padding:7px 15px;font-size:12px;text-decoration:none;position:fixed}#tags a:hover{color:var(--green)}#tags .t0{top:22px;right:clamp(12px,2vw,34px);transform:rotate(2deg)}#tags .t1{top:clamp(280px,42vh,420px);left:clamp(14px,2.4vw,40px);transform:rotate(-3deg)}#tags .t2{bottom:66px;right:clamp(28px,4vw,76px);transform:rotate(1.5deg)}#src{white-space:nowrap;letter-spacing:.1em;color:#bdb5a3;gap:26px;font-size:9px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#nojs{color:var(--faint);font-size:13px;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}svg.sk{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}@media (width<=900px){body{grid-template-columns:1fr;grid-template-areas:"him""rail""main""codex""tags""src";align-content:start;gap:14px;padding:10px 12px 26px}#him{grid-area:him;justify-self:center;width:88px;position:static;transform:rotate(-3deg)}#rail{flex-direction:column;align-items:center;padding-top:0;display:flex}#mark{width:190px;margin:0}#line{text-align:center;max-width:none;margin:8px 0 0;font-size:18px}#chip{padding:7px 14px;font-size:10px}#chipin{flex-wrap:nowrap;gap:9px}#chip b{font-size:16px}#chip span{font-size:18px}#sheet{width:min(96vw,74.6667dvh);padding:9px}#codex{order:2;justify-self:center;gap:5px;width:min(96vw,420px);font-size:10px}#tags{grid-area:tags;justify-content:center;gap:14px;padding-top:4px;display:flex}#tags a{padding:6px 13px;position:static}#tags .t0{transform:rotate(2deg)}#tags .t1{transform:rotate(-2.5deg)}#tags .t2{transform:rotate(1.5deg)}#src{white-space:normal;text-align:center;flex-direction:column;grid-area:src;align-items:center;gap:3px;font-size:8px;position:static;transform:none}}@media (prefers-reduced-motion:reduce){#voice{transition:none}}