@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg: 250 250 252;--panel: 255 255 255;--panel-2: 240 240 245;--border: 210 210 220;--muted: 105 105 135;--ink: 20 20 35;--accent: 55 155 85;--accent-deep: 40 115 65;--on-accent: 255 255 255;--cyan-500: 55 155 85;--blue-500: 100 140 240;--purple-500: 130 110 240;--teal-500: 90 180 170;--amber-500: 240 185 50;--pink-500: 240 90 90;--card-shadow: 0 8px 32px rgb(20 20 35 / .08);--code-shadow: inset 0 1px 0 rgb(20 20 35 / .05)}html.dark{--bg: 6 6 8;--panel: 14 14 18;--panel-2: 24 24 30;--border: 55 55 68;--muted: 150 150 160;--ink: 240 240 245;--accent: 255 220 0;--accent-deep: 200 170 0;--on-accent: 8 8 12;--cyan-500: 255 220 0;--blue-500: 72 130 255;--purple-500: 64 140 255;--teal-500: 0 190 160;--amber-500: 240 190 0;--pink-500: 255 60 60;--card-shadow: 4px 4px 0 rgb(0 0 0 / .6);--code-shadow: none}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}#root{display:flex;flex-direction:column;height:100vh}#root>main{flex:1;min-height:0;overflow-y:auto;width:100%}body{background:rgb(var(--bg));color:rgb(var(--ink));font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}::-moz-selection{background:rgb(var(--accent));color:rgb(var(--on-accent))}::selection{background:rgb(var(--accent));color:rgb(var(--on-accent))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgb(var(--bg))}::-webkit-scrollbar-thumb{background:rgb(var(--border));border-radius:0}::-webkit-scrollbar-thumb:hover{background:rgb(var(--muted))}a{color:rgb(var(--accent-deep))}.wrap{max-width:1000px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:10;background:#ffdc00;border-bottom:1px solid #c9a800;overflow:hidden}.site-header>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.header-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;height:260px}.masthead{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;background:#141423;border-radius:14px;padding:14px 22px;box-shadow:4px 4px #00000059}.masthead .game{font-family:"Press Start 2P",monospace;font-size:17px;color:#fff;letter-spacing:1px}.masthead .devlog{font-family:"Press Start 2P",monospace;font-size:17px;color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;background:rgb(var(--panel-2));color:rgb(var(--ink));border:1px solid rgb(var(--border));border-radius:12px;padding:7px 14px;font-family:inherit;font-size:13px;cursor:pointer;box-shadow:0 2px rgb(var(--border));transition:transform .05s linear,box-shadow .05s linear,background .1s linear}.btn:hover{transform:translateY(-1px);box-shadow:0 3px rgb(var(--border))}.btn:active{transform:translateY(2px);box-shadow:0 0 rgb(var(--border))}.btn-primary{background:rgb(var(--accent));color:rgb(var(--on-accent));border-color:rgb(var(--accent-deep));box-shadow:0 2px rgb(var(--accent-deep))}.btn-primary:hover{box-shadow:0 3px rgb(var(--accent-deep))}.btn-primary:active{box-shadow:0 0 rgb(var(--accent-deep))}.interest-btn{background:#379b55;color:#fff;border-color:#287341;box-shadow:0 2px #287341}.interest-btn:hover{box-shadow:0 3px #287341}.interest-btn:active{box-shadow:0 0 #287341}.plus-one{position:fixed;pointer-events:none;z-index:200;font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;animation:plus-one-float .7s ease-out forwards}@keyframes plus-one-float{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-36px);opacity:0}}.reader-presence{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}html,body,a,button,input,textarea,select,label{cursor:none!important}.list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:44px 0 8px}.list-head .page-title{margin:0}.page-title{font-family:"Press Start 2P",monospace;font-size:14px;letter-spacing:1px;margin:0 0 8px}.page-sub{color:rgb(var(--muted));font-size:13.5px;margin:0 0 28px}.post-list{display:flex;flex-direction:column;gap:16px;padding-bottom:60px}.post-card{display:block;background:rgb(var(--panel));border:1px solid rgb(var(--border));border-radius:16px;padding:22px 24px;box-shadow:var(--card-shadow);text-decoration:none;color:rgb(var(--ink));transition:transform .08s linear,box-shadow .08s linear,background .12s linear}.post-card:hover{background:rgb(var(--accent));color:rgb(var(--on-accent));transform:translateY(-1px);box-shadow:0 3px rgb(var(--accent-deep))}.post-card h2{margin:0 0 6px;font-size:19px;line-height:1.35;font-weight:700}.post-card .meta{color:rgb(var(--muted));font-size:12.5px;display:flex;gap:12px;align-items:center}.post-card:hover .meta{color:inherit;opacity:.85}.post-card .excerpt{margin:12px 0 0;font-size:14px;opacity:.9}.back-link{display:inline-flex;align-items:center;gap:6px;margin:36px 0 8px;color:rgb(var(--muted));text-decoration:none;font-size:13.5px}.back-link:hover{color:rgb(var(--ink))}.post-header{margin:8px 0 32px}.post-header h1{font-size:28px;line-height:1.25;margin:0 0 10px;font-weight:800}.post-header .meta{color:rgb(var(--muted));font-size:13px;display:flex;gap:12px;align-items:center}.article{padding-bottom:40px}.post-end{display:flex;justify-content:center;padding-bottom:48px}.list-actions{display:flex;align-items:center;gap:10px}.article h2{font-size:22px;margin:44px 0 14px;padding-bottom:8px;border-bottom:1px solid rgb(var(--border))}.article h3{font-size:17px;margin:32px 0 10px;color:rgb(var(--accent-deep))}.article p{margin:0 0 18px}.article a{text-decoration:underline;text-underline-offset:3px}.article strong{font-weight:700}.article em{font-style:italic}.article ul,.article ol{margin:0 0 18px;padding-left:24px}.article li{margin:6px 0}.article blockquote{margin:0 0 18px;padding:4px 18px;border-left:3px solid rgb(var(--accent));background:rgb(var(--panel-2));border-radius:0 12px 12px 0;color:rgb(var(--muted))}.article blockquote p{margin:8px 0}.article hr{border:none;border-top:1px solid rgb(var(--border));margin:36px 0}.article img{max-width:100%;border:1px solid rgb(var(--border));border-radius:12px;display:block;margin:24px auto}.article table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13.5px}.article th,.article td{border:1px solid rgb(var(--border));padding:8px 12px;text-align:left}.article th{background:rgb(var(--panel-2));font-weight:700}.article :not(pre)>code{background:rgb(var(--panel-2));border:1px solid rgb(var(--border));border-radius:6px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.88em;color:rgb(var(--ink))}.code{background:rgb(var(--panel-2));border:1px solid rgb(var(--border));border-radius:12px;box-shadow:var(--code-shadow);padding:16px 18px;overflow-x:auto;margin:0 0 20px}.code code{font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.7}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-literal,.hljs-type{color:rgb(var(--cyan-500))}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute{color:rgb(var(--blue-500))}.hljs-number,.hljs-symbol,.hljs-bullet{color:rgb(var(--purple-500))}.hljs-comment,.hljs-quote,.hljs-deletion{color:rgb(var(--muted));font-style:italic}.hljs-title,.hljs-section,.hljs-function .hljs-title,.hljs-class .hljs-title{color:rgb(var(--teal-500))}.hljs-variable,.hljs-template-variable,.hljs-property{color:rgb(var(--amber-500))}.hljs-meta,.hljs-doctag,.hljs-params{color:rgb(var(--muted))}.hljs-name,.hljs-tag{color:rgb(var(--pink-500))}.site-footer{border-top:1px solid rgb(var(--border));color:rgb(var(--muted));font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 24px 12px}.site-footer a{color:rgb(var(--muted));text-decoration:none}.site-footer a:hover{color:rgb(var(--ink))}@media(max-width:640px){body{font-size:14px}.header-content{height:180px}.post-header h1{font-size:22px}.interest-btn{font-size:11px;padding:5px 10px;justify-content:flex-start;text-align:left;width:-moz-fit-content;width:fit-content}.list-head{flex-direction:column;align-items:flex-start;gap:8px}.list-actions{align-self:flex-start}}
