:root{--bg:#121310;--panel:#1b1c18;--line:#33342b;--muted:#898b79;--text:#e5e4d5;--accent:#eab85c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Space Grotesk','Microsoft YaHei','PingFang SC',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{max-width:1512px;margin:auto;padding:0 48px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:70px}.brand{color:var(--text);text-decoration:none;display:flex;gap:14px;font-size:21px;font-weight:900;letter-spacing:3px}.brand-icon{color:var(--accent);font-size:46px;line-height:1}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:4px;margin-top:4px;color:var(--muted)}nav{display:flex;height:100%;align-items:center;gap:35px;color:var(--muted);font-size:13px}.nav-active{color:var(--accent);height:100%;display:flex;align-items:center;border-bottom:2px solid var(--accent)}.future{display:flex;align-items:center;gap:9px}.future i{font-style:normal;font-size:9px;border:1px solid var(--line);padding:3px 5px;color:#747565}.header-right{margin-left:auto;display:flex;gap:24px;align-items:center}.icon{border:1px solid var(--line);background:transparent;color:var(--accent);width:34px;height:34px;font-size:20px}.text-btn{color:#b8baa7;background:none;border:0;font-size:12px}.text-btn span{margin-left:10px;color:var(--muted);border:1px solid var(--line);padding:1px 6px}.heading{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 27px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted);display:flex;align-items:center;gap:8px}.eyebrow b{height:5px;width:5px;background:var(--accent)}h1{font-size:28px;letter-spacing:1px;margin:10px 0 0;font-weight:700}h1 em{font-style:normal;color:#91917e}.edition{font-size:10px;letter-spacing:2px;color:#a2a38f;padding-bottom:4px}.edition span{margin:0 12px;color:#4e5044}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:22px}.game-column{border:1px solid #3c3d31;align-self:start;box-shadow:0 14px 45px #0004}.game-top,.game-bottom{background:#20211b;height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;color:#a6a893}.game-top strong{font-weight:500;color:#d4d6c2;margin-left:7px}.live-dot,.amber-dot{display:inline-block;width:5px;height:5px;background:#b7c47a;border-radius:50%;margin-right:5px}.amber-dot{background:var(--accent)}.viewport{position:relative;overflow:hidden;background:#171b1b;aspect-ratio:1000/650}#game{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none;cursor:crosshair}.hud{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.hearts{font-size:23px;letter-spacing:4px;color:#e77e62;text-shadow:2px 3px #000}.hearts .empty{color:#5b4541}.kill-hud{font-size:10px;color:#a8b3ac;background:#161b1bd9;border:1px solid #56625a66;padding:8px 12px}.kill-hud b{font-size:17px;color:#eee6cd;margin-left:8px}.arena-caption{position:absolute;bottom:16px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;color:#99a99d;letter-spacing:2px;pointer-events:none}.game-bottom{height:47px;background:#1b1c17;font-size:10px;border-top:1px solid var(--line);gap:8px}.game-bottom button{background:none;border:0;color:#b0b29d;font-size:11px;white-space:nowrap}.game-bottom button span{color:var(--accent);margin-right:7px}kbd{font:10px Arial,sans-serif;color:#c0c3b0;border:1px solid #45473a;background:#262820;box-shadow:0 2px #10120e;min-width:21px;display:inline-block;text-align:center;padding:3px 5px;letter-spacing:.5px}.game-bottom kbd{margin-left:7px;font-size:8px}.panel{background:var(--panel);border:1px solid var(--line);padding:19px;margin-bottom:14px}.panel:last-child{margin-bottom:0}.panel-label{color:#b5b7a4;font-size:11px;display:flex;justify-content:space-between;align-items:center}.panel-label>span{color:#656957;font-size:10px}.panel-label kbd{font-size:8px;color:#8d927b;padding:2px 4px}.floor-title{display:flex;gap:15px;align-items:center;margin:20px 0}.floor-title>span{font-size:36px;color:var(--accent);font-weight:500;line-height:1}.floor-title>div{font-size:16px;font-weight:600}.floor-title small{display:block;font-size:7px;letter-spacing:1.3px;color:#757c67;margin-top:6px}.progress-track{display:flex;gap:5px;margin-bottom:17px}.progress-track i{height:4px;flex:1;background:#373b2d}.progress-track i.active{background:var(--accent);box-shadow:0 0 8px #eab85c44}.stat-row{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px}.stat-row strong{font-weight:500;color:#cdd0bc}.stat-row .amber{color:var(--accent)}#weaponArt{width:100%;height:78px;image-rendering:pixelated;background:radial-gradient(ellipse,#b69c3e12,transparent 70%)}.weapon-name{display:flex;align-items:center;justify-content:space-between}.weapon-name h2{font-size:16px;margin:0}.weapon-name>span{font-size:7px;color:var(--accent);border:1px solid #6b582d;padding:3px 4px;letter-spacing:1px}.arsenal p{font-size:10px;color:var(--muted);margin:9px 0 19px}.ammo{display:flex;align-items:center;justify-content:space-between}.ammo strong{font-size:28px;font-weight:500}.ammo strong span{font-size:13px;color:#72775f}.ammo>span{font-size:9px;color:#a0a789}.ammo-dots{display:flex;gap:5px;margin-top:9px}.ammo-dots i{height:10px;flex:1;background:var(--accent)}.ammo-dots i.spent{background:#383a2e}.weapon-stats{display:flex;border-top:1px solid var(--line);padding-top:14px;margin-top:17px;gap:20px}.weapon-stats>div{font-size:9px;display:flex;gap:9px;align-items:center;color:var(--muted)}.weapon-stats b{font-size:8px;letter-spacing:2px;color:#bdb889}.controls>div:not(:first-child):not(.roll-meter){display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:10px;color:var(--muted)}.controls kbd{font-size:9px;margin-right:3px}.mouse-key{font-size:10px;color:#b4b8a2}.controls b{color:var(--accent);font-weight:400;margin-left:7px}.roll-meter{margin-top:18px;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:#8c997a;display:flex;gap:17px;align-items:center}.roll-meter>div{height:3px;background:#323729;flex:1}.roll-meter i{display:block;background:#a6b77d;height:100%;width:100%}footer{display:flex;justify-content:space-between;color:#646956;font-size:10px;padding:25px 0 30px}footer b{color:var(--accent);font-size:16px;margin-right:8px}footer i{font-style:normal;margin:0 8px}.overlay{position:absolute;inset:0;background:#0d1416a8;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:18px}.overlay[hidden]{display:none}.modal{text-align:center;max-width:460px;width:100%;padding:30px 25px;border:1px solid #8b774256;background:linear-gradient(#1b2422f0,#151c1bf5);box-shadow:0 20px 60px #0008}.sigil{width:60px;height:60px;transform:rotate(45deg);border:1px solid #8e793f;margin:0 auto 26px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #eab85c14,inset 0 0 30px #eab85c10}.sigil span{transform:rotate(-45deg);font-size:40px;color:var(--accent)}.modal .eyebrow{justify-content:center;font-size:9px;color:var(--accent)}.modal h2{font-size:33px;letter-spacing:5px;margin:10px 0 14px}.modal p{color:#a9b3a2;font-size:12px;line-height:1.9;margin:0 0 24px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--accent);color:#2b291a;font-size:13px;font-weight:700;border:1px solid #ffe4a5;box-shadow:0 4px #74542c;padding:13px 28px;min-width:230px}.primary:hover{background:#f6ce80}.modal .minor{display:block;border:0;background:none;color:#8c9886;margin:16px auto 0;font-size:9px;letter-spacing:1px}.banner{position:absolute;top:44%;width:100%;text-align:center;color:#f4d78d;font-size:28px;font-weight:700;letter-spacing:5px;pointer-events:none;text-shadow:0 3px 5px #000;opacity:0;transition:opacity .2s}.banner.show{opacity:1}.boss-hud{position:absolute;bottom:38px;left:25%;width:50%;font-size:10px;color:#ead3b4;text-align:center}.boss-hud small{font-size:7px;color:#a99c83;margin-left:10px}.boss-hud>div{height:6px;border:1px solid #977657;background:#2c1e1d;margin-top:6px}.boss-hud i{display:block;width:100%;height:100%;background:#d97b59}.upgrades{display:flex;gap:8px;margin:20px 0}.upgrade{flex:1;background:#242d25;border:1px solid #566343;color:#d9dfc7;padding:15px 4px;font-size:11px;line-height:1.8}.upgrade:hover{border-color:var(--accent);background:#363e2a}.upgrade small{display:block;color:#94a183;font-size:9px}.touch-controls{display:none} @media(min-width:1500px){.shell{padding:0 52px}.game-layout{grid-template-columns:minmax(0,1fr) 290px}.panel{padding:22px}.controls>div:not(:first-child):not(.roll-meter){margin-top:16px}}@media(max-width:1100px){.shell{padding:0 24px}header{gap:35px;height:84px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:14px}.panel{padding:15px}.heading{padding:28px 0 22px}h1{font-size:23px}.controls>div:not(:first-child):not(.roll-meter){margin-top:10px}.edition{display:none}.modal h2{font-size:27px}.modal{padding:22px}.sigil{width:45px;height:45px;margin-bottom:20px}.game-bottom{font-size:9px;padding:0 10px}}@media(max-width:800px){.shell{padding:0 15px}header{height:76px;gap:20px}.brand{font-size:17px;gap:8px;letter-spacing:1px}.brand-icon{font-size:36px}.brand small{font-size:7px;letter-spacing:2px}nav{gap:12px;font-size:11px}.future{display:none}.header-right{gap:8px}.text-btn{font-size:0}.text-btn span{font-size:11px}.heading{padding:23px 0 20px}h1{font-size:21px}.eyebrow{font-size:8px}.game-layout{display:block}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.panel{margin:0}.controls{display:none}.viewport{min-height:350px;aspect-ratio:1000/730}#game{object-fit:contain}.game-bottom>span{max-width:72%;font-size:9px}footer{font-size:8px;gap:20px}.hud{top:13px;left:14px;right:14px}.hearts{font-size:18px}.arena-caption{font-size:6px}.modal p{font-size:11px}.modal h2{font-size:25px} .touch-controls{position:absolute;bottom:35px;left:15px;right:15px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;color:#dacfab;background:#29362bc7;border:1px solid #8e9b6b77;padding:9px 13px;font-size:12px}.touch-controls>div{text-align:center}.touch-controls>div>button{margin-bottom:3px} .overlay:not([hidden])~.touch-controls{display:none}.upgrades{gap:5px}}
.viewport{width:100%}.game-column{min-width:0}@media(max-width:800px){aside{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{min-width:0}.weapon-name{flex-wrap:wrap;gap:5px}.floor-title{gap:8px}.floor-title>div{font-size:13px}.floor-title small{font-size:6px;letter-spacing:0}.weapon-stats{gap:8px}.weapon-stats>div{gap:3px}.weapon-stats b{letter-spacing:0}.arsenal p{line-height:1.7}.brand{flex-shrink:0}.header-right{gap:0}nav{flex-shrink:0}.text-btn{padding:0}.heading h1{font-size:18px}.modal h2{font-size:23px;letter-spacing:1px}.modal{padding:20px 12px}.primary{min-width:190px}.hud .hearts{letter-spacing:1px}.kill-hud{padding:5px}.touch-controls button{padding:8px 10px}}