*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#1a1210;font-family:Palatino,Songti SC,STSong,Georgia,serif;-webkit-user-select:none;user-select:none}.game-root{position:relative;width:100vw;height:100vh}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas canvas{display:block}.crosshair{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.ch-line{position:absolute;background:#ffebc8e6;box-shadow:0 0 3px #000c}.ch-t{left:-1px;top:-14px;width:2px;height:8px}.ch-b{left:-1px;top:6px;width:2px;height:8px}.ch-l{left:-14px;top:-1px;width:8px;height:2px}.ch-r{left:6px;top:-1px;width:8px;height:2px}.ch-dot{position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;border-radius:50%;background:#ffebc8f2}.hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffd27a;font-size:30px;font-weight:700;text-shadow:0 0 6px rgba(255,120,40,.9);pointer-events:none;animation:hit-pop .22s ease-out forwards}@keyframes hit-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.damage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(180,20,10,.55) 100%);animation:dmg-fade .6s ease-out forwards}@keyframes dmg-fade{0%{opacity:1}to{opacity:0}}.low-health-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(160,15,5,.4) 100%);animation:lowhp-pulse 1.4s ease-in-out infinite}@keyframes lowhp-pulse{0%,to{opacity:.5}50%{opacity:1}}.top-left{position:absolute;top:20px;left:24px;color:#e8d5b0;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.wave-label{font-size:26px;letter-spacing:4px;color:#d4af37}.enemies-label{margin-top:4px;font-size:15px;opacity:.9}.score-label{margin-top:8px;font-size:17px;letter-spacing:2px;color:#ffd27a}.minimap{position:absolute;top:20px;right:24px;pointer-events:none}.wave-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);font-size:34px;letter-spacing:10px;color:#d4af37;text-shadow:0 0 18px rgba(212,175,55,.5),0 2px 6px rgba(0,0,0,.9);pointer-events:none;animation:banner 3s ease-out forwards;white-space:nowrap}@keyframes banner{0%{opacity:0;transform:translate(-50%) translateY(14px)}12%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.bottom-left{position:absolute;bottom:26px;left:28px;pointer-events:none}.hp-label{color:#e8d5b0;font-size:13px;letter-spacing:6px;margin-bottom:5px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.hp-bar{width:230px;height:12px;background:#0000008c;border:1px solid rgba(212,175,55,.5)}.hp-fill{height:100%;transition:width .15s ease-out}.hp-num{margin-top:4px;color:#e8d5b0;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.bottom-right{position:absolute;bottom:26px;right:32px;text-align:right;pointer-events:none}.ammo-num{font-size:44px;color:#ffd27a;text-shadow:0 2px 6px rgba(0,0,0,.9)}.ammo-max{font-size:18px;color:#e8d5b0bf;margin-left:4px}.reloading{font-size:26px;color:#d4a037;letter-spacing:4px;animation:reload-blink .5s ease-in-out infinite}@keyframes reload-blink{0%,to{opacity:1}50%{opacity:.4}}.weapon-name{margin-top:2px;font-size:13px;color:#e8d5b0b3;letter-spacing:2px}.weapon-slots{margin-top:8px;display:flex;gap:6px;justify-content:flex-end}.slot{font-size:12px;letter-spacing:1px;padding:4px 9px;color:#e8d5b080;border:1px solid rgba(212,175,55,.25);background:#00000059}.slot-active{color:#ffd27a;border-color:#d4af37e6;background:#d4af3726;box-shadow:0 0 10px #d4af3740}.boss-bar-wrap{position:absolute;top:24px;left:50%;transform:translate(-50%);width:420px;pointer-events:none;text-align:center}.boss-name{font-size:14px;letter-spacing:6px;color:#ff8a5a;text-shadow:0 0 10px rgba(255,90,30,.6),0 1px 4px rgba(0,0,0,.9);margin-bottom:6px}.boss-bar{height:12px;background:#0009;border:1px solid rgba(255,106,34,.7);box-shadow:0 0 14px #ff5a1e4d}.boss-fill{height:100%;background:linear-gradient(90deg,#ff3d00,#ff8a3d);transition:width .15s ease-out}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#1a100cd1,#0a0605f0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.menu-laurel{font-size:15px;letter-spacing:14px;color:#d4af37bf;border:1px solid rgba(212,175,55,.4);padding:5px 12px 5px 24px}.menu-title{font-size:58px;letter-spacing:14px;color:#d4af37;text-shadow:0 0 30px rgba(212,175,55,.35),0 4px 12px rgba(0,0,0,.8)}.menu-sub{font-size:15px;letter-spacing:8px;color:#e8d5b0a6;margin-top:-10px}.menu-story{margin:12px 0 8px;text-align:center;font-size:16px;line-height:1.9;color:#e8d5b0d9}.btn-primary{font-family:inherit;font-size:20px;letter-spacing:8px;padding:13px 46px 13px 54px;color:#1a1210;background:linear-gradient(180deg,#e6c25a,#b8901f);border:none;cursor:pointer;box-shadow:0 4px 20px #d4af3759;transition:transform .12s,box-shadow .12s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px #d4af3780}.btn-secondary{font-family:inherit;font-size:15px;letter-spacing:5px;padding:9px 30px 9px 35px;color:#d4af37;background:transparent;border:1px solid rgba(212,175,55,.55);cursor:pointer;transition:background .12s}.btn-secondary:hover{background:#d4af371f}.controls-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,auto);gap:10px 34px;color:#e8d5b099;font-size:14px;letter-spacing:2px}.overlay-title{font-size:42px;letter-spacing:12px;color:#d4af37;text-shadow:0 3px 10px rgba(0,0,0,.8)}.dead-title{color:#c0392b;text-shadow:0 0 24px rgba(192,57,43,.5)}.stats{display:flex;gap:56px;margin:10px 0 14px}.stat{text-align:center}.stat-num{font-size:40px;color:#ffd27a}.stat-label{margin-top:4px;font-size:14px;letter-spacing:4px;color:#e8d5b0a6}.gallery-overlay{justify-content:flex-start;padding:48px 24px 32px;overflow-y:auto;gap:12px}.gallery-tip{color:#e8d5b099;font-size:14px;letter-spacing:2px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;width:min(1180px,92vw);margin:10px 0 16px}.attr-card{background:#140d0ad9;border:1px solid rgba(212,175,55,.3);display:flex;flex-direction:column;overflow:hidden}.attr-photo{width:100%;height:170px;object-fit:cover;display:block;filter:sepia(.15) saturate(.9)}.attr-photo-fallback{display:flex;align-items:center;justify-content:center;font-size:44px;background:#3c2d2399}.attr-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}.attr-name{font-size:18px;color:#d4af37;letter-spacing:3px}.attr-latin{font-size:12px;color:#e8d5b080;letter-spacing:2px;font-style:italic}.attr-desc{font-size:13px;line-height:1.7;color:#e8d5b0cc;flex:1}.btn-visit{margin-top:8px;font-family:inherit;font-size:13px;letter-spacing:2px;padding:7px 0;color:#1a1210;background:linear-gradient(180deg,#e6c25a,#b8901f);border:none;cursor:pointer;transition:filter .12s}.btn-visit:hover:not(:disabled){filter:brightness(1.12)}.btn-visit:disabled{opacity:.4;cursor:default}.gallery-hint{margin-top:8px;font-size:12px;color:#e8d5b073;letter-spacing:2px}.tour-badge{font-size:22px;letter-spacing:5px;color:#d4af37;text-shadow:0 1px 4px rgba(0,0,0,.9)}.tour-progress{margin-top:4px;font-size:15px;letter-spacing:3px;color:#ffd27a;text-shadow:0 1px 3px rgba(0,0,0,.9)}.visit-toast{position:absolute;top:26%;left:50%;transform:translate(-50%);font-size:22px;letter-spacing:4px;color:#ffd27a;text-shadow:0 0 14px rgba(212,175,55,.6),0 2px 6px rgba(0,0,0,.9);pointer-events:none;animation:banner 2.6s ease-out forwards;white-space:nowrap}.btn-tour{font-family:inherit;font-size:17px;letter-spacing:6px;padding:11px 38px 11px 44px;color:#ffd27a;background:#d4af371f;border:1px solid rgba(212,175,55,.7);cursor:pointer;transition:background .12s,box-shadow .12s}.btn-tour:hover{background:#d4af3738;box-shadow:0 0 18px #d4af374d}.narration-card{position:absolute;bottom:34px;left:50%;transform:translate(-50%);width:min(560px,86vw);background:#100b09d1;border:1px solid rgba(212,175,55,.55);box-shadow:0 6px 28px #0009;padding:14px 18px 15px;pointer-events:auto;animation:narration-in .4s ease-out}@keyframes narration-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.narration-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.narration-name{font-size:20px;letter-spacing:4px;color:#d4af37}.narration-latin{font-size:12px;font-style:italic;color:#e8d5b080;letter-spacing:2px;flex:1}.narration-btns{display:flex;gap:6px}.btn-icon{font-size:15px;background:#d4af371f;border:1px solid rgba(212,175,55,.4);color:#ffd27a;width:32px;height:28px;cursor:pointer;transition:background .12s}.btn-icon:hover{background:#d4af3747}.narration-desc{font-size:14px;line-height:1.8;color:#e8d5b0e6}.knowledge-card{position:absolute;top:14%;left:50%;transform:translate(-50%);width:min(600px,88vw);background:#120c0ae0;border:1px solid rgba(212,175,55,.7);box-shadow:0 8px 36px #000000b3,0 0 24px #d4af372e;padding:14px 18px 16px;pointer-events:none;animation:knowledge-cycle 9s ease-in-out forwards}@keyframes knowledge-cycle{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.96)}6%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.knowledge-unlock{font-size:13px;letter-spacing:5px;color:#ffd27a;margin-bottom:8px;text-align:center}.knowledge-body{display:flex;gap:14px;align-items:flex-start}.knowledge-photo{width:150px;height:100px;object-fit:cover;border:1px solid rgba(212,175,55,.35);flex-shrink:0}.knowledge-title{font-size:19px;letter-spacing:3px;color:#d4af37;margin-bottom:6px}.knowledge-text{font-size:13px;line-height:1.8;color:#e8d5b0e0}