*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;background:#050508;font-family:Rajdhani,sans-serif;-webkit-user-select:none;user-select:none}#game-container{position:relative;width:100vw;height:100vh}canvas{display:block}#ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}#stats-container{position:absolute;bottom:30px;left:30px;width:280px;display:flex;flex-direction:column;gap:8px}.bar-container{position:relative;width:100%;height:18px;background:#000000bf;border:1px solid rgba(255,255,255,.08);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.bar-fill{height:100%;width:100%;transition:width .15s ease-out}#health-bar{background:linear-gradient(90deg,#6b0000,#e53e3e)}#stamina-bar{background:linear-gradient(90deg,#065f46,#10b981)}#mana-bar{background:linear-gradient(90deg,#1e3a8a,#3b82f6)}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:8px;font-size:11px;letter-spacing:.08em;color:#ffffffe6;font-weight:700;z-index:1;text-shadow:0 1px 3px #000}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffff4d}#crosshair:before{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:after{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}#boss-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:55%;display:none;text-align:center}#boss-name{color:#fc8181;font-family:Cinzel,serif;font-size:18px;letter-spacing:.15em;margin-bottom:6px;text-shadow:0 0 20px rgba(252,129,129,.5)}#boss-health-fill{background:linear-gradient(90deg,#7f1d1d,#ef4444,#fca5a5);height:12px;width:100%;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}#skill-bar{position:absolute;bottom:30px;right:30px;display:flex;gap:8px;pointer-events:auto}.skill-slot{width:48px;height:48px;background:#000000b3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:20px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:border-color .2s}.skill-slot.active{border-color:#63b3ed99;box-shadow:inset 0 0 15px #63b3ed1a}#message-area{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.message{font-family:Cinzel,serif;font-size:1.2rem;color:#e2e8f0;text-shadow:0 2px 8px rgba(0,0,0,.9);opacity:0;transition:opacity 1s;letter-spacing:.05em}#damage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(180,0,0,.55) 100%);opacity:0;pointer-events:none;transition:opacity .25s}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#030308f5;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:auto}.overlay-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 30% 60%,rgba(59,130,246,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 70% 30%,rgba(139,92,246,.06) 0%,transparent 70%);pointer-events:none}.title-wrapper{text-align:center;margin-bottom:30px}h1{font-family:Cinzel,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;color:#e2e8f0;line-height:1.1;letter-spacing:.1em;text-shadow:0 0 40px rgba(99,179,237,.2)}h1.title-sub{color:transparent;-webkit-text-stroke:1px rgba(99,179,237,.6);font-size:clamp(3rem,8vw,6.5rem);letter-spacing:.25em}.lore-text{max-width:560px;text-align:center;line-height:1.7;color:#cbd5e1b3;font-size:1rem;margin-bottom:28px}.controls-hint{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.controls-hint span{font-size:12px;letter-spacing:.08em;color:#94a3b899;border:1px solid rgba(148,163,184,.15);padding:4px 10px}.btn{padding:14px 48px;background:transparent;border:1px solid rgba(99,179,237,.4);color:#93c5fd;font-family:Cinzel,serif;font-size:1rem;letter-spacing:.15em;cursor:pointer;transition:all .3s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));position:relative;z-index:1}.btn:hover{background:#63b3ed1a;border-color:#63b3edcc;color:#bfdbfe;box-shadow:0 0 30px #63b3ed26}#weapon-select{width:100%;max-width:820px;margin-bottom:28px;text-align:center}.select-label{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.3em;color:#94a3b880;margin-bottom:18px}.title-lore{color:#cbd5e199;font-size:.95rem;line-height:1.7;margin:12px 0 28px;text-align:center}.weapon-cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.weapon-card{width:220px;padding:20px 18px;background:#0a0a14cc;border:1px solid rgba(99,179,237,.12);cursor:pointer;transition:all .25s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));position:relative}.weapon-card:hover{border-color:#63b3ed59;background:#0f0f1ee6;transform:translateY(-3px)}.weapon-card.active{border-color:#63b3edb3;background:#141e37e6;box-shadow:0 0 25px #63b3ed14}.weapon-card.active:before{content:"✓";position:absolute;top:8px;right:12px;font-size:12px;color:#63b3edcc}.weapon-icon{font-size:2rem;margin-bottom:10px}.weapon-name{font-family:Cinzel,serif;font-size:.9rem;color:#e2e8f0;margin-bottom:6px;letter-spacing:.05em}.weapon-desc{font-size:.75rem;color:#94a3b899;margin-bottom:14px;letter-spacing:.04em}.weapon-bars{display:flex;flex-direction:column;gap:6px}.wbar{display:flex;align-items:center;gap:8px}.wbar span{font-size:9px;letter-spacing:.08em;color:#94a3b880;min-width:52px;text-align:right}.wbar-track{flex:1;height:3px;background:#ffffff12}.wbar-fill{height:100%;background:linear-gradient(90deg,#3b82f680,#63b3ede6)}#weapon-hud{position:absolute;bottom:90px;right:30px;font-family:Cinzel,serif;font-size:.75rem;color:#94a3b8b3;letter-spacing:.1em;text-align:right;pointer-events:none}