.game-top-nav{position:relative;width:100%;z-index:20;background:#18181b;border-bottom:1px solid #27272a}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px}.profile-container{display:flex;align-items:center;flex-shrink:0}.profile-section{position:relative;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0;transition:transform .2s ease}.profile-section:hover{transform:scale(1.05)}.profile-section:active{transform:scale(.98)}.profile-section svg circle{transition:stroke .4s ease-in-out,stroke-dashoffset .1s linear}.level-badge{position:absolute;bottom:-2px;right:-2px;background:rgba(20,15,45,.95);color:#fff;font-weight:800;font-size:11px;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.3);padding:0 3px;z-index:10;transform-style:preserve-3d;transition:transform .3s ease-in-out}.badge-flip{animation:flipBadge .3s ease-in-out}@keyframes flipBadge{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}.resources-section{gap:4px;flex:1 1 0;min-width:0;max-width:calc(100% - 180px);background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:6px 10px;transform:skewX(-10deg);border-radius:12px 3px 12px 3px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 6px rgba(0,0,0,.3)}.resource-item,.resources-section{display:flex;align-items:center;justify-content:center}.resource-item{gap:5px;transform:skewX(10deg);flex:0 0 auto;background:none;border:none;padding:4px 6px;margin:-4px -6px;cursor:pointer;border-radius:8px;transition:transform .15s cubic-bezier(.4,0,.2,1),filter .2s ease,background-color .2s ease;position:relative;overflow:visible}.resource-item:before{content:"";position:absolute;inset:0;border-radius:8px;background:hsla(0,0%,100%,.05);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:-1}.resource-item:hover{transform:skewX(10deg) scale(1.06);filter:brightness(1.1)}.resource-item:hover:before{opacity:1}.resource-item:active{transform:skewX(10deg) scale(.96);transition:transform .1s cubic-bezier(.4,0,.2,1)}.resource-item:nth-child(2){margin-left:8px}.resource-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.resource-item:hover .resource-icon-wrapper{transform:scale(1.1)}.resource-item:active .resource-icon-wrapper{transform:scale(.95)}.resource-value{font-weight:800;font-size:14px;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.5);min-width:32px;max-width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform .2s cubic-bezier(.4,0,.2,1),text-shadow .2s ease}.resource-item:hover .resource-value{transform:scale(1.05);text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 8px hsla(0,0%,100%,.1)}.resource-item:active .resource-value{transform:scale(.98)}.plus-button{position:relative;width:30px;height:24px;background:linear-gradient(135deg,rgba(251,146,60,.8),rgba(249,115,22,.9));border:none;pointer-events:none;transform:skewX(-12deg);border-radius:12px 3px 12px 3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.resource-item:hover .plus-button{background:linear-gradient(135deg,hsla(31,97%,72%,.9),#fb923c);box-shadow:0 4px 12px rgba(251,146,60,.4),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.3);transform:skewX(-12deg) scale(1.08)}.resource-item:active .plus-button{transform:skewX(-12deg) scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.plus-button-icon{color:#fff;font-size:17px;font-weight:700;transform:skewX(12deg);text-shadow:0 1px 2px rgba(0,0,0,.5)}.actions-container{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0}.back-button{display:flex;align-items:center;justify-content:center;gap:5px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:8px 16px;transform:skewX(-10deg);border-radius:3px 12px 3px 12px;border:1px solid hsla(240,4%,46%,.6);box-shadow:0 4px 6px rgba(0,0,0,.3);cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),filter .2s ease,background-color .2s ease,border-color .2s ease}.back-button:hover{transform:skewX(-10deg) scale(1.04);filter:brightness(1.1);border-color:hsla(240,5%,65%,.7);background:rgba(0,0,0,.7)}.back-button:active{transform:skewX(-10deg) scale(.96);transition:transform .1s cubic-bezier(.4,0,.2,1)}.back-button-text{transform:skewX(10deg);font-weight:700;font-size:13px;font-style:italic;color:hsla(240,6%,90%,.9);text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;transition:color .2s ease}.back-button:hover .back-button-text{color:#fff}.action-button{width:44px;height:44px}.notification-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;border-radius:50%;color:#fff;font-weight:700;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.3)}.notification-badge,.title-row{display:flex;align-items:center;justify-content:center}.title-row{padding:4px 16px 8px}.title-text{font-size:14px;font-weight:600;text-transform:capitalize;font-family:Cenatyc,sans-serif;font-style:italic;color:#fff;text-align:center}@media (max-width:640px){.resource-value{font-size:13px;min-width:30px;max-width:70px}.plus-button{width:28px;height:22px}.resources-section{gap:3px;padding:5px 8px;max-width:calc(100% - 160px)}.resource-item{gap:4px}.action-button{width:40px;height:40px}.notification-badge{width:18px;height:18px}.back-button{padding:7px 14px}.back-button-text{font-size:12px}}@media (max-width:480px){.nav-content{gap:6px;padding:8px 12px}.resource-value{font-size:12px;min-width:28px;max-width:60px}.plus-button{width:26px;height:20px}.plus-button-icon{font-size:15px}.resources-section{gap:2px;padding:4px 6px;max-width:calc(100% - 140px)}.resource-item{gap:3px}.action-button{width:36px;height:36px}.notification-badge{width:16px;height:16px}.back-button{padding:6px 12px}.back-button-text{font-size:11px}}@media (max-width:400px){.nav-content{gap:4px;padding:6px 10px}.profile-section{width:44px;height:44px}.resource-value{font-size:11px;min-width:24px;max-width:50px}.plus-button{width:24px;height:18px}.plus-button-icon{font-size:14px}.resources-section{gap:2px;padding:4px 5px;max-width:calc(100% - 130px)}.resource-item{gap:2px;padding:3px 4px}.resource-icon-wrapper{width:26px;height:26px}.action-button{width:34px;height:34px}.actions-container{gap:4px}.notification-badge{width:15px;height:15px;top:-3px;right:-3px}.notification-badge span{font-size:10px}.back-button{padding:5px 10px}.back-button-text{font-size:10px}}@media (max-width:360px){.nav-content{gap:3px;padding:6px 8px}.profile-section{width:40px;height:40px}.level-badge{min-width:16px;height:16px;font-size:10px;bottom:-1px;right:-1px}.resource-value{font-size:10px;min-width:20px;max-width:45px}.plus-button{width:22px;height:16px}.plus-button-icon{font-size:13px}.resources-section{gap:1px;padding:3px 4px;max-width:calc(100% - 115px)}.resource-item{gap:2px;padding:2px 3px}.resource-icon-wrapper{width:24px;height:24px}.action-button{width:32px;height:32px}.actions-container{gap:3px}.notification-badge{width:14px;height:14px;top:-2px;right:-2px}.notification-badge span{font-size:9px}.back-button{padding:4px 8px}.back-button-text{font-size:9px;letter-spacing:.3px}}