.kger3d{--g:#053d31;--g2:#0b7659;--gold:#efc44f;--ink:#06120f;max-width:1500px;margin:18px auto;font-family:Montserrat,Arial,sans-serif;color:#fff;outline:none}.kger3d *{box-sizing:border-box}.kger3d-shell{overflow:hidden;border-radius:20px;background:#03110e;border:1px solid #d4aa35;box-shadow:0 16px 44px rgba(0,0,0,.18)}.kger3d-top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(90deg,#002f26,#004b3a 65%,#00382d);border-bottom:1px solid rgba(239,196,79,.4)}.kger3d-brand{display:flex;align-items:center;gap:13px}.kger3d-logo{width:44px;height:50px;display:grid;place-items:center;background:#0b4b3b;clip-path:polygon(50% 0,90% 12%,90% 75%,50% 100%,10% 75%,10% 12%);color:#f3cf67;font:bold 17px Georgia}.kger3d-brand small{display:block;letter-spacing:2px;font-weight:800;color:#d7eee5;font-size:10px}.kger3d-brand strong{display:block;font-size:26px;line-height:1}.kger3d-brand em{font-style:normal;color:#f4c956}.kger3d-top>button{width:52px;height:52px;border-radius:50%;border:0;background:#00624b;color:white;font-size:18px;cursor:pointer}.kger3d-hud{display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(90deg,#203d25,#17391f);border-bottom:1px solid rgba(239,196,79,.35)}.kger3d-hud div{text-align:center;padding:8px 4px}.kger3d-hud span{display:block;font-size:9px;letter-spacing:1.3px;color:#cddbcf}.kger3d-hud b{font-size:18px}.kger3d-hud i{font-style:normal}.kger3d-stage{position:relative;min-height:720px;background:#020a08;overflow:hidden}.kger3d-webgl{position:absolute;inset:0}.kger3d-webgl canvas{display:block;width:100%!important;height:100%!important}.kger3d-question{position:absolute;z-index:8;top:18px;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 28px));padding:12px 18px 13px;border:1px solid rgba(239,196,79,.8);border-radius:16px;background:linear-gradient(180deg,rgba(1,29,23,.94),rgba(1,17,14,.91));text-align:center;backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(0,0,0,.24)}.kger3d-meta{display:flex;justify-content:center;gap:8px;margin-bottom:6px}.kger3d-meta span{padding:5px 10px;border-radius:999px;background:#087359;border:1px solid rgba(255,255,255,.15);font-size:9px;font-weight:900;letter-spacing:1px}.kger3d-q{font-size:22px;font-weight:950;line-height:1.25}.kger3d-hint{margin-top:5px;color:#abc7bd;font-size:12px}.kger3d-progress{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:9px}.kger3d-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1aa77a,#efc44f);transition:width .2s linear}.kger3d-status{position:absolute;z-index:12;left:50%;bottom:90px;transform:translate(-50%,10px);padding:9px 16px;border-radius:999px;background:#0d2c23;border:1px solid #e7bc4d;color:white;font-weight:900;opacity:0;transition:.2s}.kger3d-status.show{opacity:1;transform:translate(-50%,0)}.kger3d-controls{position:absolute;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);display:none;gap:10px}.kger3d-controls button{width:58px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(1,32,25,.88);color:white;font-size:19px}.kger3d-controls .jump{background:linear-gradient(#e0b63d,#8a6410)}.kger3d-overlay{position:absolute;z-index:20;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,8,6,.74);backdrop-filter:blur(8px)}.kger3d-overlay.open{display:flex}.kger3d-panel{width:min(720px,100%);padding:26px;border-radius:20px;background:linear-gradient(155deg,#0a382d,#051a15 70%);border:1px solid rgba(239,196,79,.55);text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.45)}.kger3d-panel.small{max-width:440px}.kger3d-panel .pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#efc44f;color:#173027;font-size:9px;font-weight:950;letter-spacing:1.2px}.kger3d-panel h2{font-size:38px;margin:9px 0 6px}.kger3d-panel h2 em{font-style:normal;color:#f2c655}.kger3d-panel p{margin:0 auto 18px;max-width:590px;color:#c2d6ce;font-size:13px;line-height:1.55}.kger3d-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.kger3d-settings.two{grid-template-columns:repeat(2,1fr)}.kger3d-settings label{font-size:10px;font-weight:850;color:#d8e9e2}.kger3d-settings select{width:100%;height:43px;margin-top:5px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#061c17;color:white;padding:0 9px}.kger3d-how{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.kger3d-how span{padding:10px 5px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:9px;color:#9ebcaf}.kger3d-how b{color:#f0c857}.kger3d .primary,.kger3d .secondary{min-height:45px;padding:0 22px;border-radius:9px;border:0;font-weight:950;cursor:pointer}.kger3d .primary{background:linear-gradient(135deg,#e8b83e,#f5d675);color:#173126}.kger3d .primary:disabled{opacity:.42;cursor:not-allowed}.kger3d .secondary{margin-top:8px;background:#0c3329;color:#fff;border:1px solid rgba(255,255,255,.15)}.kger3d-checkpoint-title{font-size:28px;font-weight:950;margin:9px 0 3px;color:#fff}.kger3d-speed-note{font-size:12px!important;color:#b8d1c7!important;margin-bottom:15px!important}.kger3d-maths-question{padding:16px 14px;margin:0 0 12px;border-radius:13px;background:#031913;border:1px solid rgba(239,196,79,.45);font-size:22px;font-weight:900;line-height:1.35}.kger3d-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kger3d-answer{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0a4939;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px;font-weight:900;cursor:pointer;padding:8px}.kger3d-answer:hover{background:#0d634c}.kger3d-answer.correct{background:#11734e;border-color:#67e1a4}.kger3d-answer.wrong{background:#76252b;border-color:#ff7e86}.kger3d-answer:disabled{cursor:default;opacity:1}.kger3d-maths-feedback{min-height:35px;padding:9px 0 5px;font-size:13px;font-weight:850;color:#f0d16e}.kger3d-next{margin-top:4px}.kger3d-fallback{position:absolute;inset:auto 20px 20px;z-index:30;padding:12px;background:#5b1717;border:1px solid #ff9c9c;border-radius:10px;text-align:center}@media(max-width:760px){.kger3d{margin:8px auto}.kger3d-shell{border-radius:12px}.kger3d-top{height:68px;padding:0 14px}.kger3d-brand strong{font-size:20px}.kger3d-logo{width:38px;height:43px}.kger3d-hud b{font-size:13px}.kger3d-stage{min-height:590px}.kger3d-question{top:10px}.kger3d-q{font-size:18px}.kger3d-controls{display:flex}.kger3d-settings,.kger3d-settings.two{grid-template-columns:1fr}.kger3d-how{grid-template-columns:repeat(2,1fr)}.kger3d-panel{padding:18px}.kger3d-panel h2{font-size:30px}.kger3d-maths-question{font-size:18px}}@media(max-width:430px){.kger3d-stage{min-height:540px}.kger3d-hud span{font-size:7px}.kger3d-hud b{font-size:11px}.kger3d-hint{display:none}.kger3d-q{font-size:16px}.kger3d-answer-grid{grid-template-columns:1fr}.kger3d-maths-question{font-size:16px}}.kger3d-canvas{display:block;width:100%!important;height:100%!important;touch-action:pan-y;background:#020a08}
