@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0f172a;--bg-soft: #1e293b;--card: rgba(15, 23, 42, .7);--text: #f8fafc;--muted: #94a3b8;--accent: #f97316;--accent-2: #22d3ee;--error: #fda4af}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(249,115,22,.18),transparent 35%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.14),transparent 40%),linear-gradient(160deg,var(--bg),#020617)}.page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;animation:drift 8s ease-in-out infinite}.glow-left{width:280px;height:280px;background:var(--accent);top:-90px;left:-70px}.glow-right{width:300px;height:300px;background:var(--accent-2);right:-90px;bottom:-80px;animation-delay:1s}.card{width:min(460px,100%);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.25);border-radius:20px;padding:2rem;box-shadow:0 25px 80px #00000059;z-index:1}.wide-card{width:min(980px,100%)}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.kicker{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.11em;color:var(--accent-2);font-size:.8rem;font-family:IBM Plex Mono,monospace}h1{margin:0;font-size:clamp(1.8rem,4vw,2.35rem)}.subtitle{margin:.6rem 0 1.6rem;color:var(--muted)}.form{display:grid;gap:1rem}label{display:grid;gap:.5rem;font-size:.95rem}input{width:100%;border:1px solid rgba(148,163,184,.45);background:#0f172ad9;color:var(--text);border-radius:12px;padding:.78rem .9rem;font:inherit}input:focus{outline:2px solid rgba(34,211,238,.6);border-color:transparent}select{width:100%;border:1px solid rgba(148,163,184,.45);background:#0f172ad9;color:var(--text);border-radius:12px;padding:.78rem .9rem;font:inherit}select:focus{outline:2px solid rgba(34,211,238,.6);border-color:transparent}button{margin-top:.2rem;border:none;border-radius:12px;padding:.85rem 1rem;font:inherit;font-weight:600;color:#111827;background:linear-gradient(95deg,var(--accent),#fb7185);cursor:pointer;transition:transform .14s ease,filter .14s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}button:disabled{opacity:.7;cursor:default}.error{margin:0;color:var(--error)}.result{display:grid;gap:.75rem}.result p{margin:0}.role{color:var(--muted)}.muted{color:var(--muted);margin:0}.panel-stack{margin-top:1rem;display:grid;gap:1rem}.panel{border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:1rem;background:#0f172a73;display:grid;gap:.9rem}.panel h2,.panel h3{margin:0}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.level-card{border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:.9rem;display:grid;gap:.7rem;background:#02061773}.list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.level-actions-list{display:grid;gap:.75rem}.level-action-row{border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.9rem;background:#02061773}.level-action-row-current{border-color:#22d3eeb3;box-shadow:0 0 0 1px #22d3ee26}.row-title-line{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.status-badges{display:flex;gap:.4rem;flex-wrap:wrap}.badge{border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-current{color:#082f49;background:#67e8f9}.badge-complete{color:#052e16;background:#86efac}.status-text{margin-top:.3rem}.action-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.action-buttons button{margin-top:0}.gps-panel{border:1px solid rgba(34,211,238,.35);border-radius:12px;padding:.9rem;background:#082f4947;display:grid;gap:.45rem}.gps-headline{margin:0;font-size:clamp(2rem,6vw,3.2rem);line-height:1;font-weight:700;color:#67e8f9;letter-spacing:.02em}.secondary-btn{background:linear-gradient(100deg,#22d3ee,#38bdf8)}.danger-btn{background:linear-gradient(100deg,#fb7185,#f97316)}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6px,-10px) scale(1.08)}}@media (max-width: 520px){.card{padding:1.4rem;border-radius:16px}.header-row,.panel-title-row,.level-action-row{flex-direction:column;align-items:stretch}}
