@font-face{font-family:systempixel;src:local('Courier New')}*{box-sizing:border-box} :root{--acid:#baff37;--ink:#171722;--paper:#eeeadd;--pink:#ff69b4}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Courier New',monospace}header{padding:28px 4%;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper)}a{color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;font:700 12px 'Courier New',monospace;padding:10px 14px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}button:hover{background:var(--acid)}button:disabled{opacity:.5;cursor:wait}button.small{padding:5px 8px;font-size:11px}input,select,textarea{width:100%;padding:10px;background:#fffef7;color:var(--ink);border:2px solid #777;font:14px 'Courier New',monospace}input[type=color],input[type=checkbox]{width:auto;min-height:32px}textarea{min-height:100px;resize:vertical}label{display:block;margin:12px 0}label input,label select,label textarea{margin-top:6px}.logo{text-decoration:none;font:bold clamp(28px,5vw,65px) Arial,sans-serif;letter-spacing:-4px;line-height:.9}.logo span{color:var(--acid)}.logo sup{display:block;font:9px 'Courier New',monospace;letter-spacing:3px;margin-top:12px}.clock{text-align:right;font-size:11px;line-height:2}.clock time{font-size:22px;color:var(--acid)}.ticker{padding:12px 4%;background:var(--acid);font-size:11px;font-weight:bold;border-bottom:2px solid var(--ink)}nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:17px 4%;border-bottom:2px solid var(--ink);font-size:12px;font-weight:bold}nav a{text-decoration:none}nav a:hover{text-decoration:underline}nav button{margin-left:auto}.desktop{max-width:1450px;margin:auto;padding:30px 4%;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}aside .window{margin-bottom:20px}.window{background:#fffdf4;border:2px solid var(--ink);box-shadow:5px 5px 0 #171722}.window>h2,.dialog-title{font-size:11px;letter-spacing:1px;background:var(--ink);color:var(--paper);padding:10px 12px;margin:0;display:flex;justify-content:space-between;align-items:center}.window>h2 span{color:var(--acid)}.pad{padding:18px}.window p{line-height:1.6}.tiny-banner{border:3px dashed var(--ink);padding:20px 10px;text-align:center;font:900 22px Arial,sans-serif;transform:rotate(-3deg);background:var(--pink);margin:30px 10px}.tiny-banner span{font:10px monospace}.sidebar-note{font-size:11px;line-height:1.8}.buddy{display:flex;align-items:center;gap:7px;margin:10px 0;overflow-wrap:anywhere}.buddy a{flex:1}.dot{color:#547517}.hero{background:var(--acid);padding:34px;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold}.hero h1{font:900 clamp(42px,6vw,85px)/.95 Arial,sans-serif;letter-spacing:-4px;margin:24px 0}.hero p{max-width:480px;font-size:14px}.hero .stamp{position:absolute;right:25px;top:35px;transform:rotate(12deg);border:3px solid;padding:10px;font-weight:bold;font-size:12px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.section-grid h3{font:900 24px Arial,sans-serif;margin:5px 0}.muted{font-size:12px;color:#62616a;line-height:1.6}.acid{background:var(--acid)}.pink{background:var(--pink)}.big-title{font:900 40px Arial,sans-serif;letter-spacing:-2px;margin:0 0 10px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.member{display:block;text-decoration:none;padding:20px;border:2px solid;background:#fffdf4;box-shadow:4px 4px}.member h3{font-size:20px;overflow-wrap:anywhere}.member:hover{background:var(--acid)}.profile{padding:25px;background-color:var(--accent,var(--acid));border:2px solid}.profile.grid{background-image:linear-gradient(#17172220 1px,transparent 1px),linear-gradient(90deg,#17172220 1px,transparent 1px);background-size:24px 24px}.profile.stars{background-image:radial-gradient(#17172280 1px,transparent 2px);background-size:23px 23px}.profile h1{font:900 clamp(28px,5vw,58px) Arial;letter-spacing:-2px;overflow-wrap:anywhere}.bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:600px}.block{padding:20px;border:2px solid;background:var(--paper);margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.block iframe{width:100%;height:300px;border:0}.pins{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.pin{background:#fffdf4;border:2px solid;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-weight:bold;box-shadow:4px 4px #17172280;transform:rotate(-6deg);font-size:12px}.pin:nth-child(even){transform:rotate(8deg);background:var(--pink)}.pin img{width:76px;height:76px;image-rendering:pixelated}.pin-detail{border-bottom:1px dashed;padding:14px 0}.pin-detail summary{cursor:pointer}.pin-detail select{margin:8px 0}.bathroom{margin-top:26px}.wall{height:480px;position:relative;overflow:hidden;border:3px solid;background-color:#dedbcf;background-image:linear-gradient(#aaa 2px,transparent 2px),linear-gradient(90deg,#aaa 2px,transparent 2px);background-size:80px 40px}.mark{position:absolute;max-width:40%;transform:rotate(-8deg);overflow-wrap:anywhere;white-space:pre-wrap}.mark img{width:96px;height:96px;image-rendering:pixelated}.mark small{display:block;font:10px monospace;background:var(--paper)}.mark button{font-size:9px;padding:2px}.pixel{font:bold 22px 'Courier New',monospace;letter-spacing:2px;text-shadow:2px 2px #ff69b4}.graffiti{font:italic 900 30px 'Arial Black',Impact,sans-serif;letter-spacing:-2px;text-shadow:2px 2px #baff37}.ransom{font:bold 25px Georgia,serif;letter-spacing:3px;background:#fff4cc;text-shadow:2px -2px #ff69b4}.bubble{font:900 28px 'Comic Sans MS',cursive;text-shadow:2px 2px white,-2px -2px white}.studio-layout{display:grid;grid-template-columns:minmax(220px,1fr) 190px;gap:20px}.canvas-wrap{background:repeating-conic-gradient(#ddd 0% 25%,white 0% 50%) 0/16px 16px;border:3px solid;aspect-ratio:1;max-width:512px}canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.tools{display:flex;flex-wrap:wrap;gap:8px}.tools .active{background:var(--acid)}.preview{width:128px;height:128px;image-rendering:pixelated;border:1px dashed}.chat-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px}.rooms button{display:block;width:100%;margin-bottom:10px;text-align:left}.transcript{height:380px;overflow:auto;background:white;border:2px inset;padding:15px}.message{margin-bottom:15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.message strong{color:#535b00}.message time{font-size:10px;color:#777}.edit-block{padding:12px;border:1px dashed;margin:10px 0}.edit-block textarea{margin:10px 0}.trade{padding:15px;border:2px solid;margin:15px 0;background:#fff}footer{padding:22px 4%;border-top:2px solid;font-size:10px;display:flex;justify-content:space-between;gap:20px}dialog{padding:0;border:3px solid;width:min(480px,90vw);box-shadow:8px 8px var(--ink);background:var(--paper)}dialog::backdrop{background:#171722aa}.dialog-title button{padding:2px 8px}#notice{position:fixed;bottom:20px;right:20px;max-width:90vw;padding:18px;border:2px solid;background:var(--acid);z-index:10;box-shadow:4px 4px}#auth-error{color:#a0183d}a:focus-visible,button:focus-visible{outline:3px solid #d62b8d;outline-offset:4px}@media(max-width:850px){.desktop{grid-template-columns:170px minmax(0,1fr);gap:18px;padding:20px}.hero .stamp{display:none}.hero{padding:24px}.studio-layout{grid-template-columns:1fr}.section-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.rooms{display:flex;flex-wrap:wrap;gap:8px}.rooms button{width:auto}.logo{letter-spacing:-2px}}@media(max-width:600px){header{padding:22px 16px}.clock{font-size:9px}.clock time{font-size:16px}.desktop{grid-template-columns:1fr;padding:18px 14px}.desktop aside{display:none}nav{gap:14px;padding:14px;font-size:10px}nav button{margin:0}.hero h1{letter-spacing:-2px}.hero{padding:22px}.profile{padding:16px}footer{display:block;line-height:1.8}.wall{height:400px}.big-title{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@font-face{font-family:PixelTag;src:url('fonts/PressStart2P-Regular.ttf')}@font-face{font-family:MarkerTag;src:url('fonts/PermanentMarker-Regular.ttf')}.pixel{font-family:PixelTag,monospace;font-size:18px}.graffiti{font-family:MarkerTag,cursive;font-weight:400;letter-spacing:0}

.pixel{font-family:PixelTag,monospace;font-size:18px}.graffiti{font-family:MarkerTag,cursive;font-weight:400;letter-spacing:0}