@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--ink:#1c160f;--ink-muted:#6d5b4a;--paper:#fffcf6eb;--line:#d8c3a1;--canvas-a:#f9e3c5;--canvas-b:#f4b49f;--canvas-c:#d4abcf;--title:"Bricolage Grotesque", "Segoe UI", sans-serif;--body:"Bricolage Grotesque", "Segoe UI", sans-serif;--mono:"JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--body);background:radial-gradient(circle at 16% 20%, #ffffffb3 0, transparent 38%), radial-gradient(circle at 85% 8%, #fff5d68c 0, transparent 34%), linear-gradient(160deg, var(--canvas-a), var(--canvas-b) 50%, var(--canvas-c));margin:0}h1,h2,h3,strong{font-family:var(--title)}p{line-height:1.45}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.landing-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:start;gap:16px;width:min(1080px,100%);display:grid}.login-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;gap:12px;width:100%;padding:28px;display:grid;box-shadow:0 18px 50px #0a080524}.landing-sidecard{border:1px solid var(--line);background:#fffaf4f0;border-radius:18px;gap:12px;padding:22px;display:grid;box-shadow:0 18px 50px #0a08051f}.landing-sidecard h2{margin:0;font-size:clamp(1.4rem,2vw,2rem)}.login-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.login-form-grid>div{gap:6px;display:grid}.eyebrow{text-transform:uppercase;font-family:var(--mono);letter-spacing:.08em;color:var(--ink-muted);margin:0;font-size:10px;line-height:1}.login-card h1{margin:0;font-size:clamp(1.9rem,3vw,2.7rem)}.login-card label{font-size:.95rem;font-weight:600}.stage-chip-row{flex-wrap:wrap;gap:8px;display:flex}.stage-chip{border:1px solid var(--line);font-family:var(--mono);background:#fff6dc;border-radius:999px;padding:6px 10px;font-size:.76rem}.login-card input,.login-card button,.level-actions button{border:1px solid var(--line);min-height:48px;font:inherit;border-radius:12px}.login-card input{padding:0 12px}.login-card button,.level-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b13d28,#74318f);border:0;font-weight:700}.login-card button:hover,.level-actions button:hover{filter:brightness(1.05)}.login-card button:disabled,.level-actions button:disabled{cursor:not-allowed;opacity:.45}.support-note,.auth-feedback{margin:0;font-size:.88rem}.support-note{color:var(--ink-muted)}.auth-feedback{font-family:var(--mono);color:#8c1f14}.igniter-list{gap:10px;display:grid}.igniter-card{border:1px solid var(--line);background:#fff6ea;border-radius:14px;gap:6px;padding:12px;display:grid}.igniter-card strong{font-size:1rem}.igniter-stat{font-family:var(--mono);color:var(--ink-muted);margin:0;font-size:.8rem}.app-shell{gap:6px;min-height:100vh;padding:8px;display:grid}.compact-topbar{justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:2px 2px 0;display:flex}.compact-topbar__meta{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;font-size:.72rem;line-height:1.1;display:flex}.compact-topbar__meta strong{font-size:.8rem}.compact-topbar__meta span{color:var(--ink-muted)}.compact-stat{font-family:var(--mono)}.compact-lock{font-family:var(--mono);color:#8c1f14!important}.compact-topbar__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.compact-nav,.profile-panel button{color:#fff;min-height:24px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#b13d28,#74318f);border:0;border-radius:8px;padding:0 10px;font-size:.72rem;font-weight:700}.compact-nav:disabled,.profile-panel button:disabled{opacity:.45;cursor:not-allowed}.profile-menu{position:relative}.profile-summary{cursor:pointer;color:var(--ink-muted);-webkit-user-select:none;user-select:none;font-size:.72rem;list-style:none}.profile-summary::-webkit-details-marker{display:none}.profile-panel{border:1px solid var(--line);z-index:20;background:#fffdf9;border-radius:10px;gap:6px;width:200px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 24px #0a08051f}.profile-panel p{margin:0;font-size:.72rem;line-height:1.2}.top-bar{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:4px 8px}.merged-bar{gap:2px;display:grid}.bar-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px 10px;display:grid}.bar-row-bottom{border-top:1px solid var(--line);padding-top:4px}.top-bar h2{margin:0;font-size:clamp(.92rem,1.25vw,1.45rem);line-height:1.05}.top-bar strong{font-size:.88rem;line-height:1.15}.danger{color:#8c1f14}.level-actions{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.question-meta{color:var(--ink-muted);margin:1px 0 0;font-size:.66rem;line-height:1.1}.lock-note{color:#8c1f14;font-size:.64rem;line-height:1.1;font-family:var(--mono);margin-top:2px}.workspace-grid{grid-template-columns:minmax(420px,1fr) minmax(360px,1.1fr);align-items:start;gap:10px;display:grid}.submission-controls{gap:6px;margin-top:6px;display:grid}.submission-controls button{min-height:34px;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f7f52,#0f6178);border:0;border-radius:10px;font-size:.92rem;font-weight:700}.level-actions button{min-height:30px;padding:0 10px;font-size:.82rem}.submission-controls .sound-toggle{background:linear-gradient(135deg,#4d2c76,#34479a);min-height:30px}.submission-controls button:disabled{cursor:not-allowed;opacity:.55}.submission-feedback{font-family:var(--mono);color:var(--ink-muted);margin:0;font-size:.72rem}.instructions-inline{max-height:210px;margin-bottom:8px;padding-right:4px;overflow:auto}.instructions-inline h3{margin-bottom:6px;font-size:1rem}.instructions-inline p{margin:0 0 8px}.accepted-values p{margin:0}.topic-overview{margin-top:8px}.topic-overview p{margin:0}.topic-overview ul,.accepted-values ul{margin:4px 0 0;padding-left:18px}.topic-overview li,.accepted-values li{font-family:var(--mono);margin-bottom:2px;font-size:.76rem}.ladder-panel{margin-top:0}.ladder-head,.ladder-row{grid-template-columns:48px 1.2fr 80px 90px 90px;align-items:center;gap:8px;display:grid}.ladder-head{font-family:var(--mono);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed var(--line);padding-bottom:6px;font-size:.68rem}.ladder-list{gap:4px;margin-top:6px;display:grid}.ladder-row{border:1px solid var(--line);font-family:var(--mono);background:#ffffff59;border-radius:10px;padding:6px 8px;font-size:.72rem}.ladder-row-current{background:#e7f8bc8c;border-color:#7a9f0d}.panel{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:10px}.panel h3{margin:0 0 8px;font-size:1rem}.status-box{border:1px dashed var(--line);background:#fff7ea;border-radius:12px;margin-top:8px;padding:8px}.status-box p{font-family:var(--mono);margin:0 0 4px;font-size:.74rem}.status-box p:last-child{margin-bottom:0}.ok{color:#155d27}.warn{color:#8c1f14}.solved,.pending{margin-top:8px;font-size:.9rem;font-weight:700}.solved{color:#155d27}.pending{color:#9d5f00}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.editor-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);margin:0 0 4px;font-size:.68rem}pre,textarea{box-sizing:border-box;border:1px solid var(--line);color:#f2f5ff;width:100%;height:210px;min-height:210px;font:.76rem/1.35 var(--mono);background:#1d1f26;border-radius:12px;margin:0;padding:8px}pre{overflow:auto}textarea{resize:vertical}.board-note{margin:0 0 8px;font-size:.84rem}.boards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.board-column{min-width:0}.board-viewport{isolation:isolate;contain:layout paint;background:#fff8e973;border:1px solid #bfa87b73;border-radius:14px;height:220px;position:relative;overflow:auto;transform:translateZ(0)}.board{border-radius:14px;min-height:100%;position:relative;overflow:hidden}.card{border-radius:12px;flex:none;position:relative;overflow:hidden;box-shadow:0 3px 7px #0000001f}.card img{object-fit:cover;width:100%;height:100%;display:block}.card span{color:#fff;background:#17130eb8;border-radius:999px;padding:1px 5px;font-size:.56rem;position:absolute;bottom:4px;left:4px}.editors>h3,.board-panel>h3{margin-bottom:6px}@media (width<=1180px){.landing-grid,.workspace-grid,.editor-grid,.boards{grid-template-columns:1fr}.ladder-head,.ladder-row{grid-template-columns:40px 1fr 66px 78px 78px;font-size:.74rem}}@media (width<=800px){.compact-topbar{flex-direction:column;align-items:flex-start}.compact-topbar__actions{justify-content:flex-end;width:100%}.bar-row,.login-form-grid,.level-actions{grid-template-columns:1fr}}