@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-400.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen-700.woff2) format("woff2")}@font-face{font-family:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jersey10.woff2) format("woff2")}:root{--display: "Jersey 10", "Silkscreen", ui-monospace, monospace;--ui: "Silkscreen", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: #f4f0e6;--panel: #fffdf7;--ink: #221d33;--muted: #5d5673;--accent: #6a4fd0;--gold: #c0871a;--line: #ddd6c6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);line-height:1.65;background-image:radial-gradient(rgba(106,79,208,.06) 1px,transparent 1px);background-size:10px 10px}h1,h2{line-height:1.2;letter-spacing:1px}img{max-width:100%}.hero{text-align:center;padding:40px 20px;border-bottom:3px solid var(--line)}.hero-char{display:block;margin:0 auto -6px;image-rendering:pixelated}.title{margin:0;font-family:var(--display);font-size:clamp(56px,14vw,120px);color:var(--accent);text-shadow:4px 4px 0 #d9cfeec0;letter-spacing:2px}.tagline{max-width:680px;margin:14px auto 26px;font-size:clamp(20px,3.2vw,28px);color:var(--muted)}.tagline strong{color:var(--ink)}.nofuss{margin-top:16px;font-size:18px;color:var(--muted)}.cta{display:inline-block;text-decoration:none;padding:14px 28px;font-family:var(--display);font-size:clamp(22px,4vw,34px);letter-spacing:1px;color:#2a1a00;background:linear-gradient(#ffd24a,#f0a81e);border:3px solid #6b4a08;border-radius:8px;box-shadow:0 5px #6b4a08;transition:transform .08s,box-shadow .08s}.cta:hover{transform:translateY(2px);box-shadow:0 3px #6b4a08}.cta:active{transform:translateY(5px);box-shadow:0 0 #6b4a08}.cta-wrap{text-align:center;margin:24px 0 56px}main{max-width:880px;margin:0 auto;padding:0 20px}section{padding:44px 0;border-bottom:2px dashed var(--line)}section h2,.section-title{font-family:var(--display);font-size:clamp(28px,5vw,44px);color:var(--ink);margin:0 0 16px;letter-spacing:1px}.what p{font-size:23px;color:#313131}.features{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;font-family:var(--ui);font-size:14px}.features li{background:var(--panel);border:2px solid var(--line);border-radius:6px;padding:10px 12px}.sub{color:#313131;font-size:18px;margin:-6px 0 16px}.howto-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:21px;color:#34304a}.howto-list li{background:var(--panel);border:2px solid var(--line);border-radius:6px;padding:10px 12px}.howto-list b{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.info-card{background:var(--panel);border:2px solid var(--line);border-radius:8px;padding:14px 10px;text-align:center;box-shadow:3px 3px #e7e0d0;font-family:var(--ui)}.info-icon{image-rendering:pixelated;display:block;margin:0 auto 8px}.info-name{color:var(--ink);font-size:13px;margin-bottom:4px}.info-meta{color:var(--accent);font-size:10px;margin-bottom:6px}.info-desc{color:var(--muted);font-size:11px;line-height:1.5}.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.shot-grid img{width:100%;height:auto;border:3px solid var(--ink);border-radius:6px;box-shadow:5px 5px #cfc7b3;background:#14101c}.board-list{background:var(--panel);border:3px solid var(--ink);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:13px;font-family:var(--ui)}.board-row{display:grid;grid-template-columns:30px 26px 1fr auto;align-items:center;gap:10px;padding:6px 10px;border-radius:5px}.board-row:nth-child(odd){background:#f1ecdf}.board-row .rk{text-align:right;font-weight:700;color:var(--muted)}.board-row .sc{font-weight:700;color:var(--accent)}.board-row canvas{image-rendering:pixelated;justify-self:center}.board-empty{text-align:center;color:var(--muted);padding:18px 0}footer{text-align:center;padding:36px 20px 60px;color:var(--muted);font-size:16px}footer .bmc{display:inline-block;line-height:0;margin-bottom:14px}footer .bmc img{height:44px;width:auto;border-radius:8px}.desk-ribbon{position:fixed;top:0;left:-20px;width:150px;height:150px;overflow:hidden;z-index:100;pointer-events:none}.desk-ribbon span{position:absolute;top:34px;left:-34px;right:-34px;transform:rotate(-45deg);background:var(--accent);color:#fff;text-align:center;font-family:var(--ui);font-size:10px;letter-spacing:.5px;padding:6px 0;box-shadow:0 2px 5px #00000040}