:root{--ink:#182630;--paper:#f6f0d9;--mint:#55df8b;--sun:#ffca4e;--coral:#ff725c;--line:#0d151c;--muted:#796f55}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#d5cda9;background-image:linear-gradient(#c6bd97 1px,transparent 1px),linear-gradient(90deg,#c6bd97 1px,transparent 1px);background-size:16px 16px;font:16px/1.45 "Courier New",monospace}.top{display:flex;align-items:center;gap:1rem;max-width:74rem;margin:1rem auto;padding:.6rem 1rem;color:#fff;background:var(--ink);border:3px solid var(--line);box-shadow:5px 5px 0 var(--muted)}.logo{color:#fff;text-decoration:none;font-size:.8rem;line-height:1}.logo b{font-size:1rem}nav{display:flex;flex:1;flex-wrap:wrap;gap:.2rem}nav a,nav button{padding:.3rem .45rem;color:#fff;background:transparent;border:0;font:inherit;text-decoration:none;font-size:.78rem}nav a:hover,nav a.active,nav .join{color:var(--ink);background:var(--mint)}nav form{margin:0}.player{font-size:.75rem;color:var(--sun);white-space:nowrap}main{width:calc(100% - 2rem);max-width:70rem;margin:1rem auto 2.5rem}.panel,.hero{padding:1.4rem;background:var(--paper);border:4px solid var(--line);box-shadow:8px 8px 0 var(--muted)}.hero{display:flex;gap:2rem;align-items:center}.hero>div{flex:1}.hero-image{display:block;flex:0 1 30rem;min-width:0}.hero-image img{display:block;width:100%;height:auto;border:4px solid var(--line);box-shadow:5px 5px 0 var(--line)}h1{margin:.1rem 0 .7rem;font-size:clamp(2rem,6vw,4.3rem);line-height:.92;letter-spacing:-.1em}h2{font-size:1.1rem}.tag{display:inline-block;padding:.25rem .45rem;background:var(--sun);border:2px solid var(--line);font-weight:bold;font-size:.78rem}.button,button{display:inline-block;padding:.65rem .8rem;color:var(--ink);background:var(--mint);border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);font:inherit;font-weight:bold;text-decoration:none;cursor:pointer}.yellow{background:var(--sun)}button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.stats,.grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.stats>div,.grid article,.card,.offer,.tile{padding:.85rem;background:#fff9e8;border:3px solid var(--line)}.stats b{display:block;color:#3d7659;font-size:1.35rem}.tile{display:block;color:inherit;text-decoration:none;font-size:2rem}.tile b,.tile small{display:block;font-size:.9rem}.tile small{font-weight:normal}.card span{font-size:.72rem;background:var(--sun);padding:.15rem}.card h2{margin:.7rem 0}.card form,.offer form{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.form{max-width:38rem}.form label{display:block;margin:.8rem 0;font-weight:bold}.form input,.form textarea,.form select{display:block;width:100%;margin-top:.25rem;padding:.6rem;color:var(--ink);background:#fffdf7;border:3px solid var(--line);font:inherit}.form textarea{min-height:6rem;resize:vertical}.check{font-size:.84rem}.check input{display:inline;width:auto}.trap{position:absolute;left:-9999px}.flash{padding:.7rem;background:var(--mint);border:3px solid var(--line);box-shadow:3px 3px 0 var(--line)}.avatar{display:inline-grid;width:64px;height:64px;place-items:center;margin-bottom:1rem;border:3px solid var(--line);background:var(--sun);image-rendering:pixelated}.offer{margin:.8rem 0}.offer p{margin:.4rem 0}footer{max-width:74rem;margin:1rem auto;padding:.7rem;color:#fff;background:var(--ink);border:3px solid var(--line);font-size:.76rem}footer a{color:var(--mint)}@media(max-width:48rem){.top{display:block;margin:.5rem}.logo{display:block;margin-bottom:.55rem}.player{display:none}main{width:calc(100% - 1rem);margin-top:.5rem}.hero{display:block}.hero-image{max-width:26rem;margin:1.5rem auto 0}.stats,.grid,.cards{grid-template-columns:1fr}h1{font-size:2.5rem}}
:root{--feed:#e7f7ed}.feed{margin-top:1.2rem;padding:1rem;background:var(--paper);border:4px solid var(--line);box-shadow:6px 6px 0 var(--muted)}.feed h2{margin-top:0}.feed-item{display:block;margin:.55rem 0;padding:.65rem;color:var(--ink);background:#fff9e8;border:3px solid var(--line);text-decoration:none}.feed-item.unread{background:var(--feed);border-left-width:8px}.feed-item b,.feed-item span,.feed-item small{display:block}.feed-item small{margin-top:.25rem;color:#5d5848;font-size:.72rem}.trade-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.incoming{background:var(--feed)}.messages{display:flex;flex-direction:column;gap:.55rem;margin:1rem 0}.message{max-width:80%;padding:.7rem;border:3px solid var(--line);background:#fff9e8}.message.mine{align-self:flex-end;background:var(--mint)}.message.theirs{align-self:flex-start;background:var(--sun)}.message small{display:block;margin-top:.4rem;font-size:.7rem}@media(max-width:48rem){.trade-columns{grid-template-columns:1fr}.message{max-width:92%}}
:root{--feed:#e7f7ed}.languages{display:inline-flex;gap:.3rem}.languages a{padding:.15rem .3rem;border:1px solid var(--mint);text-decoration:none}.languages a.active{color:var(--ink);background:var(--mint)}