:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f8f8;background:radial-gradient(circle at 0 0,#40e1d82e,#0000 30%),radial-gradient(circle at 100% 0,#40e1d814,#0000 26%),linear-gradient(#020505 0%,#050909 38%,#000 100%);font-family:Roboto,IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:radial-gradient(circle at 0 0,#40e1d82e,#0000 30%),radial-gradient(circle at 80% 0,#40e1d814,#0000 22%),linear-gradient(#020505 0%,#050909 38%,#000 100%);margin:0}button,input{font:inherit}button{appearance:none}.app-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#010808cc;border-right:1px solid #40e1d824;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.content{padding:1.5rem}.eyebrow,.panel-label,.branch-theme{text-transform:uppercase;letter-spacing:.18em;color:#40e1d8c7;margin:0 0 .4rem;font-size:.72rem}.lede,.login-copy,.column-copy,.selection-copy span,.overview-card p,.hero p,.detail-card p,.detail-card small,.quest-row p,.quest-row span,.branch-tile p{color:#f5f8f8bd;line-height:1.55}.panel,.branch-tile,.quest-row,.detail-card,.overview-card,.hero-card,.login-card,.empty-detail{background:#091212d1;border:1px solid #40e1d81f;box-shadow:0 18px 44px #00000057}.panel{border-radius:22px;padding:1rem}.panel.compact{padding:.95rem 1rem}.player-card{background:linear-gradient(#0e1c1cf5 0%,#071010f5 100%);border:1px solid #40e1d833;border-radius:18px;flex-direction:column;gap:.35rem;width:100%;padding:1rem;display:flex}.player-card strong{font-size:1.1rem}.player-card span{color:#f5f8f8b8}.meta-grid{color:#f5f8f8b8;grid-template-columns:1fr auto;gap:.5rem .8rem;margin-top:.4rem;display:grid}.meta-grid strong{color:#f5f8f8}.selection-copy{flex-direction:column;gap:.35rem;display:flex}.login-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{border-radius:32px;width:min(100%,520px);padding:2.2rem}.login-card h1{margin:0 0 .9rem;font-size:clamp(2.2rem,3vw,3rem);line-height:.95}.login-form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.45rem;display:flex}.field span{color:#40e1d8d1;font-size:.88rem;font-weight:700}.field input{color:#f5f8f8;background:#010b0beb;border:1px solid #40e1d82e;border-radius:18px;width:100%;padding:.95rem 1rem}.field input::placeholder{color:#f5f8f857}.field input:focus{border-color:#40e1d89e;outline:2px solid #40e1d83d}.auth-error{color:#ffb3cc;background:#7a142d3d;border:1px solid #e1407a57;border-radius:18px;padding:.95rem 1rem}.primary-action,.secondary-action,.task-action{border-radius:999px;padding:.88rem 1.2rem;font-weight:700;transition:transform .12s,background .12s,border-color .12s}.primary-action{color:#000;cursor:pointer;background:#40e1d8;border:1px solid #40e1d8}.primary-action:disabled{cursor:progress;opacity:.72}.secondary-action{color:#40e1d8;cursor:pointer;background:0 0;border:1px solid #40e1d852;margin-top:.9rem}.primary-action:hover,.secondary-action:hover,.task-action:hover{transform:translateY(-1px)}.hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:1rem;margin-bottom:1rem;display:grid}.hero-main{background:linear-gradient(#081111e0 0%,#050b0be0 100%);border:1px solid #40e1d824;border-radius:28px;padding:1.3rem 1.4rem}.hero h2{margin:0 0 .7rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:.95}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.metric-chip{background:#0c1818eb;border:1px solid #40e1d824;border-radius:18px;padding:.95rem 1rem}.metric-chip span,.overview-card span,.hero-card span,.detail-meta span{text-transform:uppercase;letter-spacing:.14em;color:#40e1d8c7;font-size:.75rem;display:block}.metric-chip strong,.overview-card strong,.hero-card strong,.detail-card strong{margin-top:.45rem;display:block}.hero-card{background:radial-gradient(circle at 100% 0,#40e1d81f,#0000 35%),linear-gradient(#0c1a1af5 0%,#050c0cfa 100%);border-radius:28px;padding:1.3rem}.hero-card strong{font-size:1.35rem;line-height:1.15}.hero-card small{color:#f5f8f8b8;margin-top:.9rem;line-height:1.55;display:block}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.overview-card{border-radius:24px;padding:1rem 1.05rem}.overview-card.emphasis{background:linear-gradient(#40e1d81f 0%,#081111e0 60%),#091212e6}.planner-grid{grid-template-columns:minmax(260px,.85fr) minmax(340px,1fr) minmax(360px,1.05fr);align-items:start;gap:1rem;display:grid}.planner-column{background:#050c0cd1;border:1px solid #40e1d81f;border-radius:28px;min-height:100%;padding:1rem}.detail-column{position:sticky;top:1.5rem}.column-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;display:flex}.column-heading h3,.tile-header h4,.task-head strong{margin:0}.branch-list,.quest-log,.detail-task-list{flex-direction:column;gap:.85rem;display:flex}.branch-tile,.quest-row{text-align:left;cursor:pointer;border-radius:22px;width:100%;padding:1rem}.branch-tile.selected,.quest-row.selected{background:linear-gradient(#40e1d814 0%,#081212f5 30%),#091212eb;border-color:#40e1d880;box-shadow:0 0 0 1px #40e1d82e,0 24px 48px #0000005c}.tile-header,.quest-row-head,.task-head{justify-content:space-between;gap:.9rem;display:flex}.tile-header h4,.quest-row-head strong{font-size:1.04rem}.tile-header div,.quest-row-head div{flex-direction:column;gap:.3rem;display:flex}.tile-header span,.quest-row-head span{color:#f5f8f894}.tile-meta,.detail-inline-stats{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.tile-meta span,.detail-inline-stats span{color:#f5f8f8ad;background:#ffffff0a;border:1px solid #40e1d814;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.82rem;display:inline-flex}.detail-card{border-radius:24px;padding:1rem}.detail-hero{grid-template-columns:minmax(0,1fr) auto;gap:1rem;display:grid}.detail-meta{gap:.35rem;min-width:170px;display:grid}.detail-section-head{justify-content:space-between;gap:.9rem;margin-bottom:.95rem;display:flex}.detail-task-list{margin:0;padding:0;list-style:none}.detail-task{border-top:1px solid #40e1d81a;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.9rem;padding:.95rem 0;display:grid}.detail-task:first-child{border-top:none;padding-top:0}.task-copy p{margin:.5rem 0}.task-action{color:#40e1d8;cursor:pointer;background:#40e1d814;border:1px solid #40e1d838;min-width:140px}.task-action:disabled{opacity:.7;cursor:progress}.task-todo{color:#40e1d8;background:#40e1d814;border-color:#40e1d82e}.task-in-progress{color:#8ff9f3;background:#40e1d829;border-color:#40e1d852}.task-blocked{color:#ff9cbc;background:#e1407a24;border-color:#e1407a52}.task-done{color:#9bfcd2;background:#7effc91f;border-color:#7effc93d}.status-pill{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:108px;padding:.42rem .82rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-active,.status-in-progress,.status-todo{color:#8ff9f3;background:#40e1d81f;border-color:#40e1d83d}.status-discovering{color:#f5f8f8c7;background:#ffffff0d;border-color:#40e1d829}.status-blocked{color:#ff9cbc;background:#e1407a24;border-color:#e1407a47}.status-done{color:#9bfcd2;background:#7effc91f;border-color:#7effc93d}.empty-state,.empty-detail{text-align:center;color:#f5f8f8c2;border-radius:28px;place-items:center;min-height:40vh;padding:2rem;display:grid}.empty-state.error{color:#ffb3cc;background:#2d09138c;border:1px solid #e1407a42}@media (width<=1360px){.overview-grid,.planner-grid,.hero-metrics,.detail-hero,.planner-grid{grid-template-columns:1fr}.detail-column{position:static}}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #40e1d824;border-right:none}.hero{grid-template-columns:1fr}}@media (width<=720px){.content,.sidebar,.login-shell{padding:1rem}.login-card,.planner-column,.panel,.hero-main,.hero-card,.overview-card,.detail-card{border-radius:22px}.detail-task{grid-template-columns:1fr}.task-action{width:100%}}