@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel.woff2)format("woff2");font-display:swap;font-weight:400}:root{--pixel:"Fusion Pixel", "Zpix", "Ark Pixel", ui-monospace, "Courier New", monospace;--cream:#f4ecdf;--ink:#2b2233;--wall:#2b2233;--accent:#c95d2e;--panel:#fffaf0;--line:#4a3b54}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--pixel);-webkit-font-smoothing:none;image-rendering:pixelated;background:#1f1828;margin:0;padding:0}button{font-family:var(--pixel);cursor:pointer}.landing{background:radial-gradient(120% 120% at 50% -10%,#3a2c46 0%,#1f1828 60%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.card{background:var(--cream);border:4px solid var(--ink);width:100%;max-width:560px;padding:28px 26px 30px;box-shadow:8px 8px #00000073}.kicker{letter-spacing:2px;color:var(--accent);margin:0 0 8px;font-size:12px}.title{margin:0 0 14px;font-size:26px;line-height:1.35}.lead{color:#4a3b54;margin:0 0 18px;font-size:13px;line-height:1.9}.brief{border-left:4px solid var(--accent);background:#efe4cf;margin:0 0 22px;padding:12px 14px;font-size:12px;line-height:1.9}.roles{flex-wrap:wrap;gap:10px;margin:0 0 24px;display:flex}.role-chip{border:2px solid var(--ink);background:#fff;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:flex}.role-dot{width:10px;height:10px;display:inline-block}.cta{background:var(--accent);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 22px;font-size:15px;text-decoration:none;display:inline-block}.cta:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.foot{color:#8c7e96;margin-top:18px;font-size:10px}.play-root{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;padding:12px;display:flex}.play-bar{width:100%;max-width:800px;color:var(--cream);justify-content:space-between;align-items:center;font-size:12px;display:flex}.play-bar a{color:var(--cream);border:2px solid var(--cream);padding:4px 10px;text-decoration:none}.office-wrap{flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.office-canvas{image-rendering:pixelated;touch-action:manipulation;border:4px solid #110c14;max-width:100%;box-shadow:0 10px 30px #00000080}.office-hint{color:#c8bcd6;margin:10px 0 0;font-size:11px}.dlg-backdrop{z-index:50;background:#0f0a1699;justify-content:center;align-items:flex-end;padding:0 12px 12px;display:flex;position:fixed;inset:0}@media (min-width:640px){.dlg-backdrop{align-items:center;padding:12px}}.dlg-panel{background:var(--panel);border:4px solid var(--ink);flex-direction:column;width:100%;max-width:480px;height:min(70dvh,560px);display:flex;overflow:hidden;box-shadow:8px 8px #00000080}.dlg-head{color:#fff;border-bottom:4px solid var(--ink);align-items:center;gap:8px;padding:8px 10px;display:flex}.dlg-chip{background:#ffffff40;border:2px solid #0000004d;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.dlg-name{flex:1;font-size:14px}.dlg-x{color:#fff;background:0 0;border:none;font-size:16px}.dlg-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.dlg-row{display:flex}.dlg-row.user{justify-content:flex-end}.dlg-bubble{border:2px solid var(--ink);white-space:pre-wrap;word-break:break-word;max-width:80%;padding:8px 10px;font-size:13px;line-height:1.7}.dlg-row.assistant .dlg-bubble{background:#efe4cf}.dlg-row.user .dlg-bubble{background:#cfe0c9}.dlg-typing{letter-spacing:2px;opacity:.6}.dlg-input{border-top:4px solid var(--ink);gap:8px;padding:10px;display:flex}.dlg-input input{font-family:var(--pixel);border:2px solid var(--ink);background:#fff;flex:1;min-width:0;padding:9px 10px;font-size:13px}.dlg-input button{background:var(--accent);color:#fff;border:2px solid var(--ink);padding:9px 14px;font-size:13px}.dlg-input button:disabled{opacity:.5}