@font-face{font-family:Toronto;src:url(/fonts/Torrance.ttf)format("truetype");font-weight:400;font-display:swap}:root{--black:#000;--box:#ead3b2;--box-hi:#f3e4d0;--box-ink:#000;--box-edge:#7c878d;--box-faint:#000;--status:#4be04b;--link:#8f4f36;--wood:#596469;--wood-dark:#262e32;--wood-light:#8e9ca3;--gold:#acbcce;--gold-dark:#879da4;--parchment:#e6d3cc}*{box-sizing:border-box}html,body,*{cursor:url(/cursors/arrow.png) 1 1,auto}a,button,summary,label,.bar button,.min .bar{cursor:url(/cursors/hand.png) 10 0,pointer}.win .bar{cursor:url(/cursors/arrow.png) 1 1,move}html{color:var(--box-ink);-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:Toronto,Roboto Slab,Georgia,serif;font-size:15px;font-weight:300;line-height:1.5}.bitmap,h1,h2,h3,.status,.masthead .name,.masthead nav a,.death .buttons>*,#logo,.anykey{-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;letter-spacing:0;font-family:ChicagoFLFRegular,Chicago,Charcoal,sans-serif;font-weight:400}body{background:var(--black);height:100dvh;margin:0;overflow:hidden}.screen{--pad-top:32px;--pad:24px;inset:var(--pad-top) var(--pad) var(--pad);width:min(calc(100vw - 2 * var(--pad)), calc((100dvh - var(--pad-top) - var(--pad)) * 4 / 3));height:min(calc(100dvh - var(--pad-top) - var(--pad)), calc((100vw - 2 * var(--pad)) * 3 / 4));background:var(--black);margin:auto;position:fixed;overflow:hidden}.viewport{position:absolute;inset:0;overflow:hidden auto}.scene{z-index:0;background:var(--black) center / cover no-repeat;image-rendering:pixelated;position:absolute;inset:0}.scene-home{background-image:url(/scenes/home.png)}.scene-writing{background-image:url(/scenes/writing.png)}.scene-post{background-image:url(/scenes/post.png)}.scene-none{background-image:none}.hud{z-index:100000;position:sticky;top:0}.status{z-index:100000;color:var(--status);background:#000;justify-content:space-between;gap:16px;margin:0;padding:2px 10px 1px;font-size:11px;line-height:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.masthead{background:var(--wood);border-top:2px solid var(--wood-light);border-bottom:2px solid var(--wood-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:2px 10px;display:flex}.masthead .name{color:var(--gold);text-shadow:1px 1px 0 var(--wood-dark);font-size:16px;text-decoration:none}.masthead nav{gap:6px;display:flex}.masthead nav a{color:var(--parchment);box-shadow:inset 2px 2px 0 var(--wood-light), inset -2px -2px 0 var(--wood-dark), 0 0 0 1px var(--wood-dark);background:#68747a;padding:2px 8px 1px;font-size:12px;text-decoration:none}.masthead nav a:hover{background:var(--gold);color:var(--wood-dark);box-shadow:inset 2px 2px 0 var(--gold-dark), inset -2px -2px 0 #d8e3ee, 0 0 0 1px var(--wood-dark)}main{z-index:1;padding:16px 16px 0;position:relative}main>section,article,.tray>*{background:var(--box);max-width:62ch;color:var(--box-ink);border:2px solid var(--box-edge);box-shadow:inset 0 0 0 2px var(--box-hi);margin:0 0 14px;padding:0 12px 2px;position:relative;top:0;left:0}main>section:hover,article:hover,.tray>:hover{box-shadow:inset 0 0 0 2px var(--box-hi), 4px 4px 0 #000000bf;top:-2px;left:-2px}article{padding-bottom:8px}.bar{background:var(--box-edge);color:var(--box-hi);border-bottom:2px solid var(--box-hi);-webkit-font-smoothing:none;letter-spacing:.02em;user-select:none;justify-content:space-between;align-items:center;margin:0 -12px 10px;padding:3px 6px 2px 8px;font:13px/1 ChicagoFLFRegular,Roboto Slab,Georgia,serif;display:flex}.bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar button{-webkit-font-smoothing:none;width:16px;height:16px;color:var(--box-hi);border:2px solid var(--box-hi);background:0 0;border-radius:0;flex:none;margin-left:10px;padding:0;font:14px/14px ChicagoFLFRegular,monospace}.bar button:hover{background:var(--gold);color:var(--wood-dark);border-color:var(--gold)}.lifted{display:none}.tray{z-index:100000;pointer-events:none;flex-wrap:wrap;gap:6px;padding:0 16px 6px;display:flex;position:absolute;bottom:21px;left:0;right:0}.tray:empty{display:none}.tray>.min{pointer-events:auto;width:auto;min-width:14ch;max-width:28ch;box-shadow:inset 0 0 0 2px var(--box-hi), 3px 3px 0 #000000bf;margin:0;padding:0}.win{left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:10;box-shadow:inset 0 0 0 2px var(--box-hi), 4px 4px 0 #000000bf;resize:both;flex-direction:column;min-width:240px;min-height:120px;display:flex;position:absolute;overflow:hidden}.win .bar{flex:none;margin:0}.win .bar .wbtns{flex:none;gap:4px;display:flex}.win .bar .wbtns button{margin-left:0}.win iframe{background:var(--box);border:0;flex:1;width:calc(100% - 4px);height:0;margin:0 2px 2px;display:block}body.dragging iframe{pointer-events:none}body.dragging{user-select:none}.tray>.win{resize:none;z-index:auto;width:auto;min-width:0;height:auto;min-height:0;display:block;position:relative;top:0;left:0}.tray>.min:hover{box-shadow:inset 0 0 0 2px var(--box-hi), 5px 5px 0 #000000bf;top:-2px;left:-2px}.min .bar{border-bottom:0;margin:0}.desk-icon{z-index:2;width:120px;color:var(--box-hi);text-align:center;flex-direction:column;align-items:center;gap:3px;text-decoration:none;display:flex;position:absolute;bottom:30px;right:18px}.desk-icon img{image-rendering:pixelated;display:block}.desk-icon span{-webkit-font-smoothing:none;word-break:break-all;background:#000000a6;padding:1px 4px;font:10px/1.25 ChicagoFLFRegular,Roboto Slab,Georgia,serif}.desk-icon:hover{background:0 0}.desk-icon:hover span{background:var(--gold);color:var(--wood-dark)}html[data-framed] .desk-icon{display:none}.notebook p{text-indent:2ch;margin:0}.notebook p.first{text-indent:0}.notebook p.signoff{text-indent:0;text-align:right}.notebook p.blank{height:.6em}.notebook{margin-bottom:.9em}ul.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}ul.grid.small{grid-template-columns:repeat(4,1fr);gap:6px}ul.grid li{margin:0;padding:0}ul.grid li:before{display:none}ul.grid a{border:2px solid var(--box-edge);background:0 0;padding:0;line-height:0;display:block}ul.grid a:hover{border-color:var(--gold);background:0 0}ul.grid img{aspect-ratio:3/2;object-fit:cover;border:0;width:100%;height:auto;display:block}article.photo{max-width:none}article.photo>a{background:0 0;padding:0;line-height:0;display:block}article.photo img{border:2px solid var(--box-edge);max-width:100%;height:auto;display:block}article.photo .meta{gap:14px;margin:8px 0 2px;display:flex}article.photo .pager{justify-content:space-between;gap:12px;display:flex}article.photo .pager span{color:var(--box-faint);opacity:.5}html[data-framed] main>section.gallery{max-width:none}a.fuck{z-index:1000000;color:#4be04b;background:0 0;padding:4px 8px;font:22px VT323,monospace;text-decoration:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}a.fuck:hover{color:#4be04b;background:0 0;text-decoration:underline}body.has-focus .win:not(.active):after,body.has-focus main>section:not(.active):after,body.has-focus article:not(.active):after{content:"";z-index:5;pointer-events:none;background:repeating-conic-gradient(#140e0680 0 25%, transparent 0 50%) 0 0 / 4px 4px;position:absolute;inset:0}html[data-framed] .scene,html[data-framed] .hud,html[data-framed] .status,html[data-framed] .tray,html[data-framed] #boot{display:none!important}html[data-framed],html[data-framed] body{background:var(--box);height:auto;overflow:visible}html[data-framed] .screen,html[data-framed] .viewport{background:0 0;width:auto;height:auto;position:static;overflow:visible}html[data-framed] main>section:hover,html[data-framed] article:hover{box-shadow:none;top:0;left:0}html[data-framed] main{padding:10px 14px 6px}html[data-framed] main>section,html[data-framed] article{max-width:none;box-shadow:none;border:0;margin:0 0 12px;padding:0;top:0;left:0}html[data-framed] .back{margin-top:0}.min>:not(.bar){display:none}p{margin:0 0 .9em}a{color:var(--link)}a:hover{background:var(--link);color:var(--box);text-decoration:none}h1,h2,h3{color:var(--box-ink);margin:0 0 6px;line-height:1.2}h1{font-size:20px}h2{font-size:15px}article header{margin-bottom:8px}article header time,ul.posts time,ul.things span,ul.posts .summary{color:var(--box-faint)}ul.things,ul.posts{margin:0 0 8px;padding:0;list-style:none}ul.things li,ul.posts li{margin:3px 0;padding-left:14px;position:relative}ul.things li:before,ul.posts li:before{content:"";border-left:6px solid var(--box-edge);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:.5em;left:0}ul.posts time{font-variant-numeric:tabular-nums;margin-right:8px}ul.posts .summary{margin:0}article img{border:2px solid var(--box-edge);max-width:100%}article pre{background:var(--black);color:var(--parchment);border:2px solid var(--box-edge);padding:8px 10px;font:13px/1.4 Courier New,monospace;overflow-x:auto}article code{color:var(--link);font:.9em Courier New,monospace}article pre code{color:inherit;font-size:inherit}article blockquote{border-left:3px solid var(--box-edge);color:var(--box-faint);margin:.8em 0;padding-left:10px}.back{margin:0 0 14px}.back a,footer a{color:var(--parchment);background:#0009;padding:1px 5px}.back a:hover{background:var(--parchment);color:var(--black)}.status>span{white-space:nowrap;flex:none}.status .ticker{flex:1;min-width:0;position:relative;overflow:hidden}.status .ticker>span{padding-left:100%;animation:30s linear infinite ticker;display:inline-block}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}main{padding-bottom:30px}.death{background:#f0b8a0;border-color:#3a1410;max-width:46ch;margin:40px auto 0}.death .bar{color:#f0b8a0;background:#3a1410;border-bottom-color:#f8d8c8}.death .bar button{color:#f0b8a0;border-color:#f0b8a0}.death .buttons{gap:10px;margin:6px 0 10px;display:flex}.death .buttons>*{color:var(--box-ink);background:#e6a68c;border:1px solid #3a1410;padding:3px 12px 2px;font-size:12px;text-decoration:none;box-shadow:inset 1px 1px #fbd8c8,inset -1px -1px #b57a66}.death .buttons>:hover{color:#f0b8a0;background:#3a1410}#boot{display:none}html[data-boot="1"] #boot{z-index:100;background:var(--black);color:#c8c8c8;display:block;position:fixed;inset:0}html[data-boot="1"] body>:not(#boot){visibility:hidden}#dos{white-space:pre-wrap;-webkit-font-smoothing:none;margin:0;padding:18px 22px;font:22px/1.25 VT323,Courier New,monospace}#logo{text-align:center;align-content:center;place-items:center;gap:8px;display:none;position:absolute;inset:0}#logo .mark{color:#4be04b;text-shadow:3px 3px #0f4a0f;font-size:44px}#logo .presents{color:#4be04b;text-transform:uppercase;letter-spacing:.3em;font-size:14px}#boot.logo #dos{display:none}#boot.logo #logo{display:grid}#boot.logo .anykey{display:none}.anykey{color:#555;margin:0;font-size:11px;position:absolute;bottom:12px;right:18px}@media (width<=700px){.screen{--pad-top:0px;--pad:0px;width:100%;height:100%;inset:0}.masthead{gap:2px 8px;padding:3px 8px}.masthead .name{font-size:14px}.masthead nav{gap:4px}.masthead nav a{padding:2px 6px 1px;font-size:11px}main{padding:10px 10px 90px}main>section,article{max-width:none}.bar{padding:5px 6px 4px 8px}.bar button{width:20px;height:20px;font-size:16px;line-height:16px}.win{resize:none;width:100%;height:calc(100% - 51px);box-shadow:inset 0 0 0 2px var(--box-hi);top:30px;left:0}.win .bar{cursor:default}.tray{gap:4px;padding:0 8px 4px;bottom:21px}.tray>.min{min-width:0;max-width:48%}.desk-icon{gap:2px;width:64px;bottom:26px;right:8px}.desk-icon img{width:40px;height:40px}.desk-icon span{font-size:9px}.status{padding:2px 8px 1px;font-size:10px}ul.grid{grid-template-columns:repeat(2,1fr);gap:6px}ul.grid.small{grid-template-columns:repeat(2,1fr)}#dos{padding:12px 14px;font-size:16px}#logo .mark{font-size:28px}.death{max-width:none;margin:16px 0 0}a.fuck{font-size:20px}}
