:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #00000014;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4,0,.2,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-confetti:600;--bg-body:#f8f6f1;--bg-elevated:#fff;--bg-sunken:#f0ece4;--bg-overlay:#00000073;--accent:#5a7c4f;--accent-hover:#4a6a40;--accent-muted:#8fa885;--accent-bg:#eef3eb;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9a9a9a;--border:#e5e2db;--border-strong:#d4d0c8;--correct:#4a8c3f;--correct-bg:#e8f5e4;--correct-glow:#4a8c3f4d;--wrong:#c45c4a;--wrong-bg:#fce8e4;--wrong-glow:#c45c4a4d;--bonus:#d4a843;--bonus-bg:#fdf6e3;--bonus-glow:#d4a84366;--info:#4a7fb5;--info-bg:#e8f0f8;--streak:#e8783a;--streak-bg:#fdf0e8;--cloud-bg:#c8d2e68c;--focus-ring:0 0 0 3px #5a7c4f59;--focus-ring-wrong:0 0 0 3px #c45c4a59}body.dark{--bg-body:#12121a;--bg-elevated:#1e1e2e;--bg-sunken:#161622;--bg-overlay:#000000a6;--accent:#6abf7f;--accent-hover:#5aa86e;--accent-muted:#4a8c5f;--accent-bg:#1a2e22;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-tertiary:#6a6a6a;--border:#2a2a3a;--border-strong:#3a3a4a;--correct:#6abf7f;--correct-bg:#1a3a28;--correct-glow:#6abf7f40;--wrong:#e07060;--wrong-bg:#3a1a1a;--wrong-glow:#e0706040;--bonus:#f0c050;--bonus-bg:#3a3010;--bonus-glow:#f0c0504d;--info:#6a9fd0;--info-bg:#1a2a3a;--streak:#f09050;--streak-bg:#3a2010;--cloud-bg:#28325099;--focus-ring:0 0 0 3px #6abf7f4d;--focus-ring-wrong:0 0 0 3px #e070604d}body.space{--bg-body:#0a0b14;--bg-elevated:#13152a;--bg-sunken:#0e1020;--bg-overlay:#000000b3;--accent:#7b6de0;--accent-hover:#6a5cd0;--accent-muted:#5a4cc0;--accent-bg:#1a1835;--text-primary:#e0e0f0;--text-secondary:#9090b0;--text-tertiary:#606080;--border:#1e2040;--border-strong:#2a2c50;--correct:#00c9a7;--correct-bg:#0a2a24;--correct-glow:#00c9a740;--wrong:#ff6b8a;--wrong-bg:#2a0a14;--wrong-glow:#ff6b8a40;--bonus:#ffd166;--bonus-bg:#2a2010;--bonus-glow:#ffd1664d;--info:#6a8fd8;--info-bg:#121830;--streak:#ff9f43;--streak-bg:#2a1808;--cloud-bg:#3c328c59;--focus-ring:0 0 0 3px #7b6de04d;--focus-ring-wrong:0 0 0 3px #ff6b8a4d}body.neon{--bg-body:#050505;--bg-elevated:#0c0c0c;--bg-sunken:#080808;--bg-overlay:#000c;--accent:#f0c;--accent-hover:#e000b0;--accent-muted:#c09;--accent-bg:#1a0a14;--text-primary:#e0ffe0;--text-secondary:#80c080;--text-tertiary:#408040;--border:#1a1a1a;--border-strong:#2a2a2a;--correct:#0f6;--correct-bg:#0a1a0a;--correct-glow:#00ff664d;--wrong:#f0f;--wrong-bg:#1a0a1a;--wrong-glow:#ff00ff4d;--bonus:#ff0;--bonus-bg:#1a1a0a;--bonus-glow:#ffff004d;--info:#0ff;--info-bg:#0a1a1a;--streak:#f80;--streak-bg:#1a0e00;--cloud-bg:#00ffff26;--focus-ring:0 0 0 3px #f0c6;--focus-ring-wrong:0 0 0 3px #f0f6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg-body);font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow);line-height:1.5;overflow-x:hidden}.app-wrapper{max-width:1200px;padding:var(--space-4);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}@media (min-width:768px){.app-wrapper{padding:var(--space-6)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-container{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--border);position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-muted),var(--accent));background-size:200% 100%;height:4px;animation:3s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.login-logo{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.login-card h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.login-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.login-input{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);background:var(--bg-sunken);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.login-input::placeholder{color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);background:var(--accent);color:#fff;font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;min-width:44px;min-height:44px;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn--primary{background:var(--accent);width:100%;padding:var(--space-4);font-size:var(--text-base)}.btn--ghost{color:var(--text-secondary);border:1.5px solid var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--bg-sunken);color:var(--text-primary)}.btn--small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:36px}.btn--danger{background:var(--wrong)}.btn--danger:hover{background:#b05040}.error-msg{color:var(--wrong);margin-top:var(--space-3);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);min-height:24px;display:flex}.error-msg:empty{display:none}.game-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.game-brand{align-items:center;gap:var(--space-3);display:flex}.game-brand__icon{font-size:var(--text-3xl)}.game-brand__text{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.game-header__actions{gap:var(--space-2);align-items:center;display:flex}.state-bar{align-items:center;gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-sm);transition:all var(--transition-base);font-weight:600;display:flex}.state-bar--ready{border-color:var(--info);background:var(--info-bg);color:var(--info)}.state-bar--playing{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.state-bar--practice{border-color:var(--bonus);background:var(--bonus-bg);color:var(--bonus)}.state-bar--finished{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.state-bar__dot{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.stats-header{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:640px){.stats-header{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--border);height:3px;transition:background var(--transition-base);position:absolute;bottom:0;left:0;right:0}.stat-card--timer:after{background:var(--accent)}.stat-card--score:after{background:var(--bonus)}.stat-card--correct:after{background:var(--correct)}.stat-card--wrong:after{background:var(--wrong)}.stat-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-1);justify-content:center;align-items:center;gap:var(--space-1);font-weight:600;display:flex}.stat-card__value{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-mono);transition:transform var(--transition-fast);line-height:1.1}.stat-card__value--pulse{animation:.3s statPulse}@keyframes statPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.stat-card--timer .stat-card__value{color:var(--accent)}.stat-card--score .stat-card__value{color:var(--bonus)}.stat-card--correct .stat-card__value{color:var(--correct)}.stat-card--wrong .stat-card__value{color:var(--wrong)}.time-progress-container{margin-top:var(--space-3);background:var(--bg-sunken);border-radius:var(--radius-full);width:100%;height:10px;position:relative;overflow:hidden}.time-progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent),var(--accent-muted));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),background var(--transition-base);position:relative}.time-progress-bar:after{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;position:absolute;top:0;bottom:0;right:0}.time-progress-bar--warning{background:linear-gradient(90deg,var(--wrong),#e09040)!important}.time-progress-bar--critical{animation:.5s infinite alternate criticalPulse;background:linear-gradient(90deg,var(--wrong),#c04030)!important}@keyframes criticalPulse{0%{opacity:1}to{opacity:.7}}.multiplayer-status{background:var(--bg-elevated);border:1.5px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:center;margin-bottom:var(--space-5);box-shadow:var(--shadow-md);display:none}.multiplayer-status--visible{animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.turn-indicator{font-size:var(--text-lg);color:var(--accent);margin-bottom:var(--space-2);font-weight:700}.multiplayer-scores{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.winner-announcement{font-size:var(--text-xl);color:var(--bonus);margin-top:var(--space-2);font-weight:800}.target-section{text-align:center;margin:var(--space-6) 0 var(--space-5)}.target-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-10);box-shadow:var(--shadow-lg);transition:all var(--transition-base);flex-direction:column;align-items:center;display:inline-flex;position:relative}.target-card--flash{animation:.4s targetFlash}@keyframes targetFlash{0%{border-color:var(--border);transform:scale(1)}25%{border-color:var(--bonus);box-shadow:0 0 30px var(--bonus-glow);transform:scale(1.05)}to{border-color:var(--border);transform:scale(1)}}.target-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.target-number{font-size:var(--text-5xl);font-weight:900;font-family:var(--font-mono);color:var(--accent);min-width:120px;transition:all var(--transition-fast);line-height:1}.target-number--bonus{color:var(--bonus);text-shadow:0 0 20px var(--bonus-glow)}.streak-badge{align-items:center;gap:var(--space-1);background:var(--streak-bg);color:var(--streak);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-top:var(--space-3);opacity:0;transition:all var(--transition-base);font-weight:700;display:inline-flex;transform:scale(.8)}.streak-badge--visible{opacity:1;transform:scale(1)}.grid-wrapper{margin:var(--space-5) 0;justify-content:center;min-height:200px;display:flex;position:relative}.dynamic-grid{gap:var(--space-3);z-index:var(--z-base);transition:opacity var(--transition-base),transform var(--transition-base);justify-content:center;display:grid;position:relative}.dynamic-grid--refresh{opacity:.3;transform:scale(.98)}.grid-size-2{grid-template-columns:repeat(2,minmax(80px,130px))}.grid-size-3{grid-template-columns:repeat(3,minmax(75px,120px))}.grid-size-4{grid-template-columns:repeat(4,minmax(70px,110px))}.grid-size-5{grid-template-columns:repeat(5,minmax(65px,100px))}.grid-size-6{grid-template-columns:repeat(6,minmax(60px,95px))}.grid-size-7{grid-template-columns:repeat(7,minmax(55px,90px))}.grid-size-8{grid-template-columns:repeat(8,minmax(50px,85px))}.grid-size-9{grid-template-columns:repeat(9,minmax(48px,80px))}.grid-size-10{grid-template-columns:repeat(10,minmax(44px,75px))}@media (max-width:640px){.grid-size-2{grid-template-columns:repeat(2,minmax(70px,1fr))}.grid-size-3{grid-template-columns:repeat(3,minmax(60px,1fr))}.grid-size-4{grid-template-columns:repeat(4,minmax(55px,1fr))}.grid-size-5{grid-template-columns:repeat(5,minmax(50px,1fr))}.grid-size-6{grid-template-columns:repeat(6,minmax(48px,1fr))}.grid-size-7{grid-template-columns:repeat(7,minmax(44px,1fr))}.grid-size-8{grid-template-columns:repeat(8,minmax(40px,1fr))}.grid-size-9{grid-template-columns:repeat(9,minmax(38px,1fr))}.grid-size-10{grid-template-columns:repeat(10,minmax(36px,1fr))}.dynamic-grid{gap:var(--space-2)}}.grid-btn{background:var(--bg-elevated);border:1.5px solid var(--border);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center;word-break:break-word;justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex;position:relative;overflow:hidden}.grid-btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.grid-btn:hover{border-color:var(--accent-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-btn:hover:before{opacity:1}.grid-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.grid-btn:focus-visible{box-shadow:var(--focus-ring);border-color:var(--accent);outline:none}.grid-btn--bonus{background:var(--bonus-bg);border-color:var(--bonus);color:var(--bonus);box-shadow:0 0 12px var(--bonus-glow),var(--shadow-sm);animation:2s infinite bonusPulse}@keyframes bonusPulse{0%,to{box-shadow:0 0 12px var(--bonus-glow),var(--shadow-sm)}50%{box-shadow:0 0 20px var(--bonus-glow),var(--shadow-md)}}.grid-btn--correct-highlight{background:var(--correct-bg);border-color:var(--correct);box-shadow:0 0 0 2px var(--correct-glow)}.flash-correct{animation:.35s flashCorrect}.flash-wrong{animation:.35s flashWrong}.flash-bonus{animation:.35s flashBonus}@keyframes flashCorrect{0%{background:var(--correct-bg);border-color:var(--correct);box-shadow:0 0 20px var(--correct-glow);transform:scale(1.05)}50%{transform:scale(1.02)}to{background:var(--bg-elevated);border-color:var(--border);box-shadow:var(--shadow-sm);transform:scale(1)}}@keyframes flashWrong{0%{background:var(--wrong-bg);border-color:var(--wrong);box-shadow:0 0 20px var(--wrong-glow);transform:scale(.95)}30%{transform:translate(-4px)}60%{transform:translate(4px)}to{background:var(--bg-elevated);border-color:var(--border);box-shadow:var(--shadow-sm);transform:scale(1)}}@keyframes flashBonus{0%{background:var(--bonus-bg);border-color:var(--bonus);box-shadow:0 0 30px var(--bonus-glow);transform:scale(1.1)}to{background:var(--bonus-bg);border-color:var(--bonus);box-shadow:0 0 12px var(--bonus-glow);transform:scale(1)}}.cloud-overlay{background:var(--cloud-bg);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:10;border-radius:50%;width:140px;transition:left 50ms linear;position:absolute;top:-10%;bottom:-10%;box-shadow:0 8px 30px #0000001a}.feedback-area{min-height:48px;margin:var(--space-4) 0;justify-content:center;align-items:center;display:flex}.feedback-message{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);opacity:0;transition:all var(--transition-base);font-weight:600;display:inline-flex;transform:translateY(8px)}.feedback-message--visible{opacity:1;transform:translateY(0)}.feedback-message--correct{background:var(--correct-bg);color:var(--correct)}.feedback-message--wrong{background:var(--wrong-bg);color:var(--wrong)}.feedback-message--bonus{background:var(--bonus-bg);color:var(--bonus)}.feedback-message--info{background:var(--info-bg);color:var(--info)}.feedback-message--streak{background:var(--streak-bg);color:var(--streak)}.controls-section{margin-bottom:var(--space-5)}.controls-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.controls-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.controls-row--primary{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);justify-content:space-between}.controls-row--secondary{justify-content:flex-start}.control-group{align-items:center;gap:var(--space-2);display:flex}.control-group__label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-weight:600}.control-select{background:var(--bg-sunken);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.control-select:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.control-select:disabled{opacity:.5;cursor:not-allowed}.control-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-sunken);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.control-toggle:hover{border-color:var(--accent-muted);color:var(--text-primary)}.control-toggle--active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.control-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-indicator{border-radius:var(--radius-sm);border:2px solid var(--border-strong);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.control-toggle--active .toggle-indicator{background:var(--accent);border-color:var(--accent)}.toggle-indicator:after{content:"";opacity:0;width:8px;height:8px;transition:all var(--transition-fast);background:#fff;border-radius:2px;transform:scale(0)}.control-toggle--active .toggle-indicator:after{opacity:1;transform:scale(1)}.advanced-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit;display:flex}.advanced-toggle:hover{color:var(--text-primary)}.advanced-toggle__icon{transition:transform var(--transition-base)}.advanced-toggle--open .advanced-toggle__icon{transform:rotate(180deg)}.advanced-controls{max-height:0;transition:max-height var(--transition-slow),opacity var(--transition-base);opacity:0;overflow:hidden}.advanced-controls--open{opacity:1;max-height:500px}.advanced-controls__inner{padding-top:var(--space-3);gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.theme-select-wrapper{margin-left:auto}@media (max-width:768px){.controls-row--primary{flex-direction:column;align-items:stretch}.controls-row--secondary{justify-content:center}.theme-select-wrapper{width:100%;margin-left:0}.theme-select-wrapper .control-select{width:100%}}.certificate-card{background:var(--bg-elevated);border:1.5px solid var(--bonus);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-lg),0 0 30px var(--bonus-glow);animation:.5s certAppear;display:none}.certificate-card--visible{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@keyframes certAppear{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.certificate-content{flex:1;min-width:200px}.certificate-title{font-size:var(--text-lg);color:var(--bonus);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-weight:800;display:flex}.certificate-details{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.certificate-actions{gap:var(--space-2);flex-shrink:0;display:flex}.stats-row{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-row{grid-template-columns:1fr}}.info-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.info-card__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.info-card__icon{font-size:var(--text-lg)}.info-card__title{font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.pb-value{font-size:var(--text-3xl);color:var(--accent);text-align:center;font-weight:800;font-family:var(--font-mono)}.pb-context{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-1)}.list-container{max-height:220px;padding-right:var(--space-2);overflow-y:auto}.list-container::-webkit-scrollbar{width:4px}.list-container::-webkit-scrollbar-track{background:var(--bg-sunken);border-radius:var(--radius-full)}.list-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.data-list{list-style:none}.data-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);transition:background var(--transition-fast);flex-wrap:wrap;display:flex}.data-list li:hover{background:var(--bg-sunken);margin:0 calc(-1*var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2);border-radius:var(--radius-sm)}.data-list li:last-child{border-bottom:none}.data-list__primary{color:var(--text-primary);font-weight:600}.data-list__secondary{color:var(--text-secondary);font-size:var(--text-xs)}.data-list__score{font-family:var(--font-mono);color:var(--bonus);font-weight:700}.empty-state{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-6) 0}.match-new{animation:2s matchHighlight}@keyframes matchHighlight{0%{background:var(--bonus-bg)}to{background:0 0}}.modal{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal--open{animation:.3s modalBackdrop;display:flex}@keyframes modalBackdrop{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:85vh;padding:var(--space-6);color:var(--text-primary);box-shadow:var(--shadow-xl);border:1px solid var(--border);animation:.3s modalSlide;position:relative;overflow-y:auto}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);color:var(--accent);font-weight:800}.modal-close{background:var(--bg-sunken);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-lg);transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--wrong-bg);color:var(--wrong)}.modal-close:focus-visible{box-shadow:var(--focus-ring-wrong);outline:none}.modal-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.modal-body h3{font-size:var(--text-base);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.modal-body h3:first-child{margin-top:0}.modal-body ul{margin-left:var(--space-5);margin-bottom:var(--space-4)}.modal-body li{margin-bottom:var(--space-2)}.modal-body strong{color:var(--text-primary)}.prompt-modal .modal-content{text-align:center;max-width:420px}.prompt-modal__title{font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700}.prompt-modal__input{width:100%;padding:var(--space-3) var(--space-4);margin:var(--space-3) 0 var(--space-4);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);background:var(--bg-sunken);color:var(--text-primary)}.prompt-modal__input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.prompt-modal__actions{gap:var(--space-3);justify-content:center;display:flex}.confirm-modal .modal-content{text-align:center;max-width:420px}.confirm-modal__title{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--wrong);font-weight:700}.confirm-modal__message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.6}.confirm-modal__actions{gap:var(--space-3);justify-content:center;display:flex}.countdown-overlay{background:var(--bg-overlay);z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.countdown-overlay--visible{display:flex}.countdown-number{color:var(--accent);font-size:clamp(4rem,15vw,8rem);font-weight:900;font-family:var(--font-mono);animation:.8s countdownPop}@keyframes countdownPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.countdown-label{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-3);text-align:center}.kbd{min-width:24px;height:24px;padding:0 var(--space-2);background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);box-shadow:0 2px 0 var(--border-strong);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.clear-stats-area{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);justify-content:center;display:flex}@media (max-width:768px){.app-wrapper{padding:var(--space-3)}.login-card{padding:var(--space-6) var(--space-5)}.target-number{font-size:var(--text-4xl)}.target-card{padding:var(--space-4) var(--space-6)}.certificate-card--visible{text-align:center;flex-direction:column}.certificate-actions{justify-content:center;width:100%}}