:root{color-scheme:dark;--ground: #0d1218;--ink: #5c6c7e;--accent: #ff7a1a;--bone: #d3ccba}.ornate{position:relative;isolation:isolate;border:var(--b) solid transparent}.ornate>.orn{position:absolute;z-index:1;top:calc(-1 * var(--b));left:calc(-1 * var(--b));pointer-events:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);transition:background .6s;color:var(--bone);font:18px/1.4 DotGothic16,ui-monospace,Menlo,monospace}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}:focus-visible{outline:1px solid var(--bone);outline-offset:3px}header{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:10px 20px;color:#7d858d}header h1{margin:0;font:600 30px/1 Grenze Gotisch,serif;color:var(--bone);animation:hues 15s infinite}@keyframes hues{0%,18.67%{color:#d3ccba}20%,38.67%{color:#ff2a2a}40%,58.67%{color:#9dff5a}60%,78.67%{color:#ff7a1a}80%,98.67%{color:#8f7cff}to{color:#d3ccba}}header button,.note button{transition:color .5s ease}header button:hover,header nav button.on,.note button:hover{color:#ff2a2a}header h1 button{transition:none}header h1 button:hover{color:inherit}header nav{position:relative;display:flex;gap:14px;align-items:center;margin:0 auto 0 18px}header nav .links{display:flex;gap:14px;align-items:center;margin-right:14px}header nav .burger{display:none}header .me{color:var(--bone);transition:color .5s ease}header button:hover .me{color:#ff2a2a}.about{position:absolute;z-index:2;top:calc(100% + 12px);left:0;width:min(52ch,calc(100vw - 40px));padding:4px 18px;background:var(--ground);border:1px solid var(--ink);color:var(--bone);font-size:15px}.entry{color:#dcb88a}.about b{font-weight:400}footer{position:fixed;z-index:1;inset:auto 0 0 0;display:flex;justify-content:flex-end;gap:18px;align-items:center;min-height:38px;padding:10px 20px;background:#000;border-top:1px solid #111;color:#7d858d;font-size:14px}footer button,footer a{display:grid;color:inherit;transition:color .5s ease}footer .soon{display:grid;opacity:.35}footer button:hover,footer a:hover{color:#ff2a2a}.entry b{font:600 20px/1 Grenze Gotisch,serif}.wallets{display:flex;gap:14px;flex-wrap:wrap}.scene{--wide: max(34ch, min( calc(100vw - ((100vh - 136px)*.75) - 110px) , clamp(34ch, calc(34ch + (860px - 100vh)*.9) , 66ch)));display:grid;grid-template-columns:auto minmax(0,var(--wide));gap:28px;justify-content:center;align-items:center;min-height:calc(100% - 56px);padding:12px 20px 54px}.plate{display:block;image-rendering:pixelated;width:min(60vw,calc((100vh - 136px) * var(--ar)));height:auto}.plate.small{width:min(320px,42vw)}.words{display:grid;gap:18px;align-content:center;min-height:14em;width:var(--wide);max-width:100%}.telling{margin:0;white-space:pre-line}.title{justify-self:start;margin:0;padding:7px 16px 8px;color:var(--bone);font:600 22px/1 Grenze Gotisch,serif;letter-spacing:.02em}.save{justify-self:start;display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--ink);font-size:14px;transition:color .5s ease}.title.asks{cursor:pointer}.frame .entry{margin:0;cursor:pointer}.save:hover{color:#ff2a2a}.save:disabled{cursor:default}.choices{list-style:none;margin:0;padding:0;display:grid;gap:6px;color:#b3122e}.choices li{display:flex}.choices li:before{content:">";flex:none;width:2ch;visibility:hidden}.choices li.on{color:#ff2a2a}.choices li.on:before{visibility:visible}.choices li.on button:after{content:"▌";position:absolute;margin-left:.4ch;animation:blink 1s steps(1) infinite}.ask{position:fixed;z-index:2;margin:0;left:20px;bottom:10px;color:#7d858d;font-size:14px}.ask:not(:empty):after{content:"▌";margin-left:.4ch;animation:blink 1s steps(1) infinite}.note{margin:0;color:var(--ink);font-size:14px;min-height:1.4em}.note button{color:var(--accent)}.note button:disabled{opacity:.4;cursor:default}.mint{margin-top:clamp(8px,3.5vh,30px);display:grid;gap:4px;justify-items:start}.mintbox{padding:14px 22px;color:var(--accent);font-size:16px;line-height:1.75;cursor:pointer;transition:color .5s ease}.mint .note{margin-top:14px;font-size:16px;color:color-mix(in srgb,var(--ink),var(--bone))}.mintbox.busy{opacity:.4;pointer-events:none}.mintbox:hover{color:#ff2a2a}.mintbox span{display:block}.qty{margin:0 .6ch}.mintbox .qty{display:inline}.mintbox button{color:var(--accent);font-size:11px;vertical-align:1px}.qty button{padding:0 .5ch}.qty b{display:inline-block;width:2ch;text-align:center;font-weight:400;color:var(--bone)}.eth{color:var(--bone);font-weight:700;text-decoration:underline;text-underline-offset:3px}.about a,.shelf button{color:var(--accent);transition:color .5s ease}.about a{display:inline;text-decoration:none}.about a:hover,.shelf button:not(:disabled):hover{color:#ff2a2a}.shelf{padding:12px 20px 80px;display:grid;gap:14px;justify-items:start}.shelf>.note{font-size:18px;color:var(--bone)}.shelf ol,.shelf ul{list-style:none;margin:0;padding:0}.shelf>ol{margin-left:-10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,300px);gap:0 28px}.shelf>ol>li{display:grid;grid-template-columns:72px 1fr auto;gap:0 16px;align-items:center;padding:6px 10px;transition:background .2s ease}.shelf>ol>li:nth-child(2n){background:#ffffff06}.shelf>ol>li:hover{background:#ffffff12}.shelf>ol>li>button:not(.thumb){display:grid;grid-template-columns:4ch 1fr auto}.shelf .thumb{display:block;line-height:0}.shelf .thumb canvas{width:72px;height:auto}.shelf a{color:var(--ink);font-size:14px;text-decoration:none;transition:color .5s ease}.shelf a:hover{color:#ff2a2a}.veil{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000d9}.frame{max-width:min(48ch,90vw);padding:30px 34px 26px;background:#000;color:var(--bone);line-height:1.6}.frame p{margin:0 0 26px}.frame .row{display:flex;gap:44px;justify-content:center;margin:0}.frame .row button{color:var(--bone);transition:color .5s ease}.frame .row button:hover{color:#ff2a2a}.frame.wide{max-width:none;padding:10px;line-height:0}.veil:has(.side){grid-auto-flow:column;place-content:center;gap:30px}.frame.wide .plate{width:min(calc((100vh - 2 * var(--f) - 70px) * var(--ar)),calc(100vw - 2 * var(--f) - 440px))}.log{display:grid;gap:14px;align-content:start;width:340px;max-height:calc(100vh - 2 * var(--f) - 70px);overflow-y:auto;line-height:1.45;font-size:17px;color:var(--bone)}.log .title{font-size:25px}.log .sea{justify-self:start;color:var(--accent);display:flex;gap:6px;align-items:center;font-size:15px}.log button.sea:hover{color:#ff2a2a}.log span.sea{color:#7d858d;opacity:.5}.log .addr{color:var(--bone);text-decoration:underline dotted #7d858d;text-underline-offset:4px;transition:color .5s ease}.log .addr:hover{color:#ff2a2a}.log ol,.log ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.log h3{margin:6px 0 0;color:#7d858d;font-size:14px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.log small{display:block;color:#7d858d;font-size:14px}.log a,.tabs button,.shelf .note a{color:var(--accent);text-decoration:none;transition:color .5s ease}.log a:hover,.tabs button:hover,.shelf .note a:hover{color:#ff2a2a}.tabs{display:flex;gap:12px;margin:0;color:#7d858d}.tabs .ornate{padding:4px 10px;font-size:15px}.tabs button.on{color:#ff2a2a;font-weight:700}.frame .shut{--o: calc(var(--k) - var(--f) - 10px);position:absolute;z-index:2;top:var(--o);right:var(--o);display:grid;place-items:center;width:21px;height:21px;padding:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#ff2a2a;color:#000;font:700 11px/21px ui-monospace,Menlo,monospace;transition:background .5s ease,color .5s ease}.frame .shut:hover{background:#000;color:#ff2a2a}.frame .shut.tl,.frame .shut.bl{right:auto;left:var(--o)}.frame .shut.br,.frame .shut.bl{top:auto;bottom:var(--o)}.frame .shut.soon{opacity:.35}.frame .shut.soon:hover{background:#ff2a2a;color:#000}.frame .shut:disabled{cursor:default;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 820px){header nav .burger{display:block}header nav .links{display:none;position:absolute;z-index:2;top:calc(100% + 12px);left:0;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:10px 18px;background:var(--ground);border:1px solid var(--ink);white-space:nowrap}header nav .links.open{display:flex}header nav .links span{display:none}.scene{--wide: 100%;grid-template-columns:minmax(0,1fr);align-items:start;justify-items:center;padding:8px 12px 120px}.scene:has(.drawer){min-height:0;height:calc(100dvh - 162px);align-content:center;padding:0}.plate{width:min(100vw,calc((100dvh - 166px) * var(--ar)));height:auto}.plate.small{width:min(320px,70vw,calc((100dvh - 420px) * var(--ar)));margin:0 auto}.drawer{position:fixed;z-index:0;left:0;right:0;bottom:var(--below, 38px);width:auto;min-height:0;max-height:calc(100dvh - 90px);overflow-y:auto;gap:10px;align-content:start;padding:8px 16px 14px;background:var(--ground);border-top:1px solid var(--ink);font-size:16px;line-height:1.32;transform:translateY(calc(100% - 68px));transition:transform .35s ease}.drawer.open{transform:none}.drawer .title{cursor:pointer}.words.drawer .mint{margin-top:4px}.veil .drawer{--below: 0px;z-index:3;width:auto;max-height:calc(100dvh - 40px);background:#000}.veil:has(.side){grid-auto-flow:row}.log{width:auto}.frame.wide .plate{width:min(calc(100vw - 2 * var(--f) - 40px),calc((100dvh - 2 * var(--f) - 170px) * var(--ar)))}.art{cursor:pointer}}@media (prefers-reduced-motion: reduce){.choices li.on button:after,.ask:after,header h1{animation:none}}