*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}canvas{display:block}#info{position:absolute;top:16px;left:16px;color:#fff;background:#0009;padding:12px 18px;border-radius:10px;backdrop-filter:blur(8px);pointer-events:none;user-select:none;font-size:14px;line-height:1.5;z-index:10;border:1px solid rgba(255,255,255,.08)}#info h2{font-size:18px;margin-bottom:4px;color:#f0c040}#ui-top-right{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:10}#ui-top-right button{background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;backdrop-filter:blur(8px);transition:all .2s}#ui-top-right button:hover{background:#ffffff26;border-color:#f0c040}#minimap{position:absolute;bottom:16px;right:16px;width:180px;height:180px;border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000080;z-index:10}#joystick-zone{position:absolute;bottom:60px;left:40px;width:120px;height:120px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);z-index:20;touch-action:none;display:none;cursor:pointer;backdrop-filter:blur(4px)}#joystick-zone.active{display:block}#joystick-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);pointer-events:none;transition:none}#status-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff;background:#0009;padding:6px 18px;border-radius:20px;backdrop-filter:blur(8px);font-size:13px;z-index:10;pointer-events:none;user-select:none}#error-toast{position:absolute;bottom:60px;left:50%;transform:translate(-50%);color:#fff;background:#c80000d9;padding:10px 20px;border-radius:8px;font-size:14px;z-index:100;max-width:80vw;text-align:center;display:none;pointer-events:auto;backdrop-filter:blur(8px);border:1px solid rgba(255,100,100,.4)}#error-toast.visible{display:block}#perf-overlay{position:absolute;bottom:16px;left:16px;color:#aaa;font-family:Consolas,Courier New,monospace;font-size:11px;background:#000000bf;padding:8px 12px;border-radius:8px;pointer-events:none;z-index:100;line-height:1.5;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000080;user-select:none;backdrop-filter:blur(4px)}#quiz-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:100;width:720px;max-width:92vw;max-height:88vh;display:none;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none}#quiz-overlay.visible{display:block;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}#quiz-overlay.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.quiz-board{background:linear-gradient(160deg,#1a1a2e8c,#16213e80,#0f346080);border:1.5px solid rgba(68,136,255,.25);border-radius:16px;padding:28px 32px 24px;position:relative;box-shadow:0 0 40px #4488ff14,0 0 80px #4488ff08,inset 0 0 60px #4488ff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quiz-board:before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(135deg,#4488ff59,#4488ff0d 30% 70%,#4488ff40);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.close-btn{position:absolute;top:10px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:#ffffff80;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;line-height:1}.close-btn:hover{background:#ff444440;border-color:#f446;color:#ffffffd9}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(68,136,255,.1)}.subject-badge{font-size:14px;color:#88aaffd9;letter-spacing:.5px;font-weight:600}.difficulty-stars{font-size:16px;color:#f0c040d9;letter-spacing:2px}.question-text{color:#ffffffeb;font-size:20px;font-weight:600;line-height:1.5;margin-bottom:20px;text-align:center;padding:0 8px}.timer-container{display:flex;align-items:center;gap:10px;margin-bottom:20px}.timer-bar-bg{flex:1;height:3px;background:#44446640;border-radius:2px;overflow:hidden}.timer-bar-fill{height:100%;width:100%;border-radius:2px;transition:width .3s linear,background .5s ease}.timer-label{color:#ffffff59;font-size:11px;font-weight:600;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.quiz-body{min-height:180px}.mcq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mcq-card{background:linear-gradient(160deg,#2a2a4a80,#1a1a3a73);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;color:#ffffffe6;font-size:15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;user-select:none}.mcq-card:hover{border-color:#4488ff4d;background:linear-gradient(160deg,#33335a8c,#22224880);transform:translateY(-1px);box-shadow:0 4px 20px #4488ff1a}.mcq-card .letter{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(240,192,64,.75);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f0c040cc;font-size:15px;flex-shrink:0}.mcq-card .text{flex:1;line-height:1.3}.mcq-card.selected{border-color:#4488ff80;background:linear-gradient(160deg,#1a2a5a8c,#0f1f4a80);box-shadow:0 0 20px #4488ff1f}.mcq-card.correct{border-color:#22cc4480;background:linear-gradient(160deg,#1a3a2a80,#0f2a1f73);box-shadow:0 0 20px #22cc441f}.mcq-card.wrong{border-color:#cc222280;background:linear-gradient(160deg,#3a1a1a80,#2a0f0f73);box-shadow:0 0 20px #cc22221a;animation:shake .4s ease}.mcq-card.dimmed{opacity:.35}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.sort-container{display:flex;flex-direction:column;gap:8px}.sort-item{background:linear-gradient(160deg,#2a2a4a73,#1a1a3a66);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 16px;color:#ffffffe0;font-size:14px;cursor:grab;display:flex;align-items:center;gap:12px;transition:all .2s ease;user-select:none;touch-action:none}.sort-item:hover{border-color:#4488ff40;background:linear-gradient(160deg,#33335a80,#22224873)}.sort-item.dragging{opacity:.4;border-color:#48f6}.sort-item.drag-over{border-color:#48f6;border-style:dashed;background:linear-gradient(160deg,#1a2a5a66,#0f1f4a59)}.sort-item .handle{color:#ffffff40;font-size:18px;cursor:grab;flex-shrink:0;width:24px;text-align:center}.sort-item .order-badge{width:26px;height:26px;border-radius:50%;background:#4488ff1f;border:1px solid rgba(68,136,255,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#88aaffb3;flex-shrink:0}.sort-item .text{flex:1}.group-container{display:flex;gap:16px;min-height:200px}.group-items-pool{flex:1;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:140px}.group-items-pool .label{color:#ffffff40;font-size:10px;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:4px 0}.group-zones{flex:2;display:flex;gap:10px}.group-zone{flex:1;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;min-height:140px;transition:all .2s ease}.group-zone.drag-over{border-color:#48f6;background:#4488ff0f}.group-zone .zone-header{color:#88aaffbf;font-size:11px;font-weight:600;text-align:center;padding-bottom:4px;border-bottom:1px solid rgba(68,136,255,.1);margin-bottom:4px}.group-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:6px 10px;color:#ccccccd9;font-size:12px;cursor:grab;transition:all .15s ease;user-select:none;touch-action:none}.group-item:hover{background:#ffffff14;border-color:#4488ff40}.group-item.dragging{opacity:.35}.subjective-container{display:flex;flex-direction:column;gap:14px}.subjective-textarea{width:100%;min-height:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;color:#ffffffe0;font-size:14px;font-family:Segoe UI,sans-serif;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s ease}.subjective-textarea:focus{border-color:#4488ff59;box-shadow:0 0 20px #4488ff0d}.subjective-textarea::placeholder{color:#fff3}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid rgba(68,136,255,.08)}.feedback-text{font-size:13px;font-weight:600;padding:4px 12px;border-radius:6px;display:none}.feedback-text.correct{display:block;color:#22cc44d9;background:#22cc4414}.feedback-text.wrong{display:block;color:#ff4444d9;background:#ff444414}.btn{background:#4488ff1a;color:#8afc;border:1px solid rgba(68,136,255,.15);padding:8px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:hover{background:#4488ff2e;border-color:#4488ff59;color:#aaccffe6}.btn:disabled{opacity:.25;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#48f3,#4488ff1a);border-color:#4488ff40;color:#aaccffd9}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4488ff4d,#4488ff2e)}