@import"https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Russo+One&display=swap";:root{color:#f7ead1;font-family:Oswald,Arial,sans-serif;background:#070a0d;font-synthesis:none}*{box-sizing:border-box}button{color:inherit;font:inherit}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#070a0d}#integrated-game-ui{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;pointer-events:none}.integrated-shell{display:grid;grid-template:38px minmax(0,1fr) / 148px minmax(0,1fr);width:100%;height:100%}.integrated-shell .resource-bar,.integrated-shell .side-nav,.integrated-shell button,.integrated-shell .enemy-card,.integrated-shell .bottom-dock{pointer-events:auto}.integrated-hud{position:relative;grid-column:2;grid-row:2;min-width:0;min-height:0}.dom-enemy-hitbox{position:absolute;z-index:2;top:20%;right:28%;bottom:24%;left:28%;border:0;background:transparent;cursor:crosshair;pointer-events:auto}.integrated-shell .enemy-card{bottom:128px}.integrated-shell .bottom-dock{bottom:5px}.integrated-shell .side-nav{width:148px}.integrated-shell .nav-item span{font-size:30px}.integrated-shell .nav-item small{font-size:12px}.integrated-shell .bottom-dock button{width:224px;height:112px;grid-template-columns:68px auto;padding:10px}.integrated-shell .bottom-dock span{font-size:42px}.integrated-shell .bottom-dock strong{font-size:19px}.integrated-shell .bottom-dock small{font-size:14px}.bottom-dock button.disabled{opacity:.48;filter:grayscale(.7)}.game-shell{display:grid;grid-template:38px minmax(0,1fr) / 74px minmax(0,1fr);width:100vw;height:100vh;border:2px solid #16252a;background:#080d10}.resource-bar{z-index:20;grid-column:1 / -1;display:flex;gap:3px;padding:3px;background:linear-gradient(#132126,#081015);border-bottom:1px solid #36525a;box-shadow:0 3px 14px #000b}.resource,.profile-button{position:relative;display:flex;align-items:center;min-width:150px;height:30px;padding:0 10px;border:1px solid #29464e;background:linear-gradient(110deg,#111c21,#081014);box-shadow:inset 0 0 0 1px #071114,inset 0 0 12px #0008;cursor:pointer}.resource:hover,.profile-button:hover{filter:brightness(1.35)}.resource-icon{width:25px;font:700 22px/1 Russo One,sans-serif;text-shadow:0 0 8px currentColor}.resource strong{margin-left:3px;color:#f8be55;font-size:17px}.resource .plus{margin-left:auto;color:#84dcae;opacity:0}.resource:hover .plus{opacity:1}.lime .resource-icon{color:#7dff38}.violet .resource-icon{color:#b36dff}.cyan .resource-icon{color:#55e9ff}.pink .resource-icon{color:#ff4b8c}.gold .resource-icon{color:#ffc946}.profile-button{min-width:118px;margin-left:auto;gap:7px}.profile-button strong,.profile-button small{display:block;line-height:1.1}.profile-button small{color:#96a7a9}.avatar{display:grid;width:24px;height:24px;place-items:center;border:1px solid #d9a741;border-radius:50%;color:#f5d996;background:#492a1b;font-size:10px}.online-dot{position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:#62f584;box-shadow:0 0 6px #62f584}.side-nav{z-index:15;grid-row:2;display:flex;flex-direction:column;gap:3px;padding:4px;background:linear-gradient(90deg,#091217,#101b1f);border-right:1px solid #36525a;box-shadow:4px 0 12px #0008}.brand-mark{display:grid;height:42px;place-items:center;border:1px solid #784b24;color:#ffd071;background:radial-gradient(circle,#6e2e19,#1b0f0b 70%);font:15px Russo One,sans-serif;text-shadow:0 2px #000}.nav-item{position:relative;display:grid;min-height:52px;flex:1;place-items:center;padding:2px;border:1px solid #1f3439;color:#9ba4a2;background:linear-gradient(135deg,#111c1f,#080d0f);cursor:pointer}.nav-item span{color:#a97a2e;font-size:22px;line-height:1;text-shadow:0 2px #000}.nav-item small{font-size:9px;line-height:1}.nav-item:hover,.nav-item.active{color:#ffe3a0;border-color:#b47b31;background:linear-gradient(135deg,#442117,#160d0b);box-shadow:inset 0 0 12px #e27b2633}.nav-item.active:before{position:absolute;right:-7px;width:7px;height:60%;content:"";background:#e2902d;clip-path:polygon(0 0,100% 50%,0 100%)}.arena{position:relative;grid-column:2;grid-row:2;overflow:hidden;isolation:isolate;background:linear-gradient(#110d0bb3,#140b06c9),repeating-linear-gradient(90deg,transparent 0 124px,#0002 125px 127px),radial-gradient(circle at 50% 75%,#71331b,#26130f 52%,#08090a)}.arena:before{position:absolute;z-index:-1;right:0;bottom:0;left:0;height:30%;content:"";background:linear-gradient(170deg,transparent 0 28%,#0005 29% 31%,transparent 32%),repeating-linear-gradient(90deg,#251914 0,#251914 80px,#160f0d 81px,#160f0d 84px);border-top:3px solid #6a3a20;transform:perspective(400px) rotateX(18deg);transform-origin:bottom}.arena:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle,transparent 42%,#050606c7 100%)}.arena-haze{position:absolute;z-index:-1;right:8%;bottom:18%;width:40%;height:70%;background:radial-gradient(ellipse,#e66e2730,transparent 65%);filter:blur(12px)}.ceiling-lights{position:absolute;top:-10px;right:10%;left:10%;display:flex;justify-content:space-around}.ceiling-lights i{width:90px;height:220px;background:linear-gradient(#f5b55f55,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(5px)}.back-wall{position:absolute;top:15%;right:8%;bottom:28%;left:8%;border:12px solid #120c0a;border-bottom-width:20px;background:repeating-linear-gradient(0deg,#44251a 0,#44251a 42px,#311a14 43px,#311a14 46px),repeating-linear-gradient(90deg,transparent 0 96px,#180d0b88 97px 100px);box-shadow:inset 0 0 70px #000c,0 12px 22px #0009;opacity:.72}.graffiti{position:absolute;color:#d7652b;font:700 clamp(30px,5vw,80px)/1 Russo One,sans-serif;opacity:.16;transform:rotate(-8deg)}.graffiti-one{top:18%;left:8%}.graffiti-two{right:8%;bottom:14%}.stage-card{position:absolute;z-index:5;top:18px;left:50%;width:250px;padding:8px 18px 10px;text-align:center;transform:translate(-50%);border:1px solid #6f4626;border-radius:0 0 10px 10px;background:linear-gradient(#1c1210e8,#090908e8);box-shadow:0 5px 14px #000a,inset 0 0 12px #c66c1d22}.stage-nav-button{position:absolute;z-index:6;top:45px;width:52px;height:72px;border:2px solid #a86d2d;color:#f2c878;background:linear-gradient(#3a1d12,#100c0b);box-shadow:0 5px 14px #000a,inset 0 0 12px #c66c1d22;font:24px Russo One,sans-serif;cursor:pointer}.stage-back{left:calc(50% - 184px);border-radius:12px 0 0 12px}.stage-next{right:calc(50% - 184px);border-radius:0 12px 12px 0}.stage-nav-button:hover:not(:disabled){color:#fff0b8;filter:brightness(1.35)}.stage-nav-button:disabled{border-color:#42352b;color:#62584e;background:#151313;cursor:default;opacity:.6}.boss-timer{display:none;grid-template-columns:1fr auto;gap:2px 10px;margin-top:7px;color:#ffb06c;font-size:11px}.boss-timer.visible{display:grid}.boss-timer>div{grid-column:1 / -1;height:5px;overflow:hidden;border:1px solid #774527;background:#160909}.boss-timer>div i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b72320,#ff9d39)}.stage-title{color:#d99d4f;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.stage-card strong{display:block;margin:2px 0;color:#ffe3a0;font:15px Russo One,sans-serif}.stage-card small{color:#caa670}.stage-progress{height:6px;margin:5px 0;padding:1px;border:1px solid #6f4626;background:#080909}.stage-progress i{display:block;width:30%;height:100%;background:linear-gradient(90deg,#a63220,#e87927);box-shadow:0 0 5px #e87927}.arena-actions{position:absolute;z-index:7;top:24px;right:18px;display:grid;gap:12px}.ornate-button{display:grid;width:66px;height:66px;place-items:center;border:3px double #c78431;border-radius:12px 0;color:#f2bf68;background:radial-gradient(circle,#6f2518,#23100d 70%);box-shadow:0 4px 10px #000b,inset 0 0 12px #e57c252e;cursor:pointer}.ornate-button span{font-size:26px}.ornate-button small{color:#d4ab71;font-size:9px;text-transform:uppercase}.ornate-button:hover{filter:brightness(1.3);transform:translateY(-1px)}.fighter{position:absolute;z-index:3;bottom:19%;width:min(32vw,360px)}.fighter img{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(0 12px 8px #000a);mix-blend-mode:multiply}.fighter .shadow{position:absolute;right:10%;bottom:0;left:10%;height:12%;border-radius:50%;background:#000a;filter:blur(8px)}.hero{left:12%;width:min(24vw,285px);transform:scaleX(-1);opacity:.8}.hero .fighter-tag{transform:scaleX(-1)}.fighter-tag{position:absolute;z-index:4;top:-14px;left:50%;padding:3px 10px;white-space:nowrap;transform:translate(-50%);border:1px solid #36616b;border-radius:10px;color:#c7e7e3;background:#071114d9;font-size:11px}.enemy{right:15%;padding:0;border:0;background:transparent;cursor:crosshair}.enemy:hover img{filter:drop-shadow(0 12px 8px #000a) brightness(1.08)}.damage-pop{position:absolute;z-index:10;top:20%;left:50%;color:#fff4b7;font:24px Russo One,sans-serif;opacity:0;text-shadow:0 2px #7b160d,0 0 8px #ff641c;pointer-events:none}.enemy.hit img{animation:enemy-hit .25s ease-out}.enemy.hit .damage-pop{animation:damage-pop .65s ease-out}@keyframes enemy-hit{40%{transform:translate(12px) rotate(2deg);filter:sepia(1) saturate(3) drop-shadow(0 0 12px #ff401d)}}@keyframes damage-pop{0%{opacity:1;transform:translate(-50%) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-70px) scale(1.25)}}.enemy-card{position:absolute;z-index:8;bottom:84px;left:50%;width:min(390px,45vw);padding:6px 22px 9px;text-align:center;transform:translate(-50%);border:2px solid #6b4528;border-radius:14px 14px 4px 4px;background:linear-gradient(#21120ee8,#090909eb);box-shadow:0 5px 12px #000c,inset 0 0 18px #d16d2229}.enemy-card h1{margin:0 0 5px;color:#f2c878;font:18px Russo One,sans-serif;text-shadow:0 2px #351209}.enemy-card p{margin:4px 0 0;color:#bca685;font-size:11px}.health-row{display:flex;align-items:center;gap:5px}.skull{color:#d9c6a2}.health-track{position:relative;height:16px;flex:1;overflow:hidden;border:2px solid #b69058;border-radius:10px;background:#260b09;box-shadow:inset 0 2px 4px #000d}.health-track i{display:block;width:74%;height:100%;background:linear-gradient(#ef4e36,#a81517);box-shadow:inset 0 2px #ff8b65}.health-track strong{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff0d0;font-size:10px;line-height:12px;text-shadow:0 1px 2px #000}.bottom-dock{position:absolute;z-index:9;bottom:8px;left:50%;display:flex;gap:5px;padding:5px;transform:translate(-50%);border:1px solid #634328;border-radius:9px;background:#090c0dd9;box-shadow:0 4px 16px #000c}.bottom-dock button{display:grid;grid-template:1fr 1fr / 34px auto;width:112px;height:56px;padding:5px;border:1px solid #4d3927;color:#f0c777;background:linear-gradient(135deg,#301a11,#101010);cursor:pointer}.bottom-dock button:hover{border-color:#d99036;filter:brightness(1.25)}.bottom-dock span{grid-row:1 / 3;align-self:center;font-size:23px}.bottom-dock strong{align-self:end;text-align:left;font-size:12px}.bottom-dock small{color:#9eaa9e;text-align:left;font-size:9px}.toast{position:absolute;z-index:30;top:92px;left:50%;padding:7px 14px;transform:translate(-50%,-8px);border:1px solid #c7893d;border-radius:4px;color:#f7dab2;background:#16100ee8;box-shadow:0 5px 12px #000a;font-size:12px;opacity:0;transition:.2s ease;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}@media (max-width: 900px){.game-shell{grid-template-columns:58px minmax(0,1fr)}.resource{min-width:0;flex:1}.profile-button,.resource:nth-of-type(4){display:none}.nav-item small{display:none}.fighter{bottom:23%}.hero{left:5%}.enemy{right:5%}.bottom-dock button{width:76px;grid-template-columns:1fr}.bottom-dock span{grid-row:auto}.bottom-dock strong,.bottom-dock small{display:none}}