:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#2a2a4a;--border-primary:#3a3a5a;--border-secondary:#5a5a7a;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-muted:#666;--accent-gold:#ffd700;--accent-gold-dark:#b8860b;--accent-cyan:#00ffcc;--accent-cyan-dark:#006655;--quality-common:#9d9d9d;--quality-uncommon:#1eff00;--quality-rare:#0070dd;--quality-epic:#a335ee;--quality-set:#00ff88;--quality-legendary:#ff8000;--quality-mythic:#ff4444;--quality-ancient:#c0392b;--quality-primal:#f1c40f;--quality-origin:#e1bee7;--quality-eternal:#ffffff;--loot-common-glow:rgba(170, 170, 170, 0.6);--loot-rare-glow:rgba(102, 204, 255, 0.8);--loot-epic-glow:rgba(187, 102, 255, 0.9);--loot-legendary-glow:rgba(255, 170, 0, 1);--hp-player:#66ff66;--hp-player-dark:#44cc44;--hp-enemy:#ff6666;--hp-enemy-dark:#cc4444;--damage-color:#ff4444;--heal-color:#44ff44;--exp-color:#66ccff;--z-bg:0;--z-field:1;--z-ui:10;--z-effects:50;--z-loot:55;--z-damage:100;--z-flash:200;--z-trail:400;--z-modal:500;--z-modal-stack:600;--z-celebrate:700;--z-tooltip:800;--z-scanline:950}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI','Microsoft YaHei',sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;image-rendering:pixelated;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:var(--z-scanline)}#game-container{width:100%;max-width:900px;height:100vh;margin:0 auto;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}@media (display-mode:browser) and (hover:none) and (pointer:coarse){#game-container{height:calc(100vh - 20px)}}.quality-common{color:var(--quality-common);text-shadow:1px 1px 0 #444}.quality-rare{color:var(--quality-rare);text-shadow:1px 1px 0 #036}.quality-epic{color:var(--quality-epic);text-shadow:1px 1px 0 #4a1a6b}.quality-set{color:var(--quality-set);text-shadow:1px 1px 0 #063}.quality-legendary{color:var(--quality-legendary);text-shadow:1px 1px 0 #994d00;animation:1s ease-in-out infinite alternate legendary-glow}.quality-mythic{color:var(--quality-mythic);text-shadow:0 0 8px #f22,1px 1px 0 #a00;animation:.8s ease-in-out infinite alternate mythic-glow}.quality-ancient{color:var(--quality-ancient);text-shadow:0 0 10px #c0392b,1px 1px 0 #7f2319;animation:1.2s ease-in-out infinite alternate ancient-glow}.quality-primal{color:var(--quality-primal);text-shadow:0 0 12px #f1c40f,1px 1px 0 #b8930b;animation:1s ease-in-out infinite alternate primal-glow}.quality-origin{color:var(--quality-origin);text-shadow:0 0 14px #e1bee7,1px 1px 0 #9c7aa3;animation:1.5s ease-in-out infinite alternate origin-glow}.quality-eternal{color:var(--quality-eternal);text-shadow:0 0 16px #fff,0 0 8px #d4e6ff,1px 1px 0 #abc;animation:2s ease-in-out infinite alternate eternal-glow}@keyframes legendary-glow{from{text-shadow:1px 1px 0 #a60,0 0 4px #fa0}to{text-shadow:1px 1px 0 #a60,0 0 10px #fc4}}@keyframes mythic-glow{from{text-shadow:0 0 6px #f22,1px 1px 0 #a00}to{text-shadow:0 0 15px #f44,0 0 25px red,1px 1px 0 #a00}}@keyframes ancient-glow{from{text-shadow:0 0 8px #c0392b,1px 1px 0 #7f2319}to{text-shadow:0 0 18px #e74c3c,0 0 6px #ff6b6b,1px 1px 0 #7f2319}}@keyframes primal-glow{from{text-shadow:0 0 10px #f1c40f,1px 1px 0 #b8930b}to{text-shadow:0 0 20px #f5d33f,0 0 8px #ffe066,1px 1px 0 #b8930b}}@keyframes origin-glow{from{text-shadow:0 0 12px #e1bee7,1px 1px 0 #9c7aa3}to{text-shadow:0 0 24px #f3e5f5,0 0 10px #ce93d8,1px 1px 0 #9c7aa3}}@keyframes eternal-glow{from{text-shadow:0 0 14px #fff,0 0 6px #d4e6ff,1px 1px 0 #abc}to{text-shadow:0 0 28px #fff,0 0 14px #e6f0ff,0 0 4px #fec,1px 1px 0 #abc}}.hidden{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.app-version{position:fixed;top:42px;right:8px;z-index:449;padding:1px 6px;border-radius:4px;background:rgba(15,15,26,.5);color:var(--text-muted);font-size:10px;font-family:monospace;line-height:1.4;pointer-events:none;opacity:.5;user-select:none}