*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#fff;overflow:hidden;overscroll-behavior:none}#gameContainer{position:relative;width:100vw;height:100vh;touch-action:none}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}#menu{overflow-y:auto;overscroll-behavior:contain;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:200;background:url(/assets/images/home-bg-1f29fb.png) center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;padding:121px 32px 48px}.title-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);width:100%;margin-bottom:clamp(8px,2vh,16px)}.title-logo{display:block;width:auto;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0px 4px 12px rgba(0,0,0,.25))}.title-logo--pirate{max-width:clamp(220px,58vw,360px);width:clamp(220px,58vw,360px)}.title-logo--clash{max-width:clamp(150px,42vw,240px);width:clamp(150px,42vw,240px);margin-left:40px}.subtitle{font-family:SF Pro Display,sans-serif;font-size:clamp(15px,4vw,18px);font-weight:500;line-height:1.19;text-align:center;color:#fff;opacity:.6;margin-bottom:160px;max-width:268px;margin-left:auto;margin-right:auto;width:100%}.button{background:#00aeffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;padding:clamp(10px,3vh,12px) 0;width:90%;max-width:400px;height:clamp(48px,12vw,56px);font-family:SF Pro Display,sans-serif;font-size:clamp(17px,4.8vw,20px);font-weight:700;line-height:1.19;letter-spacing:.04em;text-align:center;border-radius:8px;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.button:hover{background:#00aefff2;transform:translateY(-2px);box-shadow:0 8px 16px #00aeff66}.button:active{transform:translateY(0)}#hud{position:absolute;top:20px;left:20px;z-index:100;font-size:clamp(15px,4vw,18px);font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:300}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #00AEFF;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loadingBar{width:min(360px,88vw);height:39px;background:linear-gradient(180deg,#87dcff99,#0078d299);border-radius:20px;overflow:hidden;margin:16px auto 10px;box-shadow:0 14px 28px #00509652;border:1px solid rgba(255,255,255,.32)}#loadingBarInner{width:0%;height:100%;background:linear-gradient(180deg,#92ecff,#21c3ff 48%,#005fd6);box-shadow:inset 0 4px 8px #fff9,inset 0 -4px 8px #00000047;transition:width .2s ease-out}#loadingText{font-size:14px;color:#cfeaff;opacity:.9;font-weight:500}#gameStatus{position:absolute;top:20px;right:20px;z-index:150;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-item{position:relative;display:flex;align-items:center;gap:0;height:36px}.status-icon{position:relative;width:36px;height:36px;z-index:2;flex-shrink:0;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.3))}.status-bg{position:absolute;left:22px;top:3px;height:30px;background:#000;border-radius:4px;z-index:1;box-shadow:0 2px 6px #0006}.status-item--kills .status-bg,.status-item--enemies .status-bg{width:74px}.status-item--gold .status-bg{width:94px}.status-value{position:relative;z-index:2;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;line-height:1.3em;letter-spacing:-.04em;color:#fff;text-align:left;padding-left:12px;padding-right:12px;min-width:40px;text-shadow:0px 1px 3px rgba(0,0,0,.5)}@media (max-width: 768px){#menu{padding:clamp(72px,12vh,88px) clamp(16px,6vw,24px) clamp(32px,10vh,40px);gap:clamp(20px,6vh,24px)}.title-group{width:100%;gap:clamp(6px,2vw,10px)}.title-logo--pirate{max-width:clamp(180px,60vw,280px);width:clamp(180px,60vw,280px)}.title-logo--clash{max-width:clamp(130px,44vw,210px);width:clamp(130px,44vw,210px);margin-left:40px}.subtitle{font-size:clamp(14px,4.4vw,15px);margin-bottom:clamp(64px,18vh,96px);max-width:clamp(200px,70vw,240px);margin-left:auto;margin-right:auto;width:100%}.button{width:min(260px,90vw);font-size:clamp(16px,4.8vw,18px);height:clamp(46px,12vw,52px)}.spinner{width:clamp(36px,12vw,44px);height:clamp(36px,12vw,44px);margin-bottom:16px}#loadingBar{width:min(280px,82vw);height:clamp(24px,8vw,30px);margin:12px auto 8px;border-radius:16px}#loadingText{font-size:clamp(12px,3.8vw,13px)}#gameStatus{top:12px;right:12px;gap:6px}.status-item{height:32px}.status-icon{width:32px;height:32px}.status-bg{left:20px;top:2px;height:28px}.status-item--kills .status-bg,.status-item--enemies .status-bg{width:68px}.status-item--gold .status-bg{width:86px}.status-value{font-size:18px;padding-left:10px;padding-right:10px;min-width:36px}}@media (max-width: 480px){#menu{padding:clamp(56px,12vh,64px) clamp(12px,6vw,16px) clamp(24px,12vh,32px);gap:clamp(18px,8vh,20px)}.title-group{width:100%;gap:clamp(4px,3vw,8px)}.title-logo--pirate{max-width:clamp(150px,68vw,240px);width:clamp(150px,68vw,240px)}.title-logo--clash{max-width:clamp(110px,48vw,190px);width:clamp(110px,48vw,190px)}.subtitle{font-size:clamp(13px,4.2vw,14px);margin-bottom:clamp(48px,18vh,72px);margin-left:auto;margin-right:auto;width:100%}.button{width:min(240px,92vw);font-size:clamp(15px,4.6vw,16px);height:clamp(44px,14vw,48px)}#loadingBar{width:min(240px,86vw);height:clamp(22px,9vw,26px);margin:12px auto 6px}#loadingText{font-size:clamp(11px,3.6vw,12px)}#gameStatus{top:10px;right:10px;gap:5px}.status-item{height:28px}.status-icon{width:28px;height:28px}.status-bg{left:18px;top:2px;height:24px}.status-item--kills .status-bg,.status-item--enemies .status-bg{width:60px}.status-item--gold .status-bg{width:76px}.status-value{font-size:16px;padding-left:8px;padding-right:8px;min-width:32px}}@media (max-width: 360px){#gameStatus{top:8px;right:8px;gap:4px}.status-item{height:26px}.status-icon{width:26px;height:26px}.status-bg{left:16px;top:2px;height:22px}.status-item--kills .status-bg,.status-item--enemies .status-bg{width:54px}.status-item--gold .status-bg{width:68px}.status-value{font-size:14px;padding-left:6px;padding-right:6px;min-width:28px}}@media (max-height: 500px) and (orientation: landscape){#gameStatus{top:8px;right:8px;gap:4px;transform:scale(.9);transform-origin:top right}}#ad-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;z-index:500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:90%;width:600px}.ad-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 12px}.ad-label{font-size:14px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:1px;background:#ffd70026;padding:4px 12px;border-radius:4px}.ad-countdown{font-size:18px;font-weight:700;color:#00aeff;min-width:60px;text-align:right;text-shadow:0 2px 8px rgba(0,174,255,.6)}.ad-video-area{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0078d233,#0050964d);border-radius:12px;border:2px solid rgba(0,174,255,.3);box-shadow:0 8px 24px #00aeff33;overflow:hidden;position:relative}.ad-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fffc}.ad-placeholder p{font-size:18px;font-weight:500;color:#ffffffe6}.ad-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #00AEFF;border-radius:50%;animation:spin 1s linear infinite}.ad-skip-button{background:#00aeffe6;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #00aeff66}.ad-skip-button:not(:disabled):hover{background:#00aeff;transform:translateY(-2px);box-shadow:0 6px 16px #00aeff99}.ad-skip-button:not(:disabled):active{transform:translateY(0)}.ad-skip-button:disabled{background:#80808080;color:#ffffff80;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.ad-container{width:92%;gap:16px}.ad-label{font-size:12px;padding:3px 10px}.ad-countdown{font-size:16px;min-width:50px}.ad-video-area{border-radius:10px}.ad-placeholder p{font-size:16px}.ad-spinner{width:40px;height:40px;border-width:3px}.ad-skip-button{padding:12px 28px;font-size:15px}}@media (max-width: 480px){.ad-container{width:94%;gap:14px}.ad-label{font-size:11px;padding:2px 8px}.ad-countdown{font-size:15px;min-width:45px}.ad-video-area{border-radius:8px;border-width:1.5px}.ad-placeholder p{font-size:14px}.ad-spinner{width:36px;height:36px;border-width:3px}.ad-skip-button{padding:11px 24px;font-size:14px}}