.homepage-rebuilt{background:#020617;color:#f8fafc;min-height:100vh;position:relative;overflow:hidden}.homepage-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;position:relative;z-index:2}.homepage-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 30%),linear-gradient(180deg,#02061733,#02061785)}.homepage-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.homepage-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(1.02);animation:homepageHeroCycle 35s infinite;transform:scale(1.04);will-change:opacity,transform}.homepage-hero-bg-1{animation-delay:0s}.homepage-hero-bg-2{animation-delay:7s}.homepage-hero-bg-3{animation-delay:14s}.homepage-hero-bg-4{animation-delay:21s}.homepage-hero-bg-5{animation-delay:28s}@keyframes homepageHeroCycle{0%{opacity:0;transform:scale(1.04)}2%{opacity:.52}18%{opacity:.52;transform:scale(1.075)}20%{opacity:0;transform:scale(1.09)}to{opacity:0}}.homepage-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02061724,#02061766),linear-gradient(90deg,#02061757,#02061714 42%,#02061747);pointer-events:none}.homepage-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;opacity:.22;pointer-events:none}.homepage-hero-content{max-width:760px;display:grid;gap:22px}.homepage-kicker{display:inline-flex;width:fit-content;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#86efac;padding:8px 12px;border-radius:999px;background:#0f172ac2;border:1px solid rgba(74,222,128,.22);box-shadow:0 0 20px #22c55e14}.homepage-title{margin:0;font-size:clamp(40px,7vw,78px);line-height:.96;letter-spacing:-.04em;font-weight:900;color:#fff;max-width:920px;text-shadow:0 0 30px rgba(2,6,23,.28)}.homepage-subtitle{margin:0;font-size:clamp(16px,2.2vw,21px);line-height:1.75;color:#cbd5e1;max-width:760px}.homepage-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.homepage-primary-btn,.homepage-secondary-btn,.homepage-settings-btn{height:50px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:15px;cursor:pointer;transition:transform .16s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.homepage-primary-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#03150a;box-shadow:0 14px 28px #22c55e33,0 0 0 1px #ffffff0a inset;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.homepage-primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px #22c55e3d,0 0 20px #4ade801f}.homepage-secondary-btn,.homepage-settings-btn{background:#0f172ad6;color:#e2e8f0;border-color:#94a3b82e;box-shadow:0 12px 24px #00000038,0 0 0 1px #ffffff05 inset;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.homepage-secondary-btn:hover,.homepage-settings-btn:hover{transform:translateY(-2px);border-color:#4ade804d;background:#161f34f0}.homepage-quick-settings{margin-top:6px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#0f172aeb,#0a0f1cf0);border:1px solid rgba(148,163,184,.14);box-shadow:0 20px 40px #00000047,0 0 0 1px #ffffff05 inset;display:grid;gap:14px;max-width:700px}.homepage-quick-settings-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.homepage-quick-settings-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.homepage-quick-pill-group{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#020617a3;border:1px solid rgba(148,163,184,.12)}.homepage-quick-pill-title{font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.homepage-quick-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.homepage-quick-pill.beginner{background:#22c55e29;color:#86efac;border-color:#4ade803d}.homepage-quick-pill.standard{background:#3b82f629;color:#93c5fd;border-color:#60a5fa3d}.homepage-quick-pill.pro{background:#a855f729;color:#d8b4fe;border-color:#c084fc3d}.homepage-quick-pill.master{background:#ef444429;color:#fca5a5;border-color:#f871713d}.homepage-quick-pill.mode-standard{background:#94a3b824;color:#e2e8f0;border-color:#cbd5e12e}.homepage-quick-pill.mode-speed{background:#f59e0b2e;color:#fde68a;border-color:#fbbf2447}.homepage-section{position:relative;padding:88px 0}.homepage-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;opacity:.26;pointer-events:none}.homepage-featured-maps-section{background:radial-gradient(circle at top,rgba(34,197,94,.04),transparent 28%),linear-gradient(180deg,#0f172a61,#02061700)}.homepage-why-section{background:radial-gradient(circle at top left,rgba(34,197,94,.035),transparent 26%)}.homepage-section-header{position:relative;z-index:2;display:grid;gap:12px;margin-bottom:30px;max-width:860px}.homepage-section-header h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.03em;color:#fff}.homepage-section-header p{margin:0;font-size:16px;line-height:1.75;color:#94a3b8}.homepage-mode-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.homepage-mode-card{padding:22px;border-radius:20px;background:linear-gradient(180deg,#111827f5,#0a0f1cfa);border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 36px #00000042,0 0 0 1px #ffffff05 inset;display:grid;gap:14px;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.homepage-mode-card:hover{transform:translateY(-4px);border-color:#4ade8038;box-shadow:0 24px 42px #0000004d,0 0 24px #4ade800f}.homepage-mode-icon{width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#22c55e1f;border:1px solid rgba(74,222,128,.2);color:#86efac;font-weight:900;letter-spacing:.08em;font-size:15px}.homepage-mode-card h3,.homepage-progression-card h3,.homepage-why-card h3{margin:0;font-size:22px;color:#fff}.homepage-mode-card p,.homepage-progression-card p,.homepage-why-card p{margin:0;color:#94a3b8;line-height:1.7;font-size:15px}.homepage-featured-map-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.homepage-featured-map-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;text-align:left;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#111827f5,#0a0f1cfa);border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 36px #00000042,0 0 0 1px #ffffff05 inset;cursor:pointer;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;display:block}.homepage-featured-map-card:hover{transform:translateY(-4px);border-color:#4ade8038;box-shadow:0 24px 42px #0000004d,0 0 20px #4ade800f}.homepage-featured-map-image-wrap{position:relative;aspect-ratio:1.38 / 1;overflow:hidden;background:#020617}.homepage-featured-map-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}.homepage-featured-map-card:hover .homepage-featured-map-image{transform:scale(1.05)}.homepage-featured-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:12px;background:linear-gradient(180deg,#0206171f,#02061794)}.homepage-featured-map-overlay span{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:999px;background:#020617c7;border:1px solid rgba(148,163,184,.16);color:#e2e8f0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.homepage-featured-map-body{padding:16px;display:grid;gap:6px}.homepage-featured-map-body strong{color:#fff;font-size:18px}.homepage-featured-map-body small{color:#94a3b8;line-height:1.55;font-size:13px}.homepage-section-actions{position:relative;z-index:2;margin-top:24px;display:flex;justify-content:center}.homepage-progression-grid,.homepage-why-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.homepage-progression-card,.homepage-why-card{padding:22px;border-radius:20px;background:linear-gradient(180deg,#111827f5,#0a0f1cfa);border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 36px #00000042,0 0 0 1px #ffffff05 inset;display:grid;gap:12px}.homepage-footer{border-top:1px solid rgba(148,163,184,.12);background:#020617eb}.homepage-footer-shell{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:0}.homepage-footer-brand{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0}.homepage-footer-copy{color:#94a3b8;line-height:1.6;font-size:14px}.difficulty-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.difficulty-modal{width:min(920px,100%);max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.14);border-radius:20px;padding:26px;box-shadow:0 28px 60px #00000075,0 0 0 1px #ffffff05 inset}.difficulty-modal h2{margin:0 0 18px;color:#fff;font-size:32px}.settings-section-title{margin-bottom:12px;color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.settings-section-title-mode{margin-top:24px}.difficulty-options-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.difficulty-card,.mode-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#0f172ad1;color:#e2e8f0;padding:18px 14px;min-height:108px;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:8px;overflow:hidden;transition:transform .16s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.difficulty-card:hover,.mode-card:hover{transform:translateY(-2px);border-color:#4ade803d;background:#161f34f0}.difficulty-card.active,.mode-card.active{box-shadow:0 0 0 1px #ffffff08 inset,0 0 20px #22c55e14}.difficulty-card.active.beginner{background:#22c55e38;border-color:#4ade805c}.difficulty-card.active.standard{background:#3b82f638;border-color:#60a5fa57}.difficulty-card.active.pro{background:#a855f738;border-color:#c084fc57}.difficulty-card.active.master{background:#ef444438;border-color:#f8717157}.mode-card.active{border-color:#94a3b842}.mode-card.active.speed{background:#06b6d438;border-color:#22d3ee57;box-shadow:0 0 0 1px #ffffff08 inset,0 0 20px #22d3ee14}.difficulty-card-title,.mode-card-title{color:#fff;font-size:18px;font-weight:800;line-height:1.2;margin:0;white-space:normal;word-break:break-word}.difficulty-card-subtitle,.mode-card-subtitle{color:#cbd5e1;font-size:13px;line-height:1.45;margin:0;white-space:normal}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.difficulty-modal .cta-button{margin-top:24px;width:100%;height:50px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#03150a;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px #22c55e33,0 0 0 1px #ffffff0a inset}@media (max-width: 1100px){.homepage-mode-grid,.homepage-progression-grid,.homepage-why-grid{grid-template-columns:1fr}.homepage-featured-map-grid,.difficulty-options-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-card,.mode-card{min-height:96px}}@media (max-width: 760px){.homepage-hero{min-height:auto;padding:104px 0 56px}.homepage-shell{width:min(1280px,calc(100% - 20px))}.homepage-hero-actions,.homepage-quick-settings-row{flex-direction:column;align-items:stretch}.homepage-primary-btn,.homepage-secondary-btn,.homepage-settings-btn{width:100%}.homepage-quick-pill-group{justify-content:space-between}.homepage-featured-map-grid{grid-template-columns:1fr}.homepage-footer-shell{padding:18px 0;align-items:flex-start}.mode-options{grid-template-columns:1fr}}@media (max-width: 560px){.homepage-title{font-size:38px;line-height:1}.homepage-subtitle,.homepage-section-header p{font-size:15px}.homepage-section{padding:72px 0}.difficulty-modal{padding:18px}.difficulty-options-cards{grid-template-columns:1fr}}.navbar{position:sticky;top:0;z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7;border-bottom:1px solid rgba(148,163,184,.1)}.navbar-inner{width:100%;max-width:1220px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-logo{text-decoration:none;flex-shrink:0}.nav-logo-wrapper{display:flex;align-items:center;gap:12px}.nav-logo-wrapper img{width:38px;height:38px;object-fit:contain}.nav-domain{color:#f8fafc;font-size:15px;font-weight:800;letter-spacing:.02em}.nav-right{display:flex;align-items:center;gap:18px}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;text-decoration:none;color:#cbd5e1;font-size:14px;font-weight:700;transition:background .18s ease,color .18s ease,transform .15s ease}.nav-link:hover{background:#94a3b814;color:#fff;transform:translateY(-1px)}.nav-link.active{background:#22c55e1f;color:#86efac;box-shadow:0 0 0 1px #22c55e24 inset}.nav-login{height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(34,197,94,.28);background:#22c55e1a;color:#dcfce7;font-size:14px;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.nav-login:hover{transform:translateY(-1px);border-color:#22c55e6b;background:#22c55e24;box-shadow:0 0 14px #22c55e14}.nav-profile-button{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#1e293bf5,#0f172af5);border:1px solid rgba(148,163,184,.18);color:#f8fafc;cursor:pointer;box-shadow:0 10px 25px #00000038,0 0 0 1px #ffffff05 inset;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:8px;box-shadow:0 20px 40px #00000059,0 0 0 1px #ffffff05 inset;z-index:1200}@media (max-width: 900px){.navbar-inner{flex-direction:column;align-items:stretch}.nav-right{justify-content:space-between;flex-wrap:wrap}.nav-links{flex-wrap:wrap}}.nav-link-challenge-active{background:#f59e0b1f;color:#fcd34d;box-shadow:0 0 0 1px #f59e0b29 inset}.nav-link-challenge-active:hover{background:#f59e0b29;color:#fde68a}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;width:12px;height:12px;background:#ffffff40;border-radius:50%;filter:blur(3px);animation:floatParticle 25s linear infinite}.p1{left:10%;top:80%;animation-duration:30s}.p2{left:25%;top:90%;animation-duration:22s}.p3{left:40%;top:85%;animation-duration:28s}.p4{left:60%;top:95%;animation-duration:24s}.p5{left:75%;top:88%;animation-duration:26s}.p6{left:90%;top:92%;animation-duration:20s}@keyframes floatParticle{0%{transform:translateY(0);opacity:0}10%{opacity:.5}90%{opacity:.4}to{transform:translateY(-700px);opacity:0}}.quiz-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;background:radial-gradient(circle at top,rgba(59,130,246,.08),transparent 28%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.quiz-card{width:1050px;max-width:95%;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:30px;box-shadow:0 30px 70px #0000008c,0 0 0 1px #ffffff05 inset;position:relative;overflow:hidden}.quiz-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%);pointer-events:none}.quiz-header{margin-bottom:20px}.quiz-map{color:#fff;font-size:28px;font-weight:700;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.quiz-progress{height:6px;background:#1e293b;border-radius:10px}.quiz-progress-bar{height:6px;background:#22c55e;border-radius:10px;box-shadow:0 0 8px #22c55e99}.speed-counter{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fbbf24;padding:6px 10px;border-radius:999px;font-weight:600}.speed-results{margin-top:18px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#cbd5e1;font-weight:600}.practice-banner{margin-bottom:16px;padding:10px 14px;border-radius:10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-weight:600;text-align:center}.quiz-image-container{position:relative;width:100%;height:380px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;background:#020617;border-radius:10px;overflow:hidden}.quiz-image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#020617;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.quiz-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;position:relative;z-index:1;transition:opacity .4s ease}.fade-in{opacity:1}.fade-out{opacity:.25}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quiz-option{padding:16px;background:#1e293b;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .15s ease}.quiz-option:hover{transform:translateY(-2px)}.quiz-option.correct{background:#16a34a}.quiz-option.wrong{background:#dc2626}.quiz-score{font-size:96px;font-weight:900;letter-spacing:-2px;color:#22c55e;margin:16px 0 24px;text-shadow:0 0 14px rgba(34,197,94,.35),0 0 28px rgba(34,197,94,.18)}.quiz-btn{padding:12px 24px;border-radius:8px;border:none;background:#22c55e;font-weight:700;cursor:pointer}.quiz-btn.secondary{background:#334155;color:#fff}.quiz-finish-card{text-align:center}.quiz-finish-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:10px}.quiz-score{font-size:90px;font-weight:800;color:#22c55e;margin:20px 0 30px;text-shadow:0 0 10px rgba(34,197,94,.4),0 0 20px rgba(34,197,94,.25)}.quiz-master-wrapper{width:100%;display:flex;justify-content:center}.quiz-type-container{display:grid;grid-template-columns:1fr 120px;gap:12px;width:100%;max-width:520px;align-items:center;padding:10px;border-radius:14px;background:#0f172a;border:1px solid #334155;position:relative;overflow:hidden}.quiz-type-container:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;z-index:0;pointer-events:none}.master-correct:before{background:#22c55e38;animation:masterSweep .45s ease forwards}.master-wrong:before{background:#ef444438;animation:masterSweep .45s ease forwards}@keyframes masterSweep{0%{width:0%}to{width:100%}}.quiz-type-container>*{position:relative;z-index:1}.quiz-type-input{width:100%;height:54px;padding:0 16px;border-radius:10px;border:1px solid #334155;background:#020617;color:#fff;font-size:16px;outline:none}.quiz-type-submit{height:54px;border:none;border-radius:10px;background:#1e293b;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.quiz-options-master{display:flex;justify-content:center;align-items:center}.quiz-master-wrapper{width:100%;max-width:560px;margin:0 auto}.quiz-type-container{display:grid;grid-template-columns:1fr 120px;gap:12px;width:100%;max-width:560px;margin:0 auto;align-items:center;padding:10px;border-radius:14px;background:#0f172a;border:1px solid #334155;position:relative;overflow:hidden}.master-feedback{margin-top:12px;text-align:center;font-weight:600;font-size:15px}.master-feedback-correct{color:#22c55e}.master-feedback-wrong{color:#ef4444}.quiz-finish-buttons{display:flex;justify-content:center;gap:16px;margin-top:40px;padding-top:14px;flex-wrap:wrap}.quiz-rank{font-size:28px;font-weight:700;margin-bottom:25px;letter-spacing:1px;text-transform:uppercase}.rank-global{color:#facc15;text-shadow:0 0 14px rgba(250,204,21,.6)}.rank-lem{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.5)}.rank-mg{color:#34d399}.rank-nova{color:#f59e0b}.rank-silver{color:#94a3b8}.quiz-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-stats{display:flex;gap:16px;font-size:14px;color:#cbd5f5}.quiz-stats span{background:#1e293b;padding:4px 10px;border-radius:6px}.streak-counter{background:#1e293b;padding:4px 10px;border-radius:6px;transition:all .25s ease}.streak-hot{color:#facc15;box-shadow:0 0 8px #facc1566,0 0 16px #facc1533;transform:scale(1.05)}.streak-insane{color:#fb923c;box-shadow:0 0 10px #fb923cb3,0 0 20px #fb923c80,0 0 30px #fb923c59;transform:scale(1.08)}.best-counter{background:#1e293b;padding:4px 10px;border-radius:6px}.quiz-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;color:#94a3b8;position:relative;overflow:hidden}.quiz-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,rgba(34,197,94,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:120px 120px,40px 40px,40px 40px;opacity:.4}.radar-loader{width:90px;height:90px;border-radius:50%;border:2px solid rgba(255,255,255,.15);position:relative;overflow:hidden;margin-bottom:14px;z-index:1}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(34,197,94,.7) 0deg,rgba(34,197,94,.4) 25deg,rgba(34,197,94,.15) 50deg,transparent 70deg);animation:radarSpin 1.8s linear infinite}.radar-loader:after{content:"";position:absolute;width:8px;height:8px;background:#22c55e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-loader:before{content:"";position:absolute;width:4px;height:4px;background:#22c55e;border-radius:50%;box-shadow:20px 10px #22c55e,35px 30px #22c55e,60px 20px #22c55e,50px 60px #22c55e,15px 50px #22c55e;opacity:0;animation:radarBlips 2.5s linear infinite}@keyframes radarBlips{0%{opacity:0}20%{opacity:.6}40%{opacity:0}to{opacity:0}}.quiz-loading p{margin-top:12px;font-size:14px;letter-spacing:.5px;animation:loadingPulse 2s ease-in-out infinite;z-index:1}@keyframes loadingPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-transition{animation:pageFadeIn .35s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-card-transition{animation:quizCardFade .25s ease}@keyframes quizCardFade{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-type-container{display:flex;gap:12px;width:100%;align-items:center}.quiz-type-input{flex:1;height:54px;padding:0 16px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#fff;font-size:16px;outline:none}.quiz-type-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.quiz-type-input::placeholder{color:#94a3b8}.quiz-type-submit{height:54px;padding:0 20px;border:none;border-radius:10px;background:#1e293b;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.quiz-type-submit:hover:not(:disabled){background:#334155;transform:translateY(-1px)}.quiz-type-submit:disabled{opacity:.5;cursor:not-allowed}.quiz-option-filler{background:#111827;color:#64748b;border:1px dashed #334155;cursor:default;opacity:.9}.quiz-option-filler:hover{transform:none;box-shadow:none}.quiz-result-panel{background:linear-gradient(180deg,#0f172af5,#070c18f5);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:20px;text-align:left;box-shadow:0 10px 28px #00000047,0 0 0 1px #ffffff04 inset;position:relative;overflow:hidden;min-width:0;height:100%}.quiz-result-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff0f}.quiz-result-panel h3{margin-bottom:16px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.quiz-result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.quiz-result-stat{background:#0f172ab8;border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:14px 16px}.quiz-result-stat span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:6px}.quiz-result-stat strong{font-size:24px;font-weight:800;color:#f8fafc}.quiz-result-rank-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.quiz-result-arrow{color:#cbd5e1;font-weight:800;font-size:18px;text-shadow:0 0 10px rgba(255,255,255,.08)}.quiz-result-score-line{margin-bottom:14px;font-weight:700;font-size:15px;color:#e2e8f0}.quiz-result-gain{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;padding:4px 8px;border-radius:999px;font-size:13px;font-weight:800}.quiz-result-gain.positive{background:#22c55e1f;border:1px solid rgba(34,197,94,.28);color:#4ade80;box-shadow:0 0 12px #22c55e14}.quiz-result-gain.neutral{background:#94a3b81a;border:1px solid rgba(148,163,184,.22);color:#cbd5e1}.quiz-result-gain.negative{background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:#f87171;box-shadow:0 0 12px #ef444414}.quiz-result-rank-single{margin-bottom:16px}.quiz-result-next-rank{margin-top:10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.quiz-result-sections{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.quiz-result-panel-performance{grid-column:1 / -1}@media (max-width: 900px){.quiz-result-sections{grid-template-columns:1fr}.quiz-result-panel-performance{grid-column:auto}}.quiz-result-helper-text{margin-top:12px;font-size:13px;line-height:1.5;color:#94a3b8}.about-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:140px;background:#0f172a;position:relative}.about-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.about-card{width:900px;max-width:92%;background:#111827;border-radius:14px;padding:50px;box-shadow:0 25px 50px #0009;position:relative;z-index:1}.about-title{font-size:44px;margin-bottom:28px;color:#fff;border-left:4px solid #22c55e;padding-left:14px}.about-section-title{margin-top:36px;margin-bottom:16px;font-size:28px;color:#fff;border-left:4px solid #22c55e;padding-left:12px}.about-text{font-size:18px;color:#cbd5f5;line-height:1.8;margin-bottom:18px}.about-links{margin-top:30px;display:flex;gap:20px}.about-link{background:#1e293b;padding:12px 22px;font-size:16px;border-radius:8px;text-decoration:none;color:#fff;transition:all .2s ease}.about-link:hover{background:#334155;transform:translateY(-2px);box-shadow:0 0 10px #22c55e66}.about-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(34,197,94,.35) 2px,transparent 3px);background-size:220px 220px;animation:radarPings 14s linear infinite;opacity:.25;pointer-events:none}@keyframes radarPings{0%{transform:translateY(0)}to{transform:translateY(-220px)}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:flex-start;padding-top:120px;z-index:1000}.login-modal{background:#0f172a;padding:40px;border-radius:10px;width:340px;max-width:90%;text-align:center;color:#fff;box-shadow:0 10px 40px #0009}.login-modal h2{font-size:30px;font-weight:800;letter-spacing:.02em;color:#f8fafc;margin-bottom:12px}.login-subtitle{color:#94a3b8;font-size:15px;line-height:1.6;margin-bottom:20px}.login-modal input{width:100%;padding:12px;border-radius:6px;border:none;margin-bottom:15px}.login-modal input{width:100%;height:48px;margin-top:12px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#0f172a;color:#fff;font-size:15px;outline:none}.login-modal input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.login-button{width:100%;padding:12px;background:#22c55e;border:none;border-radius:6px;font-weight:700;cursor:pointer;margin-bottom:10px}.login-button:hover{background:#16a34a}.login-cancel{background:none;border:none;color:#94a3b8;cursor:pointer}.login-cancel:hover{color:#fff}.login-success-icon{width:60px;height:60px;margin:10px auto 20px;border-radius:50%;background:#1f9d55;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center}.login-email{font-weight:600;margin-top:4px;margin-bottom:12px}.login-helper{font-size:14px;opacity:.7;margin-bottom:18px}.login-error{margin-top:12px;margin-bottom:0;color:#fca5a5;font-size:14px;line-height:1.5}.login-switch{margin-top:12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:14px;transition:color .2s ease}.login-switch:hover{color:#fff}.login-success-text{margin-top:12px;margin-bottom:0;color:#86efac;font-size:14px;line-height:1.5}.login-forgot{margin-top:12px;background:transparent;border:none;color:#7dd3fc;cursor:pointer;font-size:14px;font-weight:600;transition:color .2s ease;text-align:left;padding:0}.login-forgot:hover{color:#bae6fd}.nav-profile{position:relative}.nav-profile-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#1e293bf5,#0f172af5);border:1px solid rgba(148,163,184,.18);color:#f8fafc;height:42px;padding:0 14px;border-radius:999px;cursor:pointer;box-shadow:0 10px 25px #00000038,0 0 0 1px #ffffff05 inset;transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.nav-profile-button:hover{transform:translateY(-1px);border-color:#22c55e59;box-shadow:0 12px 28px #00000042,0 0 14px #22c55e14}.nav-profile-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e73;flex-shrink:0}.nav-profile-name{font-size:14px;font-weight:700;color:#f8fafc;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-profile-caret{font-size:12px;color:#94a3b8}.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:8px;box-shadow:0 20px 40px #00000059,0 0 0 1px #ffffff05 inset;z-index:1000}.nav-dropdown-item{width:100%;display:flex;align-items:center;padding:10px 12px;border:none;background:transparent;color:#e2e8f0;text-decoration:none;border-radius:10px;cursor:pointer;font-size:14px;text-align:left;transition:background .18s ease,color .18s ease}.nav-dropdown-item:hover{background:#94a3b814;color:#fff}.profile-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:140px 20px 60px;background:#0f172a;position:relative;overflow:hidden}.profile-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.profile-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(34,197,94,.28) 2px,transparent 3px);background-size:220px 220px;animation:profileRadarPings 14s linear infinite;opacity:.18;pointer-events:none}@keyframes profileRadarPings{0%{transform:translateY(0)}to{transform:translateY(-220px)}}.profile-card{width:1100px;max-width:95%;background:#111827f5;border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:34px;box-shadow:0 25px 50px #0000008c,0 0 0 1px #ffffff05 inset;position:relative;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.profile-card-upgraded{display:grid;gap:28px}.profile-card h2{font-size:40px;margin:0;color:#fff;letter-spacing:.3px}.profile-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#86efac;font-weight:800}.profile-subtitle{margin:0;color:#94a3b8;font-size:15px;line-height:1.7;max-width:650px}.profile-hero{display:flex;justify-content:space-between;align-items:stretch;gap:18px;flex-wrap:wrap;padding:20px;border-radius:18px;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 40%),#0f172adb;border:1px solid rgba(34,197,94,.14)}.profile-hero-copy{display:grid;gap:8px}.profile-hero-rank{min-width:220px;display:grid;align-content:center;justify-items:end;gap:6px}.profile-hero-rank-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#86efac;font-weight:800}.profile-hero-rank-name{font-size:22px;font-weight:800}.profile-hero-rank-score{font-size:46px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 18px rgba(34,197,94,.16)}.profile-rank-section{display:grid}.profile-rank-card{padding:18px;border-radius:16px;background:linear-gradient(180deg,#1e293bf2,#0f172af2);border:1px solid rgba(148,163,184,.14);box-shadow:0 12px 24px #00000038,0 0 0 1px #ffffff05 inset;display:grid;gap:10px}.profile-rank-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-rank-card-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.profile-rank-card-top strong{font-size:20px;font-weight:800}.profile-rank-card-meta{color:#94a3b8;font-size:14px;line-height:1.5}.profile-rank-bar{width:100%;height:10px;border-radius:999px;background:#334155bf;overflow:hidden}.profile-rank-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#16a34a,#22c55e 55%,#4ade80);box-shadow:0 0 14px #22c55e40,0 0 24px #22c55e14}.profile-rank-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#cbd5e1;font-size:14px;font-weight:700}.profile-stats{display:grid;gap:16px}.profile-stats-upgraded{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-stat-card{background:linear-gradient(180deg,#1e293bf2,#0f172af2);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 25px #00000040,0 0 0 1px #ffffff05 inset;display:grid;gap:10px}.profile-stat-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.profile-stat-card strong{display:block;font-size:30px;line-height:1;color:#fff;text-shadow:0 0 14px rgba(34,197,94,.12)}.profile-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-highlight-card{background:linear-gradient(180deg,#111827fa,#0f172af5);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:18px;box-shadow:0 12px 24px #00000038,0 0 0 1px #ffffff05 inset;display:grid;gap:8px}.profile-highlight-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.profile-highlight-card strong{font-size:24px;line-height:1.1;color:#fff}.profile-highlight-card p{margin:0;color:#94a3b8;font-size:14px;line-height:1.5}.profile-section{display:grid;gap:16px}.profile-section h3{margin:0;font-size:24px;color:#fff;border-left:4px solid #22c55e;padding-left:12px}.profile-username-card{background:linear-gradient(180deg,#111827fa,#0f172af5);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:18px;box-shadow:0 12px 24px #00000038,0 0 0 1px #ffffff05 inset;display:grid;gap:16px}.profile-username-copy{display:grid;gap:8px}.profile-username-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8}.profile-username-text{margin:0;font-size:14px;color:#cbd5e1}.profile-username-controls{display:flex;gap:12px;align-items:center}.profile-username-input{flex:1;height:48px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#0f172a;color:#fff;font-size:15px;outline:none}.profile-username-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.profile-username-save{height:48px;padding:0 18px;border:none;border-radius:10px;background:#22c55e;color:#052e16;font-weight:800;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.profile-username-save:hover:not(:disabled){transform:translateY(-1px)}.profile-username-save:disabled{opacity:.65;cursor:not-allowed}.profile-username-status{font-size:14px;color:#94a3b8}.badges-placeholder{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap}.badge-slot{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;background:linear-gradient(180deg,#1e293bf2,#0f172af2);border:1px solid rgba(148,163,184,.14);color:#64748b;box-shadow:0 10px 25px #00000040,0 0 0 1px #ffffff05 inset}.badge-slot.locked{opacity:.85}.badges-coming-soon{margin:0;color:#94a3b8;font-size:14px}.profile-maps{display:flex;flex-direction:column;gap:14px}.map-card{background:linear-gradient(180deg,#111827fa,#0f172af5);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:18px;box-shadow:0 12px 24px #00000038,0 0 0 1px #ffffff05 inset;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.map-card-upgraded:hover{transform:translateY(-2px);border-color:#22c55e59;box-shadow:0 16px 30px #00000047,0 0 18px #22c55e14}.map-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.map-card-info{min-width:0}.map-card-top h4{margin:0 0 6px;font-size:19px;color:#fff;letter-spacing:.2px}.map-card-top p{margin:0;font-size:13px;color:#94a3b8}.map-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border:1px solid transparent}.map-mastery-value{font-size:26px;font-weight:800;color:#fff;min-width:70px;text-align:right;text-shadow:0 0 16px rgba(34,197,94,.18)}.map-rank-progress-text{margin-top:10px;margin-bottom:8px;font-size:12px;color:#94a3b8}.map-rank-progress{width:100%;height:8px;background:#1e293bcc;border-radius:999px;overflow:hidden}.map-rank-progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e 55%,#4ade80);opacity:.95;transition:width .35s ease}.rank-unranked{background:#4755692e;color:#94a3b8;border-color:#94a3b82e}.rank-silver{background:#94a3b829;color:#e2e8f0;border-color:#cbd5e14d}.rank-sem{background:#cbd5e124;color:#f8fafc;border-color:#e2e8f04d;box-shadow:0 0 10px #e2e8f014}.rank-gold-nova{background:#eab30829;color:#fde68a;border-color:#facc154d}.rank-gnm{background:#f59e0b29;color:#fdba74;border-color:#fbbf2452}.rank-dmg{background:#a855f729;color:#d8b4fe;border-color:#c084fc52}.rank-lem{background:#ef444429;color:#fca5a5;border-color:#f8717152}.rank-smfc{background:#0ea5e929;color:#7dd3fc;border-color:#38bdf852}.rank-global-elite{background:#22c55e29;color:#86efac;border-color:#4ade8057;box-shadow:0 0 14px #4ade8024}@media (max-width: 980px){.profile-stats-upgraded{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-highlights-grid{grid-template-columns:1fr}}@media (max-width: 760px){.profile-card{padding:24px}.profile-card h2{font-size:30px}.profile-hero{flex-direction:column}.profile-hero-rank{justify-items:start}.profile-stats-upgraded{grid-template-columns:1fr}.profile-username-controls{flex-direction:column;align-items:stretch}.profile-username-save{width:100%}.map-card-top{align-items:flex-start;flex-direction:column}.map-card-meta{align-items:flex-start}.map-mastery-value{text-align:left}}.review-grid-container{width:95%;max-width:1200px;margin:auto;padding:40px;background:#0f172a;border-radius:10px;box-shadow:0 10px 40px #0009}.review-grid-header{display:grid;grid-template-columns:160px 1fr 1fr;text-align:center;font-weight:600;color:#94a3b8;padding-bottom:14px;border-bottom:1px solid #1e293b}.review-grid-row{display:grid;grid-template-columns:160px 1fr 1fr;align-items:center;text-align:center;padding:16px 0;border-bottom:1px solid #1e293b;cursor:pointer;transition:background .15s ease,transform .1s ease}.review-grid-row:hover{background:#1e293b}.review-grid-image{width:120px;height:80px;object-fit:cover;border-radius:6px;margin:auto}.review-badge{display:inline-flex;align-items:center;justify-content:center;width:160px;height:36px;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:transform .15s ease,box-shadow .15s ease}.review-badge:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0006}.review-badge.correct{background:#22c55e}.review-badge.wrong{background:#ef4444}.review-badge-correct-answer{background:#3b82f6}.row-wrong{position:relative;overflow:hidden}.review-grid-row{cursor:pointer;transition:background .15s ease,transform .1s ease}.review-grid-row:hover{transform:translateY(-2px)}.row-wrong:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:#ef44441f;animation:wrongSweep .7s ease forwards}@keyframes wrongSweep{0%{width:0%}to{width:100%}}.row-wrong:hover{background:#ef44442e}.review-summary{display:flex;justify-content:center;gap:60px;margin:30px 0 40px}.review-stat{text-align:center;color:#94a3b8}.review-stat span{display:block;font-size:26px;font-weight:700;color:#fff}@keyframes wrongFade{0%{background:transparent}to{background:#ef444412}}.row-wrong{animation:wrongFade .6s ease forwards}.row-correct{background:#22c55e0d}.review-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000}.review-modal{background:#0f172a;padding:30px;border-radius:10px;max-width:600px;width:90%;text-align:center;box-shadow:0 20px 60px #000000b3}.review-modal-image{width:100%;border-radius:8px;margin-bottom:20px}.review-modal-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.review-modal-label{color:#94a3b8}.review-modal-close{margin-top:20px;background:#334155;border:none;padding:10px 20px;border-radius:6px;color:#fff;cursor:pointer}.review-modal-close:hover{background:#475569}.review-bottom{margin-top:30px;display:flex;justify-content:center;gap:16px}.difficulty-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.difficulty-modal{width:min(960px,100%);max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#111827fc,#0a0f1cfc);border:1px solid rgba(148,163,184,.16);border-radius:22px;padding:28px;box-shadow:0 32px 70px #00000080,0 0 0 1px #ffffff06 inset}.difficulty-modal h2{margin-bottom:20px}.difficulty-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;text-align:left}.difficulty-options label{background:#1e293b;padding:10px 14px;border-radius:6px;cursor:pointer;transition:background .2s}.difficulty-options label:hover{background:#334155}.difficulty-options input{margin-right:8px}.challenge-page{min-height:100vh;padding:40px 20px;background:radial-gradient(circle at top,rgba(245,158,11,.08),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.challenge-shell{width:1200px;max-width:100%;margin:0 auto}.challenge-hero-card{display:grid;grid-template-columns:1.6fr .8fr;gap:20px;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:28px;box-shadow:0 30px 70px #00000073,0 0 0 1px #ffffff05 inset;position:relative;overflow:hidden}.challenge-hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%);pointer-events:none}.challenge-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:10px}.challenge-title{font-size:38px;line-height:1.05;margin-bottom:12px;color:#f8fafc}.challenge-subtitle{color:#94a3b8;font-size:16px;line-height:1.6;max-width:680px;margin-bottom:22px}.challenge-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.challenge-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#1e293be6;border:1px solid rgba(148,163,184,.14);color:#e2e8f0;font-size:13px;font-weight:700;letter-spacing:.03em}.challenge-pill-difficulty{background:#a855f71f;border-color:#a855f747;color:#d8b4fe}.challenge-pill-mode{background:#94a3b81a;border-color:#94a3b838;color:#cbd5e1}.challenge-actions{display:flex;gap:14px;flex-wrap:wrap}.challenge-start-btn{min-width:220px}.challenge-side-panel{height:100%;background:linear-gradient(180deg,#0f172af5,#070c18f5);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px #00000047,0 0 0 1px #ffffff04 inset}.challenge-side-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px}.challenge-side-value{font-size:34px;font-weight:800;color:#fbbf24;line-height:1;margin-bottom:14px;text-shadow:0 0 14px rgba(251,191,36,.18)}.challenge-side-copy{color:#94a3b8;line-height:1.6;font-size:14px}.challenge-status-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.challenge-status-card{background:linear-gradient(180deg,#0f172af5,#070c18f5);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:18px 20px;box-shadow:0 10px 28px #0000002e,0 0 0 1px #ffffff04 inset}.challenge-status-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px}.challenge-status-card strong{font-size:28px;font-weight:800;color:#f8fafc}.challenge-board-card{margin-top:22px;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:24px;box-shadow:0 30px 70px #00000059,0 0 0 1px #ffffff05 inset}.challenge-board-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.challenge-board-title{font-size:28px;color:#f8fafc}.challenge-board-note{color:#94a3b8;font-size:14px}.challenge-board-table{display:flex;flex-direction:column;gap:10px}.challenge-board-row{display:grid;grid-template-columns:100px 1.6fr 1fr 1fr;gap:16px;align-items:center;background:#0f172ab8;border:1px solid rgba(148,163,184,.08);border-radius:14px;padding:14px 16px;color:#e2e8f0}.challenge-board-row-head{background:transparent;border:none;border-radius:0;padding:0 4px 8px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.challenge-board-row-top{border-color:#fbbf243d;box-shadow:0 0 16px #fbbf240f}.challenge-rank-cell{font-weight:800;color:#fbbf24}.challenge-player-cell{font-weight:700}@media (max-width: 950px){.challenge-hero-card,.challenge-status-grid{grid-template-columns:1fr}}@media (max-width: 700px){.challenge-board-row{grid-template-columns:80px 1.3fr 1fr 1fr;font-size:14px}.challenge-title{font-size:30px}.challenge-board-title{font-size:24px}}.challenge-start-btn:disabled{opacity:.65;cursor:not-allowed}.challenge-empty-state{padding:28px 18px;border:1px solid rgba(148,163,184,.1);border-radius:14px;background:#0f172ab8;color:#94a3b8;text-align:center}.challenge-board-row-self{border-color:#22c55e47;box-shadow:0 0 0 1px #22c55e1f inset,0 0 18px #22c55e0f}.challenge-login-note{margin-top:12px;color:#94a3b8;font-size:14px;line-height:1.5}.challenge-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200}.challenge-warning-modal{width:100%;max-width:560px;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:28px;box-shadow:0 30px 70px #00000073,0 0 0 1px #ffffff05 inset}.challenge-warning-title{font-size:28px;color:#f8fafc;margin-bottom:14px}.challenge-warning-copy{color:#cbd5e1;line-height:1.7;margin-bottom:14px}.challenge-warning-actions{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap}.maps-page{min-height:100vh;padding:120px 20px 60px;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.maps-page-shell{width:100%;max-width:1220px;margin:0 auto}.maps-page-hero{margin-bottom:28px}.maps-page-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:10px}.maps-page-title{margin:0 0 14px;color:#f8fafc;font-size:44px;line-height:1.05}.maps-page-subtitle{margin:0;max-width:760px;color:#94a3b8;font-size:16px;line-height:1.75}.maps-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.maps-page-card{background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #00000047,0 0 0 1px #ffffff05 inset}.maps-page-card-clickable{cursor:pointer;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.maps-page-card-clickable:hover{transform:translateY(-4px);border-color:#22c55e38;box-shadow:0 24px 44px #00000057,0 0 0 1px #22c55e0f inset}.maps-page-card-image-wrap{position:relative;overflow:hidden;height:220px;background:#020617e6}.maps-page-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease,opacity .2s ease}.maps-page-card-clickable:hover .maps-page-card-image{transform:scale(1.03)}.maps-page-card-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:16px;background:linear-gradient(180deg,#02061705,#0206172e 48%,#020617b8);pointer-events:none}.maps-page-card-image-overlay span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;background:#0f172adb;border:1px solid rgba(148,163,184,.18);color:#e2e8f0;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform .18s ease,border-color .2s ease,background .2s ease}.maps-page-card-clickable:hover .maps-page-card-image-overlay span{transform:translateY(-1px);border-color:#22c55e3d;background:#0f172af0}.maps-page-card-body{padding:18px}.maps-page-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.maps-page-card-header h2{margin:0;color:#f8fafc;font-size:24px;line-height:1.1}.maps-page-tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.22);color:#bbf7d0;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.maps-page-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.maps-page-stat{padding:14px 16px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(148,163,184,.08);display:grid;gap:8px}.maps-page-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.maps-page-stat strong{color:#f8fafc;font-size:18px;line-height:1.1}.maps-page-rank.rank-unranked{color:#cbd5e1}.maps-page-rank.rank-silver,.maps-page-rank.rank-sem{color:#e5e7eb}.maps-page-rank.rank-gold-nova,.maps-page-rank.rank-gnm{color:#fcd34d}.maps-page-rank.rank-dmg{color:#c4b5fd}.maps-page-rank.rank-lem,.maps-page-rank.rank-smfc{color:#a5b4fc}.maps-page-rank.rank-global-elite{color:#fca5a5}@media (max-width: 1100px){.maps-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.maps-page{padding:100px 14px 40px}.maps-page-title{font-size:34px}.maps-page-grid{grid-template-columns:1fr}.maps-page-card-image-wrap{height:200px}.maps-page-stats{grid-template-columns:1fr}.maps-page-card-header{flex-direction:column;align-items:flex-start}}.map-page{min-height:100vh;padding:108px 20px 56px;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.map-page-shell{width:100%;max-width:1220px;margin:0 auto}.map-page-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-bottom:28px;align-items:stretch}.map-page-hero-image-wrap,.map-page-hero-content,.map-page-panel,.map-page-section{background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;box-shadow:0 20px 40px #00000052,0 0 0 1px #ffffff05 inset}.map-page-hero-image-wrap{overflow:hidden;display:flex;flex-direction:column}.map-page-hero-image{width:100%;min-height:220px;max-height:260px;object-fit:cover;display:block}.map-page-scroll-cue{flex:1;min-height:120px;width:100%;padding:18px 20px;border:none;border-top:1px solid rgba(148,163,184,.08);background:#020617b8;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.map-page-scroll-cue:hover{background:#0f172aeb;color:#f8fafc}.map-page-scroll-cue-content{display:flex;flex-direction:column;gap:6px}.map-page-scroll-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#86efac;font-weight:800}.map-page-scroll-cue strong{font-size:22px;line-height:1.2;color:#f8fafc}.map-page-scroll-cue small{color:#94a3b8;font-size:14px;line-height:1.6}.map-page-scroll-arrow{font-size:34px;line-height:1;color:#86efac;flex-shrink:0}.map-page-hero-content{padding:22px;display:flex;flex-direction:column;justify-content:center}.map-page-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:10px}.map-page-title{font-size:40px;line-height:1.05;color:#f8fafc;margin:0 0 12px}.map-page-subtitle,.map-page-section-copy,.map-page-panel p{color:#94a3b8;font-size:15px;line-height:1.7}.map-page-subtitle{margin-bottom:16px}.map-page-hero-control-stack{display:grid;gap:14px;margin-bottom:16px}.map-page-control-panel{background:#0f172ab8;border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:14px}.map-page-control-panel-actions{border-color:#22c55e29;box-shadow:0 0 0 1px #22c55e0a inset}.map-page-control-header{display:grid;gap:4px;margin-bottom:12px}.map-page-control-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#86efac;font-weight:800;margin-bottom:4px}.map-page-control-header h3{margin:0;color:#f8fafc;font-size:18px}.map-page-control-header p{margin:0;color:#94a3b8;font-size:13px;line-height:1.6}.map-page-training-settings{display:grid;gap:12px}.map-page-setting-group{display:grid;gap:8px}.map-page-setting-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.map-page-setting-options{display:flex;gap:8px;flex-wrap:wrap}.map-page-setting-btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#020617e6;color:#cbd5e1;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.map-page-setting-btn:hover{transform:translateY(-1px)}.map-page-setting-btn-beginner.active{background:#22c55e24;border-color:#22c55e57;color:#dcfce7;box-shadow:0 0 0 1px #22c55e14 inset}.map-page-setting-btn-standard.active{background:#3b82f624;border-color:#3b82f657;color:#dbeafe;box-shadow:0 0 0 1px #3b82f614 inset}.map-page-setting-btn-pro.active{background:#a855f724;border-color:#a855f757;color:#f3e8ff;box-shadow:0 0 0 1px #a855f714 inset}.map-page-setting-btn-master.active{background:#ef444424;border-color:#ef444457;color:#fee2e2;box-shadow:0 0 0 1px #ef444414 inset}.map-page-setting-btn-mode-standard.active{background:#64748b2e;border-color:#94a3b857;color:#e2e8f0;box-shadow:0 0 0 1px #94a3b80f inset}.map-page-setting-btn-mode-speed.active{background:#f59e0b29;border-color:#f59e0b57;color:#fef3c7;box-shadow:0 0 0 1px #f59e0b14 inset}.map-page-quiz-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.map-page-mode-card{min-height:92px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:#020617e6;color:#e2e8f0;text-align:left;padding:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:transform .15s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.map-page-mode-card:hover:not(:disabled){transform:translateY(-2px);border-color:#22c55e3d;background:#0a0f1cfa}.map-page-mode-card:disabled{opacity:.62;cursor:not-allowed}.map-page-mode-card-primary{background:linear-gradient(180deg,#22c55e29,#020617eb);border-color:#22c55e47}.map-page-mode-card-tertiary{border-color:#94a3b82e}.map-page-mode-card strong{color:#f8fafc;font-size:16px;line-height:1.2}.map-page-mode-card small{color:#94a3b8;font-size:12px;line-height:1.45}.map-page-stat-row{display:grid;grid-template-columns:190px;gap:12px}.map-page-stat-card{background:#0f172ab8;border:1px solid rgba(148,163,184,.1);border-radius:14px;padding:14px}.map-page-stat-card span{display:block;font-size:11px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.map-page-stat-card strong{font-size:24px;color:#f8fafc}.map-page-section{margin-top:22px;padding:22px}.map-page-section-header{margin-bottom:18px}.map-page-section-header h2,.map-page-panel h2,.map-page-panel h3,.map-page-directory-group-header h3{color:#f8fafc;margin:0 0 12px}.map-page-section-header h2{font-size:30px}.map-page-section-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.map-page-reset-map-btn{height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ab8;color:#cbd5e1;font-size:13px;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease,opacity .2s ease;flex-shrink:0}.map-page-reset-map-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#22c55e3d}.map-page-reset-map-btn:disabled{opacity:.5;cursor:not-allowed}.map-page-radar-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}.map-page-radar-panel,.map-page-radar-info{display:grid;gap:18px}.map-page-radar-polygon{fill:#22c55e1f;stroke:#22c55ebf;stroke-width:.35;transition:fill .2s ease,opacity .2s ease,stroke .2s ease;cursor:pointer}.map-page-radar-polygon.active{fill:#22c55e47;stroke:#86efac}.map-page-radar-polygon.selected{fill:#22c55e38;stroke:#bbf7d0}.map-page-radar-polygon.dimmed{opacity:.2}.map-page-active-callout-card{background:#0f172ab8;border:1px solid rgba(148,163,184,.08);border-radius:14px;padding:22px;min-height:180px;display:flex;flex-direction:column;justify-content:center}.map-page-active-title{margin:0;color:#f8fafc;font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-.02em}.map-page-active-section{margin-top:8px;color:#94a3b8;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.map-page-hover-placeholder{color:#94a3b8;line-height:1.7;margin:0}.map-page-alias-block{margin-top:18px}.map-page-alias-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.map-page-alias-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.22);color:#dcfce7;font-size:12px;font-weight:700}.map-page-toolbar{display:grid;gap:16px;margin-bottom:24px}.map-page-search{width:100%;height:46px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:#0f172ab8;color:#f8fafc;padding:0 16px;font-size:14px;outline:none}.map-page-search::placeholder{color:#64748b}.map-page-filter-row{display:flex;gap:10px;flex-wrap:wrap}.map-page-filter-btn{height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ab8;color:#cbd5e1;font-weight:800;font-size:14px;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.map-page-filter-btn:hover{transform:translateY(-1px)}.map-page-filter-btn.active{background:#22c55e24;border-color:#22c55e42;color:#dcfce7}.map-page-filter-btn span{margin-left:8px;color:#94a3b8}.map-page-directory-sections{display:grid;gap:24px}.map-page-directory-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.map-page-directory-group-header span{color:#94a3b8;font-size:14px}.map-page-callout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.map-page-callout-card{background:#0f172ab8;border:1px solid rgba(148,163,184,.08);border-radius:16px;padding:18px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:border-color .2s ease,transform .15s ease,background .2s ease;cursor:pointer}.map-page-callout-card:hover,.map-page-callout-card.active{transform:translateY(-2px);border-color:#22c55e38;background:#161f34e6}.map-page-callout-card.selected{border-color:#86efac73;background:#161f34f2}.map-page-callout-card-top{display:flex;flex-direction:column;gap:6px}.map-page-callout-card h4{margin:0;color:#f8fafc;font-size:20px;line-height:1.15;font-weight:800}.map-page-callout-section-label{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.map-page-callout-aliases{display:flex;flex-wrap:wrap;gap:8px;min-height:0}.map-page-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.map-page-floor-toggle{display:flex;gap:10px;margin-bottom:18px}.map-page-floor-btn{height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ab8;color:#cbd5e1;font-weight:800;font-size:14px;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.map-page-floor-btn:hover{transform:translateY(-1px)}.map-page-floor-btn.active{background:#22c55e24;border-color:#22c55e42;color:#dcfce7}.map-page-radar-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.map-page-radar-control-btn{height:38px;min-width:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ab8;color:#cbd5e1;font-size:13px;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.map-page-radar-control-btn:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#161f34eb}.map-page-radar-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:#020617e6;border:1px solid rgba(148,163,184,.12);border-radius:18px;overflow:hidden}.map-page-radar-wrap-pannable{cursor:grab}.map-page-radar-wrap.dragging{cursor:grabbing}.map-page-radar-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;transition:transform .18s ease}.map-page-radar-wrap.dragging .map-page-radar-stage{transition:none}.map-page-radar-image,.map-page-radar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-page-radar-image{object-fit:contain;pointer-events:none}.map-page-radar-overlay{z-index:2}@media (max-width: 1100px){.map-page-radar-layout,.map-page-bottom-grid,.map-page-callout-grid{grid-template-columns:1fr}}@media (max-width: 900px){.map-page-hero{grid-template-columns:1fr}.map-page-title{font-size:36px}.map-page-stat-row,.map-page-quiz-mode-grid{grid-template-columns:1fr}.map-page-section-header-row{flex-direction:column}.map-page-reset-map-btn{width:100%}.map-page-scroll-cue{min-height:100px}.map-page-scroll-cue strong{font-size:18px}}.interactive-quiz-page{min-height:100vh;padding:88px 16px 28px;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.interactive-quiz-shell{width:100%;max-width:1080px;margin:0 auto}.interactive-quiz-topbar{margin-bottom:10px}.interactive-quiz-back-btn,.interactive-quiz-loading-card button,.interactive-quiz-error-card button,.interactive-quiz-results-actions button{height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ac7;color:#e2e8f0;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.interactive-quiz-back-btn:hover,.interactive-quiz-loading-card button:hover,.interactive-quiz-error-card button:hover,.interactive-quiz-results-actions button:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#161f34eb}.interactive-quiz-layout{display:grid;gap:16px}.interactive-quiz-layout-single{grid-template-columns:1fr}.interactive-quiz-main-card,.interactive-quiz-loading-card,.interactive-quiz-error-card{background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;box-shadow:0 20px 40px #00000052,0 0 0 1px #ffffff05 inset}.interactive-quiz-main-card{padding:12px;display:grid;gap:12px}.interactive-quiz-loading-card,.interactive-quiz-error-card{padding:20px;display:grid;gap:12px}.interactive-quiz-error-card h1{margin:0;color:#f8fafc}.interactive-quiz-error-card p,.interactive-quiz-loading-card p{margin:0;color:#94a3b8;line-height:1.6}.interactive-quiz-error-actions{display:flex;gap:10px;flex-wrap:wrap}.interactive-quiz-sticky-header{position:sticky;top:70px;z-index:20;background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border-radius:14px;padding-bottom:2px}.interactive-quiz-hud{display:grid;gap:8px}.interactive-quiz-hud-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.interactive-quiz-hud-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.interactive-quiz-hud-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#86efac;font-weight:800}.interactive-quiz-hud-mode-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:#0f172ac7;border:1px solid rgba(148,163,184,.14);color:#cbd5e1;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.interactive-quiz-hud-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.interactive-quiz-hud-progress{min-width:62px;height:32px;padding:0 10px;border-radius:10px;background:#0f172ac7;border:1px solid rgba(148,163,184,.14);color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.interactive-quiz-hud-timer-card{min-width:138px;padding:8px 12px;border-radius:12px;background:#0f172aeb;border:1px solid rgba(245,158,11,.28);display:grid;gap:2px;position:relative}.interactive-quiz-hud-timer-card-live{box-shadow:0 0 0 1px #f59e0b0f inset,0 8px 20px #f59e0b1a}.interactive-quiz-hud-timer-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#fcd34d;font-weight:800}.interactive-quiz-hud-timer-value{color:#f8fafc;font-size:30px;line-height:1;font-weight:900}.interactive-quiz-hud-penalty{position:absolute;right:10px;bottom:8px;color:#fca5a5;font-size:13px;font-weight:900}.interactive-quiz-target-card{padding:10px 14px;border-radius:14px;background:radial-gradient(circle at top,rgba(34,197,94,.1),transparent 65%),#0f172adb;border:1px solid rgba(34,197,94,.16);display:grid;gap:4px}.interactive-quiz-target-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#86efac;font-weight:800}.interactive-quiz-target-mainline{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.interactive-quiz-target-name{color:#f8fafc;font-size:24px;line-height:1;font-weight:900;letter-spacing:-.03em}.interactive-quiz-target-progress-inline{min-width:54px;text-align:right;color:#cbd5e1;font-size:13px;font-weight:800}.interactive-quiz-target-subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#94a3b8;font-size:12px;font-weight:700}.interactive-quiz-canvas{display:grid;gap:8px}.interactive-quiz-canvas-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.interactive-quiz-canvas-floor{display:grid;gap:2px}.interactive-quiz-canvas-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.interactive-quiz-canvas-floor strong{color:#f8fafc;font-size:13px}.interactive-quiz-radar-controls{display:flex;gap:8px}.interactive-quiz-radar-control-btn{height:32px;min-width:38px;padding:0 10px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ab8;color:#cbd5e1;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.interactive-quiz-radar-control-btn:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#161f34eb}.interactive-quiz-map-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#020617eb;border:1px solid rgba(148,163,184,.12);margin:0 auto}.interactive-quiz-map-wrap-pannable{cursor:grab}.interactive-quiz-map-wrap.dragging{cursor:grabbing}.interactive-quiz-map-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;transition:transform .18s ease}.interactive-quiz-map-wrap.dragging .interactive-quiz-map-stage{transition:none}.interactive-quiz-map-image,.interactive-quiz-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.interactive-quiz-map-image{object-fit:fill;pointer-events:none}.interactive-quiz-map-overlay{z-index:2;cursor:crosshair}.interactive-quiz-polygon{fill:#ffffff05;stroke:#94a3b829;stroke-width:.3;transition:fill .15s ease,stroke .15s ease,opacity .15s ease}.interactive-quiz-polygon-target{stroke:#94a3b842}.interactive-quiz-polygon-hovered{fill:#22c55e24;stroke:#86efacd9}.interactive-quiz-polygon-answered{opacity:1}.interactive-quiz-polygon-correct{fill:#22c55e47;stroke:#86eface6}.interactive-quiz-polygon-wrong{fill:#ef44443d;stroke:#fca5a5eb}.interactive-quiz-results{display:grid;gap:22px}.interactive-quiz-results-hero{display:flex;justify-content:space-between;align-items:stretch;gap:16px;flex-wrap:wrap;padding:18px;border-radius:18px;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 42%),#0f172ad6;border:1px solid rgba(34,197,94,.14)}.interactive-quiz-results-hero-copy{display:grid;gap:6px}.interactive-quiz-results-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#86efac;font-weight:800}.interactive-quiz-results-hero-copy h1{margin:0;color:#f8fafc;font-size:32px;line-height:1.1}.interactive-quiz-results-hero-copy p{margin:0;color:#94a3b8;font-size:13px;letter-spacing:.04em;font-weight:700}.interactive-quiz-results-hero-score{min-width:160px;display:grid;align-content:center;justify-items:end;gap:4px}.interactive-quiz-results-hero-score span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#86efac;font-weight:800}.interactive-quiz-results-hero-score strong{color:#f8fafc;font-size:42px;line-height:1}.interactive-quiz-results-grid,.interactive-quiz-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.interactive-quiz-results-stat,.interactive-quiz-progress-stat{padding:16px 18px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:6px}.interactive-quiz-results-stat span,.interactive-quiz-progress-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.interactive-quiz-results-stat strong,.interactive-quiz-progress-stat strong{color:#f8fafc;font-size:22px;line-height:1.1}.interactive-quiz-progress-panel{display:grid;gap:12px}.interactive-quiz-progress-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.interactive-quiz-progress-panel-header h2{margin:0;color:#f8fafc;font-size:20px}.interactive-quiz-progress-note{color:#94a3b8;font-size:14px}.interactive-quiz-progress-message{padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6}.interactive-quiz-progress-message-muted{background:#0f172ac7;border:1px solid rgba(148,163,184,.12);color:#94a3b8}.interactive-quiz-rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.interactive-quiz-rank-card{padding:16px;border-radius:16px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:10px}.interactive-quiz-rank-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.interactive-quiz-rank-card-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.interactive-quiz-rank-card-top strong{color:#f8fafc;font-size:18px}.interactive-quiz-rank-card-meta{color:#94a3b8;font-size:14px;line-height:1.5}.interactive-quiz-rank-bar{width:100%;height:10px;border-radius:999px;background:#334155b3;overflow:hidden}.interactive-quiz-rank-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#86efac)}.interactive-quiz-rank-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#cbd5e1;font-size:14px;font-weight:700}.interactive-quiz-results-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 900px){.interactive-quiz-results-grid,.interactive-quiz-progress-grid{grid-template-columns:1fr 1fr}.interactive-quiz-rank-cards{grid-template-columns:1fr}.interactive-quiz-results-hero-score strong{font-size:36px}}@media (max-width: 640px){.interactive-quiz-results-grid,.interactive-quiz-progress-grid{grid-template-columns:1fr}.interactive-quiz-results-hero-score{justify-items:start}.interactive-quiz-results-actions{flex-direction:column}.interactive-quiz-results-actions button{width:100%}}@media (max-width: 900px){.interactive-quiz-results-grid{grid-template-columns:1fr 1fr}.interactive-quiz-target-name{font-size:21px}.interactive-quiz-hud-timer-value{font-size:26px}}@media (max-width: 640px){.interactive-quiz-page{padding:82px 10px 24px}.interactive-quiz-main-card,.interactive-quiz-loading-card,.interactive-quiz-error-card{padding:12px}.interactive-quiz-sticky-header{top:62px}.interactive-quiz-results-header h1{font-size:24px}.interactive-quiz-results-grid{grid-template-columns:1fr}.interactive-quiz-results-actions{flex-direction:column}.interactive-quiz-results-actions button,.interactive-quiz-back-btn{width:100%}.interactive-quiz-hud-topline,.interactive-quiz-canvas-toolbar{align-items:stretch}.interactive-quiz-hud-right{width:100%;justify-content:space-between}.interactive-quiz-target-mainline{flex-direction:column;align-items:flex-start}.interactive-quiz-target-progress-inline{text-align:left}}.screenshot-quiz-page{min-height:100vh;padding:96px 16px 32px;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.screenshot-quiz-shell{width:100%;max-width:1120px;margin:0 auto}.screenshot-quiz-topbar{margin-bottom:12px}.screenshot-quiz-topbar button,.screenshot-quiz-actions button,.screenshot-quiz-submit-btn,.screenshot-quiz-review-toggle,.screenshot-quiz-card>button{height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ac7;color:#e2e8f0;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.screenshot-quiz-topbar button:hover,.screenshot-quiz-actions button:hover,.screenshot-quiz-submit-btn:hover,.screenshot-quiz-review-toggle:hover,.screenshot-quiz-card>button:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#161f34eb}.screenshot-quiz-card{background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;box-shadow:0 20px 40px #00000052,0 0 0 1px #ffffff05 inset;padding:18px;display:grid;gap:18px}.screenshot-quiz-results-card{gap:22px}.screenshot-quiz-card h1{margin:0;color:#f8fafc;font-size:30px;line-height:1.1}.screenshot-quiz-card p{margin:0;color:#94a3b8;line-height:1.6}.screenshot-quiz-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#86efac;font-weight:800}.screenshot-quiz-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.screenshot-quiz-header h1{font-size:28px}.screenshot-quiz-progress{min-width:72px;height:36px;padding:0 12px;border-radius:10px;background:#0f172ac7;border:1px solid rgba(148,163,184,.14);color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.screenshot-quiz-play-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;align-items:stretch}.screenshot-quiz-image-wrap{width:100%;border-radius:18px;overflow:hidden;background:#020617eb;border:1px solid rgba(148,163,184,.12);min-height:360px}.screenshot-quiz-image{display:block;width:100%;height:100%;max-height:560px;object-fit:cover;background:#020617}.screenshot-quiz-answer-panel{display:grid;gap:12px;align-content:start;background:#0f172a7a;border:1px solid rgba(148,163,184,.08);border-radius:18px;padding:14px}.screenshot-quiz-options{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(72px,1fr)}.screenshot-quiz-option{min-height:72px;padding:14px;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:#0f172ac7;color:#f8fafc;font-size:15px;font-weight:700;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.screenshot-quiz-option:hover:not(:disabled){transform:translateY(-1px);border-color:#22c55e38;background:#161f34eb}.screenshot-quiz-option:disabled{cursor:default}.screenshot-quiz-option-placeholder{background:#1e293b75;border-style:dashed;color:#64748b}.screenshot-quiz-option-correct{background:#22c55e2e;border-color:#86efac80;color:#dcfce7}.screenshot-quiz-option-wrong{background:#ef444429;border-color:#fca5a575;color:#fee2e2}.screenshot-quiz-answer-form{display:grid;gap:12px}.screenshot-quiz-answer-label{color:#cbd5e1;font-size:14px;font-weight:700}.screenshot-quiz-answer-input{width:100%;height:52px;padding:0 14px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#0f172ac7;color:#f8fafc;font-size:16px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.screenshot-quiz-answer-input:focus{border-color:#22c55e47;box-shadow:0 0 0 3px #22c55e14}.screenshot-quiz-answer-input::placeholder{color:#64748b}.screenshot-quiz-feedback{padding:12px 14px;border-radius:12px;font-size:14px;font-weight:700}.screenshot-quiz-feedback-correct{background:#22c55e24;border:1px solid rgba(134,239,172,.3);color:#dcfce7}.screenshot-quiz-feedback-wrong{background:#ef444424;border:1px solid rgba(252,165,165,.28);color:#fee2e2}.screenshot-quiz-results-hero{display:flex;justify-content:space-between;align-items:stretch;gap:16px;flex-wrap:wrap;padding:18px;border-radius:18px;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 42%),#0f172ad6;border:1px solid rgba(34,197,94,.14)}.screenshot-quiz-results-hero-copy{display:grid;gap:6px}.screenshot-quiz-results-hero-score{min-width:160px;display:grid;align-content:center;justify-items:end;gap:4px}.screenshot-quiz-results-hero-score span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#86efac;font-weight:800}.screenshot-quiz-results-hero-score strong{color:#f8fafc;font-size:42px;line-height:1}.screenshot-quiz-results-grid,.screenshot-quiz-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.screenshot-quiz-result-stat,.screenshot-quiz-progress-stat{padding:14px 16px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:6px}.screenshot-quiz-result-stat span,.screenshot-quiz-progress-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.screenshot-quiz-result-stat strong,.screenshot-quiz-progress-stat strong{color:#f8fafc;font-size:22px;line-height:1.1}.screenshot-quiz-progress-panel{display:grid;gap:12px}.screenshot-quiz-progress-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.screenshot-quiz-progress-panel-header h2{margin:0;color:#f8fafc;font-size:20px}.screenshot-quiz-progress-note{color:#94a3b8;font-size:14px}.screenshot-quiz-progress-message{padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6}.screenshot-quiz-progress-message-muted{background:#0f172ac7;border:1px solid rgba(148,163,184,.12);color:#94a3b8}.screenshot-quiz-rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screenshot-quiz-rank-card{padding:16px;border-radius:16px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:10px}.screenshot-quiz-rank-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.screenshot-quiz-rank-card-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.screenshot-quiz-rank-card-top strong{color:#f8fafc;font-size:18px}.screenshot-quiz-rank-card-meta{color:#94a3b8;font-size:14px;line-height:1.5}.screenshot-quiz-rank-bar{width:100%;height:10px;border-radius:999px;background:#334155b3;overflow:hidden}.screenshot-quiz-rank-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#86efac)}.screenshot-quiz-rank-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#cbd5e1;font-size:14px;font-weight:700}.screenshot-quiz-review-panel{display:grid;gap:12px}.screenshot-quiz-review-toggle{justify-self:start}.screenshot-quiz-missed-list{display:grid;gap:10px}.screenshot-quiz-missed-item{padding:14px 16px;border-radius:12px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:4px}.screenshot-quiz-missed-item-with-image{grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:stretch}.screenshot-quiz-missed-image-wrap{width:100%;min-height:200px;border-radius:12px;overflow:hidden;background:#020617;border:1px solid rgba(148,163,184,.12);display:flex;align-items:center;justify-content:center;padding:8px}.screenshot-quiz-missed-image{display:block;width:100%;height:100%;max-height:220px;object-fit:contain}.screenshot-quiz-missed-content{display:grid;gap:6px}.screenshot-quiz-missed-item strong{color:#f8fafc;font-size:15px}.screenshot-quiz-missed-item span{color:#94a3b8;font-size:14px;line-height:1.5}.screenshot-quiz-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 980px){.screenshot-quiz-play-layout{grid-template-columns:1fr}.screenshot-quiz-image{max-height:460px}.screenshot-quiz-rank-cards{grid-template-columns:1fr}}@media (max-width: 900px){.screenshot-quiz-results-grid,.screenshot-quiz-progress-grid{grid-template-columns:1fr 1fr}.screenshot-quiz-results-hero-score strong{font-size:36px}}@media (max-width: 640px){.screenshot-quiz-page{padding:84px 10px 24px}.screenshot-quiz-card{padding:14px}.screenshot-quiz-header{align-items:stretch}.screenshot-quiz-options,.screenshot-quiz-results-grid,.screenshot-quiz-progress-grid{grid-template-columns:1fr}.screenshot-quiz-results-hero{padding:16px}.screenshot-quiz-results-hero-score{justify-items:start}.screenshot-quiz-actions{flex-direction:column}.screenshot-quiz-actions button,.screenshot-quiz-topbar button,.screenshot-quiz-submit-btn,.screenshot-quiz-review-toggle,.screenshot-quiz-card>button{width:100%}.screenshot-quiz-image{max-height:320px}}.screenshot-quiz-missed-item-with-image{grid-template-columns:1fr}.screenshot-quiz-missed-image-wrap{min-height:220px}.screenshot-quiz-missed-image{max-height:240px}.dragdrop-quiz-page{min-height:100vh;padding:96px 16px 32px;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#020617;background-size:auto,40px 40px,40px 40px,auto}.dragdrop-quiz-shell{width:100%;max-width:1320px;margin:0 auto}.dragdrop-quiz-topbar{margin-bottom:12px}.dragdrop-quiz-back-btn,.dragdrop-quiz-submit-btn,.dragdrop-quiz-results-actions button,.dragdrop-quiz-error-actions button{height:42px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ac7;color:#e2e8f0;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.dragdrop-quiz-back-btn:hover,.dragdrop-quiz-submit-btn:hover,.dragdrop-quiz-results-actions button:hover,.dragdrop-quiz-error-actions button:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#161f34eb}.dragdrop-quiz-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.dragdrop-quiz-sidebar,.dragdrop-quiz-canvas-card,.dragdrop-quiz-loading-card,.dragdrop-quiz-error-card,.dragdrop-quiz-results{background:linear-gradient(180deg,#111827fa,#0a0f1cfa);border:1px solid rgba(148,163,184,.12);border-radius:18px;box-shadow:0 20px 40px #00000052,0 0 0 1px #ffffff05 inset}.dragdrop-quiz-sidebar{padding:18px;display:grid;gap:16px;position:sticky;top:96px}.dragdrop-quiz-sidebar-header{display:grid;gap:6px}.dragdrop-quiz-kicker,.dragdrop-quiz-results-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#86efac;font-weight:800}.dragdrop-quiz-sidebar-header h1,.dragdrop-quiz-results-hero-copy h1,.dragdrop-quiz-error-card h1{margin:0;color:#f8fafc;font-size:30px;line-height:1.1}.dragdrop-quiz-sidebar-header p,.dragdrop-quiz-results-hero-copy p,.dragdrop-quiz-error-card p,.dragdrop-quiz-loading-card p{margin:0;color:#94a3b8;line-height:1.6}.dragdrop-quiz-sidebar-stats{display:grid;grid-template-columns:1fr;gap:10px}.dragdrop-quiz-sidebar-stat{padding:14px 16px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:6px}.dragdrop-quiz-sidebar-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.dragdrop-quiz-sidebar-stat strong{color:#f8fafc;font-size:24px;line-height:1.1}.dragdrop-quiz-sidebar-stat-penalty{border-color:#ef44444d;box-shadow:0 0 18px #ef444414}.dragdrop-quiz-sidebar-labels{display:grid;gap:10px;max-height:640px;overflow-y:auto;padding-right:4px}.dragdrop-quiz-label-chip{border-radius:14px;border:1px solid rgba(148,163,184,.14);background:#0f172ad1;padding:14px;display:grid;gap:10px;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.dragdrop-quiz-label-chip:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#161f34eb}.dragdrop-quiz-label-chip-active{background:#22c55e24;border-color:#4ade8057;box-shadow:0 0 0 1px #4ade800f inset,0 0 14px #22c55e14}.dragdrop-quiz-label-chip-placed{background:#22c55e1a;border-color:#4ade8033}.dragdrop-quiz-label-chip-main{display:grid;gap:4px}.dragdrop-quiz-label-chip-main strong{color:#f8fafc;font-size:15px;line-height:1.3}.dragdrop-quiz-label-chip-main span{color:#94a3b8;font-size:13px;line-height:1.4}.dragdrop-quiz-label-chip-actions{display:flex;justify-content:flex-end}.dragdrop-quiz-label-remove{height:30px;padding:0 10px;border-radius:8px;border:1px solid rgba(148,163,184,.14);background:#020617cc;color:#cbd5e1;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.dragdrop-quiz-label-remove:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#0f172af2}.dragdrop-quiz-sidebar-footer{padding-top:4px}.dragdrop-quiz-submit-btn{width:100%}.dragdrop-quiz-canvas-card{padding:18px;display:grid;gap:16px}.dragdrop-quiz-floor-tabs{display:flex;gap:10px;flex-wrap:wrap}.dragdrop-quiz-floor-tab{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.14);background:#0f172ac7;color:#cbd5e1;font-weight:700;cursor:pointer}.dragdrop-quiz-floor-tab-active{background:#22c55e1f;border-color:#4ade8047;color:#dcfce7}.dragdrop-quiz-canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#020617;border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 0 0 1px #ffffff04,0 10px 24px #0003;-webkit-user-select:none;user-select:none}.dragdrop-quiz-map-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.dragdrop-quiz-svg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dragdrop-quiz-polygon{stroke:#94a3b84d;stroke-width:.45;pointer-events:auto;transition:fill .15s ease,stroke .15s ease,opacity .15s ease,filter .15s ease}.dragdrop-quiz-polygon-default{fill:#94a3b808}.dragdrop-quiz-polygon-available{cursor:pointer}.dragdrop-quiz-polygon-hovered{fill:#22c55e33;stroke:#86eface0;stroke-width:.8;filter:drop-shadow(0 0 5px rgba(74,222,128,.12))}.dragdrop-quiz-polygon-placed{fill:#22c55e24;stroke:#4ade80c7;stroke-width:.65}.dragdrop-quiz-polygon-indicator{fill:#86efac;stroke:#020617f2;stroke-width:.3;pointer-events:none;filter:drop-shadow(0 0 3px rgba(74,222,128,.16))}.dragdrop-quiz-canvas-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#94a3b8;font-size:13px;line-height:1.5}.dragdrop-quiz-loading-card,.dragdrop-quiz-error-card{padding:28px;display:grid;gap:12px}.dragdrop-quiz-results{padding:24px;display:grid;gap:22px}.dragdrop-quiz-results-hero{display:flex;justify-content:space-between;align-items:stretch;gap:16px;flex-wrap:wrap;padding:18px;border-radius:18px;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 42%),#0f172ad6;border:1px solid rgba(34,197,94,.14)}.dragdrop-quiz-results-hero-copy{display:grid;gap:6px}.dragdrop-quiz-results-hero-score{min-width:160px;display:grid;align-content:center;justify-items:end;gap:4px}.dragdrop-quiz-results-hero-score span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#86efac;font-weight:800}.dragdrop-quiz-results-hero-score strong{color:#f8fafc;font-size:42px;line-height:1}.dragdrop-quiz-results-grid,.dragdrop-quiz-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dragdrop-quiz-results-stat,.dragdrop-quiz-progress-stat{padding:16px 18px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:6px}.dragdrop-quiz-results-stat span,.dragdrop-quiz-progress-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.dragdrop-quiz-results-stat strong,.dragdrop-quiz-progress-stat strong{color:#f8fafc;font-size:22px;line-height:1.1}.dragdrop-quiz-progress-panel{display:grid;gap:12px}.dragdrop-quiz-progress-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dragdrop-quiz-progress-panel-header h2{margin:0;color:#f8fafc;font-size:20px}.dragdrop-quiz-progress-note{color:#94a3b8;font-size:14px}.dragdrop-quiz-progress-message{padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6}.dragdrop-quiz-progress-message-muted{background:#0f172ac7;border:1px solid rgba(148,163,184,.12);color:#94a3b8}.dragdrop-quiz-rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dragdrop-quiz-rank-card{padding:16px;border-radius:16px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:10px}.dragdrop-quiz-rank-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.dragdrop-quiz-rank-card-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.dragdrop-quiz-rank-card-top strong{color:#f8fafc;font-size:18px}.dragdrop-quiz-rank-card-meta{color:#94a3b8;font-size:14px;line-height:1.5}.dragdrop-quiz-rank-bar{width:100%;height:10px;border-radius:999px;background:#334155b3;overflow:hidden}.dragdrop-quiz-rank-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#86efac)}.dragdrop-quiz-rank-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#cbd5e1;font-size:14px;font-weight:700}.dragdrop-quiz-results-actions{display:flex;gap:12px;flex-wrap:wrap}.dragdrop-quiz-sidebar-instruction{padding:14px 16px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:6px}.dragdrop-quiz-sidebar-instruction strong{color:#f8fafc;font-size:15px;line-height:1.3}.dragdrop-quiz-sidebar-instruction span{color:#94a3b8;font-size:13px;line-height:1.5}.dragdrop-quiz-active-chip{display:inline-grid;gap:4px;justify-self:start;padding:12px 14px;border-radius:12px;background:#22c55e1a;border:1px solid rgba(74,222,128,.24);box-shadow:0 0 16px #22c55e0f,0 0 0 1px #ffffff05 inset}.dragdrop-quiz-active-chip span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#86efac;font-weight:800}.dragdrop-quiz-active-chip strong{color:#f8fafc;font-size:15px;line-height:1.2}.dragdrop-quiz-canvas-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.dragdrop-quiz-canvas-header-copy{display:grid;gap:6px}.dragdrop-quiz-canvas-header-copy h2{margin:0;color:#f8fafc;font-size:24px;line-height:1.1}.dragdrop-quiz-canvas-header-actions{display:flex;align-items:center;gap:10px}.dragdrop-quiz-submit-btn-inline{min-width:160px}.dragdrop-quiz-drag-ghost{position:fixed;z-index:9999;transform:translate(14px,14px);pointer-events:none;padding:10px 12px;border-radius:10px;background:#0f172af5;border:1px solid rgba(74,222,128,.32);color:#f8fafc;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 25px #00000052,0 0 14px #22c55e1a}.dragdrop-quiz-dragging,.dragdrop-quiz-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}.dragdrop-quiz-label-chip{user-select:none;-webkit-user-select:none}.dragdrop-review-board{display:grid;gap:16px}.dragdrop-review-board-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.dragdrop-review-board-header h2{margin:6px 0 0;color:#f8fafc;font-size:24px;line-height:1.1}.dragdrop-review-floor-tabs{display:flex;gap:10px;flex-wrap:wrap}.dragdrop-review-floor-tab{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.14);background:#0f172ac7;color:#cbd5e1;font-weight:700;cursor:pointer}.dragdrop-review-floor-tab-active{background:#22c55e1f;border-color:#4ade8047;color:#dcfce7}.dragdrop-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.dragdrop-review-map-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#020617;border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 0 0 1px #ffffff04,0 10px 24px #0003}.dragdrop-review-map-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.dragdrop-review-svg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dragdrop-review-polygon{stroke-width:.65;transition:fill .15s ease,stroke .15s ease,filter .15s ease}.dragdrop-review-polygon-neutral{fill:#94a3b808;stroke:#94a3b833}.dragdrop-review-polygon-correct{fill:#22c55e29;stroke:#4ade80c7}.dragdrop-review-polygon-wrong{fill:#ef444433;stroke:#f87171e6;cursor:pointer}.dragdrop-review-polygon-wrong:hover{fill:#ef444447;stroke:#fca5a5;filter:drop-shadow(0 0 5px rgba(248,113,113,.14))}.dragdrop-review-info-card{padding:18px;border-radius:16px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12);display:grid;gap:12px}.dragdrop-review-info-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.dragdrop-review-info-card h3{margin:0;color:#f8fafc;font-size:22px;line-height:1.1}.dragdrop-review-info-card p{margin:0;color:#94a3b8;line-height:1.6}.dragdrop-review-info-row{display:grid;gap:4px}.dragdrop-review-info-row span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.dragdrop-review-info-row strong{color:#f8fafc;font-size:15px;line-height:1.4}@media (max-width: 900px){.dragdrop-review-layout{grid-template-columns:1fr}}@media (max-width: 1100px){.dragdrop-quiz-layout{grid-template-columns:1fr}.dragdrop-quiz-sidebar{position:static}}@media (max-width: 900px){.dragdrop-quiz-results-grid,.dragdrop-quiz-progress-grid{grid-template-columns:1fr 1fr}.dragdrop-quiz-rank-cards{grid-template-columns:1fr}.dragdrop-quiz-results-hero-score strong{font-size:36px}}@media (max-width: 640px){.dragdrop-quiz-page{padding:84px 10px 24px}.dragdrop-quiz-sidebar,.dragdrop-quiz-canvas-card,.dragdrop-quiz-results{padding:14px}.dragdrop-quiz-results-grid,.dragdrop-quiz-progress-grid{grid-template-columns:1fr}.dragdrop-quiz-results-hero-score{justify-items:start}.dragdrop-quiz-results-actions{flex-direction:column}.dragdrop-quiz-results-actions button,.dragdrop-quiz-back-btn,.dragdrop-quiz-submit-btn{width:100%}.dragdrop-quiz-canvas-note{flex-direction:column}.dragdrop-quiz-canvas-header{flex-direction:column;align-items:stretch}.dragdrop-quiz-submit-btn-inline{width:100%}}