*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}body{cursor:crosshair;background:#000}#scene{touch-action:none;width:100%;height:100%;display:block}#loading{z-index:1000;background:linear-gradient(135deg,#070912 0%,#0a0d16 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}#loading.hidden{opacity:0;pointer-events:none}.loading-spinner{border:3px solid #4d7cff4d;border-top-color:#4d7cff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#4d7cff;letter-spacing:2px;text-transform:uppercase;margin-top:20px;font-size:14px}#instructions{color:#fff;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c15e6;border:1px solid #4d7cff4d;border-radius:8px;padding:15px 25px;font-size:13px;transition:opacity .3s;position:fixed;bottom:30px;left:20px}#instructions.hidden{opacity:0;pointer-events:none}.instruction-line{align-items:center;gap:10px;margin:5px 0;display:flex}.key{text-align:center;background:#4d7cff33;border:1px solid #4d7cff80;border-radius:4px;min-width:30px;padding:3px 8px;font-family:Courier New,monospace;font-size:12px}#reticle{pointer-events:none;z-index:50;width:20px;height:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:before,#reticle:after{content:"";background:#fffc;position:absolute}#reticle:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#reticle:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#reticle.hide{opacity:0}#toast{color:#fff;text-align:center;z-index:200;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c15f2;border:2px solid #4d7cff80;border-radius:12px;padding:20px 30px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-title{color:#4d7cff;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:12px}.toast-name{color:#fff;font-size:24px;font-weight:700}#joystick{z-index:100;touch-action:none;background:#0a0c1599;border:2px solid #4d7cff66;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:none;position:fixed;bottom:40px;left:40px}#joystick.on{display:flex}#joystick-knob{pointer-events:none;background:#4d7cffcc;border:2px solid #4d7cff;border-radius:50%;width:50px;height:50px;transition:transform .1s}@media (width<=768px),(pointer:coarse){#joystick{display:flex}#instructions{display:none}}#stats{color:#0f0;z-index:1000;background:#000c;border-radius:4px;padding:10px;font-family:Courier New,monospace;font-size:11px;display:none;position:fixed;top:10px;left:10px}#stats.show{display:block}.minimap-container{z-index:150;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.minimap-canvas{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0a0c15cc;border:2px solid #4d7cff80;border-radius:8px;transition:all .3s;box-shadow:0 4px 20px #00000080}.minimap-canvas:hover{border-color:#4d7cffcc;transform:scale(1.02);box-shadow:0 6px 30px #4d7cff4d}.minimap-tooltip{color:#fff;pointer-events:none;z-index:200;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c15f2;border:1px solid #4d7cff80;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;position:fixed;box-shadow:0 2px 10px #00000080}.minimap-legend{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:right;direction:rtl;background:#0a0c15e6;border:1px solid #4d7cff4d;border-radius:6px;padding:10px;font-size:11px}.legend-title{color:#4d7cff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.legend-item{direction:rtl;align-items:center;gap:8px;margin:5px 0;display:flex}.legend-icon{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-icon.player{background:#0096ff;box-shadow:0 0 8px #0096ff99}.legend-icon.math{background:linear-gradient(135deg,#ff6b9d,#fdb44b);box-shadow:0 0 8px #ff6b9d99}.legend-icon.english{background:linear-gradient(135deg,#6b9dff,#9d6bff);box-shadow:0 0 8px #6b9dff99}.legend-icon.obstacle{background:red;box-shadow:0 0 8px #f009}.legend-icon.building{background:#666;border-radius:2px}@media (width<=768px),(pointer:coarse){.minimap-container{transform-origin:100% 0;top:10px;right:10px;transform:scale(.8)}.minimap-legend{padding:8px;font-size:10px}.legend-title{font-size:11px}}@media (width<=480px){.minimap-container{display:none}}