@font-face{font-family:PermanentMarker;src:url(/fonts/PermanentMarker-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:RockSalt;src:url(/fonts/RockSalt-Regular.ttf)format("truetype");font-display:swap}:root{--bg:#0a0a0a;--card:#1a1a1a;--text:#fff;--text-body:#b3b3b3;--muted:#666;--lime:#cf0;--danger:#ff3b30;--marker:"PermanentMarker", "Marker Felt", "Comic Sans MS", cursive;--scrawl:"RockSalt", "Marker Felt", cursive;--mono:ui-monospace, "Courier New", Courier, monospace;--gutter:20px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text-body);font-family:var(--mono);flex-direction:column;margin:0;font-size:15px;line-height:1.65;display:flex}a{color:var(--lime);text-underline-offset:3px}a:hover{color:var(--text)}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}main{width:100%;max-width:720px;padding:32px var(--gutter) 64px;flex:1;margin:0 auto}.skip{background:var(--lime);color:#000;z-index:10;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.site-header{width:100%;max-width:720px;padding:24px var(--gutter) 0;margin:0 auto}.wordmark{color:var(--text);font-family:var(--marker);letter-spacing:1px;align-items:flex-start;gap:2px;font-size:34px;line-height:1;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--text)}.wordmark img{width:26px;height:26px;margin-top:-4px}.site-footer{width:100%;max-width:720px;padding:0 var(--gutter) 40px;color:var(--muted);margin:0 auto;font-size:12px}.separator{opacity:.8;background:url(/img/shtty-separator.png) 50%/100% 100% no-repeat;height:17px;margin:0 0 20px}.site-footer nav{flex-wrap:wrap;gap:8px 20px;margin-bottom:12px;display:flex}.site-footer a{color:var(--text-body)}.site-footer a:hover{color:var(--lime)}.site-footer p{margin:0}h1,h2,h3{color:var(--text);font-weight:400;line-height:1.2}h1{font-family:var(--marker);margin:0 0 8px;font-size:clamp(28px,7vw,40px)}.label{font-family:var(--marker);color:var(--lime);letter-spacing:1px;margin-bottom:10px;font-size:15px;display:block}.hero{padding-top:12px}.card{background:url(/img/shtty-prompt-bg.png) 50%/100% 100% no-repeat;padding:36px 32px 32px;position:relative}.card .big{color:var(--text);margin:0 0 20px;font-size:clamp(22px,5.5vw,30px);line-height:1.3}.card .tag{color:var(--text-body);margin:0}.card .tag:before{content:"→ ";color:var(--muted)}.locked{letter-spacing:1px;color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;margin:36px 0 0;font-size:13px;display:flex}.locked img{width:20px;height:20px}.locked:after{content:"";background:#2a2a2a;flex:1;height:1px}.soon{font-family:var(--scrawl);color:var(--lime);transform-origin:0;margin:20px 0 0;font-size:clamp(22px,6vw,30px);transform:rotate(-2deg)}.rules{gap:10px;margin:40px 0 0;padding:0;list-style:none;display:grid}.rules li{padding-left:20px;position:relative}.rules li:before{content:"·";color:var(--lime);position:absolute;left:4px}.prose h2{letter-spacing:1px;font-size:15px;font-family:var(--mono);margin:36px 0 8px;scroll-margin-top:16px;font-weight:700}.prose h3{font-family:var(--mono);color:#ccc;letter-spacing:.5px;margin:20px 0 6px;font-size:13px;font-weight:700}.prose p{white-space:pre-line;margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:20px}.prose li{margin-bottom:4px}.prose li::marker{color:var(--muted)}.prose hr{opacity:.5;background:url(/img/shtty-separator.png) 50%/100% 100% no-repeat;border:0;height:17px;margin:28px 0 0}.prose .meta{color:var(--muted);font-size:13px}.draft{border:1px dashed var(--lime);color:var(--text);border-radius:12px;margin:0 0 28px;padding:14px 16px;font-size:13px}.draft strong{font-family:var(--marker);color:var(--lime);letter-spacing:1px;margin-right:6px;font-weight:400}.panel{background:var(--card);border-radius:16px;margin:0 0 16px;padding:20px}.panel h2{font-family:var(--marker);letter-spacing:1px;color:var(--lime);margin:0 0 10px;font-size:15px}.panel p{margin:0 0 10px}.panel p:last-child{margin-bottom:0}.panel ol{margin:0;padding-left:22px}.panel li{margin-bottom:6px}.panel .danger{color:var(--danger)}.lede{color:var(--text);margin:0 0 28px}.back{color:var(--muted);margin-bottom:20px;font-size:13px;display:inline-block}.back:hover{color:var(--lime)}@media (width<=480px){body{font-size:14px}.card{padding:28px 22px 24px}}