:root{--primary-color:#000;--background-color:#fff;--spacing-unit:1rem;--container-width:800px}*{box-sizing:border-box;margin:0;padding:0}button{-webkit-tap-highlight-color:transparent}body{background:var(--background-color);color:var(--primary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}body.no-scroll{overflow:hidden}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:var(--container-width);min-height:100vh;padding:calc(var(--spacing-unit)*1)}.app-main{flex:1;position:relative}.app-header{margin-bottom:calc(var(--spacing-unit)*3);text-align:center}.app-header h1{font-size:2rem;font-weight:900;letter-spacing:-.05em}.quiz-section{display:grid;gap:var(--spacing-unit);grid-template-areas:"status" "map" "options"}.status-bar{grid-area:status}.map-section{grid-area:map}.options-grid{display:grid;gap:var(--spacing-unit);grid-area:options;grid-template-columns:1fr}.options-grid button{font-size:clamp(12px,2vw,16px);min-width:120px;padding:10px;transform:scale(var(--scale,1));transform-origin:left center;white-space:nowrap;width:100%}@media (min-width:540px){.options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.options-grid{grid-template-columns:repeat(4,1fr)}}.option-btn{align-items:center;background:none;border:2px solid var(--primary-color);border-radius:0;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:1;min-height:60px;min-width:120px;padding:0 6px;text-align:center;transition:background-color .2s ease,color .2s ease;white-space:nowrap;width:100%}.option-btn:hover:not(:disabled){background:var(--primary-color);color:var(--background-color)}.option-btn.correct{background:green;border-color:green;color:var(--background-color)}.option-btn.wrong{background:red;border-color:red;color:var(--background-color)}.option-btn:disabled:not(.correct):not(.wrong){background-color:#f5f5f5;border-color:#f5f5f5;color:#888}.status-bar{display:flex;flex-direction:column;gap:calc(var(--spacing-unit)*.5)}.score-container{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.score-display{font-size:1.25rem;font-weight:700;white-space:nowrap}.progress-track{background:#eee;height:3px;width:100%}.progress-fill{background:var(--primary-color);height:100%;transition:width .3s ease}.map-section{aspect-ratio:16/9;border:2px solid var(--primary-color);margin:calc(var(--spacing-unit)*2) 0}.end-screen{padding:20px}.result-card{left:0;margin:20px auto;position:relative;top:0;transform:none}@media (min-width:768px){.result-card{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}}#map-chart{height:100%;width:100%}.end-screen{bottom:0;display:none;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1000}.end-screen,.result-card{background:var(--background-color)}.result-card{border:2px solid var(--primary-color);left:50%;max-width:480px;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.result-card h2{color:var(--primary-color);font-size:1.8rem;font-weight:900;margin-bottom:2rem}.final-stats{margin:2rem 0}.final-stats p{margin:8px 0}.rank-display,.rank-label{margin-bottom:1.5rem}.rank-label{color:var(--primary-color);display:block;font-size:1.5rem;font-weight:900}.rank-grade{align-items:center;border:none;color:var(--background-color);display:flex;font-size:3rem;font-weight:900;height:100px;justify-content:center;margin:0 auto;width:100px}.rank-s{background:gold}.rank-a{background:#ff2d2d}.rank-b{background:#2d55ff}.rank-c{background:#1db51d}.rank-d{background:#8b1d8b}.rank-f{background:var(--primary-color)}.stats-grid{border:2px solid var(--primary-color);display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:2rem 0;padding:1rem}.stat-item{padding:.5rem}.stat-label{color:#666;font-weight:600}.stat-value-container{align-items:center;display:flex;justify-content:center}.restart-button{background:var(--background-color);border:2px solid var(--primary-color);color:var(--primary-color);cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .2s ease}.restart-button:hover{background:var(--primary-color);color:var(--background-color)}.restart-button:active{transform:translate(2px,2px)}.loading-screen{align-items:center;background:var(--background-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .1s ease-out;width:100%;z-index:1000}#quiz-container{display:none}.loading-text{color:var(--primary-color);font-size:1rem;font-weight:700;letter-spacing:-.05em;margin-top:calc(var(--spacing-unit)*2)}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #eee;border-radius:50%;border-top:2px solid var(--primary-color);height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message{background:var(--primary-color);color:var(--background-color);font-weight:600;left:50%;padding:var(--spacing-unit) calc(var(--spacing-unit)*2);position:fixed;top:calc(var(--spacing-unit)*2);transform:translateX(-50%);z-index:1000}.message.correct{background:green}.message.wrong{background:red}.stats-display{color:#666;font-size:.9em;margin:5px 0;text-align:center;text-align:right;white-space:nowrap}.footer{margin-top:auto;padding:1rem 0;text-align:center}.footer-content{margin:0 auto;max-width:600px}.footer p{color:#666;margin:.5rem 0}.footer a{color:#666;text-decoration:none;transition:color .2s}.footer a:hover{color:#333}.source-main{padding:1rem}.file-section{margin:2rem 0}.file-section h2{background:#f5f5f5;border:1px solid #ddd;border-bottom:none;font-size:1rem;padding:.5rem}.source-files pre{border:1px solid #ddd;padding:1rem}.source-files code{font-family:JetBrains Mono,Consolas,monospace;line-height:1.5}.source-header{border-bottom:1px solid #eee;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.source-header h1{font-size:2.5rem;margin-bottom:1rem}.source-description{color:#666;font-size:1.1rem}.source-main{margin:0 auto;max-width:1200px;padding:2rem}.file-section{background:#fff;border-radius:0;box-shadow:4px 4px 0 #000;margin:3rem 0}.file-section h2{border-radius:0;padding:1rem 1.5rem}.file-description,.file-section h2{background:#f8f9fa;border-bottom:1px solid #eee;margin:0}.file-description{color:#666;font-size:.9rem;padding:.5rem 1.5rem}.source-files pre{background:#fff;border-radius:0;margin:0;max-height:600px;overflow-x:auto;padding:1.5rem}.source-files code{font-family:Fira Code,JetBrains Mono,Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.home-link{border:1px solid #333;border-radius:0;box-shadow:4px 4px 0 #000;color:#333;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.home-link:hover{background:#333;color:#fff}.distribution-chart{margin:2rem 0 0;padding:.5rem 0}#score-distribution{display:none;height:150px;width:100%}.percentile{color:var(--primary-color);font-size:1.1rem;font-weight:900;margin-top:.5rem;padding-top:1rem}.stats-row{border:2px solid var(--primary-color);display:flex;gap:3rem;justify-content:center;margin:2rem auto;max-width:300px;padding:1rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.9rem;font-weight:700}.stat-label,.stat-value{color:var(--primary-color)}.stat-value{font-size:2rem;font-weight:900}.unit{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-left:2px}#score-fraction{display:none}.fraction-divider{color:var(--primary-color);font-size:1.5rem;font-weight:700}