:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html,body{min-height:100vh;width:100vw;box-sizing:border-box;scroll-behavior:smooth}*{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){h1,h2{font-size:2rem!important}.card,.quiz-container{padding:1rem!important}}.fade-in{animation:fadeIn .7s cubic-bezier(.4,2,.6,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.header{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:1.5rem 2rem;box-shadow:0 4px 32px #0008;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-title{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 0 20px #ffd700,0 0 40px #ffd700;margin:0;display:flex;align-items:center}.title-letter{display:inline-block;animation:letterFloat 2s ease-in-out infinite;margin:0 .1rem}.title-letter:nth-child(1){animation-delay:0s}.title-letter:nth-child(2){animation-delay:.1s}.title-letter:nth-child(3){animation-delay:.2s}.title-letter:nth-child(4){animation-delay:.3s}.title-letter:nth-child(5){animation-delay:.4s}.title-letter:nth-child(7){animation-delay:.5s}.title-letter:nth-child(8){animation-delay:.6s}.title-letter:nth-child(9){animation-delay:.7s}.title-letter:nth-child(10){animation-delay:.8s}.title-letter:nth-child(11){animation-delay:.9s}.title-letter:nth-child(12){animation-delay:1s}.title-space{width:1rem}@keyframes letterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.back-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;color:#1a1a2e;cursor:pointer;box-shadow:0 4px 16px #ffd70040;transition:all .3s ease;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.back-button:hover:before{left:100%}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70060}.back-button:active{transform:translateY(0)}@media (max-width: 768px){.header-title{font-size:2rem}.header{padding:1rem}.back-button{padding:.6rem 1rem;font-size:.9rem}}.main-menu{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:2rem;width:100vw;max-width:100vw}.menu-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:100%;padding:0 2rem}.menu-item{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border:2px solid #ffd700;border-radius:16px;padding:2rem 1.5rem;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006;min-height:200px;display:flex;flex-direction:column;justify-content:center}.menu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.menu-item:hover:before{transform:translate(100%)}.menu-item:hover{transform:translateY(-6px) scale(1.02);border-color:#ffed4e;box-shadow:0 16px 48px #ffd70020,0 0 32px #ffd70040}.menu-item:active{transform:translateY(-3px) scale(1.01)}.menu-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px #0008);animation:iconFloat 3s ease-in-out infinite}.menu-text{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 2px 8px #0008;letter-spacing:1px}.menu-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;pointer-events:none}.menu-item:hover .menu-glow{transform:translate(-50%,-50%) scale(1)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 1200px){.menu-container{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1.5rem}}@media (max-width: 768px){.menu-container{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.menu-item{padding:1.5rem 1rem;min-height:150px}.menu-icon{font-size:2.5rem}.menu-text{font-size:1.2rem}}.learn-container{max-width:900px;margin:2rem auto;background:linear-gradient(135deg,#232526,#414345);border-radius:24px;box-shadow:0 8px 48px #0006;padding:2.5rem 2rem;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif}.learn-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:2.5rem;letter-spacing:1.5px;text-shadow:0 2px 16px #0008;display:flex;align-items:center;justify-content:center;gap:1rem}.learn-content{display:flex;flex-direction:column;gap:2.2rem}.learn-paragraph{background:#242424f2;border:2px solid #21d4fd;border-radius:16px;padding:1.5rem 1.2rem;font-size:1.15rem;line-height:1.7;box-shadow:0 2px 16px #21d4fd33;display:flex;align-items:center;gap:1.2rem;position:relative}.learn-sticker{font-size:2rem;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 8px #0008)}@media (max-width: 700px){.learn-container{padding:1rem .5rem}.learn-title{font-size:1.5rem}.learn-paragraph{font-size:1rem;padding:1rem .5rem}}.rules-container{max-width:900px;margin:2rem auto;padding:2rem}.rules-content{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:24px;box-shadow:0 8px 48px #0006;padding:2.5rem;color:#fff}.rules-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:2.5rem;color:gold;text-shadow:0 0 20px #ffd70040}.rules-section{margin-bottom:2.5rem;padding:1.5rem;background:#242424cc;border-radius:16px;border:1px solid #ffd70040}.rules-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:gold}.step-list{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffd7000d;border-radius:12px;border-left:4px solid #ffd700}.step-number{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0}.step-content h4{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:gold}.step-content p{font-size:1rem;line-height:1.6;color:#e0e0e0}.scoring-info{display:flex;flex-direction:column;gap:1rem}.score-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffd7000d;border-radius:8px;border:1px solid #ffd70040}.score-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px #0008)}.rules-list{list-style:none;padding:0}.rules-list li{border-bottom:1px solid #ffd70020;position:relative;padding:.8rem 0 .8rem 2rem}.rules-list li:before{content:"▶";position:absolute;left:0;color:gold;font-weight:700}.rules-list li:last-child{border-bottom:none}@media (max-width: 768px){.rules-container{padding:1rem}.rules-content{padding:1.5rem}.rules-title{font-size:2rem}.step{flex-direction:column;gap:.5rem}.step-number{align-self:flex-start}}.results-container{max-width:900px;margin:2rem auto;padding:2rem}.results-content{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:24px;box-shadow:0 8px 48px #0006;padding:2.5rem;color:#fff}.results-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:2.5rem;color:gold;text-shadow:0 0 20px #ffd70040}.no-results{text-align:center;padding:3rem 2rem}.no-results-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px #0008)}.no-results p{font-size:1.2rem;color:#e0e0e0;margin:.5rem 0}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background:#242424cc;border-radius:16px;border:1px solid #ffd70040}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#ffd7000d;border-radius:12px;border:1px solid #ffd70040}.summary-label{font-size:.9rem;color:gold;margin-bottom:.5rem;font-weight:600}.summary-value{font-size:1.5rem;font-weight:800;color:#fff}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:#242424cc;border-radius:16px;padding:1.5rem;border:1px solid #ffd70040;transition:all .3s ease;position:relative;overflow:hidden}.result-item.latest{border-color:gold;background:#ffd7000d}.result-item.latest:before{content:"LATEST";position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;padding:.3rem .8rem;border-radius:8px;font-size:.8rem;font-weight:700}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-rank{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;padding:.5rem 1rem;border-radius:8px;font-weight:800;font-size:1.1rem}.result-date{text-align:right}.result-date-main{font-size:1rem;font-weight:600;color:gold}.result-time{font-size:.9rem;color:#b0b0b0}.result-score{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-display{display:flex;align-items:baseline;gap:.3rem}.score-number{font-size:2rem;font-weight:800;color:gold}.score-separator,.score-total{font-size:1.5rem;color:#b0b0b0}.score-percentage{font-size:1.2rem;font-weight:700;color:#21d4fd}.result-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.result-progress{height:100%;background:linear-gradient(90deg,gold,#21d4fd);border-radius:4px;transition:width .8s ease}@media (max-width: 768px){.results-container{padding:1rem}.results-content{padding:1.5rem}.results-title{font-size:2rem}.results-summary{grid-template-columns:1fr}.result-header{flex-direction:column;gap:1rem;align-items:flex-start}.result-date{text-align:left}}