:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--cyan: #00f0ff;--purple: #a855f7;--green: #00ff88;--pink: #ff2d75;--gold: #ffd700}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0f;color:#fafafa;overflow-x:hidden}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:1.5rem}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridScroll 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridScroll{to{background-position:40px 40px}}.particle{position:fixed;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold),0 0 24px var(--gold);pointer-events:none;z-index:100;animation:particleFly 1s ease-out forwards}@keyframes particleFly{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0) translateY(-80px)}}.screen{position:relative;z-index:1;width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.logo-container{text-align:center;position:relative;margin-bottom:.5rem}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(0,240,255,.15),transparent 70%);border-radius:50%;pointer-events:none;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.logo-text{font-size:3rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;position:relative}.logo-bracket{-webkit-text-fill-color:var(--cyan);opacity:.5;font-weight:300}.logo-subtitle{font-size:.85rem;letter-spacing:.4em;color:#fff6;text-transform:uppercase;margin-top:-.25rem}.gitlawb-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem}.avatar-glow{position:absolute;width:120px;height:120px;border-radius:50%;top:-10px;filter:blur(30px);opacity:.4;transition:background .5s}.gitlawb-happy .avatar-glow{background:var(--cyan)}.gitlawb-thinking .avatar-glow{background:var(--purple)}.gitlawb-excited .avatar-glow{background:var(--gold)}.gitlawb-sad .avatar-glow{background:var(--pink)}.avatar-face{font-size:2.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:50%;width:80px;height:80px;display:grid;place-items:center;transition:border-color .5s,transform .3s}.gitlawb-happy .avatar-face{border-color:var(--cyan)}.gitlawb-thinking .avatar-face{border-color:var(--purple)}.gitlawb-excited .avatar-face{border-color:var(--gold);transform:scale(1.1)}.gitlawb-sad .avatar-face{border-color:var(--pink)}.avatar-label{font-size:.65rem;letter-spacing:.3em;color:#fff6;font-weight:700}.speech-bubble{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem 1.25rem;font-size:.9rem;text-align:center;max-width:400px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speech-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#000;box-shadow:0 0 20px #00f0ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff66}.btn-primary:active{transform:translateY(0)}.btn-icon{font-size:1.1em}.menu-stats{display:flex;gap:2rem;margin-top:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-num{font-size:1.5rem;font-weight:800;color:var(--cyan)}.stat-label{font-size:.7rem;letter-spacing:.1em;color:#fff6;text-transform:uppercase}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.q-counter{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--cyan);font-weight:700}.streak{font-size:.8rem;color:#ffffff4d}.streak-active{color:var(--gold);animation:streakPulse .5s}@keyframes streakPulse{50%{transform:scale(1.2)}}.score-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--green);font-weight:700}.timer{position:relative;width:80px;height:24px;background:#ffffff0f;border-radius:12px;overflow:hidden}.timer-bar{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:12px;transition:width 1s linear}.timer-warning .timer-bar{background:linear-gradient(90deg,var(--pink),#ff4444);animation:timerBlink .5s infinite}@keyframes timerBlink{50%{opacity:.6}}.timer-text{position:relative;z-index:1;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.question-card{width:100%;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem}.question-text{font-size:1.15rem;font-weight:600;text-align:center;line-height:1.6}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.option-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fafafa;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.option-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--cyan);transform:translateY(-1px)}.option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;font-weight:700;font-size:.75rem;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.option-text{flex:1}.option-correct{background:#00ff881a!important;border-color:var(--green)!important}.option-correct .option-letter{background:var(--green);color:#000}.option-wrong{background:#ff2d751a!important;border-color:var(--pink)!important}.option-wrong .option-letter{background:var(--pink);color:#fff}.option-dimmed{opacity:.35}.explanation-area{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.explanation-detail{margin-top:.5rem;font-size:.8rem;color:#ffffff80;font-style:italic}.result-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;width:100%;max-width:440px;animation:slideUp .5s ease-out}.result-grade{font-size:6rem;font-weight:900;line-height:1;text-shadow:0 0 40px currentColor;animation:gradeAppear .8s ease-out}@keyframes gradeAppear{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.result-label{font-size:.85rem;letter-spacing:.3em;font-weight:700}.result-stats{display:flex;gap:3rem}.result-stat{display:flex;flex-direction:column;align-items:center}.result-stat-num{font-size:2rem;font-weight:800;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.result-stat-label{font-size:.7rem;letter-spacing:.1em;color:#fff6;text-transform:uppercase}@media(max-width:600px){.options-grid{grid-template-columns:1fr}.logo-text{font-size:2rem}.game-header{flex-direction:column;gap:.5rem}.header-left,.header-right{width:100%;justify-content:space-between}}