*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background:#060f1a;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:none}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#game-container canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-tap-highlight-color:transparent;touch-action:none}#mob-actions{display:none;position:fixed;right:max(3px,env(safe-area-inset-right,0px));bottom:10px;flex-direction:column;gap:14px;align-items:center;z-index:500;padding-bottom:env(safe-area-inset-bottom,0)}.mob-btn{width:var(--btn-d,clamp(72px,17vmin,104px));height:var(--btn-d,clamp(72px,17vmin,104px));background:rgba(6,15,26,.42);border:2px solid hsla(0,0%,100%,.32);border-radius:16px;color:#fff;font-size:calc(var(--btn-d, 88px) * .42);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mob-btn:active{background:rgba(239,134,37,.72);border-color:rgba(255,200,100,.9)}#mob-joystick{display:none;position:fixed;left:max(3px,env(safe-area-inset-left,0px));bottom:10px;width:var(--joy-d,clamp(150px,34vmin,210px));height:var(--joy-d,clamp(150px,34vmin,210px));border-radius:50%;background:rgba(6,15,26,.4);border:2px solid hsla(0,0%,100%,.26);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 0 16px rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:none;z-index:500;justify-content:center;align-items:center;padding-bottom:env(safe-area-inset-bottom,0)}#mob-thumb{width:calc(var(--joy-d, 160px) * .42);height:calc(var(--joy-d, 160px) * .42);border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,180,80,.85),rgba(239,134,37,.62));border:2px solid rgba(255,200,100,.65);pointer-events:none;will-change:transform}body.card-open #mob-actions,body.card-open #mob-joystick{display:none!important}body[data-joystick=right] #mob-joystick{left:auto;right:max(3px,env(safe-area-inset-right,0px))}body[data-joystick=right] #mob-actions{right:auto;left:max(3px,env(safe-area-inset-left,0px))}@media (hover:none) and (pointer:coarse) and (orientation:landscape){body.controls-ready #mob-actions,body.controls-ready #mob-joystick{display:flex}}#rotate-prompt{position:fixed;inset:0;background:#060f1a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:#fff;font-family:Arial,sans-serif;text-align:center;padding:40px}.rotate-icon{font-size:72px;margin-bottom:20px}.rotate-title{font-size:26px;font-weight:700;color:#ef8625;margin:0 0 10px}.rotate-sub{font-size:15px;color:#aaa;margin:0}