.tent{max-width:1000px;margin:0 auto;padding:0 24px 64px}.tent-intro{max-width:640px;margin:24px 0 40px}.tent-intro h1{font-size:clamp(1.8rem,4vw,2.6rem)}.tent-grid{display:grid;grid-gap:24px;gap:24px}@media (min-width:860px){.tent-grid{grid-template-columns:1fr 1fr;align-items:start}}.tent-card{background:var(--graphite,#1c2025);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:18px;padding:20px}.tent-card h2{font-size:1.2rem}.tent-screen{display:block;width:100%;max-width:360px;aspect-ratio:1;margin:12px auto;border-radius:10px;background:#9bb08a;image-rendering:pixelated}.tent-hud{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;max-width:360px;margin:0 auto}.tent-pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);grid-gap:6px;gap:6px;justify-content:center;margin-top:12px}.tent-pad button{border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.08));background:#242a31;color:var(--text);font-size:1.3rem;cursor:pointer}.tent-pad .up{grid-column:2;grid-row:1}.tent-pad .left{grid-column:1;grid-row:2}.tent-pad .down{grid-column:2;grid-row:2}.tent-pad .right{grid-column:3;grid-row:2}.tent-btn{display:inline-flex;padding:10px 18px;border-radius:12px;border:0;background:var(--gold);color:#0e1116;font:inherit;font-weight:600;cursor:pointer}.tent-btn--ghost{background:#242a31;color:var(--text)}.tent-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.tent-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04)}.tent-cta{margin-top:40px;text-align:center}.tent-screen--wide{aspect-ratio:2/1;max-width:100%}.sim-body{max-width:280px;margin:12px auto 0;padding:16px;border-radius:28px;background:#2a3037}.sim-screen{min-height:150px;padding:10px;border-radius:8px;background:#9bb08a;color:#1b2616;font-family:ui-monospace,monospace;font-size:.95rem}.sim-screen ul{list-style:none;margin:0;padding:0}.sim-screen li{padding:3px 6px}.sim-sel{background:#1b2616;color:#9bb08a}.sim-clock{font-size:1.8rem;text-align:center;padding-top:36px}.sim-head{border-bottom:1px solid #1b2616;margin-bottom:6px}.sim-text{word-break:break-word;min-height:80px}.sim-caret{animation:sim-blink 1s steps(1) infinite}@keyframes sim-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.sim-caret{animation:none}}.sim-keys,.sim-nav{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:10px}.sim-keys{grid-template-columns:repeat(3,1fr)}.sim-keys button,.sim-nav button{padding:10px 0;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#3a424b;color:var(--text);font:inherit;cursor:pointer}.sim-keys button:hover,.sim-nav button:hover{background:#4a535d}.tent-modes{display:flex;gap:8px;margin-top:12px}.sim-blue .sim-screen{background:#1d3b6e;color:#cfe3ff}.sim-blue .sim-sel{background:#cfe3ff;color:#1d3b6e}.sim-blue .sim-head{border-color:#cfe3ff}.sim-amber .sim-screen{background:#2a1b05;color:#ffb347}.sim-amber .sim-sel{background:#ffb347;color:#2a1b05}.sim-amber .sim-head{border-color:#ffb347}