@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@300;400;500;600;700&display=swap";:root{--bg:#0c0c0c;--bg-subtle:#080808;--surface:#141414;--surface-elevated:#1a1a1a;--text:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--border:#2a2a2a;--border-subtle:#1f1f1f;--gold:#c9a962;--gold-dim:#8a7341;--gold-glow:rgba(201,169,98,.15);--success:#4ade80;--warning:#fbbf24;--danger:#ff6b6b;--hero:var(--gold);--mate:#4aa3ff;--opp:#ff5c5c;--answer:#ffffff;--grass:#2b5d3f;--grass2:#285538;--line:rgba(255,255,255,.7);--card:var(--surface);--card2:var(--surface-elevated);--muted:var(--text-secondary);--accent:var(--gold)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Manrope,system-ui,sans-serif}h1,h2,h3,.font-display{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;letter-spacing:.02em}html,body{margin:0;background:var(--bg);color:var(--text);height:100%}body{display:flex;flex-direction:column;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);max-width:760px;margin:0 auto;width:100%;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}a{color:inherit}.eyebrow,.q .concept,.msg small,.legend,header .tag{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;gap:10px;border-bottom:1px solid var(--border-subtle)}header h1{font-size:22px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.08em}header .tag{color:var(--gold);border:1px solid var(--gold-dim);padding:4px 10px;white-space:nowrap;background:transparent}header a.back{text-decoration:none;color:var(--text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}header a.back:hover{color:var(--gold)}.q,.sheet,.feedback,.menu a.card,.gate form{background:var(--surface);border:1px solid var(--border);position:relative}.q:before,.sheet:before,.feedback:before,.menu a.card:before,.gate form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold-dim) 50%,transparent 100%)}.q{margin:10px 14px 8px;padding:12px 16px}.q .concept{color:var(--gold);margin-bottom:5px}.q .text{font-size:16px;line-height:1.4;font-weight:400;color:var(--text)}.pitchwrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:4px 10px 0}svg.pitch{--room: calc(100dvh - 330px) ;width:min(100%,calc(var(--room) * .6476));min-width:220px;aspect-ratio:68/105;height:auto;touch-action:none;-webkit-user-select:none;user-select:none;display:block;border:1px solid var(--border)}svg.pitch.tall{--room: calc(100dvh - 400px) }body.show svg.pitch{--room: calc(100dvh - 170px) }.player{cursor:grab}.player.dragging{cursor:grabbing}.player text{font-size:4.2px;font-weight:700;fill:#0b0b0b;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-family:Manrope,sans-serif}.player text.name{font-size:2.8px;fill:#fff;paint-order:stroke;stroke:#0b0b0b;stroke-width:.5px}.lbl{font-size:3px;fill:#fff;text-anchor:middle;pointer-events:none;font-weight:600;paint-order:stroke;stroke:#0b0b0b;stroke-width:.6px;letter-spacing:.3px}@keyframes pulse{0%{r:3.2}50%{r:4.2}to{r:3.2}}.answer-ring{animation:pulse 1.4s ease-in-out infinite}.controls{display:flex;gap:8px;padding:10px 14px;flex-wrap:wrap}button{flex:1 1 auto;border:1px solid var(--border);border-radius:0;padding:12px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--surface-elevated);min-width:0;cursor:pointer;transition:all .25s ease}button:hover{border-color:var(--gold-dim);color:var(--gold)}button.primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--bg);border-color:transparent}button.primary:hover{box-shadow:0 4px 20px var(--gold-glow);transform:translateY(-1px);color:var(--bg)}button.ghost{background:transparent;color:var(--text-muted)}button.small{flex:0 0 auto;padding:8px 12px;font-size:11px}button.active{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:#fff}button:disabled{opacity:.35;pointer-events:none}input[type=text],input[type=password],textarea,select{width:100%;border-radius:0;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:11px 12px;font-size:16px;transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:var(--gold-dim)}textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;min-height:90px}.feedback{margin:0 14px 10px;padding:12px 16px;display:none}.feedback.show{display:block}.feedback .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.feedback .verdict{font-family:Cormorant Garamond,serif;font-weight:600;font-size:20px;margin-bottom:4px}.feedback .toggle{flex:0 0 auto;background:transparent;color:var(--gold);border:1px solid var(--gold-dim);padding:6px 10px;font-size:11px}.feedback.collapsed .why{display:none}.feedback.collapsed .verdict{margin-bottom:0}.feedback .why{font-size:15px;line-height:1.5;color:var(--text-secondary)}.feedback .why b{color:var(--gold);font-weight:600}.legend{display:flex;gap:14px;justify-content:center;color:var(--text-muted);padding:6px 14px;flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:-1px}.legend .h:before{background:var(--hero)}.legend .m:before{background:var(--mate)}.legend .o:before{background:var(--opp)}.legend .a:before{background:var(--answer);outline:2px dashed #fff;outline-offset:-1px}.hint{color:var(--text-muted);text-align:center;padding:0 14px 10px;font-size:12px}.hero-title{padding:40px 16px 10px;text-align:center}.hero-title .eyebrow{color:var(--gold);margin-bottom:8px}.hero-title h1{font-size:40px;margin:0;text-transform:uppercase;letter-spacing:.1em;line-height:1}.hero-title p{color:var(--text-secondary);margin:10px 0 0;font-weight:300;font-size:15px}.menu{display:grid;gap:10px;padding:14px;max-width:520px;margin:0 auto;width:100%}.menu a.card{display:block;text-decoration:none;padding:18px 18px 16px;transition:border-color .3s}.menu a.card:hover{border-color:var(--gold-dim)}.menu a.card h2{margin:0 0 4px;font-size:22px}.menu a.card p{margin:0;color:var(--text-secondary);font-size:14px;font-weight:300}.menu a.card.soon{opacity:.45}.gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.gate form{padding:26px;width:100%;max-width:360px;display:grid;gap:12px}.gate h2{margin:0;font-size:28px;text-transform:uppercase;letter-spacing:.1em}.gate .err{color:var(--danger);font-size:13px;min-height:1em}.sheet{margin:0 14px 10px;padding:14px 16px;display:grid;gap:10px}.sheet h3{margin:0;font-size:18px}.list{display:grid;gap:6px}.list .row{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border-subtle);padding:8px 10px}.list .row span{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row button{flex:0 0 auto;padding:6px 10px;font-size:11px}.toolbar{display:flex;gap:6px;padding:6px 14px;flex-wrap:wrap;justify-content:center}