:root{--bg:#06101e;--panel:#0a1625;--line:#244462;--text:#d8e6f5;--muted:#7f94aa;--cyan:#22d3ee;--yellow:#facc15;--green:#4ade80;--red:#fb7185}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;font-family:Consolas,"Courier New",monospace;background:radial-gradient(circle at top,rgba(34,211,238,.08),transparent 28rem),linear-gradient(180deg,#030712,var(--bg));color:var(--text)}button,input{font:inherit}button{color:inherit}.page-shell{width:min(100% - 1.5rem,920px);margin-inline:auto;padding:1.5rem 0 2rem}.terminal-card{overflow:hidden;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:rgba(6,16,30,.96);box-shadow:0 28px 80px rgba(0,0,0,.42)}.terminal-topbar{display:flex;min-height:48px;align-items:center;gap:.8rem;padding:0 1rem;border-bottom:1px solid rgba(148,184,220,.13);background:rgba(3,10,20,.92)}.window-dots{display:flex;gap:.4rem}.dot{width:9px;height:9px;border-radius:50%}.red{background:#fb5f57}.yellow{background:#fdbc2e}.green{background:#28c840}.terminal-title{color:#6f86a0;font-size:.72rem}.terminal-body{padding:1rem}.ascii-title{overflow-x:auto;color:var(--cyan);font-size:clamp(.58rem,2.2vw,1rem);font-weight:700;line-height:1.45;white-space:pre}.menu-section{margin-top:1.2rem}.menu-section h1{font-size:.95rem}.terminal-line{height:1px;margin:.65rem 0;background:linear-gradient(90deg,var(--cyan),rgba(34,211,238,.04))}.menu-grid{display:grid;gap:.2rem}.menu-button{display:flex;width:100%;align-items:center;gap:.7rem;padding:.45rem .3rem;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}.menu-button:hover,.menu-button:focus-visible{background:rgba(96,165,250,.08);transform:translateX(4px);outline:none}.menu-number{color:var(--yellow);font-weight:700}.exit-button .menu-number{color:var(--red)}.workspace{margin-top:1rem;min-height:240px;padding:1rem;border:1px solid rgba(148,184,220,.12);border-radius:12px;background:rgba(255,255,255,.018)}.message{color:var(--muted);font-size:.85rem}.message.success{color:var(--green)}.message.error{color:var(--red)}.message.warning{color:var(--yellow)}.form-area{margin-top:1rem}.demo-form{display:grid;gap:.8rem;max-width:520px}.form-group{display:grid;gap:.35rem}.form-group label{color:#b9cce0;font-size:.78rem}.form-group input{width:100%;padding:.72rem .8rem;border:1px solid rgba(96,165,250,.22);border-radius:8px;background:#06111f;color:var(--text);outline:none}.form-group input:focus{border-color:var(--cyan)}.action-button{padding:.6rem .9rem;border:1px solid rgba(96,165,250,.22);border-radius:8px;background:rgba(59,130,246,.08);color:#cde2f8;cursor:pointer}.results-area{margin-top:1rem;overflow-x:auto}.results-title{margin-bottom:.6rem;color:var(--cyan);font-size:.9rem}.items-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.78rem}.items-table th,.items-table td{padding:.65rem .7rem;border-bottom:1px solid rgba(148,184,220,.1);text-align:left}.status-claimed{color:var(--green)}.status-unclaimed{color:var(--yellow)}.empty-state{padding:1rem 0;color:var(--yellow)}.demo-note{margin-top:.8rem;color:#62778d;font-size:.7rem;text-align:center}@media screen and (min-width:700px){.page-shell{padding-top:3rem}.terminal-body{padding:1.6rem}.workspace{padding:1.3rem}.menu-grid{grid-template-columns:repeat(2,1fr);column-gap:1.2rem}}