@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=Exo+2:wght@300;400;600;800&display=swap";:root{--rebellion-red:#ff2e63;--rebellion-cyan:#08f7fe;--rebellion-bg:#0a0f1a;--rebellion-bg2:#060a12;--rebellion-panel:#08f7fe0a;--rebellion-border:#08f7fe26;--accent2:gold;--text:#c8e8ff;--text-muted:#6a8aaa;--mono:"Share Tech Mono", monospace;--sans:"Exo 2", system-ui, sans-serif;--orbitron:"Orbitron", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--rebellion-bg);color:var(--text);font-family:var(--sans);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 18%,#08f7fe59 0%,#0000 100%),radial-gradient(1px 1px at 28% 65%,#ff2e6347 0%,#0000 100%),radial-gradient(1px 1px at 58% 12%,#08f7fe47 0%,#0000 100%),radial-gradient(1px 1px at 82% 44%,#ffd70038 0%,#0000 100%),radial-gradient(1px 1px at 93% 82%,#08f7fe40 0%,#0000 100%),radial-gradient(1px 1px at 42% 88%,#ff2e6333 0%,#0000 100%),radial-gradient(1px 1px at 67% 55%,#08f7fe33 0%,#0000 100%),radial-gradient(1px 1px at 5% 74%,#ffd7002e 0%,#0000 100%),radial-gradient(1px 1px at 75% 28%,#ff2e6338 0%,#0000 100%);position:fixed;inset:0}.rb-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rebellion-border);background:#060a12eb;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.rb-header-brand{align-items:center;gap:.75rem;display:flex}.rb-header-icon{filter:drop-shadow(0 0 8px var(--rebellion-red));font-size:1.5rem}.rb-header-title{font-family:var(--orbitron);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg, var(--rebellion-red), var(--rebellion-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:900}.rb-header-sub{font-family:var(--mono);color:var(--rebellion-cyan);letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:.68rem}.rb-back-link{font-family:var(--mono);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;text-decoration:none;transition:color .2s}.rb-back-link:hover{color:var(--rebellion-cyan)}.rb-sync{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.65rem;display:inline-flex}.rb-sync.online{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.rb-sync.offline{color:var(--text-muted);background:#64748b14;border-color:#64748b66}#rebellion-root{z-index:1;grid-template-rows:1fr;grid-template-columns:220px 1fr 300px;gap:0;min-height:calc(100vh - 57px);display:grid;position:relative}@media (width<=1024px){#rebellion-root{grid-template-rows:auto;grid-template-columns:1fr}}.rb-panel{border-right:1px solid var(--rebellion-border);background:var(--rebellion-panel);padding:1.5rem;overflow-y:auto}#stats-panel{border-right:1px solid var(--rebellion-border)}#lore-panel{border-right:1px solid var(--rebellion-border);padding:2rem}#decision-panel{border-right:none}#stats-panel h2{font-family:var(--orbitron);letter-spacing:.15em;text-transform:uppercase;color:var(--rebellion-cyan);border-bottom:1px solid var(--rebellion-border);margin-bottom:1.5rem;padding-bottom:.6rem;font-size:.8rem;font-weight:700}.stat{margin-bottom:1.25rem}.stat-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.3rem;font-size:.65rem}.stat-bar-wrap{background:#ffffff0d;border-radius:999px;height:6px;margin-bottom:.2rem;overflow:hidden}.stat-bar{border-radius:999px;height:100%;transition:width .6s}.stat[data-stat=karma] .stat-bar{background:linear-gradient(90deg, var(--rebellion-red), #ff6b9d)}.stat[data-stat=wisdom] .stat-bar{background:linear-gradient(90deg, var(--rebellion-cyan), #7efff8)}.stat[data-stat=integrity] .stat-bar{background:linear-gradient(90deg, var(--accent2), #ffe680)}.stat[data-stat=community] .stat-bar{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.stat-value{font-family:var(--mono);color:var(--text);text-align:right;font-size:.75rem}.rb-sync-wrap{border-top:1px solid var(--rebellion-border);margin-top:2rem;padding-top:1rem}#lore-panel h3{font-family:var(--orbitron);letter-spacing:.15em;text-transform:uppercase;color:var(--rebellion-cyan);border-bottom:1px solid var(--rebellion-border);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.6rem;font-size:.8rem;font-weight:700;display:flex}#lore-panel h3 .lore-count{color:var(--rebellion-cyan);font-size:.65rem;font-family:var(--mono);background:#08f7fe1a;border:1px solid #08f7fe40;border-radius:999px;padding:.1rem .45rem}.lore-empty{font-family:var(--mono);color:var(--text-muted);text-align:center;border:1px dashed var(--rebellion-border);border-radius:12px;padding:3rem 1rem;font-size:.75rem;line-height:1.8}.lore-fragment{border:1px solid var(--rebellion-border);background:#08f7fe08;border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem;transition:border-color .3s,box-shadow .3s;animation:.4s lore-appear}@keyframes lore-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lore-fragment:hover{border-color:#08f7fe59;box-shadow:0 0 18px #08f7fe14}.lore-fragment.new-unlock{border-color:var(--rebellion-cyan);animation:1.5s forwards neon-pulse;box-shadow:0 0 24px #08f7fe33}@keyframes neon-pulse{0%{box-shadow:0 0 4px #08f7fe1a}40%{box-shadow:0 0 32px #08f7fe73}to{box-shadow:0 0 12px #08f7fe26}}.lore-fragment .threshold{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rebellion-cyan);opacity:.75;margin-bottom:.4rem;font-size:.63rem}.lore-fragment .frag-title{font-family:var(--orbitron);color:var(--text);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.lore-fragment .text{color:var(--text-muted);font-size:.875rem;line-height:1.7}#decision-panel h3{font-family:var(--orbitron);letter-spacing:.15em;text-transform:uppercase;color:var(--rebellion-red);border-bottom:1px solid #ff2e6333;margin-bottom:1.5rem;padding-bottom:.6rem;font-size:.8rem;font-weight:700}.scenario-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--rebellion-red);opacity:.7;margin-bottom:.6rem;font-size:.63rem}#scenario-text{color:var(--text);background:#ff2e630a;border:1px solid #ff2e6326;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.75}#choices{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.choice-btn{cursor:pointer;text-align:left;color:var(--text);font-family:var(--sans);background:#ff2e630f;border:1px solid #ff2e6340;border-radius:10px;padding:.85rem 1rem;font-size:.875rem;line-height:1.5;transition:background .2s,border-color .2s,transform .15s}.choice-btn:hover{background:#ff2e631f;border-color:#ff2e6380;transform:translate(3px)}.choice-btn:focus-visible{outline:2px solid var(--rebellion-red);outline-offset:2px}.choice-effects{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.effect-chip{font-family:var(--mono);letter-spacing:.08em;border:1px solid;border-radius:999px;padding:.15rem .45rem;font-size:.6rem}.effect-chip.pos{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.effect-chip.neg{color:#f87171;background:#f8717114;border-color:#f8717166}.lore-preview{color:var(--text-muted);background:#08f7fe0a;border:1px solid #08f7fe2e;border-radius:10px;margin-top:1.5rem;padding:.85rem 1rem;font-size:.8rem;display:none}.lore-preview.visible{display:block}.lore-preview-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rebellion-cyan);margin-bottom:.4rem;font-size:.63rem}.scenario-complete{text-align:center;background:#ffd7000a;border:1px solid #ffd70040;border-radius:12px;padding:2rem 1rem;display:none}.scenario-complete.visible{display:block}.scenario-complete .complete-icon{margin-bottom:.75rem;font-size:2.5rem}.scenario-complete h4{font-family:var(--orbitron);color:var(--accent2);letter-spacing:.1em;margin-bottom:.5rem;font-size:.9rem}.scenario-complete p{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;line-height:1.6}.btn-restart{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--rebellion-cyan);color:var(--rebellion-cyan);cursor:pointer;background:#08f7fe14;border-radius:999px;padding:.55rem 1.2rem;font-size:.7rem;transition:background .2s,box-shadow .2s}.btn-restart:hover{background:#08f7fe26;box-shadow:0 0 14px #08f7fe40}.lore-toast{z-index:9999;border:1px solid var(--rebellion-cyan);background:#060a12f2;border-radius:12px;align-items:flex-start;gap:.75rem;max-width:320px;padding:1rem 1.25rem;animation:.35s toast-in,.35s 3.65s forwards toast-out;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 0 30px #08f7fe4d}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(8px)}}.lore-toast .icon{filter:drop-shadow(0 0 6px var(--rebellion-cyan));flex-shrink:0;font-size:1.25rem}.lore-toast .title{font-family:var(--orbitron);letter-spacing:.12em;text-transform:uppercase;color:var(--rebellion-cyan);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.lore-toast .desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--rebellion-bg2)}::-webkit-scrollbar-thumb{background:#08f7fe40;border-radius:999px}:focus-visible{outline:2px solid var(--rebellion-cyan);outline-offset:2px}@media (width<=1024px){#rebellion-root{grid-template-columns:1fr}#stats-panel,#lore-panel,#decision-panel{border-right:none;border-bottom:1px solid var(--rebellion-border)}#decision-panel{border-bottom:none}}