@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff;background:#072e3a;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}#app{position:relative;isolation:isolate}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 47%,transparent 35%,rgba(2,18,26,.32) 100%);z-index:1}.hud,.bottom-hud,.controls-hint{position:absolute;z-index:3;pointer-events:none}.hud{left:0;right:0;top:0;padding:27px 35px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand{font:900 25px/.85 Barlow Condensed,sans-serif;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px #032b35}.brand small{font-size:14px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-size:24px;color:#f7bb67;border:1px solid #f3c67588;background:#133d43aa}.enemy-panel,.player-panel,.reload-panel{background:#092b35d9;border:1px solid #ffffff36;box-shadow:0 12px 32px #061d2799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px}.enemy-panel{width:238px;padding:13px 16px 15px;margin-left:auto}.panel-label,.reload-label{display:flex;align-items:center;gap:7px;font:800 13px Barlow Condensed,sans-serif;letter-spacing:1.5px}.panel-label span:last-child,.reload-label span{margin-left:auto;font:700 12px DM Sans,sans-serif;letter-spacing:0}.enemy-icon{color:#f6ae7c;font-size:17px}.meter,.reload-track{height:8px;margin-top:10px;background:#ffffff2b;border-radius:20px;overflow:hidden}.meter>div,.reload-track>div{height:100%;width:100%;border-radius:20px;transition:width .2s ease}.enemy-panel .meter>div{background:linear-gradient(90deg,#e96747,#f2a665);box-shadow:0 0 11px #e96747}.player-panel .meter>div{background:linear-gradient(90deg,#64d7bd,#a6f5d9);box-shadow:0 0 11px #74e4c6}.round-pill{border:1px solid #ffffff50;border-radius:50px;padding:10px 16px;background:#082e39a8;font:700 11px DM Sans;letter-spacing:1.2px;white-space:nowrap}.bottom-hud{bottom:31px;left:35px;right:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.player-panel{width:245px;display:flex;align-items:center;gap:14px;padding:13px 16px}.ship-symbol{font-size:24px;color:#9ae7d1}.player-info{flex:1}.player-panel .meter{margin-top:7px}.reload-panel{width:165px;padding:13px 15px}.reload-track{height:6px;margin-top:8px}.reload-track>div{background:#f9bd72}.controls-hint{left:50%;transform:translate(-50%);bottom:36px;display:flex;gap:22px;white-space:nowrap;color:#d2e7e8;font:700 11px DM Sans;text-shadow:0 2px 8px #082530}.controls-hint span{display:flex;align-items:center;gap:3px}kbd{display:inline-block;min-width:19px;padding:3px 5px;border:1px solid #d4eee855;border-radius:4px;background:#092f39ad;text-align:center;color:#fff;font:700 10px DM Sans}.controls-hint kbd:last-of-type{margin-right:5px}.overlay{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;background:linear-gradient(120deg,#051b26ce,#052e3c89 55%,#09252ed9);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:24px}.overlay.visible{display:flex}.dialog{width:min(100%,460px);padding:34px 39px 36px;background:#0a2f3bd9;border:1px solid #c4e0d852;box-shadow:0 25px 80px #02141bbd;border-radius:18px}.eyebrow{font:800 11px DM Sans;letter-spacing:2.1px;color:#f7bf81}.dialog h1{font:900 clamp(55px,7vw,87px)/.82 "Barlow Condensed";text-transform:uppercase;letter-spacing:1px;margin:17px 0}.dialog h1 em{font-style:normal;color:#f5b468}.dialog p{color:#d1e3e1;font-size:14px;line-height:1.65;margin:0}.dialog-rule{height:1px;background:#c1e2dc44;margin:25px 0 20px}.how-to{display:grid;gap:14px}.how-to>div{display:flex;align-items:center;gap:17px}.how-to b{font:800 22px Barlow Condensed;color:#f7bc77}.how-to span{display:grid;gap:2px}.how-to strong{font:800 13px Barlow Condensed;letter-spacing:1.3px}.how-to small{font-size:11px;color:#b6d0ce}.primary-button{margin-top:27px;width:100%;border:0;border-radius:8px;padding:16px 17px;text-align:left;color:#092b32;background:linear-gradient(100deg,#f5b96f,#ffdb9a);font:900 16px Barlow Condensed;letter-spacing:1.3px;box-shadow:0 7px 24px #e78c4f55;transition:transform .15s,filter .15s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button span{float:right;font-size:21px;line-height:.8}.touch-note{display:block;text-align:center;margin-top:13px;color:#adc8c7;font-size:11px}.announcement{position:absolute;z-index:6;left:50%;top:24%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;font:900 clamp(20px,4vw,38px) "Barlow Condensed";letter-spacing:2px;text-shadow:0 3px 15px #07272f,0 1px 1px #07272f;transition:opacity .2s,transform .2s;white-space:nowrap}.announcement.show{opacity:1;transform:translate(-50%)}.end-dialog{text-align:center}.end-dialog h1{margin:22px 0}.end-dialog .primary-button{text-align:left}.end-stats{display:flex;justify-content:center;gap:26px;margin:25px 0 0}.end-stats div{display:grid;gap:4px}.end-stats strong{font:900 30px Barlow Condensed;color:#f5b468}.end-stats small{font-size:10px;letter-spacing:1px;color:#b6d0ce}#mobile-controls{display:none;position:absolute;z-index:5;bottom:max(23px,env(safe-area-inset-bottom));left:20px;right:20px;align-items:flex-end;justify-content:space-between;pointer-events:none}#mobile-controls button{pointer-events:auto;width:55px;height:55px;border:1px solid #ffffff72;border-radius:14px;background:#082f3bba;color:#fff;font-size:26px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#mobile-controls button:active,#mobile-controls button.active{background:#f5b468;color:#092c36}.steering{display:flex;align-items:center;gap:8px}.speed{display:grid;gap:6px}.speed button{height:35px!important;font-size:18px!important}.fire-button{width:82px!important;height:82px!important;border-radius:50%!important;background:#b85841d9!important;display:grid;place-content:center;gap:0;font-size:29px!important}.fire-button small{font:900 12px Barlow Condensed;letter-spacing:1px}.fire-button.active{background:#ffbc73!important;color:#062b35!important}@media(max-width:900px){.hud{padding:19px;align-items:flex-start}.brand{font-size:20px}.brand-mark{width:31px;height:31px;font-size:21px}.round-pill{display:none}.enemy-panel{width:175px;padding:10px 11px}.panel-label{font-size:11px;letter-spacing:.8px}.bottom-hud{left:17px;right:17px;bottom:135px}.player-panel{width:180px;padding:10px;gap:8px}.ship-symbol{font-size:20px}.reload-panel{width:120px;padding:10px}.reload-label{font-size:11px}.controls-hint{display:none}#mobile-controls{display:flex}.dialog{padding:29px}.dialog h1{font-size:65px}}@media(max-width:390px){.brand{font-size:16px;gap:6px}.enemy-panel{width:155px}.bottom-hud{bottom:122px}.player-panel{width:157px}.reload-panel{width:107px}.dialog{padding:24px}.dialog h1{font-size:55px}}@media(max-width:1100px){.controls-hint{display:none}}.bottom-hud{top:105px;bottom:auto;align-items:flex-start}.controls-hint{bottom:166px;gap:15px}#game-controls{position:absolute;z-index:5;left:32px;right:32px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.joystick-wrap{pointer-events:auto;display:grid;justify-items:center;gap:7px;color:#d2e9e5;font:800 10px Barlow Condensed,sans-serif;letter-spacing:2px;text-shadow:0 2px 6px #051f29}.joystick-wrap span{pointer-events:none}#joystick{position:relative;width:120px;height:120px;border:2px solid #d9f8ed88;border-radius:50%;background:radial-gradient(circle at center,#346b6b77 0 23%,#0c3a45bc 24% 100%);box-shadow:inset 0 0 18px #031d2880,0 10px 24px #031d2866;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}#joystick:active{cursor:grabbing}.joystick-cross{position:absolute;inset:0;display:grid;place-items:center;color:#d6f1e744;font:900 51px Barlow Condensed;pointer-events:none}#joystick-thumb{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;border:2px solid #dff5e3a8;background:radial-gradient(circle at 35% 30%,#b8e8d4,#34787d 58%,#0c4050);box-shadow:0 8px 18px #041f2baa,inset 0 2px 9px #ebffe080;pointer-events:none;transition:transform .08s linear}#ability-bar{display:flex;align-items:flex-end;gap:13px;pointer-events:auto}.ability{position:relative;width:81px;height:81px;border-radius:50%;border:2px solid #f8e8d4a3;color:#fff;background:radial-gradient(circle at 35% 25%,#65848a,#153946 70%);box-shadow:0 7px 22px #041b25aa,inset 0 0 0 4px #ffffff18;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible;transition:transform .12s,box-shadow .12s,border-color .12s}.ability:hover,.ability.aiming{transform:translateY(-5px) scale(1.04);box-shadow:0 10px 27px #041b25bb,0 0 22px var(--glow),inset 0 0 0 4px #ffffff23;border-color:#fff}.ability.cannon{--glow:#f0a860;background:radial-gradient(circle at 35% 25%,#d57b51,#5c2927 72%)}.ability.shield{--glow:#75e0dc;background:radial-gradient(circle at 35% 25%,#6fc4c4,#235873 72%)}.ability.heavy{--glow:#f5b866;background:radial-gradient(circle at 35% 25%,#e7a65c,#673928 72%)}.ability.reef{--glow:#9ed7ab;background:radial-gradient(circle at 35% 25%,#82af86,#335a51 72%)}.ability-icon{font:900 32px/1 DM Sans;text-shadow:0 2px 5px #12333a}.ability-name{font:900 11px/1 Barlow Condensed;letter-spacing:.8px}.ability-key{position:absolute;right:-2px;top:-6px;min-width:21px;padding:3px 4px;border-radius:5px;background:#e8d4aa;color:#143239;font:900 9px DM Sans;box-shadow:0 2px 7px #001b25}.ability-cooldown{position:absolute;inset:-2px;border-radius:50%;display:none;place-items:center;background:#051d28d9;border:2px solid #ffffff4a;color:#fff;font:900 23px Barlow Condensed;letter-spacing:0}.ability.cooling .ability-cooldown{display:grid}.ability.cooling{filter:saturate(.45)}#aim-hint{position:absolute;z-index:6;right:40px;bottom:132px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s;color:#ffe0a5;text-shadow:0 2px 9px #082e37;font:900 13px Barlow Condensed;letter-spacing:1.7px}#aim-hint.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.bottom-hud{top:78px;bottom:auto}.controls-hint{display:none}#game-controls{left:18px;right:18px;bottom:max(23px,env(safe-area-inset-bottom))}#joystick{width:104px;height:104px}#joystick-thumb{width:52px;height:52px;margin:-26px}#ability-bar{gap:8px}.ability{width:66px;height:66px}.ability-icon{font-size:26px}.ability-name{font-size:9px}#aim-hint{right:20px;bottom:106px;font-size:11px}}@media(max-width:520px){#game-controls{left:11px;right:11px;bottom:max(13px,env(safe-area-inset-bottom))}#joystick{width:91px;height:91px}#joystick-thumb{width:46px;height:46px;margin:-23px}#ability-bar{gap:6px}.ability{width:57px;height:57px}.ability-icon{font-size:22px}.ability-name{font-size:8px;letter-spacing:0}.ability-key{font-size:8px;min-width:18px;padding:2px}.ability-cooldown{font-size:19px}#aim-hint{bottom:90px}}@media(max-width:365px){#joystick{width:79px;height:79px}#joystick-thumb{width:40px;height:40px;margin:-20px}.ability{width:51px;height:51px}#ability-bar{gap:5px}.ability-icon{font-size:19px}.ability-name{font-size:7px}.joystick-wrap{font-size:8px}}.controls-hint{display:none}#ability-bar{max-width:min(76vw,740px);overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding:6px 3px;touch-action:pan-x}#ability-bar::-webkit-scrollbar{display:none}.ability{flex:none}.ability[hidden]{display:none}.ability.flash{--glow:#bd93ff;background:radial-gradient(circle at 35% 25%,#ad8dec,#47366e 72%)}.ability.clone{--glow:#7fe9d5;background:radial-gradient(circle at 35% 25%,#7edccb,#285c64 72%)}.ability.meteor{--glow:#ff8358;background:radial-gradient(circle at 35% 25%,#ffad60,#783426 72%)}.ability.frost{--glow:#9bedff;background:radial-gradient(circle at 35% 25%,#b9efff,#2d6286 72%)}@media(max-width:520px){#ability-bar{max-width:calc(100vw - 120px);gap:7px}}.ability{touch-action:pan-x}.hud{justify-content:center;padding:20px 24px}.brand{font-size:28px;letter-spacing:2.2px;filter:drop-shadow(0 3px 8px #063944)}.ping-indicator{position:absolute;z-index:4;top:max(22px,env(safe-area-inset-top));right:max(17px,env(safe-area-inset-right));padding:7px 10px;border:1px solid #ffffff55;border-radius:8px;background:#082f38d9;box-shadow:0 4px 10px #062b36a0;color:#bfe8de;font:800 10px DM Sans,sans-serif;letter-spacing:.8px;pointer-events:none}.ping-indicator strong{color:#fff0c6;font:800 13px DM Sans,sans-serif;letter-spacing:0}.ping-indicator[hidden]{display:none}.ship-health{position:absolute;z-index:4;width:90px;padding:4px;border:1px solid #ffffff8a;border-radius:5px;background:#082f38d9;box-shadow:0 4px 10px #062b36a0;transform:translate(-50%,-50%);pointer-events:none;text-align:center;white-space:nowrap}.ship-health-track{height:8px;overflow:hidden;border-radius:8px;background:#041d2599}.ship-health-track div{width:100%;height:100%;border-radius:inherit;transition:width .18s ease}.player-health .ship-health-track div{background:linear-gradient(90deg,#35ba83,#9af3b4)}.enemy-health .ship-health-track div{background:linear-gradient(90deg,#dc3939,#fb7459)}#ability-bar{transform:translateY(-40px)}#aim-hint{bottom:174px}@media(max-width:900px){.hud{padding:15px 12px}.brand{font-size:22px}#ability-bar{transform:translateY(-38px)}#aim-hint{bottom:145px}}@media(max-width:520px){.brand{font-size:20px}.ping-indicator{top:max(61px,calc(env(safe-area-inset-top) + 42px));right:max(12px,env(safe-area-inset-right))}.ship-health{width:75px;padding:4px}.ship-health-track{height:6px}#ability-bar{transform:translateY(-35px)}#aim-hint{bottom:119px}}@media(max-width:365px){#ability-bar{transform:translateY(-31px)}}body.in-port .hud,body.in-port .ship-health,body.in-port #game-controls,body.in-port #aim-hint,body.in-port .vignette{display:none}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff3b8;outline-offset:4px}.port-screen{position:absolute;inset:0;z-index:10;display:none;color:#ecf6ed;background:radial-gradient(ellipse at 50% 32%,#56bdc0,#23969f 38%,#155661 72%,#113b48);overflow:hidden}.port-screen.visible{display:flex;justify-content:center}.port-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 5% 15%,#d5fff019,transparent 45%)}.port-shell{position:relative;width:min(100%,480px);height:100%;height:100svh;height:100dvh;max-height:100%;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 22px max(12px,env(safe-area-inset-bottom));gap:12px;min-height:0}.port-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 44px}.level-strip{display:flex;align-items:center;gap:9px;min-width:0}.level-number{display:grid;place-items:center;width:42px;height:42px;border:2px solid #e5f4c9;border-radius:15px 15px 15px 4px;background:#163e48;box-shadow:0 3px #102e39;font:900 26px Barlow Condensed;color:#fff0c5}.level-detail{display:grid;gap:5px;width:60px}.level-detail>span{font:800 9px DM Sans;letter-spacing:1.8px;color:#e1f5e2}.level-track{height:5px;overflow:hidden;border-radius:9px;background:#164d58}.level-track i{display:block;height:100%;background:#d4ee9b;border-radius:inherit}.level-strip>small{font:700 10px DM Sans;color:#c1e3dc;align-self:flex-end;margin-bottom:8px}.resource-pill{height:38px;display:flex;align-items:center;gap:9px;padding:0 15px 0 10px;border-radius:20px;background:#123e49c9;box-shadow:inset 0 1px #d6f6e633,0 3px #103741;color:#ffd47d;font:900 24px Barlow Condensed}.resource-pill svg{width:24px;height:24px}.port-main{flex:1;min-height:0;position:relative;display:flex}.port-main [hidden]{display:none!important}.home-view{width:100%;display:grid;grid-template-rows:minmax(140px,1fr) 68px 124px;gap:17px;min-height:0}.play-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.play-options .battle-button{height:100%;min-width:0;font-size:24px;gap:8px;padding:8px}.play-options .battle-button>svg{width:21px;height:21px;flex:none}.play-options .battle-button small{font-size:8px;letter-spacing:1px}.play-options .friend-button{border-color:#b9e4da;background:linear-gradient(170deg,#b6ece2,#5fbec4 75%);color:#124655;box-shadow:inset 0 2px #e1fff5,0 5px #33717d,0 10px 23px #072f4555}.play-options .friend-button small{color:#286776}.match-dialog{text-align:center}.match-dialog h2{font:900 38px/.95 Barlow Condensed;color:#fff0cf;margin:17px 0 12px}.match-dialog .secondary-button{margin-top:6px}.match-spinner{width:46px;height:46px;margin:24px auto;border:4px solid #85c9c977;border-top-color:#ffd592;border-radius:50%;animation:match-spin .8s linear infinite}@keyframes match-spin{to{transform:rotate(360deg)}}.harbor-stage{position:relative;min-height:0;isolation:isolate}.harbor-heading{position:absolute;top:12px;left:0;right:0;z-index:1;text-align:center;pointer-events:none}.harbor-heading>span{font:800 9px DM Sans;letter-spacing:3px;color:#d3eee2}.harbor-heading h1{font:800 clamp(28px,8vw,39px)/1 "Barlow Condensed";margin:6px 0 0;color:#fff4d8;letter-spacing:.3px;text-shadow:0 2px 0 #1b687466}.harbor-preview{position:absolute;inset:52px -22px 21px;min-height:0}.harbor-preview canvas{display:block;width:100%;height:100%;pointer-events:none}.ship-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:7px;font:800 10px DM Sans;letter-spacing:1.4px;color:#e4f4da}.ship-caption>span:not(.status-dot){opacity:.5}.status-dot{width:6px;height:6px;border-radius:50%;background:#bdeca1;box-shadow:0 0 8px #bdeca177}.battle-button{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;width:100%;border:1px solid #ffc38a;border-radius:19px;background:linear-gradient(170deg,#ffbb75,#f28659 75%);color:#562e26;box-shadow:inset 0 2px #ffe6b2,0 5px #a95540,0 10px 23px #072f4555;font:900 30px/.9 Barlow Condensed;letter-spacing:1px;transition:transform .15s}.battle-button>svg{width:27px;height:27px}.battle-button>span{display:grid;gap:5px;text-align:left}.battle-button small{font:800 9px DM Sans;letter-spacing:2px;color:#7a4637}.battle-button .play-arrow{position:absolute;right:21px;font:400 28px DM Sans;opacity:.7}.battle-button:active{transform:translateY(3px);box-shadow:inset 0 2px #ffe6b2,0 2px #a95540}.loot-section{min-height:0}.loot-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.loot-heading h2{font:800 10px DM Sans;letter-spacing:1.6px;margin:0;color:#d4e7d6}.loot-heading>span{font:500 10px DM Sans;color:#9bc5c6}.chest-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:94px}.chest-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;border:1px solid #bbded940;border-radius:15px;background:#103f4b99;color:#e6efe3;box-shadow:inset 0 1px #ffffff10;text-align:center}.chest-slot.empty{border-style:dashed;background:#153f4c55}.chest-slot .slot-name{font:800 9px DM Sans;letter-spacing:.5px}.chest-slot small{font:800 8px DM Sans;color:#ffd78b;letter-spacing:1px}.chest-slot.empty .slot-icon{font:300 25px DM Sans;color:#72a0a6}.chest-slot.empty .slot-name{color:#81aeb3;font-weight:500;letter-spacing:0}.chest-slot:not(.empty){border-color:#edc580a8;background:linear-gradient(145deg,#42665d,#194954)}.chest-slot.epic{border-color:#cca0ed;background:linear-gradient(145deg,#6b6583,#28465f)}.mini-chest{display:block;position:relative;width:33px;height:26px;border:3px solid #efc278;border-radius:7px 7px 5px 5px;background:linear-gradient(#b1764c 45%,#efc278 46% 56%,#724936 57%);box-shadow:0 3px #082d38}.mini-chest:after{content:"";position:absolute;left:11px;top:9px;width:6px;height:8px;background:#ffe4a0;border-radius:2px}.epic .mini-chest{border-color:#cfadee;background:linear-gradient(#966fba 45%,#d9b9f1 46% 56%,#5c416f 57%)}.chest-slot:disabled{cursor:default;opacity:1}.chest-slot .slot-progress{display:none;width:72%;height:6px;overflow:hidden;border-radius:99px;background:#072635;box-shadow:inset 0 1px 3px #0008}.chest-slot.unlocking .slot-progress{display:block}.chest-slot .slot-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62d9c9,#ffe5a0);transition:width .4s linear}.chest-slot.unlocking small{font-size:10px;font-variant-numeric:tabular-nums;color:#fff0b7}.chest-slot.ready:not(.empty){border:2px solid #fff0ad;background:linear-gradient(145deg,#bd7142,#824434);box-shadow:0 0 0 2px #ffe7a444,0 0 17px #ffd88b9c,inset 0 1px #fff2c999}.chest-slot.epic.ready:not(.empty){border-color:#f1c8ff;background:linear-gradient(145deg,#a26fc8,#5e4587);box-shadow:0 0 0 2px #eabfff55,0 0 18px #d69affaa,inset 0 1px #f9dfff99}.chest-slot.ready small{padding:3px 9px;border-radius:99px;background:#ffe4a6;color:#523021;font:900 11px Barlow Condensed;letter-spacing:1px}.chest-slot.epic.ready small{background:#f1d8ff;color:#4d2b63}.port-nav{display:grid;grid-template-columns:repeat(3,1fr);flex:0 0 66px;gap:6px;padding:5px;background:#0b303fce;border:1px solid #8cc6c52b;border-radius:23px;box-shadow:0 8px 20px #062d3b33;z-index:2}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:17px;background:transparent;color:#7daab2;font:700 10px DM Sans;transition:background .2s,color .2s}.nav-item svg{width:25px;height:25px}.nav-item.active{background:#2a6370;color:#fff0c6;box-shadow:inset 0 1px #84bab755}.nav-item.active svg{color:#ffcb8b}.collection-view,.ranking-view{width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:17px 0 10px}.collection-header small,.ranking-view>small{font:800 9px DM Sans;letter-spacing:1.8px;color:#c3e5cf}.collection-header h2,.ranking-view h2{font:800 40px/1 Barlow Condensed;color:#fff0cf;margin:7px 0 9px}.collection-header p,.ranking-view p{font-size:12px;line-height:1.5;color:#c5e1db;margin:0}.fragment-summary{display:inline-block;margin-top:13px;padding:7px 10px;background:#133f4d77;border-radius:9px;font-size:10px;color:#b9d9d4}.fragment-summary b{color:#ffe2ad}.upgrade-tabs{display:flex;gap:6px;padding:4px;margin:20px 0 12px;border-radius:14px;background:#0e3c4999}.upgrade-tab{flex:1;border:0;padding:10px 5px;border-radius:10px;background:transparent;color:#9cc7c8;font:700 12px DM Sans}.upgrade-tab.active{background:#e9ebd5;color:#24515b;box-shadow:0 2px 3px #0a344a33}.upgrade-list{display:grid;gap:10px}.upgrade-card{display:grid;grid-template-columns:44px 1fr 70px;align-items:center;gap:10px;padding:12px 9px;border:1px solid #badcd233;border-radius:16px;background:#174954bb}.upgrade-card.ready{border-color:#dfcf8b}.upgrade-icon{width:42px;height:48px;display:grid;place-items:center;border-radius:12px;background:#2d6269;font-size:25px}.upgrade-info{min-width:0}.upgrade-info strong{display:block;font:800 16px Barlow Condensed;color:#fff0d0}.upgrade-info small{font-size:9px;color:#b7d8d4}.upgrade-progress{height:4px;border-radius:8px;background:#0a3442;margin-top:8px;overflow:hidden}.upgrade-progress i{display:block;height:100%;background:#add999}.upgrade-count{display:block;margin-top:4px;font:700 8px DM Sans;color:#b6d6cf}.upgrade-button{border:0;border-radius:10px;padding:9px 4px;background:#f3bc79;color:#664633;font:800 9px DM Sans;min-height:44px}.upgrade-button:disabled{background:#204a56;color:#779da4}.collection-note{font-size:10px;color:#9bc1c3;text-align:center;padding:9px 0}.ranking-view{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.ranking-medal{color:#ffd283;width:85px;height:85px;padding:15px;background:#214d5866;border:1px solid #ccead22b;border-radius:28px;margin-bottom:20px;box-shadow:0 6px #133e4855}.ranking-medal svg{width:100%;height:100%}.ranking-view>strong{font:900 70px/1 Barlow Condensed;color:#ffdfa0;margin-top:20px}.ranking-view>span{font:700 10px DM Sans;letter-spacing:3px;color:#b7d9d6}.ranking-record{display:flex;width:100%;gap:10px;margin:27px 0 20px}.ranking-record>div{flex:1;display:grid;gap:5px;padding:16px;border-radius:17px;background:#153e4d77}.ranking-record strong{font:800 28px Barlow Condensed;color:#e9f0d4}.ranking-record small{font:700 9px DM Sans;letter-spacing:1px;color:#b8d3ce}.ranking-view .ranking-local{font:500 9px DM Sans;letter-spacing:0;color:#8fb6bc;margin-top:12px}.ranking-view{justify-content:flex-start}.ranking-record{margin:20px 0 14px}.ranking-record>div{padding:12px 5px}.ranking-record strong{font-size:25px}.ranking-record small{font-size:8px}.ranking-friendly{display:grid;gap:5px;width:100%;margin-top:17px;padding:13px;border:1px solid #c2e1d652;border-radius:15px;background:#123e4baa}.ranking-friendly small{font:800 9px DM Sans;letter-spacing:1.5px;color:#bce4d9}.ranking-friendly strong{font:800 23px Barlow Condensed;color:#ffe2ad}.ranking-identity{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;color:#fff0cf;font:800 21px Barlow Condensed}.ranking-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-identity button{padding:5px 8px;border:1px solid #aed8d5;border-radius:7px;background:#174954;color:#d9efeb;font:700 10px DM Sans}.nickname-dialog h2{margin:14px 0;font:900 38px Barlow Condensed;color:#fff0cf}.nickname-dialog label{display:block;margin:22px 0 7px;color:#d9efeb;font:800 11px DM Sans;letter-spacing:1px}.nickname-dialog input{width:100%;padding:13px 14px;border:2px solid #9ad5d2;border-radius:9px;background:#e6f1e9;color:#123e49;font:800 20px Barlow Condensed}.nickname-dialog input:focus{outline:3px solid #f5b96f;outline-offset:2px}.nickname-dialog #nickname-error{min-height:20px;margin:8px 0 0;color:#ffb4a8;font-size:12px}.nickname-dialog .primary-button{margin-top:10px}.nickname-dialog .secondary-button{width:100%;margin-top:14px}.account-card{display:grid;gap:8px;width:100%;margin-top:16px;padding:15px;border:1px solid #b9ded477;border-radius:15px;background:#0b3442a8;text-align:left}.account-card strong{font:800 22px Barlow Condensed;color:#fff0cf}.account-card p{margin:0;color:#c5e1db;font-size:11px;line-height:1.45}.account-card button{min-height:40px;border:1px solid #aed8d5;border-radius:9px;background:#174954;color:#eaf6ef;font:800 11px DM Sans}.account-card #account-open{background:#f3bc79;border-color:#f3bc79;color:#123e49}.account-card button[hidden]{display:none}.account-dialog{max-height:calc(100dvh - 40px);overflow-y:auto}.account-dialog h2{margin:14px 0;font:900 38px Barlow Condensed;color:#fff0cf}.account-dialog label{display:block;margin:16px 0 6px;color:#d9efeb;font:800 11px DM Sans;letter-spacing:1px}.account-dialog input{width:100%;padding:12px 13px;border:2px solid #9ad5d2;border-radius:9px;background:#e6f1e9;color:#123e49;font:700 16px DM Sans}.account-dialog input:focus{outline:3px solid #f5b96f;outline-offset:2px}.account-dialog [hidden]{display:none}.account-dialog #account-error{min-height:20px;margin:9px 0 0;color:#ffb4a8;font-size:12px}.account-dialog .primary-button{margin-top:8px}.account-dialog .secondary-button{margin-top:12px}.leaderboard-section{width:100%;margin-top:22px;text-align:left}.leaderboard-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.leaderboard-heading h3{margin:0;color:#fff0cf;font:800 23px Barlow Condensed}.leaderboard-heading span{color:#b7d9d6;font:700 10px DM Sans}.leaderboard-section #leaderboard-status{font-size:11px;color:#b7d9d6}.leaderboard-list{display:grid;gap:6px;list-style:none;padding:0;margin:0}.leaderboard-list li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #a9d0cb44;border-radius:11px;background:#123e4baa}.leaderboard-list li.is-me{border-color:#ffd58e;background:#4d634c99}.leaderboard-rank{color:#ffd58e;font:900 20px Barlow Condensed}.leaderboard-player{min-width:0;display:grid;gap:2px}.leaderboard-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f5e8;font:800 15px DM Sans}.leaderboard-player small{color:#a9d1ca;font:700 9px DM Sans}.leaderboard-score{color:#ffdfa0;font:900 25px Barlow Condensed}.leaderboard-section #leaderboard-more{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #a9d0cb;border-radius:9px;background:#164551;color:#e6f2e9;font:800 11px DM Sans}.leaderboard-section #leaderboard-more[hidden]{display:none}.end-dialog{border:3px solid #edcf80;background:linear-gradient(#194b69,#0b2e49);box-shadow:0 10px #092238,0 24px 70px #000b}.end-dialog h1{color:#ffdc79;text-shadow:0 3px 0 #8a4d29}.end-rating,.end-chest{margin:15px auto 0;padding:9px 12px;border:2px solid #98c5d6;border-radius:9px;background:#0c2e48;font:900 17px Barlow Condensed;color:#ffe1a0}.end-rating.loss{color:#b4d6de}.end-chest.epic{border-color:#dc99f5;color:#eac5ff}.secondary-button{width:100%;margin-top:13px;padding:13px;border:2px solid #9dc4d2;border-radius:8px;color:#e7f8f3;background:#174362;font:900 15px Barlow Condensed;letter-spacing:1px}.secondary-button:hover{background:#245976}.chest-overlay{z-index:20}.chest-dialog{position:relative;width:min(100%,430px);padding:28px 26px 30px;border:3px solid #f4d998;border-radius:17px;background:linear-gradient(#1d5675,#0d304e);box-shadow:0 9px #092439,0 24px 70px #000b;text-align:center;overflow:hidden}.chest-dialog h2{margin:10px 0 0;font:900 36px Barlow Condensed;color:#fff0bf;text-shadow:0 3px 0 #764a31}.chest-dialog.epic h2{color:#eac1ff}.modal-close{position:absolute;z-index:2;right:12px;top:8px;border:none;background:none;color:#d1e9e9;font-size:30px}.chest-animation{display:block;position:relative;width:calc(100% + 32px);height:235px;margin:4px -16px 8px;padding:0;overflow:visible;border:0;border-radius:12px;background:radial-gradient(ellipse at 50% 62%,#efb96629 0%,#29616d30 45%,transparent 74%)}.chest-animation canvas{display:block;width:100%;height:100%;pointer-events:none}.chest-tap-hint{z-index:3;display:none;width:max-content;max-width:90%;padding:5px 9px;border-radius:6px;background:#092f3bcc;color:#fff;font:900 12px Barlow Condensed;letter-spacing:1.2px;pointer-events:none}.chest-dialog.can-advance{cursor:pointer}.chest-dialog.can-advance .chest-tap-hint{display:block}.chest-dialog.awaiting .chest-tap-hint{display:none}.chest-dialog.awaiting .chest-rewards{min-height:0}.chest-rewards{min-height:60px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.reward-card{width:76px;padding:9px 4px 7px;border:2px solid #ffe7a9;border-radius:8px;background:linear-gradient(#4d7592,#1d4568);box-shadow:0 4px #102a45;animation:reward-rise .35s ease-out both}.reward-card span{display:block;font-size:29px}.reward-card strong{display:block;font:900 12px Barlow Condensed}.reward-card small{display:block;color:#ffdc75;font:900 14px Barlow Condensed}@keyframes reward-rise{0%{opacity:0;transform:translateY(20px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.chest-dialog #chest-done{margin-top:22px}.chest-dialog{max-height:calc(100dvh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #d1c391;background:linear-gradient(#286770,#143d4d)}.overlay{padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}@media(min-width:700px){.port-shell{padding-top:24px;padding-bottom:20px}.port-screen{background:radial-gradient(ellipse at 50% 32%,#56bdc0,#217b86 42%,#103d4b 80%)}.home-view{grid-template-rows:minmax(160px,1fr) 70px 130px}.harbor-preview{inset:55px -40px 25px}}@media(max-height:680px){.port-shell{gap:9px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.port-topbar{flex-basis:38px}.level-number{width:36px;height:36px;font-size:23px}.home-view{grid-template-rows:minmax(120px,1fr) 58px 100px;gap:12px}.harbor-heading{top:2px}.harbor-heading h1{font-size:28px}.harbor-preview{top:44px;bottom:18px}.chest-slots{height:75px}.loot-heading{margin-bottom:7px}.port-nav{flex-basis:58px}.nav-item svg{width:21px;height:21px}.battle-button{font-size:27px}}@media(max-width:360px){.port-shell{padding-left:15px;padding-right:15px}.loot-heading>span{font-size:9px}.chest-slots{gap:6px}.upgrade-card{grid-template-columns:35px 1fr 62px;gap:7px}.upgrade-icon{width:35px}}@media(orientation:landscape)and (max-height:520px){.port-shell{width:min(100%,760px);padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));gap:7px}.port-topbar{flex-basis:34px}.home-view{grid-template-columns:1fr 240px;grid-template-rows:1fr 104px;column-gap:28px;row-gap:12px}.harbor-stage{grid-row:1/3}.battle-button{align-self:end;height:58px}.loot-section{grid-column:2}.port-nav{flex-basis:52px}.nav-item{flex-direction:row;gap:9px}.collection-view,.ranking-view{padding-top:5px}.ranking-medal{display:none}.ranking-view h2{font-size:26px;margin:3px}.ranking-view>strong{font-size:38px;margin-top:6px}.ranking-record{margin:9px 0}.ranking-record>div{padding:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;scroll-behavior:auto!important}}#app{height:100%;height:100dvh}.harbor-preview{-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,transparent 76%);mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,transparent 76%)}body:not(.in-port) .hud{padding-top:max(15px,env(safe-area-inset-top))}@media(max-width:520px){.ability-key{display:none}#game-controls{left:max(11px,env(safe-area-inset-left));right:max(11px,env(safe-area-inset-right))}}.upgrade-card.locked{opacity:.72;border-style:dashed}.upgrade-card.locked .upgrade-icon{filter:grayscale(.65)}.port-topbar{gap:8px}.port-resources{display:flex;align-items:center;gap:6px;flex:none}.port-resources .resource-pill{height:36px;gap:5px;padding:0 9px;font-size:20px}.port-resources .resource-pill svg{width:20px;height:20px}.coin-icon{display:grid;place-items:center;width:20px;height:20px;border:2px solid #fff0ae;border-radius:50%;background:#edac46;box-shadow:inset 0 0 0 2px #bc722e;color:#fff3b2;font-size:9px;line-height:1}.upgrade-coin-cost{display:block;margin-top:3px;font:800 9px DM Sans;color:#ffdb8e}.coin-reward{border-color:#a8ddd5;background:linear-gradient(#326572,#194758)}.resource-pill>small{font:800 8px DM Sans;letter-spacing:1px;color:#d8eee4}@media(max-width:360px){.level-strip>small{display:none}.port-resources .resource-pill{padding:0 7px;font-size:18px}.port-resources{gap:4px}}.new-spell-badge{display:inline-grid;place-items:center;min-width:22px;height:18px;margin-left:3px;padding:0 4px;border-radius:9px;background:#f6bd70;color:#17404a;font:900 10px DM Sans;vertical-align:middle;box-shadow:0 2px 7px #092c38aa}.new-spell-badge[hidden]{display:none}.spell-loadout{margin:0 0 13px;padding:12px;border:1px solid #b9ded477;border-radius:14px;background:#0b3442a8}.spell-loadout[hidden]{display:none}.loadout-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.loadout-heading strong{font:900 12px DM Sans;letter-spacing:1px;color:#ffe5ac}.loadout-heading small{font:600 9px DM Sans;color:#afd3d0;text-align:right}.loadout-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loadout-slot{display:grid;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:112px;padding:9px 5px;border:1px solid #b4d9d477;border-radius:11px;background:#205466;color:#fff4d9;text-align:center;box-shadow:inset 0 1px #ffffff20}button.loadout-slot:hover,button.loadout-slot.selected{border-color:#ffe09d;background:#2b6771;box-shadow:0 0 0 2px #ffe09d33}.loadout-slot-label{font:800 8px DM Sans;letter-spacing:.5px;color:#c7e5d9}.loadout-slot-icon{font:900 28px/1 DM Sans;color:#ffe2a2}.loadout-slot strong{font:900 17px Barlow Condensed;line-height:1.1}.loadout-slot small{font:800 8px DM Sans;letter-spacing:.5px;color:#b9dfdd}.loadout-slot .rarity-tag{font-size:7px;padding:2px 5px}.loadout-slot.empty-slot{border:2px dashed #82b4b88c;background:repeating-linear-gradient(-45deg,#153d4c,#153d4c 9px,#194554 9px 18px);box-shadow:inset 0 0 0 3px #0c324080;color:#d4e5e4}.loadout-slot.empty-slot .loadout-slot-label{color:#9ec5c7}.loadout-slot.empty-slot .loadout-slot-icon{display:grid;place-items:center;width:34px;height:34px;border:1px dashed #9fc5c2a8;border-radius:50%;font-size:22px;color:#a6cacc}.loadout-slot.empty-slot strong{font-size:15px;letter-spacing:1.5px;color:#b9d6d7}.loadout-slot.empty-slot small{color:#ffe0a2}button.loadout-slot.empty-slot:hover,button.loadout-slot.empty-slot.selected{border-color:#ffe09d;background:#245666}.loadout-slot.locked-slot{opacity:.7;border-style:dashed;background:#173e4a}.loadout-slot.locked-slot strong{font:900 14px Barlow Condensed;color:#e9dcbb}.spell-picker{margin-top:11px;padding-top:11px;border-top:1px solid #b4d9d454}.spell-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#ffe3a6;font:900 10px DM Sans;letter-spacing:.6px}.spell-picker-heading button{border:0;background:transparent;color:#fff4d9;font-size:24px;line-height:1}.spell-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.spell-choice{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid #a5d2d37a;border-radius:9px;background:#205568;color:#fff5dc;text-align:left}.spell-choice:hover,.spell-choice:focus-visible{border-color:#ffe19c;background:#2d6977}.spell-choice.epic{border-color:#bb91dd;background:#4d5075}.spell-choice.rare{border-color:#8dc7e9;background:#245d7a}.spell-choice-icon{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#ffffff20;font-size:20px}.spell-choice>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.spell-choice strong{font:900 14px Barlow Condensed;line-height:1}.spell-choice small{font:800 8px DM Sans;color:#c5e4e4}.spell-choice.remove-choice{border-style:dashed;opacity:.85}.rarity-tag{display:inline-block;padding:3px 5px;border-radius:5px;background:#466d78;color:#f0f4df;font:900 8px DM Sans;letter-spacing:.5px;vertical-align:middle}.rarity-tag.rare{background:#286990;color:#d5f1ff}.rarity-tag.epic{background:#68478e;color:#f4dcff}.reward-card.featured{position:relative;width:min(180px,60vw);min-height:150px;padding:16px 10px 12px;display:grid;align-content:center;justify-items:center;gap:6px}.reward-card.featured span{font-size:44px}.reward-card.featured strong{font-size:21px}.reward-card.featured small{font-size:23px}.reward-card.featured.epic{border-color:#deb1ff;background:linear-gradient(#815da4,#4b3973)}.reward-card.featured.rare{border-color:#a9e0ff;background:linear-gradient(#467b9f,#294f75)}.reward-new{position:absolute;right:-11px;top:-11px;padding:5px 7px;border-radius:6px;background:#ffd16a;color:#412d31;font:900 11px DM Sans;transform:rotate(8deg)}.chest-dialog #chest-done{margin-top:16px}.chest-dialog #chest-done[hidden]{display:none}@media(max-width:520px){.spell-picker-list{grid-template-columns:1fr}}.chest-overlay{position:fixed;inset:0;z-index:20;padding:0;background:#082b39}.chest-overlay.preview{padding:16px;background:#061d2dcf;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.chest-dialog{--stage-glow:#d9b36b36;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;height:100dvh;max-height:none;min-height:0;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 51%,var(--stage-glow),transparent 61%),linear-gradient(165deg,#123f50,#092536 72%,#061c2c);box-shadow:none}.chest-overlay.preview .chest-dialog.awaiting{width:min(100%,420px);height:auto;max-height:calc(100dvh - 32px);min-height:0;padding:28px 24px 24px;overflow-y:auto;border:1px solid #d1c391;border-radius:22px;background:radial-gradient(ellipse at 50% 38%,var(--stage-glow),transparent 70%),linear-gradient(165deg,#205b68,#0a2d40 78%);box-shadow:0 24px 80px #02141bcc}.chest-dialog.awaiting.can-advance{cursor:default}.chest-dialog[data-reward-rarity=common]{--stage-glow:#8ed7d63b}.chest-dialog[data-reward-rarity=rare]{--stage-glow:#4bacff55}.chest-dialog[data-reward-rarity=epic]{--stage-glow:#b267ff60}.chest-dialog .eyebrow{margin-top:6px;color:#d4e9e5}.chest-dialog h2{margin:8px 0 0;font-size:clamp(32px,5vw,54px);line-height:1;color:#fff0c4}.chest-dialog.revealing h2{color:#fff3dc;text-shadow:0 3px 14px #071d2f}.chest-dialog .modal-close{top:max(13px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:42px;height:42px;display:grid;place-items:center;border:1px solid #c9e5e366;border-radius:50%;background:#0a3040aa;color:#f3f7e8;line-height:1}.chest-dialog .modal-close[hidden]{display:none}.chest-animation{flex:1;width:min(100%,720px);height:auto;min-height:0;margin:12px 0 0;background:radial-gradient(ellipse at 50% 58%,#efb96630,transparent 68%)}.chest-dialog.epic .chest-animation{background:radial-gradient(ellipse at 50% 58%,#d795ff38,transparent 68%)}.chest-dialog:is(.awaiting,.opening):not(.revealing) .chest-animation{flex:0 1 min(70dvh,660px);height:min(70dvh,660px);margin:auto 0}.chest-overlay.preview .chest-dialog.awaiting .chest-animation{flex:none;width:100%;height:clamp(145px,32dvh,235px);margin:12px 0 16px}.chest-dialog.awaiting .chest-rewards{display:none}.chest-unlock-panel{display:grid;gap:10px;width:100%;max-width:360px;margin-top:auto;text-align:left}.chest-unlock-panel[hidden]{display:none}.chest-unlock-info{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#d8ebe8;font:700 11px DM Sans}.chest-unlock-info strong{flex:none;color:#ffe2a6;font:900 22px Barlow Condensed;font-variant-numeric:tabular-nums}.chest-unlock-panel .primary-button{margin-top:8px;text-align:left}.chest-unlock-panel .primary-button[hidden]{display:none}.chest-dialog.revealing .chest-animation{display:block;order:10;flex:0 0 clamp(110px,20dvh,165px);width:min(100%,400px);min-height:0;margin:5px 0 0}.chest-dialog.revealing .chest-animation canvas{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(100vw,520px);height:min(380px,60dvh)}.chest-dialog.revealing .chest-tap-hint{order:9;flex:none;margin:0 0 4px;text-shadow:0 1px 5px #021a27}.chest-dialog{--burst-color:#ffe2a1}.chest-dialog[data-reward-rarity=common]{--burst-color:#8cf6e4}.chest-dialog[data-reward-rarity=rare]{--burst-color:#73ceff}.chest-dialog[data-reward-rarity=epic]{--burst-color:#daa0ff}.chest-animation.reward-pop:before,.chest-animation.reward-pop:after{content:"";position:absolute;z-index:1;left:50%;top:54%;width:75%;aspect-ratio:1;pointer-events:none;border-radius:50%}.chest-animation.reward-pop:before{background:radial-gradient(circle,#fff 0%,var(--burst-color) 13%,transparent 68%);animation:chest-flare .62s ease-out both}.chest-animation.reward-pop:after{border:5px solid var(--burst-color);box-shadow:0 0 22px var(--burst-color),inset 0 0 22px var(--burst-color);animation:chest-shockwave .6s ease-out both}.chest-dialog.revealing .chest-animation.reward-pop:before,.chest-dialog.revealing .chest-animation.reward-pop:after{top:0;width:42%}@keyframes chest-flare{0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}24%{opacity:.85;transform:translate(-50%,-50%) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}@keyframes chest-shockwave{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}28%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.chest-rewards{flex:0 0 auto;width:100%;min-height:0;align-items:center;overflow:visible}.chest-dialog.revealing .chest-rewards{position:relative;z-index:2;isolation:isolate;flex:1;min-height:0}.chest-dialog.reward-burst .chest-rewards:before,.chest-dialog.reward-burst .chest-rewards:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(320px,76vw);aspect-ratio:1;pointer-events:none;border-radius:50%}.chest-dialog.reward-burst .chest-rewards:before{background:repeating-conic-gradient(from 0deg,transparent 0deg 19deg,var(--burst-color) 21deg 26deg,transparent 28deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 18%,#000 35% 67%,transparent 80%);mask:radial-gradient(circle,transparent 0 18%,#000 35% 67%,transparent 80%);animation:reward-rays .7s ease-out both}.chest-dialog.reward-burst .chest-rewards:after{border:3px solid var(--burst-color);box-shadow:0 0 25px var(--burst-color);animation:reward-ring .65s ease-out both}.reward-card.featured{--edge:#a7e6df;--glow:#5acdc5;--card-top:#286b76;--card-bottom:#123d55;position:relative;z-index:1;isolation:isolate;width:min(165px,46vw,23dvh);min-height:0;aspect-ratio:5/7;padding:clamp(8px,1.5vh,13px);gap:clamp(3px,1vh,7px);border:4px solid var(--edge);border-radius:16px;background:linear-gradient(155deg,var(--card-top),var(--card-bottom));box-shadow:0 0 0 5px #d7ffff26,0 0 28px var(--glow),0 0 85px var(--glow),inset 0 0 24px #caffff25,0 18px 35px #031825aa;animation:cartoon-card-pop .65s cubic-bezier(.2,.85,.2,1) both,card-aura 3s ease-in-out .65s infinite alternate}.reward-card.featured:after{content:"";position:absolute;inset:9px;border:1px solid var(--edge);border-radius:11px;opacity:.7;pointer-events:none}.reward-card.featured.common{--edge:#b7f0e9;--glow:#67d9d0;--card-top:#347987;--card-bottom:#174b62}.reward-card.featured.rare{--edge:#8ddaff;--glow:#3baaff;--card-top:#286c9b;--card-bottom:#193b70;background:linear-gradient(155deg,var(--card-top),var(--card-bottom))}.reward-card.featured.epic{--edge:#e1aaff;--glow:#ae60f5;--card-top:#77509f;--card-bottom:#382562;background:linear-gradient(155deg,var(--card-top),var(--card-bottom));box-shadow:0 0 0 5px #e1aaff66,0 0 0 9px #e1aaff2b,0 0 38px var(--glow),0 0 110px var(--glow),inset 0 0 35px #f0c7ff33,0 18px 35px #031825aa}.reward-card.featured.coin-reward{--edge:#a8ddd5;--glow:#67bdb5;--card-top:#326572;--card-bottom:#194758;box-shadow:0 0 0 2px #b4e9e43b,0 0 18px #67c4bc66,inset 0 0 16px #b4e9e421,0 12px 24px #03182588}.reward-card.featured>span{font-size:clamp(34px,6dvh,54px);line-height:1.1;filter:drop-shadow(0 5px 10px #041c2c9c)}.reward-card.featured strong{font-size:clamp(18px,3dvh,26px);line-height:1;text-shadow:0 3px 10px #071e30}.reward-card.featured small{font-size:clamp(17px,2.7dvh,23px);color:#fff0ba}.reward-card.featured .rarity-tag{padding:6px 12px;border:1px solid var(--edge);border-radius:999px;background:#061f37bb;color:#f5faff;font:900 clamp(10px,1.7dvh,15px) "DM Sans";letter-spacing:1.5px;box-shadow:0 0 15px var(--glow)}.reward-card.featured .reward-new{z-index:1;right:-12px;top:-12px}@keyframes card-aura{0%{filter:brightness(.94)}to{filter:brightness(1.12)}}@keyframes cartoon-card-pop{0%{opacity:0;transform:translateY(70px) scale(.2,.35) rotate(-12deg);filter:brightness(2)}40%{opacity:1;transform:translateY(-22px) scale(1.16,.9) rotate(7deg);filter:brightness(1.65)}65%{transform:translateY(9px) scale(.93,1.08) rotate(-4deg);filter:brightness(1.2)}83%{transform:translateY(-5px) scale(1.04,.98) rotate(2deg)}to{opacity:1;transform:none;filter:brightness(1)}}@keyframes reward-rays{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-25deg)}25%{opacity:.75}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(18deg)}}@keyframes reward-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}28%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.chest-dialog #chest-done{flex:none;width:min(100%,360px);margin-top:13px;text-align:left}@media(max-height:600px){.chest-dialog{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.chest-dialog .eyebrow{margin-top:0}.chest-dialog h2{font-size:30px;margin-top:4px}.reward-card.featured{width:min(140px,42vw,22dvh)}.chest-dialog.revealing .chest-animation{flex-basis:clamp(90px,18dvh,120px)}.chest-dialog #chest-done{margin-top:7px;padding:11px 15px}}@media(prefers-reduced-motion:reduce){.reward-card.featured{animation:none}.chest-animation.reward-pop:before,.chest-animation.reward-pop:after,.chest-dialog.reward-burst .chest-rewards:before,.chest-dialog.reward-burst .chest-rewards:after{display:none}}.account-dialog .account-forgot{display:block;margin:12px auto 0;padding:4px;border:0;background:none;color:#d9efeb;font:700 12px DM Sans;text-decoration:underline;cursor:pointer}.account-dialog .account-forgot[hidden]{display:none}.dev-exit-battle{position:absolute;z-index:6;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));min-height:36px;padding:8px 12px;border:1px solid #d8fff19c;border-radius:9px;background:#0a4351e8;box-shadow:0 7px 20px #052d3b77;color:#e3fff4;font:800 10px DM Sans,sans-serif;letter-spacing:.7px}.dev-exit-battle:hover{background:#155d69}.dev-exit-battle[hidden]{display:none}.dev-arena-picker{position:absolute;z-index:3;left:0;bottom:30px;display:grid;gap:5px;padding:9px 10px;border:1px solid #d8fff19c;border-radius:10px;background:#0a4351e8;box-shadow:0 7px 20px #052d3b77;color:#e3fff4;font:800 9px DM Sans,sans-serif;letter-spacing:1px}.dev-arena-picker select{min-width:145px;padding:5px 24px 5px 7px;border:1px solid #bcebd6a8;border-radius:6px;background:#e9fff0;color:#17444c;font:700 11px DM Sans,sans-serif;letter-spacing:0;cursor:pointer}.dev-arena-picker strong{font-size:14px;letter-spacing:0}.dev-arena-picker small{max-width:175px;font-size:9px;font-weight:500;letter-spacing:0;line-height:1.35}.dev-arena-picker.sakura-unlocked{border-color:#f2b1d0}.dev-arena-picker.sakura-unlocked strong{color:#ffd0e4}.dev-chest-tests{position:absolute;z-index:3;right:0;bottom:30px;display:grid;gap:5px;padding:9px 10px;border:1px solid #d8fff19c;border-radius:10px;background:#0a4351e8;box-shadow:0 7px 20px #052d3b77;color:#e3fff4;font:800 9px DM Sans,sans-serif;letter-spacing:1px}.dev-chest-tests button{padding:5px 8px;border:1px solid #bcebd6a8;border-radius:6px;background:#e9fff0;color:#17444c;font:700 11px DM Sans,sans-serif;cursor:pointer}.dev-chest-tests button:hover{background:#fff0c4}@media(max-width:520px){.dev-exit-battle{top:max(61px,calc(env(safe-area-inset-top) + 42px));left:max(12px,env(safe-area-inset-left))}.dev-arena-picker{left:-4px;bottom:25px;padding:7px}.dev-arena-picker select{min-width:127px;font-size:10px}.dev-chest-tests{right:-4px;bottom:25px;padding:7px}.dev-chest-tests button{font-size:10px}}