:root{--ink:#18221d;--cream:#f4eddd;--lime:#d7ff45;--orange:#ff8a35;--red:#ff4e52;--panel:#17231fe8;--muted:#9eada4;--line:#ffffff20}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0d1512;color:white;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button{font:inherit}.screen{display:none;width:100%;height:100%;position:absolute;inset:0}.screen.active{display:flex}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}.primary{border:0;background:var(--lime);color:var(--ink);font-weight:900;box-shadow:0 8px 0 #79921f;cursor:pointer;transition:.15s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary:active{transform:translateY(5px);box-shadow:0 3px 0 #79921f}.huge{padding:17px 22px;font-size:17px;display:flex;justify-content:space-between;align-items:center}.secondary{border:1px solid #ffffff35;color:white;background:#ffffff10;padding:12px 18px;font-weight:800;cursor:pointer}.secondary:hover{background:#ffffff20}.hidden{display:none!important}
#login-screen{background:radial-gradient(circle at 72% 38%,#62745e 0,#2a3931 32%,#121b17 68%);align-items:center;padding:8vw;overflow:hidden}.login-scene{z-index:2;width:45%;max-width:520px}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border:3px solid var(--lime);border-radius:18px 7px 18px 7px;color:var(--lime);font-size:25px;font-weight:1000;transform:rotate(-4deg);margin-bottom:36px}.login-scene h1{font-size:clamp(60px,8vw,116px);line-height:.78;margin:12px 0 26px;letter-spacing:-.08em;text-shadow:0 9px 0 #0004}.login-scene h1 span{color:var(--lime)}.tagline{font-size:20px;color:#d5dfd8;margin-bottom:42px}.login-scene .primary{width:320px}.save-note{font-size:12px;color:#8ea097;margin-left:18px}.hero-dog,.agent-dog{position:relative;width:320px;height:440px}.hero-dog{position:absolute;right:11%;bottom:-28px;filter:drop-shadow(0 34px 24px #0009);transform:rotate(2deg) scale(1.25)}.dog-ears{position:absolute;top:15px;left:54px;width:220px;display:flex;justify-content:space-between}.dog-ears i{display:block;width:78px;height:110px;background:#ad6134;clip-path:polygon(50% 0,100% 100%,0 100%)}.dog-head{position:absolute;top:64px;left:45px;width:235px;height:205px;border-radius:48% 48% 43% 43%;background:radial-gradient(circle at 50% 66%,#f9e5c5 0 30%,transparent 31%),linear-gradient(150deg,#dd8b4d,#a84f28);border:7px solid #30251e;display:grid;place-items:center;color:#30251e;font-size:48px;font-weight:1000}.dog-head:after{content:"";position:absolute;top:65px;left:45px;width:26px;height:20px;border-radius:50%;background:#211b17;box-shadow:114px 0 #211b17}.dog-body{position:absolute;top:245px;left:65px;width:190px;height:210px;border-radius:42% 42% 18% 18%;background:#c96d35;border:7px solid #30251e}.vest{position:absolute;inset:36px 10px 5px;background:#34463d;border:4px solid #1b2822;border-radius:18px;color:var(--lime);font-weight:1000;font-size:36px;display:grid;place-items:center}.rifle{position:absolute;width:245px;height:31px;background:#26332d;border:6px solid #17201c;transform:rotate(-27deg);left:-45px;top:80px;border-radius:5px}.rifle:after{content:"";position:absolute;width:50px;height:48px;background:#26332d;right:20px;top:20px;clip-path:polygon(0 0,100% 0,70% 100%,20% 100%)}
#lobby-screen{background:linear-gradient(#0008,#0008),radial-gradient(circle at 55% 40%,#657b66,#243229 65%);flex-direction:column}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;background:#101915df;border-bottom:1px solid var(--line)}.logo-small{font-weight:1000;color:var(--lime);font-size:23px}.logo-small span{color:white;font-size:14px;margin-left:12px}.account{display:flex;gap:12px;align-items:center}.account span{color:#b6c0ba}.account b{font-size:20px;color:#ffd65a}.lobby-grid{flex:1;display:grid;grid-template-columns:minmax(230px,1fr) minmax(360px,1.7fr) minmax(270px,1fr);gap:24px;align-items:stretch;padding:34px 4vw 22px;min-height:0}.mission-panel,.loadout-panel{background:var(--panel);border:1px solid var(--line);padding:28px;backdrop-filter:blur(10px)}.mission-panel h2{font-size:36px;margin:8px 0 30px}.intel{border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;font-size:13px}.intel span{color:var(--muted)}.intel b{color:#dae5dd}.tip,.risk-note{color:#94a69c;font-size:12px;line-height:1.6}.agent-card{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#77907b55,transparent 65%);border-bottom:3px solid var(--lime)}.agent-dog{transform:scale(.85);margin-top:-65px}.agent-info{position:absolute;bottom:18px;left:22px;right:22px;background:#121b17dd;padding:17px 20px;border-left:4px solid var(--lime)}.agent-info p{font-size:11px;color:var(--muted);margin:0}.agent-info h2{margin:3px 0 9px}.agent-info span{font-size:11px;margin-right:16px;color:#bbc8c0}.loadout-panel{display:flex;flex-direction:column}.weapon-card{display:flex;align-items:center;padding:14px;border:1px solid var(--line);background:#ffffff08;margin:8px 0;cursor:pointer}.weapon-card.selected{border-color:var(--lime);background:#d7ff4512}.weapon-icon{font-size:28px;margin-right:12px}.weapon-card span{display:block;color:var(--muted);font-size:11px}.weapon-card b{font-size:14px}.weapon-card em{margin-left:auto;color:var(--lime);font-size:11px;font-style:normal}.loadout-panel .primary{margin-top:auto}.warehouse-strip{height:142px;margin:0 4vw 28px;background:#111b17e8;border:1px solid var(--line);display:flex;align-items:center;padding:20px 25px;gap:24px}.warehouse-strip h3,.warehouse-strip p{margin:2px 0}.warehouse-items{flex:1;display:flex;gap:8px;overflow-x:auto}.warehouse-item,.result-item{min-width:72px;height:72px;background:#ffffff0a;border:1px solid var(--line);display:grid;place-items:center;position:relative;font-size:27px}.warehouse-item small,.result-item small{position:absolute;bottom:2px;font-size:9px;color:#ccd6d0}.rarity-rare{border-color:#49aaff}.rarity-epic{border-color:#b46cff}.rarity-legendary{border-color:#ff9c38}.rarity-mythic{border-color:#ff5252;box-shadow:inset 0 0 22px #ff3b3b33}
.game-screen{background:#18231e}.game-screen.active{display:block}#game-canvas{position:absolute;width:100%;height:100%;cursor:crosshair}.game-top{position:absolute;top:0;left:0;right:0;padding:18px 24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.status-card,.raid-info,.loot-value{background:#101915df;border:1px solid var(--line);padding:12px 16px;backdrop-filter:blur(8px)}.status-card{display:flex;gap:10px;width:220px}.dog-avatar{font-size:32px}.status-card b{font-size:12px}.bar{height:8px;width:140px;background:#ffffff20;margin-top:6px}.bar i{display:block;background:var(--lime);height:100%;width:100%;transition:.2s}.status-card small{color:var(--muted)}.raid-info{text-align:center}.raid-info b{font-size:24px;display:block}.raid-info span{font-size:10px;color:#9fb0a6;letter-spacing:.12em}.loot-value{text-align:right}.loot-value small{display:block;color:var(--muted)}.loot-value b{font-size:22px;color:#ffd55d}.objective{position:absolute;top:88px;left:50%;transform:translateX(-50%);background:#121d18dd;border-left:3px solid var(--lime);padding:9px 18px;font-size:12px}.prompt{position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);background:#111b17ee;border:1px solid #ffffff34;padding:12px 22px;font-weight:800}.prompt b{background:white;color:#18211d;padding:4px 8px;margin-right:9px}.toast-stack{position:absolute;right:25px;top:125px;display:flex;flex-direction:column;gap:8px}.toast{background:#101915ec;border-left:3px solid var(--lime);padding:11px 14px;animation:toast .25s ease-out;min-width:230px}.toast.jackpot{border-color:#ffbc34;background:#39260fea;box-shadow:0 0 25px #ffbd3255}.toast b{display:block}.toast span{color:#aebdb4;font-size:11px}@keyframes toast{from{transform:translateX(30px);opacity:0}}.game-bottom{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.controls{background:#101915df;padding:11px 15px;color:#9aaba1;font-size:11px}.controls b{color:white}.ammo{background:#101915e8;border-right:4px solid var(--lime);padding:12px 18px;text-align:right;min-width:160px}.ammo span{display:block;color:#b3c0b8;font-size:11px}.ammo b{font-size:23px}.bag-button{position:absolute;right:25px;bottom:90px;width:62px;height:62px;border:1px solid #ffffff44;background:#131e19e8;color:white;font-weight:900;cursor:pointer}.bag-button span{font-size:10px;color:#9dadA4}.inventory-panel{position:absolute;top:0;right:0;width:min(440px,92vw);height:100%;background:#101915f5;border-left:1px solid #ffffff25;padding:28px;backdrop-filter:blur(16px)}.inventory-panel header{display:flex;justify-content:space-between}.inventory-panel header p{font-size:11px;color:var(--muted);margin:0}.inventory-panel header h2{margin:4px 0}.inventory-panel header button{border:0;background:none;color:white;font-size:35px;cursor:pointer}.bag-meta{display:flex;justify-content:space-between;margin:12px 0;color:#b9c5be}.bag-meta b{color:#ffd45c}.bag-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:4px;aspect-ratio:6/5;background:#ffffff08;padding:4px}.bag-cell{border:1px solid #ffffff15;background:#ffffff05}.bag-item{position:absolute;display:grid;place-items:center;background:#28362f;border:1px solid #89998f;color:white;font-size:26px;cursor:pointer;overflow:hidden}.bag-item small{position:absolute;bottom:3px;font-size:8px;background:#0009;padding:2px 4px}.bag-item.rarity-mythic{background:#4b2420}.bag-help{font-size:11px;color:#83958a}.result-screen.active{display:flex}.result-screen{background:radial-gradient(circle at 50% 25%,#607a5d,#17221d 60%);flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.result-screen h1{font-size:64px;margin:4px 0;color:var(--lime);text-shadow:0 6px #0004}.result-screen>p{color:#b7c3bb}.result-stats{display:flex;background:#101915cc;border:1px solid var(--line);margin:25px 0}.result-stats div{padding:17px 30px;border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats span{display:block;font-size:10px;color:#8fa097}.result-stats b{font-size:21px}.result-items{display:flex;gap:9px;max-width:70vw;overflow-x:auto;margin-bottom:30px}.result-screen .primary{width:280px}.result-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#d7ff4510;filter:blur(35px);pointer-events:none}
@media(max-width:850px){.lobby-grid{grid-template-columns:1fr 1fr}.agent-card{display:none}.warehouse-strip{height:130px}.mission-panel h2{font-size:26px}.controls{display:none}.hero-dog{right:-3%;transform:scale(.9)}.login-scene{width:65%}.result-stats div{padding:12px}.result-screen h1{font-size:44px}}