*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;background:#080b20;color:#fff;display:flex;justify-content:center}.app{width:min(1400px,100%);padding:18px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.brand{font-weight:1000;font-size:clamp(22px,4vw,44px);letter-spacing:-2px;text-shadow:0 5px 0 #12152d}.brand span{color:#ffd21c}.hud{display:flex;gap:10px;align-items:center}.hud div{background:#11182e;border:2px solid #39456c;border-radius:14px;padding:8px 16px;text-align:center;min-width:82px}.hud b{display:block;font-size:22px;color:#ffe43b}.hud small{font-size:9px;color:#9ba6c7;font-weight:800}.hud button{border:0;border-radius:12px;background:#1d8df0;color:white;font-size:23px;padding:12px;cursor:pointer}main{display:grid;grid-template-columns:1fr 300px;gap:16px}.game{min-height:720px;border-radius:28px;overflow:hidden;border:3px solid #39456c;background:#102044}.scene{position:relative;min-height:720px;background:linear-gradient(#3db9f0 0 50%,#4d9d48 50% 72%,#79522f 72%);overflow:hidden}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#fff8 0 5%,transparent 6%),radial-gradient(circle at 78% 24%,#fff8 0 4%,transparent 5%);opacity:.5}.question{position:absolute;z-index:5;left:50%;top:54%;transform:translate(-50%,-50%);width:min(620px,88%);padding:18px;text-align:center;background:#081427e8;border:3px solid #283c61;border-radius:20px;box-shadow:0 15px 35px #0008}.question #problem{font-size:clamp(40px,7vw,76px);font-weight:1000;letter-spacing:2px}.hint{font-size:12px;color:#b5c8ee;margin-top:5px;font-weight:900}.answers{position:absolute;z-index:7;bottom:28px;left:50%;transform:translateX(-50%);width:min(720px,94%);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.answer{border:0;border-radius:16px;padding:18px 6px;font-size:clamp(20px,3vw,34px);font-weight:1000;color:white;background:#198fe8;box-shadow:0 8px 0 #075a9c;cursor:pointer;transition:.12s}.answer:nth-child(2){background:#ef4d55;box-shadow:0 8px 0 #9f242d}.answer:nth-child(3){background:#78bd25;box-shadow:0 8px 0 #467b0c}.answer:nth-child(4){background:#f59b17;box-shadow:0 8px 0 #a85e00}.answer:hover{transform:translateY(-5px)}.answer:active{transform:translateY(5px);box-shadow:none}.floating-box{position:absolute;z-index:3;width:105px;height:105px;border-radius:18px;display:grid;place-items:center;font-size:34px;font-weight:1000;color:#fff;border:3px solid #ffffff88;box-shadow:inset 0 0 0 4px #0002,0 12px 20px #0005;animation:float 3s ease-in-out infinite}.b1{left:13%;top:23%;background:#75bd26}.b2{left:45%;top:14%;background:#933bd0;animation-delay:.5s}.b3{right:15%;top:27%;background:#ef454d;animation-delay:1s}.b4{left:31%;top:43%;background:#1698e9;animation-delay:1.3s}.b5{right:28%;top:47%;background:#f49a18;animation-delay:.8s}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}aside{background:#11182e;border:2px solid #303c62;border-radius:24px;padding:25px;height:max-content}aside h2{margin-top:0;color:#ffd21c}aside p{color:#c3cbe1;line-height:1.5}.start,.secondary{width:100%;border:0;border-radius:13px;padding:15px;margin-top:10px;font-weight:1000;font-size:17px;cursor:pointer}.start{background:#ffd21c;color:#15182a}.secondary{background:#263252;color:white}.best{text-align:center;margin-top:25px;padding:16px;border:1px solid #354363;border-radius:14px;color:#9eaccf}.best strong{display:block;color:#58dbff;font-size:32px;margin-top:5px}footer{text-align:center;color:#6e7b9f;padding:14px;font-size:12px}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}.hud{width:100%;justify-content:space-between}.hud div{flex:1;padding:7px 5px}.hud button{padding:9px}main{grid-template-columns:1fr}.game,.scene{min-height:650px}.floating-box{width:75px;height:75px;font-size:25px}.answers{gap:8px}.answer{padding:14px 3px}}