:root{font-family:system-ui,Arial,sans-serif;color:#25385b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(140deg,#b9edffbb,#f9f4ffcc),url('assets/castle-land.webp') center/cover fixed;color:#23345b}button,input,select{font:inherit}button{cursor:pointer}a{color:#174fba}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ffbb23;outline-offset:3px}.wrap{max-width:1100px;margin:auto;padding:20px 16px 60px}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.top a{background:#fff;border:2px solid #a4b9ec;border-radius:15px;padding:10px 15px;text-decoration:none;font-weight:800}.hero{background:linear-gradient(110deg,#372c9ce8,#267ecfe8);border:4px solid #fff;border-radius:30px;color:#fff;padding:26px;box-shadow:0 16px 40px #2b32734b;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero img{width:110px;height:110px;object-fit:cover;border-radius:50%;border:4px solid #ffdc64}.hero h1{font-size:clamp(25px,4vw,44px);margin:0}.hero p{margin:8px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:18px}.panel{background:#fffffff2;border:3px solid #fff;border-radius:25px;padding:22px;box-shadow:0 10px 30px #2d457a2c}.panel h2{margin:0 0 14px;font-size:22px}.action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(#fff39e,#ffc83f);border:2px solid #fff;border-bottom:5px solid #d49114;color:#44300c;border-radius:16px;font-weight:900;padding:12px 17px;min-height:48px}.action.secondary{background:linear-gradient(#ddf7ff,#99dbff);border-bottom-color:#4089bc;color:#1d4370}.action.purple{background:linear-gradient(#e6d6ff,#bc9aff);border-bottom-color:#7a57b9;color:#38226c}.action:active{transform:translateY(3px);border-bottom-width:2px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}label{font-weight:750}input,select{border:2px solid #aec4ec;background:#fff;border-radius:12px;padding:10px;max-width:100%;min-height:45px}.muted{color:#5c6d8a}.metric{font-size:29px;font-weight:900;color:#4230a1}.progress{background:#e0e8f4;border-radius:20px;height:15px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#4ccca4,#29a5da);height:100%;border-radius:20px}.skill{margin:14px 0}.skill>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.question{font-size:clamp(22px,4vw,33px);font-weight:900;line-height:1.45}.visual{font-size:clamp(44px,9vw,75px);min-height:90px;text-align:center;padding:16px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.choices button{font-size:clamp(19px,3vw,26px);background:#fff;border:3px solid #b7cdf5;border-bottom:7px solid #87a9dc;border-radius:18px;min-height:75px;font-weight:900;color:#263b70}.choices button:hover{background:#f5faff}.choices button.correct{background:#c5f7d9;border-color:#35b977}.choices button.wrong{background:#ffe3df;border-color:#e68e83}.choices button:disabled{cursor:default}.notice{padding:12px;border-radius:12px;background:#eff8ff;margin:12px 0}.hidden{display:none!important}.foot{text-align:center;margin-top:35px;font-size:13px;color:#39537a}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:10px;border-bottom:1px solid #dbe5f5}@media(max-width:520px){.wrap{padding:10px}.hero{padding:16px}.hero img{width:76px;height:76px}.panel{padding:16px}.choices{gap:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}