:root{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--accent-primary: #22d3ee;--accent-secondary: #0ac8b9;--accent-jade: #22c55e;--accent-gold: #facc15;--accent-violet: #a855f7;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-dim: #6b7280;--border-color: rgba(56, 189, 248, .15);--border-soft: rgba(148, 163, 184, .1);--glow-cyan: 0 0 20px rgba(34, 211, 238, .5);--glow-jade: 0 0 20px rgba(34, 197, 94, .5);--glow-strong: 0 0 30px rgba(34, 211, 238, .7), 0 0 50px rgba(34, 197, 94, .3);font-family:Space Grotesk,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent-secondary);text-shadow:var(--glow)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#020617 0 40%,#02040a),radial-gradient(circle at 20% 80%,rgba(56,189,248,.22),transparent 55%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.2),transparent 60%),radial-gradient(circle at 0% 0%,rgba(34,197,94,.16),transparent 65%);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:-100px;background-image:linear-gradient(rgba(15,23,42,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.55) 1px,transparent 1px);background-size:46px 46px;opacity:.35;pointer-events:none;mix-blend-mode:soft-light;z-index:0}.orb{position:fixed;border-radius:999px;filter:blur(32px);opacity:.65;pointer-events:none;mix-blend-mode:screen;z-index:0;animation:float 8s ease-in-out infinite}.orb--cyan{width:260px;height:260px;background:#22d3ee55;top:10%;left:8%;animation-delay:0s}.orb--jade{width:220px;height:220px;background:#22c55e55;bottom:5%;left:40%;animation-delay:2s}.orb--violet{width:280px;height:280px;background:#a855f755;top:5%;right:12%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.05)}50%{transform:translate(-5px,10px) scale(.95)}75%{transform:translate(-12px,-8px) scale(1.02)}}h1{font-size:3.2em;line-height:1.1}button{border-radius:999px;border:1px solid var(--border-soft);padding:7px 14px;font-size:13px;font-weight:500;font-family:inherit;background:#0f172ae6;color:var(--text-secondary);cursor:pointer;transition:all .18s ease;letter-spacing:.02em}button:hover{border-color:var(--accent-primary);background:#0f172af2;box-shadow:0 0 14px #38bdf866;transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button.btn-primary{background:linear-gradient(135deg,#22c55e,#4ade80);color:#022c22;font-weight:600;border:none;box-shadow:0 0 18px #22c55ecc}button.btn-primary:hover{box-shadow:0 0 26px #22c55ee6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overflow-y:auto;overflow-x:hidden;height:auto}body{min-height:100vh;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f9fafb;background:radial-gradient(circle at top,#020617 0 40%,#02040a),radial-gradient(circle at 20% 80%,rgba(56,189,248,.22),transparent 55%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.2),transparent 60%),radial-gradient(circle at 0% 0%,rgba(34,197,94,.16),transparent 65%);overflow-y:auto;overflow-x:hidden}#root{max-width:1500px;margin:0 auto;padding:18px 16px 24px;position:relative;display:flex;flex-direction:column;gap:16px;isolation:isolate}#root:before{content:"";position:fixed;inset:-100px;background-image:linear-gradient(rgba(15,23,42,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.55) 1px,transparent 1px);background-size:46px 46px;opacity:.35;pointer-events:none;mix-blend-mode:soft-light}.orb{position:fixed;border-radius:999px;filter:blur(48px);opacity:.55;pointer-events:none;mix-blend-mode:screen;z-index:-1;animation:orb-drift 160s ease-in-out infinite alternate}.orb--cyan{width:260px;height:260px;background:#22d3ee55;top:10%;left:8%;animation-duration:168s;animation-delay:-90s}.orb--jade{width:220px;height:220px;background:#22c5c255;bottom:5%;left:40%;animation-duration:182s;animation-delay:-15s}.orb--violet{width:280px;height:280px;background:#a855f755;top:5%;right:12%;animation-duration:175s;animation-delay:-12s}.orb--pink{width:240px;height:240px;background:#fb017e55;bottom:15%;right:25%;animation-duration:180s;animation-delay:-30s}@keyframes orb-drift{0%{transform:translateZ(0) scale(1);filter:blur(48px)}20%{transform:translate3d(35vw,-18vh,0) scale(1.04);filter:blur(50px)}40%{transform:translate3d(-28vw,46vh,0) scale(1.02);filter:blur(52px)}60%{transform:translate3d(50vw,38vh,0) scale(1.05);filter:blur(50px)}80%{transform:translate3d(-42vw,-32vh,0) scale(1.03);filter:blur(49px)}to{transform:translate3d(30vw,22vh,0) scale(1.06);filter:blur(53px)}}.header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.crest{width:42px;height:42px;border-radius:22px;padding:2px;background:conic-gradient(from 210deg,#22c55e,#4ade80,#22d3ee,#a855f7,#22c55e);box-shadow:0 0 26px #22c55e99,0 0 26px #38bdf873;position:relative;overflow:hidden}.crest-core{width:100%;height:100%;border-radius:18px;background:radial-gradient(circle at 30% 0%,rgba(248,250,252,.16),transparent 60%),radial-gradient(circle at center,#020617 0 55%,#020617);display:flex;align-items:center;justify-content:center;position:relative}.crest-core:before{content:"";position:absolute;width:130%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.8),transparent);transform:rotate(-24deg) translateY(-10px);opacity:.7}.crest-symbol{font-family:Roboto Mono,monospace;font-size:13px;color:#bbf7d0;text-shadow:0 0 10px #22c55e}.title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.title{font-weight:600;letter-spacing:.28em;font-size:18px;text-transform:uppercase;color:#e5e7eb;text-shadow:0 0 14px rgba(15,23,42,.9),0 0 18px rgba(34,197,94,.35);white-space:nowrap}.subtitle{font-size:11px;color:#9ca3af}.header-right{display:flex;align-items:center;gap:14px;font-size:11px;color:#9ca3af;flex-wrap:wrap;justify-content:flex-end}.stat{display:flex;align-items:baseline;gap:4px}.stat strong{color:#e5f5ea}.admin-pill{padding:4px 10px;border-radius:999px;background:#0f172abf;color:#e5e7eb;font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 10px 24px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none}.admin-pill span{font-size:10px;padding:1px 6px;border-radius:999px;background:linear-gradient(135deg,#4b5563,#111827)}.spacer-12{height:12px}.ip-controls{margin-bottom:12px;display:flex;gap:12px;align-items:center}.ip-checkbox-label{font-size:13px}.ip-validate-btn{padding:6px 12px;font-size:13px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:4px;cursor:pointer;box-shadow:var(--glow);transition:.15s}.ip-validate-btn--danger{background:linear-gradient(135deg,#e53935cc,#e5393599);box-shadow:0 0 15px #e5393566}.stack-12-center{display:flex;flex-direction:column;gap:12px;align-items:center}.qp2-cidr{display:flex;align-items:center;gap:8px}.qp2-cidr-slash{font-size:18px;font-weight:700}.qp2-source-mask{font-weight:600}.qp2-inline{display:inline-flex;gap:8px;align-items:center}.qp2-inline-mono{font-family:monospace;display:inline-flex;gap:4px;align-items:center}.qp2-dot{font-weight:700}.qp2-warning{color:red;font-size:12px;margin-left:8px}.qp2-source-bin{color:#666;margin-left:8px}.qp2-source-fallback{display:flex;gap:8px;align-items:center;color:#333;font-size:14px}.qp2-mask-wrap{display:flex;gap:6px;align-items:center}.qp3-stack{display:flex;flex-direction:column;gap:12px;align-items:center}.qp3-fallback{font-style:italic;color:#777}.qp3-source{margin-bottom:16px;font-size:14px;color:#333;display:flex;align-items:center;gap:8px}.qp3-source-value{display:inline-flex;align-items:center;gap:6px}.qp3-source-mask{font-weight:600}.qp3-binary{display:inline-flex;gap:8px;align-items:center}.qp3-binary-code{font-family:monospace;font-size:12px}.qp3-binary-dot{color:#666}.qp4-inline{display:inline-flex;gap:8px;align-items:center}.qp4-inline-mono{font-family:monospace;display:inline-flex;gap:4px;align-items:center}.qp4-dot{font-weight:700}.qp4-source-bin{color:#666;margin-left:8px}.qp4-source-mask{font-weight:600}.qp4-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.qp4-row{display:flex;gap:8px;align-items:center}.qp4-row-space{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qp4-btn{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);background:#0a1e2899;cursor:pointer;color:var(--accent-primary)}.qp4-badge{font-size:12px;color:var(--accent-gold);padding:2px 6px;border-radius:6px;background:#c89b3c1a;border:1px solid var(--accent-gold)}.qp4-desc{color:#333;font-size:14px}.qp4-warn{color:red;font-size:12px}.qp5-stack{display:flex;flex-direction:column;gap:12px}.qp5-field{display:flex;flex-direction:column;gap:8px}.qp5-label{font-size:14px;font-weight:500;color:#e5e7eb}.qp5-input{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-family:monospace;font-size:14px}.qp6-stack{display:flex;flex-direction:column;gap:16px}.qp6-card{padding:12px;background:linear-gradient(135deg,#0ac8b90d,#0ac8b905);border-radius:6px;border:1px solid var(--border-color);box-shadow:var(--glow)}.qp6-subnets{display:flex;flex-direction:column;gap:12px}.qp6-subnet{padding:12px;background:#0a1e2866;border-radius:6px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 10px #0ac8b90d;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.qp6-subnet-title{font-size:14px;font-weight:600;color:#555}.qp6-grid{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;overflow:hidden}.qp6-grid>div{min-width:0;max-width:100%;overflow:hidden}.authRequired{text-align:center;padding:40px 20px;font-size:18px;color:#666}.authTitle{font-size:24px;margin-bottom:20px}.authText{color:#666}.adminControls{display:flex;gap:8px}.adminBtn{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;border:1px solid transparent;background:#ffffff08}.adminBtn.adminFail{border-color:#e53935;color:#ff6b6b;box-shadow:0 0 15px #e5393533;background:linear-gradient(135deg,#e539351f,#e539350f)}.adminBtn.adminSuccess{border-color:#43a047;background:#e8f5e9;color:#1b5e20}.adminBtn.adminPromote{border-color:#1976d2;background:#e3f2fd;color:#0d47a1}.adminBtn.adminDemote{border-color:var(--accent-gold);background:linear-gradient(135deg,#c89b3c33,#c89b3c1a);color:var(--accent-gold)}.adminNumWrap{display:flex;justify-content:flex-end;margin-top:6px}.adminNumBadge{padding:4px 8px;border-radius:6px;background:#eef3ff;color:#1a237e;font-size:12px;border:1px solid #cfd8ff}.questionInfo{margin-bottom:16px}.questionHeaderTitle{margin:4px 0}.questionHeaderSmall{margin-left:8px;color:#777;font-size:.85em}.questionHeaderDesc{margin:0;font-size:14px;color:#555}.uiWrapper{padding:12px;border-radius:8px;background:linear-gradient(135deg,#0ac8b908,#0ac8b903);border:1px dashed var(--border-color);margin-bottom:16px;box-shadow:inset 0 0 15px #0ac8b90d}.resultPanel{padding:20px;border:1px solid #ff2f2f75;border-radius:8px;background:#00000026;color:#953e81}.resultTitle{margin-top:0}.resultMeta{margin-top:8px}.resultActions{margin-top:12px}.resultNextButton{padding:8px 12px;border-radius:6px;cursor:pointer;border:1px solid var(--border-color);background:#e3f2fd;color:#0d47a1}.navContainer{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px}.newQuestionButton{padding:8px 12px;border-radius:6px;border:1px solid #1976d2;background:#e3f2fd;color:#0d47a1;cursor:pointer;font-size:14px;white-space:nowrap}.qp6-label{font-size:12px;color:#666}.qp6-input{padding:6px 8px;border-radius:4px;border:1px solid #ccc;width:100%;font-family:monospace}.admin-view{background:linear-gradient(135deg,#0ac8b914,#0ac8b90a);border:2px solid var(--accent-primary);border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:var(--glow-strong)}.admin-view__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-view__title{font-size:14px;font-weight:600;color:#2c3e50}.admin-view__targets{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:12px;color:#666}.admin-view__target-btn{padding:4px 12px;font-size:12px;background:#ecf0f1;color:#7f8c8d;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:.15s}.admin-view__target-btn--active{background:#3498db;color:#fff}.admin-view__info{margin-bottom:8px;padding:6px;background:#0a1e2880;border-radius:4px;font-size:11px;color:var(--text-secondary);border:1px solid var(--border-color)}.admin-view__info-row{display:flex;align-items:center;gap:8px}.admin-view__info-label{flex:1 1 auto}.admin-view__nav{display:flex;gap:6px;align-items:center}.admin-view__nav-btn{padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background:#0a1e2899;cursor:pointer;color:var(--accent-primary)}.admin-view__nav-badge{font-size:12px;color:var(--accent-gold);padding:2px 6px;border-radius:6px;background:#c89b3c1a;border:1px solid var(--accent-gold)}.admin-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.admin-view__qbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:.15s;min-height:46px;position:relative;border:1px solid rgba(0,0,0,.06)}.admin-view__qbtn--on{background:#27ae60;color:#fff}.admin-view__qbtn--off{background:#95a5a6;color:#fff}.admin-view__qbtn--undef{background:transparent;color:#949494;border-style:dashed;border-width:2px;border-color:#0000001f}.admin-view__qbtn-key{font-size:13px}.admin-view__qbtn-sub{font-size:9px;margin-top:2px;opacity:.7;font-weight:400}.admin-view__rbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:.2s;min-height:50px}.admin-view__rbtn--on{background:#27ae60}.admin-view__rbtn--off{background:#95a5a6}.admin-view__rbtn-key{font-size:10px;opacity:.9;margin-bottom:2px}.admin-view__rbtn-state{font-size:13px}@media(max-width:768px){.header{flex-direction:column;align-items:flex-start}.header-right{justify-content:space-between;width:100%}}.layout{display:grid;grid-template-columns:250px minmax(0,1.5fr) 260px;gap:18px;min-height:calc(100vh - 96px);min-height:520px;position:relative}@media(max-width:1200px){.layout{grid-template-columns:230px minmax(0,1.6fr);grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"sidebar arena" "stream arena"}.sidebar{grid-area:sidebar}.arena{grid-area:arena}.stream{grid-area:stream}}@media(max-width:900px){body{overflow:auto}.layout{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"arena" "sidebar" "stream"}}.sidebar,.arena,.stream{position:relative;padding-left:20px;padding-top:4px;min-width:0;overflow-x:clip}.sidebar:before,.arena:before,.stream:before{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;border-radius:999px;background:linear-gradient(#22d3ee8f,#cf22aa7d 35.74%,#22c55e66);opacity:.55;filter:blur(.5px);box-shadow:0 0 12px #cf22aa55}.glass-panel{height:100%;background:radial-gradient(circle at top,rgba(248,250,252,.05),transparent 60%),linear-gradient(135deg,#0f172a31,#0f172a59);border-radius:22px;padding:10px 12px;box-shadow:0 22px 40px #000000d9,0 0 32px #0f172ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.16em}.panel-header span:last-child{text-transform:none;letter-spacing:0;font-size:10px;color:#6b7280}.phase-list::-webkit-scrollbar{width:6px}.phase-list::-webkit-scrollbar-thumb{background:#334155f2;border-radius:999px}.phase-item{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:14px;background:linear-gradient(90deg,#0f172af2,#0f172acc);box-shadow:0 12px 24px #000000b3;cursor:pointer;transition:.18s}.phase-icon{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at top,#6be6ff,#1d4ed8);display:flex;align-items:center;justify-content:center;font-family:Roboto Mono,monospace;font-size:13px;color:#e5e7eb;text-shadow:0 0 10px #38bdf8;flex-shrink:0}.phase-text{display:flex;flex-direction:column;gap:1px;min-width:0}.phase-status{white-space:nowrap;color:#c4b5fd}.phase-rank{font-size:11px;color:#facc15;display:flex;align-items:center;gap:6px}.phase-rank-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.18))}.play-btn:hover{transform:translateY(-1px)}.arena .glass-panel{display:flex;flex-direction:column;gap:10px}.arena-header{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.arena-phase-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a5b4fc}.arena-title{font-size:19px;margin-top:3px;text-shadow:0 0 12px rgba(15,23,42,.9)}.arena-meta{font-size:11px;color:#9ca3af}.arena-desc{font-size:13px;color:#e5e7eb}.arena-submeta{font-size:11px;color:#9ca3af;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.arena-inner{margin-top:4px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.ip-row{display:flex;flex-direction:column;gap:4px}.ip-label{font-size:12px;color:#e5f5ea}.ip-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:radial-gradient(circle at top left,#94a3b840,#0f172ae6);font-family:Roboto Mono,monospace;font-size:12px;box-shadow:0 12px 26px #0f172ae6}.ip-pill span:last-child{color:#22c55e}.help-flex{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.help-card{border-radius:14px;padding:7px 9px;background:radial-gradient(circle at top,#0f172a,#0f172af5);box-shadow:0 16px 34px #000c;min-width:190px}.help-header{font-size:11px;margin-bottom:5px;display:flex;gap:8px;align-items:center}.help-pill{font-family:Roboto Mono,monospace;font-size:11px;padding:2px 7px;border-radius:999px;background:#22d3ee;color:#0b1120}.help-pill-alt{background:#f97316;color:#0b1120}.help-grid{display:grid;grid-template-columns:repeat(4,minmax(46px,1fr));gap:5px}.help-cell{text-align:center;font-family:Roboto Mono,monospace}.help-value{display:inline-block;padding:3px 5px;border-radius:999px;font-size:11px;color:#f9fafb}.help-value.even{background:#2563ebe6}.help-value.odd{background:#16a34ae6}.help-dec{font-size:11px;margin-top:3px;color:#a1a1aa}.bits-card{border-radius:16px;padding:7px 9px;background:radial-gradient(circle at top,#0f172a,#0f172af5);box-shadow:0 18px 40px #000000e6}.bits-title{font-size:12px;margin-bottom:4px;color:#e5f5ea}.bytes-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:2px}.byte-group{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px}.bit-row{display:flex;gap:2px}.bit{width:22px;height:22px;border-radius:6px;background:#020617;font-family:Roboto Mono,monospace;font-size:11px;display:flex;align-items:center;justify-content:center;color:#e5e7eb;box-shadow:0 8px 18px #000c}.bit--on{background:radial-gradient(circle at top,#22c55e,#16a34a);color:#022c22;box-shadow:0 0 12px #22c55ecc,0 8px 20px #166534e6}.bit-dec{font-size:11px;color:#9ca3af;font-family:Roboto Mono,monospace}.byte-sep{flex:0 0 auto;display:flex;align-items:center;font-size:18px;color:#6b7280}.arena-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.btn{border-radius:999px;padding:7px 14px;font-size:13px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:transparent;color:#e5e7eb;transition:.16s}.btn-primary{background:linear-gradient(135deg,#22c55e,#4ade80);color:#022c22;font-weight:500;box-shadow:0 0 18px #22c55ecc}.btn-primary:hover{transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#fb7185,#b91c1c);font-weight:500;color:#fef2f2;box-shadow:0 0 16px #f87171bf}.btn-ghost{background:#0f172ae6;color:#9ca3af}.btn-outline{border:1px solid rgba(56,189,248,.85);background:#0f172ae6;color:#e0f2fe}.btn-outline:hover{box-shadow:0 0 14px #38bdf8cc}.arena-footer{margin-top:24px;padding:14px 20px;font-size:13px;color:#9ca3af;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid rgba(148,163,184,.06);background:linear-gradient(180deg,#02061759,#0f172a40);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-footer .footer-left,.arena-footer .footer-right{display:flex;align-items:center;gap:10px}.arena-footer .footer-left span,.arena-footer .footer-right span{color:#cbd5e1;font-size:13px}.arena-footer a{color:#9ca3af;text-decoration:none;font-size:13px}.arena-footer a:hover{color:#e6f6ff;text-decoration:underline}.arena-footer .btn-ghost{background:transparent;color:#9ca3af;border:1px solid rgba(148,163,184,.06);padding:6px 10px;border-radius:8px;font-size:13px}.arena-footer .btn-outline{padding:6px 10px;border-radius:8px;font-size:13px}.stream .glass-panel{display:flex;flex-direction:column;gap:10px}.stream-block{border-radius:18px;padding:8px 9px;background:radial-gradient(circle at top left,#94a3b82e,#0f172af5);box-shadow:0 16px 34px #000000d9;font-size:12px}.stream-block.highlight{background:radial-gradient(circle at left,#22c55e59,#0f172a);box-shadow:0 20px 42px #22c55ecc,0 0 20px #38bdf880}.stream-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.stream-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.stream-value{font-size:12px;color:#e5e7eb}.stream-bar{margin-top:4px;position:relative;height:4px;border-radius:999px;background:#0f172ae6;overflow:hidden}.stream-fill{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#22c55e,#4ade80)}.stream-logs{margin-top:4px;max-height:none;overflow-y:visible;padding-right:3px;display:flex;flex-direction:column;gap:4px;font-family:Roboto Mono,monospace}.stream-logs::-webkit-scrollbar{width:6px}.stream-logs::-webkit-scrollbar-thumb{background:#334155f2;border-radius:999px}.log-line{font-size:11px;padding:3px 5px;border-radius:999px;background:#0f172af5;box-shadow:0 10px 24px #000c;display:flex;justify-content:space-between;gap:8px}.log-line--ok{background:radial-gradient(circle at left,#16a34a59,#0f172af5);color:#bbf7d0}.log-line--fail{background:radial-gradient(circle at left,#f8717159,#0f172af5);color:#fecaca}.panel{margin-bottom:16px;padding:12px;border-radius:8px;box-sizing:border-box}.panel--blue{background:#e8f4f8;border:2px solid #4a9eff;border-radius:6px}.panel--gold{background:linear-gradient(135deg,#c89b3c26,#c89b3c0d);border:2px solid var(--accent-gold);box-shadow:0 0 15px #c89b3c33;border-radius:6px}.panel--teal{background:linear-gradient(135deg,#0ac8b90d,#0ac8b905);border:1px solid var(--border-color);border-radius:6px}.btn{padding:8px 12px;cursor:pointer;border-radius:4px;border:none;color:#fff;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:var(--glow);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.btn--small{padding:6px 10px;font-size:13px}.btn[disabled],.btn--ghost[disabled]{cursor:not-allowed;opacity:.5}.btn--danger{background:linear-gradient(135deg,#e53935cc,#e5393599);box-shadow:0 0 15px #e5393566}.btn--ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.muted{font-size:12px;color:#666}.muted.error{color:#f44336;font-weight:700}.controls{margin-bottom:8px}.controls-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.count-muted{font-size:13px;color:#666}.inline-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}.mono{font-family:Roboto Mono,monospace}.nowrap{white-space:nowrap}.ident-section{margin-top:8px}.meta-row{margin-top:8px;display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;align-items:center}.subnet-item{display:inline-flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(238,238,238,.06);border-radius:6px;min-width:140px;box-sizing:border-box}.subnet-swatch{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000000f}.subnet-name{font-size:13px;min-width:80px}.subnet-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn{padding:4px 8px;font-size:12px;cursor:pointer;background:#0a1e2866;border:1px solid var(--border-color);border-radius:3px;color:var(--accent-primary)}.plage-card{border:2px solid var(--border-color);padding:16px;border-radius:8px;margin-bottom:16px;background:#0a1e2866;box-shadow:inset 0 0 10px #0ac8b90d}.plage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plage-left{display:flex;align-items:center;gap:16px}.plage-title{font-size:16px;font-weight:700}.mask-list{display:flex;align-items:center;gap:8px;font-size:13px}.mask-label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:4px}.mask-label.active{background:#ffffff05;border:2px solid currentColor}.mask-swatch{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000001a}.rank-tag{font-size:11px;color:#facc15}@media(max-width:900px){.glass-panel{border-radius:20px}}.bit-array-bit,.decimal-digit,.hexa-digit{aspect-ratio:1;flex:0 1 auto;width:32px;max-width:45px;min-width:16px;height:auto;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Roboto Mono,monospace;font-size:clamp(7px,1.9vw,14px);font-weight:600;background:var(--bg, #020617);color:#363636ba;transition:all .15s cubic-bezier(.4,0,.2,1);box-sizing:border-box;box-shadow:0 8px 18px #000c;position:relative}.bit-array-bit.locked,.decimal-digit.locked,.hexa-digit.locked{opacity:.8;pointer-events:none;cursor:default}.bit-array-bit.focused,.decimal-digit.focused,.hexa-digit.focused{outline:2px solid rgba(74,144,226,.9)}.bit-array-bit,.decimal-digit,.hexa-digit{background:var(--bg, inherit)}.bit-array-bit .bit-power-label,.decimal-digit .bit-power-label,.hexa-digit .bit-power-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:9px;color:#888;font-family:monospace;pointer-events:none;opacity:1;visibility:visible}.hexa-help-bits{display:flex;gap:2px;align-items:flex-start;position:relative}.hexa-nibble-sep{position:absolute;right:-8px;top:0;bottom:0;display:flex;align-items:center;font-size:12px;color:#666;font-weight:700}@media(max-width:1200px){.bit-array-bit,.decimal-digit,.hexa-digit{font-size:clamp(7px,.85vw,13px);border-radius:4px;max-height:40px;min-width:16px}}@media(max-width:900px){.bit-array-bit,.decimal-digit,.hexa-digit{font-size:clamp(9px,1.2vw,15px);border-radius:5px;max-height:48px;min-width:13px}}@media(max-width:600px){.bit-array-bit,.decimal-digit,.hexa-digit{min-width:12px;max-height:38px;font-size:clamp(7px,1.5vw,12px);border-radius:3px;max-width:calc((100% - 7px)/8)}}.bit-array-bit[aria-pressed=true],.decimal-digit[aria-pressed=true],.hexa-digit[aria-pressed=true]{background:var(--bg, radial-gradient(circle at top, #22c55e, #16a34a));color:#022c22;box-shadow:0 0 12px #22d6d3cc,0 8px 20px #166534e6}.bit-array-bit:hover,.decimal-digit:hover,.hexa-digit:hover{transform:scale(1.05)}.bit-array-bit:active,.decimal-digit:active,.hexa-digit:active{transform:scale(.95)}.decimal-array{display:flex;flex-direction:column;gap:8px}.decimal-array-bytes{display:flex;gap:4px;align-items:center;justify-content:center}.decimal-array-byte-group{display:flex;gap:2px}.decimal-array-separator{font-size:24px;font-weight:700;color:#ecececd2;-webkit-user-select:none;user-select:none}.decimal-array-separator .top10-loading{font-size:12px;color:#9ca3af;margin-bottom:6px}.decimal-array-separator .top10-list li{transition:opacity .2s ease,transform .2s ease}.decimal-array-separator .top10-list li.hidden{opacity:0;transform:translateY(-4px)}.decimal-array-mask{margin-top:8px;display:flex;justify-content:center}.decimal-array-mask-text{font-family:monospace;font-size:14px}.welcomeContainer{max-width:900px;margin:0 auto;padding:2rem 1rem}.welcomeHero{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#22c55e1a,#38bdf81a);border-radius:16px;border:1px solid rgba(34,197,94,.2);box-shadow:0 8px 32px #0000004d}.welcomeTitle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.welcomeIcon{font-size:3rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcomeTitle h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcomeSubtitle{font-size:1.2rem;color:#94a3b8;max-width:600px;margin:0 auto}.welcomeContent{display:flex;flex-direction:column;gap:2rem}.welcomeSection{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0003}.welcomeSection h2{font-size:1.5rem;margin-bottom:1rem;color:#e5e7eb;display:flex;align-items:center;gap:.5rem}.welcomeSection p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.welcomeFeatures{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.welcomeFeature{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#1e293b66;border-radius:8px;border:1px solid rgba(148,163,184,.1)}.featureIcon{font-size:1.5rem;flex-shrink:0}.welcomeFeature strong{display:block;color:#f1f5f9;margin-bottom:.25rem}.welcomeFeature p{margin:0;font-size:.9rem;color:#94a3b8}.welcomePhases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.welcomePhase{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#1e293b66;border-radius:8px;border:1px solid rgba(148,163,184,.1);transition:all .2s ease}.welcomePhase:hover{background:#1e293b99;border-color:#22c55e4d;transform:translateY(-2px)}.phaseNumber{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;font-weight:700;border-radius:8px;flex-shrink:0;box-shadow:0 4px 12px #22c55e4d}.welcomePhase strong{display:block;color:#f1f5f9;margin-bottom:.25rem;font-size:.95rem}.welcomePhase p{margin:0;font-size:.85rem;color:#94a3b8}.welcomeDemo{margin:1.5rem 0;padding:1.5rem;background:#1e293b99;border-radius:12px;border:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.welcomeDemo>*{width:100%;max-width:100%;box-sizing:border-box}.demoCaption{font-size:.9rem;color:#94a3b8;text-align:center;margin:0}.welcomeCTA{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#a855f726,#38bdf826);border-radius:12px;border:1px solid rgba(168,85,247,.2);text-align:center;box-shadow:0 8px 24px #0003}.ctaText{font-size:1.1rem;color:#e5e7eb;margin-bottom:1rem}.ctaArrow{font-size:2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.welcomeTitle h1,.welcomeIcon{font-size:2rem}.welcomePhases{grid-template-columns:1fr}.welcomeDemo{padding:1rem}}.bit-array-container{padding:clamp(8px,1vw,12px);border:none;overflow:visible;background:radial-gradient(circle at top,#0f172a,#0f172af5);border-radius:16px;box-shadow:0 16px 34px #000c;min-width:0;width:100%;box-sizing:border-box}.bit-array-bytes{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:1px;width:100%}.hexa-array-container .bit-array-bytes{justify-content:center}.hexa-array-container .bit-array-byte-group{flex:0 0 auto}.bit-array-byte-group{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;max-width:100%}.bit-array-bits-row{display:flex;flex-wrap:nowrap;align-items:center;gap:1px;width:100%;max-width:100%;min-width:0;justify-content:center}.bit-array-decimal{margin-top:16px;font-family:monospace;font-size:clamp(10px,1vw,13px);white-space:nowrap}@media(max-width:600px){.bit-array-bytes{gap:clamp(.5px,.15vw,2px)}.bit-array-bits-row{gap:clamp(.5px,.08vw,1px)}.bit-array-container{padding:clamp(6px,.8vw,10px);margin:clamp(4px,.8vw,10px)}}.bit-array-mask{position:absolute;height:200%;top:-14px;bottom:4px;width:4px;border-radius:2px;transform:translate(-50%);pointer-events:auto;cursor:col-resize;z-index:40;box-shadow:0 0 6px #0003}.hexa-nibble-compact.bit-array-container{padding:0;border:none;margin:0}.hexa-nibble-compact .bit-array-bytes{gap:1px}.hexa-nibble-compact .bit-array-byte-group{min-width:auto}.hexa-nibble-compact .bit-array-bits-row{gap:1px}.hexa-nibble-compact .bit-array-bit{width:10px;height:10px;min-width:10px;min-height:10px;font-size:7px;border-width:1px;border-radius:2px}.hexa-nibble-compact .bit-array-decimal{display:none}.hexa-nibble-compact.show-nibble-decimal .bit-array-decimal{display:block;font-size:10px;margin-top:4px}.hexa-nibble-compact .bit-array-separator{display:none}.bit-array-separator{display:flex;align-items:center;font-size:20px;font-weight:700;color:#fff;margin:0 4px;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.hexa-nibble-sep{font-family:monospace;font-size:12px;color:var(--text-muted);align-self:center;pointer-events:none;opacity:.8;padding:0 4px}.hexa-help-tables{display:flex;gap:12px;margin-bottom:8px;align-items:flex-start}.hexa-help-table{padding:10px;min-width:0}.hexa-help-header{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;gap:8px;align-items:center}.hexa-help-label{display:inline-block;padding:4px 10px;border-radius:4px;font-family:monospace;font-weight:700}.hexa-help-label--accent{background:linear-gradient(135deg,#0ac8b933,#0ac8b91a);border:1px solid var(--accent-primary);color:var(--accent-secondary)}.hexa-help-label--gold{background:linear-gradient(135deg,#c89b3c33,#c89b3c1a);border:1px solid var(--accent-gold);color:var(--accent-gold);font-size:11px}.hexa-help-arrow{color:var(--text-muted)}.hexa-help-grid{display:grid;gap:6px}.hexa-help-grid.grid-48{grid-template-columns:repeat(4,minmax(48px,1fr))}.hexa-help-grid.grid-24{grid-template-columns:repeat(4,minmax(24px,1fr))}.hexa-help-cell{text-align:center;font-family:monospace}.hexa-help-value{display:inline-block;padding:4px 6px;border-radius:4px;color:var(--text-primary);font-weight:600}.hexa-help-value.even{background:linear-gradient(135deg,#0ac8b926,#0ac8b914);border:1px solid rgba(10,200,185,.2);color:#09e1cf}.hexa-help-value.odd{background:linear-gradient(135deg,#c89b3c26,#c89b3c14);border:1px solid rgba(200,155,60,.2)}.hexa-help-decimal{font-size:.82em;margin-top:6px;color:var(--text-secondary)}.hexa-help-golden{margin-top:8px;padding:6px 10px;border-radius:6px;border:0px solid var(--accent-gold);font-size:.95em;font-weight:700;color:var(--accent-gold);box-shadow:0 0 10px #c89b3c33}.hexa-help-table div{line-height:1}.hexa-help-color-swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--border-color);box-shadow:0 0 4px #0ac8b933}:root{--hexa-table-font-size: 11px;--hexa-table-font-size-sm: 10px}.hexa-help-table{font-size:var(--hexa-table-font-size)}.hexa-help-table--sm{font-size:var(--hexa-table-font-size-sm)}.hexa-help-header{font-size:1em}.hexa-help-value{font-size:.94em}.hexa-help-decimal{font-size:.82em}.hexa-help-label{font-size:.92em}.question-container{position:relative;transform-style:preserve-3d;perspective:1000px}.grade-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0;border-radius:22px;background:radial-gradient(circle at top,rgba(248,250,252,.05),transparent 60%),linear-gradient(135deg,#0f172ae6,#0f172ae0);box-shadow:0 22px 40px #000000d9,0 0 32px #0f172ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:180px;min-width:360px;overflow:hidden}.grade-name-badge{position:absolute;top:8px;right:8px;z-index:10;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#0b1120;background:linear-gradient(135deg,#facc15,#fde047);padding:6px 12px;border-radius:14px;border:none;box-shadow:0 0 20px #facc1599,0 10px 24px #000000b3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.grade-lp-bar{position:relative;width:100%;height:42px;background:radial-gradient(circle at left,#94a3b82e,#0f172af5);border-top:1px solid rgba(148,163,184,.1);display:flex;align-items:center;justify-content:center;z-index:5;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.lp-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e99;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:1;border-bottom-left-radius:22px}.lp-text{position:relative;z-index:2;font-size:15px;font-weight:700;color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:.5px}@media(max-width:720px){.grade-card{min-width:280px;min-height:140px}.grade-name-badge{font-size:20px;padding:8px 20px}.grade-lp-bar{height:36px}.lp-text{font-size:14px}}.question-header-card{background:linear-gradient(135deg,#0f172af2,#1e293beb);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}.question-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.question-phase-badge{display:inline-block;background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.question-number-badge{display:inline-block;background:linear-gradient(135deg,#fb923c33,#f9731626);border:1px solid rgba(251,146,60,.4);color:#fb923c;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease}.question-number-badge:hover{background:linear-gradient(135deg,#fb923c4d,#f9731640);border-color:#fb923c99;transform:translateY(-1px)}.question-number-badge.training-mode{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid rgba(34,197,94,.4);color:#22c55e;animation:pulse-training 2s ease-in-out infinite}@keyframes pulse-training{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.question-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.3}.question-description{font-size:15px;color:var(--text-secondary);margin:0 0 16px;line-height:1.6;opacity:.85}.question-statement{display:flex;align-items:flex-start;gap:12px;background:#3b82f614;border-left:3px solid #3b82f6;padding:16px;border-radius:8px;margin-top:16px}.statement-icon{font-size:20px;flex-shrink:0;line-height:1}.statement-text{font-size:16px;color:var(--text-primary);font-weight:500;line-height:1.5}@media(max-width:768px){.question-header-card{padding:18px;margin-bottom:18px}.question-header-top{flex-direction:column;align-items:flex-start}.question-title{font-size:20px}.question-description{font-size:14px}.statement-text{font-size:15px}}.q-source{background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.q-source-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#60a5fa;margin-bottom:8px}.q-source-value{font-size:28px;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);word-break:break-all;overflow-wrap:break-word}.q-source-value:has(*){font-size:24px}@container (max-width: 600px){.q-source-value{font-size:22px}}.answer-section{background:linear-gradient(135deg,#0ac8b914,#0ac8b90a);border:2px solid var(--accent-primary);border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:var(--glow-strong)}.answer-section-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;opacity:.9}.qp1-format-label{font-size:13px;font-weight:600;color:#a855f7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center}.q-source-value[data-length=short]{font-size:28px}.q-source-value[data-length=medium]{font-size:22px}.q-source-value[data-length=long]{font-size:18px}.q-source-value[data-length=very-long]{font-size:15px;letter-spacing:.5px}@media(max-width:768px){.q-source{padding:16px}.q-source-value{font-size:22px}.q-source-value[data-length=medium]{font-size:18px}.q-source-value[data-length=long]{font-size:15px}.q-source-value[data-length=very-long]{font-size:13px}.answer-section{padding:16px}}.fireworks-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework-explosion .8s ease-out forwards}@keyframes firework-explosion{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.firework{animation-duration:1.5s!important}.question-container{transition:opacity .8s ease-in-out}.question-container.rotating-in{animation:fadeIn .8s ease-in-out forwards}.success-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%);animation:successFlash 1s ease-out forwards}@keyframes successFlash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.phase-progress-container{margin:0;padding:0;border:none;background:transparent;box-shadow:none}.phase-list{margin-top:4px;display:flex;flex-direction:column;gap:7px;max-height:none;overflow-y:visible;padding-right:3px}.phase-item{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:14px;background:linear-gradient(90deg,#0f172af2,#0f172acc);box-shadow:0 12px 24px #000000b3;cursor:pointer;transition:.18s;border:none;width:100%;text-align:left}.phase-item:hover{transform:translateY(-1px);background:linear-gradient(90deg,#38bdf84d,#0f172af2)}.phase-item--active{background:linear-gradient(90deg,#22c55e66,#0f172af5);box-shadow:0 6px 7px #7d00dcb3,0 -3px 12px #38bdf880}.phase-item--locked{opacity:.45;cursor:not-allowed;box-shadow:none}.phase-item--locked:hover{transform:none;background:linear-gradient(90deg,#0f172af2,#0f172acc)}.phase-icon{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at top,#6be6ff,#1d4ed8);display:flex;align-items:center;justify-content:center;font-family:Roboto Mono,monospace;font-size:13px;color:#e5e7eb;text-shadow:0 0 10px #38bdf8;flex-shrink:0;font-weight:600}.phase-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.phase-top{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:11px}.phase-name{font-weight:500;color:#e5f5ea}.phase-status{white-space:nowrap;color:#c4b5fd;font-size:10px}.phase-desc{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-rank{font-size:10px;color:#facc15;margin-top:2px}.play-btn{margin-top:9px;width:100%;border-radius:999px;border:none;padding:8px 12px;font-size:12px;font-weight:500;background:linear-gradient(135deg,#22c55e,#a3e635);color:#022c22;cursor:pointer;box-shadow:0 18px 40px #22c55eb3,0 0 20px #22c55e99;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.18s}.play-btn:hover{transform:translateY(-1px);box-shadow:0 20px 44px #22c55ecc,0 0 24px #22c55eb3}.win-streak{display:flex;flex-direction:column;gap:4px;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:var(--text-secondary)}.win-streak--compact{padding:4px 8px;font-size:11px}.win-streak-main{display:flex;align-items:center;gap:8px}.win-streak-icon{font-size:18px}.win-streak-texts{display:flex;flex-direction:column;gap:2px}.win-streak-current strong,.win-streak-best strong{font-weight:600}.win-streak-bar{position:relative;margin-top:4px;height:4px;border-radius:999px;background:#0f172ae6;overflow:hidden;border:none}.win-streak-bar-fill{position:absolute;inset:0;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e99;transition:width .3s cubic-bezier(.4,0,.2,1)}.win-streak--fire{border:none}.win-streak--fire .win-streak-bar-fill{background:linear-gradient(90deg,#facc15,#fde047);box-shadow:0 0 15px #facc15b3}.win-streak-icon{display:inline-flex;align-items:center;justify-content:center}.win-streak-jinx{width:40px;height:40px;object-fit:contain}.win-streak--surpassed .win-streak-jinx{animation:win-streak-glow .8s infinite alternate}@keyframes win-streak-glow{0%{filter:drop-shadow(0 0 0px rgba(255,215,0,0))}to{filter:drop-shadow(0 0 12px rgba(255,215,0,.9))}}.flux-reel{width:100%;display:flex;flex-direction:column;gap:10px;color:var(--text-primary);position:relative;overflow-y:visible}.flux-block{border-radius:18px;padding:8px 9px;background:radial-gradient(circle at top left,#94a3b82e,#0f172af5);box-shadow:0 16px 34px #000000d9;font-size:12px}.flux-block.highlight{background:radial-gradient(circle at left,#22c55e59,#0f172a);box-shadow:1.02325439453125px 2.062497138977051px 12px #00e0ffcc,-3.97674560546875px -3.937502861022949px 10px #ee00ff80;margin:10px 0}.flux-block-rank{display:flex;flex-direction:column;gap:4px}.rank-name{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em}.rank-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.2))}.rank-lp{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.rank-lp-bar{position:relative;flex:1;height:4px;background:#0f172ae6;border-radius:999px;overflow:hidden}.rank-lp-fill{position:absolute;inset:0;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e99;transition:width .35s ease}.rank-lp-text{font-size:12px;color:var(--text-secondary);font-weight:600}.rank-mastery{font-size:11px;color:var(--text-muted);margin-top:4px}.flux-block-history{max-height:none;overflow:visible}.history-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:4px}.history-list{margin-top:4px;max-height:none;overflow-y:visible;padding-right:3px;display:flex;flex-direction:column;gap:4px;font-family:Roboto Mono,monospace}.history-line{font-size:11px;padding:3px 5px;border-radius:999px;background:#0f172af5;box-shadow:0 10px 24px #000c;display:flex;justify-content:space-between;gap:8px}.history-top{font-size:11px;color:var(--text-muted);font-weight:400}.history-bottom{font-size:11px;display:flex;justify-content:flex-start;gap:8px;align-items:center}.history-lp.plus{color:#bbf7d0;font-weight:600}.history-lp.minus{color:#fecaca;font-weight:600}.history-line--success{background:radial-gradient(circle at left,#16a34a59,#0f172af5);color:#bbf7d0}.history-line--fail{background:radial-gradient(circle at left,#f8717159,#0f172af5);color:#fecaca}@media(max-width:900px){.flux-reel{width:260px}}.cours-modal-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cours-modal{background:linear-gradient(135deg,#a855f726,#38bdf826);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.3);border-radius:16px;max-width:700px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080,0 0 30px #38bdf84d;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.cours-header{padding:25px 30px;border-bottom:1px solid rgba(56,189,248,.2);display:flex;justify-content:space-between;align-items:center}.cours-header h3{margin:0;color:#f9fafb;font-size:24px;font-weight:600;text-shadow:0 0 20px rgba(56,189,248,.5)}.cours-close{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cours-close:hover{background:#38bdf840;border-color:#38bdf880;transform:rotate(90deg);box-shadow:0 0 15px #38bdf866}.cours-content{padding:30px;overflow-y:auto;flex:1;background:#0f172ab3;color:#f9fafb}.cours-content h4{color:#38bdf8;margin-top:0;font-size:20px;text-shadow:0 0 20px rgba(56,189,248,.5)}.cours-content p{line-height:1.6;margin:15px 0}.cours-content code{background:#38bdf81a;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;color:#22d3ee;border:1px solid rgba(56,189,248,.2)}.cours-content .example{background:#22c55e14;border-left:4px solid #22c55e;padding:15px;margin:15px 0;border-radius:4px;box-shadow:0 0 15px #22c55e1a}.cours-content ul{margin:15px 0;padding-left:25px}.cours-content li{margin:8px 0;line-height:1.5}.cours-footer{padding:20px 30px;border-top:1px solid rgba(56,189,248,.2);display:flex;justify-content:center}.cours-validate{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#020617;border:none;padding:15px 40px;font-size:18px;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #38bdf866,0 0 30px #38bdf84d}.cours-validate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf880,0 0 40px #38bdf866}.cours-validate:active{transform:translateY(0)}