:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#eaf7f5;background:#061b24}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{touch-action:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#game canvas{display:block;touch-action:none;cursor:crosshair;image-rendering:auto}.top-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:start;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top)) 18px 0;pointer-events:none}.top-actions{display:flex;align-items:start;gap:8px;max-width:68%;pointer-events:auto}.brand{font-size:12px;font-weight:800;letter-spacing:.16em;color:#8ee9d8;text-shadow:0 2px 8px #001}.brand span{display:block;margin-top:4px;font-size:10px;letter-spacing:.06em;color:#d7e9e8}.room-badge{max-width:135px;padding:9px 12px;border:1px solid #417e86;border-radius:13px;background:#0a3039de;color:#d7f4f0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer}.mini-map-button{width:96px;height:96px;min-height:96px;margin:0;padding:0;overflow:hidden;border:2px solid #67b8b5;border-radius:13px;background:#081f2b;touch-action:manipulation}.mini-map-button[hidden]{display:none}.mini-map-button canvas{display:block}.coordinates{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 32px);padding:9px 14px;border-radius:999px;background:#082c37dd;border:1px solid #28616e;font-size:12px;white-space:nowrap;pointer-events:none}.coordinates:empty{display:none}.notice{position:fixed;z-index:4;top:76px;left:50%;transform:translate(-50%);width:min(90%,430px);border:1px solid #7da696;border-radius:12px;padding:12px 14px;background:#103c43;font-size:13px;text-align:center}.lobby{position:fixed;inset:0;display:grid;place-items:center;z-index:3;padding:24px;background:linear-gradient(165deg,#061b24ef,#103e42f5);overflow:auto;touch-action:pan-y}.lobby[hidden],.notice[hidden],.room-badge[hidden]{display:none}.panel{width:min(100%,390px);padding:28px 24px;border:1px solid #41726e;border-radius:22px;background:#0a2933;box-shadow:0 24px 70px #0008}.eyebrow{color:#81d0c2;font-size:10px;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(28px,8vw,40px);line-height:1.08;margin:16px 0;letter-spacing:-.04em}h1 em{color:#8de1ca;font-style:normal}p{color:#b8d1d0;font-size:14px;line-height:1.5;margin:0 0 24px}label{display:block;margin:14px 0 7px;color:#c9e6e1;font-size:12px;font-weight:700}input{width:100%;height:48px;border:1px solid #41716d;border-radius:11px;padding:0 13px;color:#f5fffc;background:#071b25;font:inherit;font-size:15px;outline:none}input:focus{border-color:#90e4ca}select{width:100%;height:48px;border:1px solid #5a9a9b77;border-radius:11px;padding:0 12px;color:#f5fffc;background:#081f2c;font:inherit;font-size:14px}select:focus{outline:2px solid #8ce8cd}button{width:100%;min-height:48px;margin-top:13px;border-radius:11px;border:0;font:inherit;font-size:14px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.primary{color:#06222a;background:#91e5ca}.secondary{color:#e2faf4;background:#194f55;border:1px solid #458c85}.separator{margin:20px 0 2px;color:#82a8a7;font-size:12px;text-align:center}.error{color:#ffb8a9;min-height:16px;margin-top:10px;font-size:12px}.difficulty-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.difficulty-picker button{min-width:0;min-height:58px;margin:0;padding:8px 4px;border:1px solid #5a8a91;border-radius:13px;color:#b9d4d6;background:linear-gradient(150deg,#102c3a,#0a1f2d);box-shadow:inset 0 1px #ffffff10}.difficulty-picker button strong,.difficulty-picker button small{display:block}.difficulty-picker button strong{font-size:11px}.difficulty-picker button small{margin-top:4px;color:#779da1;font-size:8px}.difficulty-picker button.selected{border-color:#8cf0cf;color:#f1fff9;background:linear-gradient(145deg,#27645f,#17434d);box-shadow:0 0 0 2px #70e7c52c,0 8px 20px #00192077,inset 0 1px #ffffff3b}.difficulty-picker button.selected small{color:#baf5df}.private-preview{display:grid;gap:5px;margin-top:13px;padding:11px;border:1px solid #d8b96f55;border-radius:13px;background:linear-gradient(125deg,#3c342a80,#172a3588)}.private-preview strong{color:#ffe6a4;font-size:11px}.private-preview span{color:#b9b7a9;font-size:9px;line-height:1.35}.private-preview button{min-height:34px;margin:3px 0 0;color:#c6b98e;background:#4a443b;font-size:10px}.test-tools{margin-top:12px;padding:11px;border:1px dashed #edcb7d99;border-radius:13px;background:#322e286e}.test-tools[hidden]{display:none}.test-tools .separator{margin-top:0;color:#ffe29b}.test-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.test-actions button{min-height:40px;margin-top:8px;padding:5px;font-size:9px}.queue-panel{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 42%,#174f58e8,#03141df5 72%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.queue-panel[hidden]{display:none}.queue-card{position:relative;width:min(100%,430px);overflow:hidden;padding:28px 22px 22px;border:1px solid #80e5ce9e;border-radius:25px;background:linear-gradient(150deg,#123e49f7,#091f2df8);box-shadow:0 28px 80px #000b,inset 0 1px #d7fff74d;text-align:center}.queue-card h2{margin:12px 0 8px;color:#effff9;font-size:22px}.queue-card p{margin-bottom:15px;font-size:12px}.queue-pulse{width:72px;height:72px;margin:0 auto 14px;border:2px solid #8df1d2;border-radius:50%;background:radial-gradient(circle,#89ffe2 0 8%,#2bc4ad44 9% 28%,transparent 30%);box-shadow:0 0 36px #56efc893;animation:queue-pulse 1.8s ease-in-out infinite}@keyframes queue-pulse{50%{transform:scale(1.12);box-shadow:0 0 58px #56efc8c4}}.queue-players{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px}.queue-players span{padding:6px 9px;border:1px solid #6eb6ab66;border-radius:999px;color:#d8f7ee;background:#153842;font-size:10px}.private-pause{width:auto;min-width:64px;min-height:40px;height:40px;margin:0;padding:0 10px;border:1px solid #f3d185;border-radius:11px;color:#fff0bd;background:#594b35e8;pointer-events:auto}.private-pause[hidden]{display:none}.hud{position:fixed;top:max(66px,calc(env(safe-area-inset-top) + 50px));left:12px;width:min(235px,calc(100% - 128px));padding:10px 11px;border:1px solid #386c70;border-radius:13px;background:#082a33df;pointer-events:none}.hud[hidden],.controls[hidden],.tooltip[hidden],.mutation-panel[hidden],.map-panel[hidden],.result-panel[hidden],.custom-ping[hidden]{display:none}.class-role{margin-bottom:9px;color:#caeee4;font-size:11px;font-weight:700}.meter{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10px}.meter span{width:21px;color:#b8d8d2;font-weight:700}.meter b{min-width:36px;text-align:right;font-weight:400}.track{flex:1;height:8px;overflow:hidden;border-radius:100px;background:#03151c}.fill{height:100%;border-radius:inherit}.fill.hp{background:#fa7974}.fill.xp{background:#85dfbd}.fill.alarm{background:#f7b65e}.passive{margin-top:9px;color:#9ad7cf;font-size:10px}.boss-summary{margin-top:9px;padding-top:7px;border-top:1px solid #315c62;color:#f3c4cd;font-size:10px;line-height:1.35}.boss-phase-description{margin-top:4px;color:#c4b5c1;font-size:9px;line-height:1.35}.boost-status{margin-top:7px;color:#ffe4a5;font-size:10px;line-height:1.35}.phase-banner{position:fixed;z-index:5;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(410px,calc(100% - 24px));padding:11px 16px;border:1px solid #f5a1b3;border-radius:15px;background:linear-gradient(120deg,#482638f2,#1d3545f5);box-shadow:0 12px 34px #160a1cca,0 0 27px #ed6c8a44;text-align:center;pointer-events:none;animation:phase-appear .35s ease-out}.phase-banner[hidden]{display:none}.phase-banner strong{display:block;color:#ffe0e5;font-size:15px;letter-spacing:.04em}.phase-banner small{display:block;margin-top:4px;color:#d9c9d0;font-size:11px;line-height:1.35}@keyframes phase-appear{0%{opacity:0;transform:translate(-50%,-15px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.boss-warning{margin-top:5px;color:#ffc681;font-size:10px;line-height:1.35}.controls{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(65px,calc(env(safe-area-inset-bottom) + 52px));display:flex;align-items:end;gap:10px;z-index:2;touch-action:none}.ability-buttons{display:grid;grid-template-columns:repeat(2,58px);gap:8px}.ability-stack{display:flex;flex-direction:column;gap:6px}.ability-tools{display:flex;gap:5px}.more-abilities{min-height:29px;height:29px;margin:0;padding:3px 5px;border:1px solid #86cdbb;border-radius:9px;background:#1e5360;color:#d8fbed;font-size:10px}.boost-toggle{border-color:#e9cc8c;color:#ffedbc;background:#5d4f39}.boost-panel{position:fixed;z-index:5;right:max(12px,env(safe-area-inset-right));bottom:max(230px,calc(env(safe-area-inset-bottom) + 220px));width:min(355px,calc(100vw - 24px));max-height:min(65vh,510px);overflow-y:auto;padding:14px;border:1px solid #d6c997;border-radius:16px;background:#162f39f5;box-shadow:0 18px 42px #00141dd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:pan-y}.boost-panel[hidden]{display:none}.boost-panel .map-heading button{width:36px;height:36px;min-height:36px;margin:0;border:1px solid #bdba94;border-radius:8px;color:#fff1c7;background:#625642;font-size:22px}.boost-panel p{margin:8px 0 12px;color:#eddcaa;font-size:11px}.boost-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.boost-button{min-width:0;min-height:93px;margin:0;padding:8px;border:1px solid #8aa67d;border-radius:10px;color:#f4ffe8;background:#254a49;text-align:left}.boost-button strong,.boost-button span,.boost-button small{display:block}.boost-button strong{color:#ffedb9;font-size:12px}.boost-button span{margin-top:4px;color:#d0e0d2;font-size:10px;line-height:1.25}.boost-button small{margin-top:6px;color:#a5ebc3;font-size:10px}.boost-button.active{border-color:#ffd781;box-shadow:0 0 15px #ffd7804d}.boost-button:disabled{opacity:.62}.extra-ability-panel{position:fixed;z-index:4;right:max(12px,env(safe-area-inset-right));bottom:max(235px,calc(env(safe-area-inset-bottom) + 225px));display:grid;grid-template-columns:repeat(3,76px);gap:8px;padding:12px;border:1px solid #87d7bd;border-radius:16px;background:#0a2b36ed;box-shadow:0 16px 35px #00121bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.extra-ability-panel[hidden]{display:none}.ability-button{width:58px;height:58px;min-height:58px;margin:0;padding:4px;border:1px solid #73bbaa;border-radius:16px;background:#17474b;color:#e3fff4;font-size:11px;line-height:1.15;touch-action:none}.ability-button.locked{background:#173039;color:#799a9b;border-color:#395d61}.ability-button.cooling{background:#314252;color:#a9bfc5}.attack-button{width:76px;height:76px;min-height:76px;margin:0;border:2px solid #f7aaa0;border-radius:50%;background:#dc655f;color:#fff9f3;font-size:12px;letter-spacing:.04em;box-shadow:0 8px 20px #0006;touch-action:none}.tooltip{position:fixed;z-index:5;right:12px;bottom:225px;width:min(290px,calc(100% - 24px));padding:14px;border:1px solid #8ac7b7;border-radius:14px;background:#092c35;box-shadow:0 12px 30px #0009;pointer-events:none}.tooltip strong,.tooltip span,.tooltip small{display:block}.tooltip strong{color:#95e4c9;font-size:16px}.tooltip span{margin-top:6px;color:#bbdbd4;font-size:11px}.tooltip p{margin:10px 0 6px;font-size:13px}.tooltip small{color:#89c7bb;font-size:11px}.mutation-panel{position:fixed;z-index:6;inset:0;display:grid;place-items:center;padding:22px;background:#02141bdc}.mutation-card{width:min(100%,340px);padding:24px;border:1px solid #8ce1bd;border-radius:20px;background:#0a3137}.mutation-card h2{margin:12px 0 20px;font-size:25px}.mutation-choice{color:#09292b;background:#9de6c9}.map-panel{position:fixed;z-index:12;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 45%,#153c4be8,#020d16f5 72%);overflow:auto;touch-action:pan-y}.map-card{width:min(100%,920px);max-height:calc(100dvh - 36px);overflow:auto;padding:18px;border:1px solid #70beb2;border-radius:22px;background:#0b3038}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#daf5ef}.map-heading>span{display:flex;flex-direction:column;gap:3px}.map-heading>span strong{font-size:19px}.map-heading>span small{color:#85bbb5;font-size:10px;font-weight:500}.map-heading button{width:42px;height:42px;min-height:42px;margin:0;border:1px solid #74bcb1;border-radius:9px;background:#1a5156;color:#e9fff8;font-size:25px}.map-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(210px,1fr);gap:15px;margin-top:14px}.map-stage{min-width:0}#full-map{display:block;width:min(100%,560px);height:auto;margin:0 auto;border:1px solid #75cfc2a6;border-radius:14px;background:#061c28;box-shadow:inset 0 0 30px #00141d,0 14px 32px #001019b8;touch-action:none}.map-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:9px;color:#a9d2cc;font-size:9px}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 7px currentColor}.map-legend .ally{color:#72e9a4;background:#72e9a4}.map-legend .mini{color:#d891ff;background:#d891ff}.map-legend .food{color:#ffe383;background:#ffe383}.map-legend .safe{color:#68f2c4;background:transparent;border:1px solid #68f2c4}.map-legend .danger{color:#ff7b4e;background:#ff7b4e;border-radius:1px;transform:rotate(45deg)}.map-intel{min-width:0;padding:12px;border:1px solid #57978f62;border-radius:14px;background:linear-gradient(160deg,#123c47b8,#071f2bc9)}.map-intel>strong{display:block;color:#dffff5;font-size:13px}.map-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.map-stats span{padding:7px 4px;border-radius:8px;background:#071e29c7;color:#8fbeb8;font-size:8px;text-align:center}.map-stats b{display:block;color:#effff9;font-size:14px}.map-nearby{display:flex;flex-direction:column;gap:6px}.map-nearby>p{color:#86aaa8;font-size:11px}.map-nearby button{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;margin:0;padding:6px 7px;border:1px solid #8d70a96b;border-radius:10px;background:#2c2944a8;color:#f5eaff;text-align:left}.map-nearby button>i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#d891ff;color:#21102d;font-size:11px;font-style:normal}.map-nearby button>span{min-width:0;flex:1}.map-nearby button strong,.map-nearby button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-nearby button strong{font-size:10px}.map-nearby button small{margin-top:2px;color:#bbaec9;font-size:8px}.map-nearby button>b{color:#75efff;font-size:17px}.map-nearby button.pinged{border-color:#7af4ff;box-shadow:0 0 18px #64eaff7d}.map-card p{margin:12px 0 0;font-size:12px}.custom-ping{display:flex;gap:7px;margin-top:10px}.custom-ping input{flex:1;min-width:0}.custom-ping button{width:120px;margin:0;color:#07272c;background:#9de6c9}.zoom-controls{display:none}.zoom-controls[hidden]{display:none!important}.result-panel{position:fixed;z-index:8;inset:0;display:grid;place-items:center;padding:22px;background:#031a21ed;overflow:auto;touch-action:pan-y}.result-card{width:min(100%,420px);padding:24px;border:1px solid #80cdb6;border-radius:20px;background:#0b3038}.result-card h2{margin:12px 0;color:#b6f3db;font-size:32px}.result-card p{margin-bottom:18px}.rebirth-panel{position:fixed;z-index:16;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,#54243dd9,#020f18f7 70%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:auto;touch-action:pan-y}.rebirth-panel[hidden]{display:none}.rebirth-card{width:min(100%,460px);padding:26px;border:1px solid #ff9db5a8;border-radius:24px;background:linear-gradient(155deg,#402538f5,#102c3af8 65%);box-shadow:0 28px 80px #000c,0 0 45px #ff6d9b26,inset 0 1px #fff4;text-align:center}.rebirth-card h2{margin:10px 0;color:#ffe6ec;font-size:28px}.rebirth-card p{margin-bottom:15px;color:#d9c8ce;font-size:12px}.rebirth-symbol{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 14px;border:2px solid #ff9db9;border-radius:50%;color:#fff2b6;background:radial-gradient(circle,#ffcf8e55,#d84c7855 45%,transparent 48%);box-shadow:0 0 35px #ff5e8f77;font-size:30px;animation:rebirth-pulse 1.7s ease-in-out infinite}@keyframes rebirth-pulse{50%{transform:scale(1.08) rotate(12deg);box-shadow:0 0 55px #ff7ba5aa}}.rebirth-effects{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 18px}.rebirth-effects span{padding:9px 5px;border:1px solid #dd819269;border-radius:11px;color:#d9c5cb;background:#271d2b99;font-size:9px}.rebirth-effects b{display:block;margin-top:3px;color:#ffadc0;font-size:13px}.stat-row{padding:10px 0;border-top:1px solid #2b6063;font-size:12px}.stat-row strong,.stat-row span{display:block}.stat-row span{margin-top:4px;color:#a9d8d1;line-height:1.4}@media(max-height:680px){.controls{bottom:58px}.ability-button{height:50px;min-height:50px}.attack-button{height:66px;min-height:66px}}@media(max-width:400px){.top-bar{padding-left:12px;padding-right:12px}.room-badge{max-width:85px}.mini-map-button,.mini-map-button canvas{width:76px;height:76px;min-height:76px}.hud{width:min(205px,calc(100% - 105px))}}:root{font-family:Segoe UI,Arial,sans-serif;background:#071b27}#game:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 48% 45%,transparent 23%,#020d1c5a 100%),linear-gradient(125deg,#65ffe008,transparent 44%,#ff97ac08)}.top-bar,.hud,.controls,.coordinates{z-index:2}.brand{font-size:13px;letter-spacing:.19em;color:#b0ffed;text-shadow:0 0 15px #54efdd77,0 2px 8px #001}.brand span{color:#c4dedf;font-size:10px}.room-badge,.hud,.coordinates{border:1px solid #70c9bc55;background:linear-gradient(145deg,#153a48e8,#09212de8);box-shadow:0 12px 32px #00121977,inset 0 1px #bdfff21c;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.room-badge{border-radius:14px;color:#e5fff8}.mini-map-button{border-color:#8de0c999;box-shadow:0 0 0 3px #0e354588,0 8px 24px #00151caa,inset 0 0 15px #80ffe033}.hud{border-radius:18px;padding:13px 14px;width:min(248px,calc(100% - 128px))}.class-role{color:#bbf7e4;letter-spacing:.04em}.track{height:9px;box-shadow:inset 0 1px 3px #0008}.fill.hp{background:linear-gradient(90deg,#e96577,#ff9b8b);box-shadow:0 0 10px #ef6c7799}.fill.xp{background:linear-gradient(90deg,#5abfcb,#9bf6c3);box-shadow:0 0 10px #81ebcf77}.fill.alarm{background:linear-gradient(90deg,#ef8e67,#ffcb74);box-shadow:0 0 10px #ffc07966}.coordinates{color:#d2f5ee;letter-spacing:.02em}.ability-button{border-color:#84cfbd99;background:linear-gradient(145deg,#276069,#183c50);box-shadow:inset 0 1px #c9fff12e,0 7px 18px #00151e99;color:#e7fff7}.ability-button.cooling{background:linear-gradient(145deg,#455468,#283e54)}.attack-button{background:radial-gradient(circle at 35% 25%,#ffb1a2,#d95e70 58%,#943a5b);border-color:#ffd0bc;box-shadow:0 0 0 5px #f2968d24,0 10px 25px #410f3288,inset 0 2px #fff8}button{transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}button:active{transform:scale(.96);filter:brightness(1.13)}@media(hover:hover){button:hover:not(:disabled){filter:brightness(1.12)}}.lobby{background:radial-gradient(circle at 50% 45%,#205462cc,#071b27f5 64%),repeating-radial-gradient(circle at 65% 37%,#5bd3c711 0 2px,transparent 3px 54px)}.panel,.mutation-card,.map-card,.result-card{border-color:#8ad7c877;background:linear-gradient(150deg,#123b47f7,#0a2531f9);box-shadow:0 24px 75px #00121dc9,inset 0 1px #c0fff022;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel{width:min(100%,420px);padding:32px 28px}.eyebrow{color:#9df1d5;letter-spacing:.2em}h1{color:#f0fffa;text-shadow:0 2px 20px #5be7d444}h1 em{color:#a1f6d8}input{background:#081f2c;border-color:#5a9a9b77}input:focus{border-color:#a0f3d2;box-shadow:0 0 0 3px #8dedc525}.primary{background:linear-gradient(110deg,#9cf2d0,#6bd7cf);box-shadow:0 8px 21px #41d4b12f,inset 0 1px #fff8}.secondary{background:linear-gradient(120deg,#245765,#18414f)}.map-panel,.result-panel,.mutation-panel{background:#031622d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#full-map{border-color:#7ccac0aa;box-shadow:0 0 22px #60e1c126}@media(max-width:600px){.panel{padding:25px 21px}}.help-button{width:42px;height:42px;min-height:42px;margin:0;border:1px solid #9debc499;border-radius:13px;color:#dbfff2;background:#173f4bdc;font-size:22px;box-shadow:0 7px 18px #001821aa}.help-button[hidden],.help-panel[hidden]{display:none}.next-step{margin-top:10px;padding:9px 10px;border-left:3px solid #97edca;border-radius:4px 9px 9px 4px;background:#2c615c55;color:#e2fff4;font-size:11px;line-height:1.38}.recovery-status{margin:4px 0 7px 27px;color:#9ee4c3;font-size:10px}.ability-buttons{grid-template-columns:repeat(2,76px)}.ability-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:76px;height:64px;min-height:64px;padding:5px 4px;font-size:10px}.ability-level{color:#b5f4d9;font-size:9px;font-weight:800;letter-spacing:.12em}.ability-name{display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.08;text-align:center}.ability-cooldown{color:#a4d8d0;font-size:9px;font-weight:400}.ability-button.locked .ability-level,.ability-button.locked .ability-cooldown{color:#83a4a5}.help-panel{position:fixed;inset:0;z-index:32;display:grid;place-items:center;padding:18px;background:#021720db;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.help-card{width:min(100%,500px);max-height:min(88vh,760px);overflow:auto;padding:22px;border:1px solid #90dec788;border-radius:20px;background:linear-gradient(155deg,#153c48,#092631);box-shadow:0 20px 65px #00131dc9}.help-card .map-heading{position:sticky;z-index:2;top:-10px;padding:10px 0;background:#123742f5}.help-card .map-heading strong{font-size:20px}.help-card .map-heading button{width:42px;height:42px;min-height:42px;margin:0;color:#ebfff9;background:#245565;border:1px solid #81cbbb;border-radius:10px;font-size:24px}.help-card>p{margin:14px 0;color:#c6e9df}.help-abilities{display:grid;gap:9px}.help-ability{padding:12px 14px;border:1px solid #69bda470;border-radius:12px;background:#19465077}.help-ability.future{border-color:#647c8790;opacity:.75}.help-ability strong{display:block;color:#b9f4d9;font-size:13px}.help-ability p{margin:5px 0;color:#d6eae4;font-size:12px}.help-ability small{color:#91cdbd;font-size:11px}.help-card .help-footer{margin-bottom:0;padding-top:12px;border-top:1px solid #6ea99c55;font-size:12px}@media(max-width:430px){.ability-buttons{grid-template-columns:repeat(2,68px);gap:6px}.ability-button{width:68px;height:61px;min-height:61px}.attack-button{width:68px;height:68px;min-height:68px}.top-actions{max-width:72%}.extra-ability-panel{grid-template-columns:repeat(3,68px);gap:6px;bottom:max(220px,calc(env(safe-area-inset-bottom) + 210px))}.phase-banner{top:max(5px,env(safe-area-inset-top));padding:8px 10px}.phase-banner strong{font-size:12px}.phase-banner small{font-size:10px}}.chat-toggle{width:auto;min-width:48px;height:42px;min-height:42px;margin:0;padding:0 10px;border:1px solid #8bd9c2;border-radius:12px;background:#17424cdd;color:#e6fff7;font-size:12px;white-space:nowrap}.chat-toggle[hidden],.chat-panel[hidden]{display:none}.chat-panel{position:fixed;z-index:31;top:max(72px,calc(env(safe-area-inset-top) + 62px));right:12px;width:min(390px,calc(100vw - 24px));max-height:min(540px,calc(100vh - 160px));display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid #85d7c6;border-radius:17px;background:#0a2a35f5;box-shadow:0 20px 50px #00141ccc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-panel .map-heading button{width:35px;height:35px;min-height:35px;margin:0;color:#e9fff7;background:#24515b;border:1px solid #6caaa0;font-size:22px}.chat-form{display:flex;flex-direction:column;gap:9px}.chat-form input{min-width:0;height:44px}.chat-send-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chat-send-actions button{width:100%;min-height:42px;margin:0;padding:7px;border:1px solid #8bd9c2;background:#8ee1bf;color:#08303a;font-size:11px}.chat-send-actions button:last-child{background:#244f58;color:#e6fff7}.map-attention{min-height:39px;margin-top:9px;background:#205b61;color:#dcfff3;border:1px solid #80cabb}.map-attention.selected{background:#b3e799;color:#143a35}.fill.resonance{background:linear-gradient(90deg,#71b7fa,#eadb85);box-shadow:0 0 9px #9cddf288}.bloom-hint{margin-top:6px;color:#d9eab0;font-size:10px;line-height:1.35}@media(max-width:430px){.top-actions{gap:5px}.chat-toggle{min-width:39px;padding:0 5px;font-size:10px}}.ability-buttons{display:none}.ability-tools{gap:7px}.more-abilities{min-height:42px;height:42px;padding:4px 10px;border-radius:21px;font-size:11px;font-weight:700}.extra-ability-panel,.boost-panel{position:fixed;z-index:6;top:auto;left:auto;right:max(8px,env(safe-area-inset-right));bottom:max(166px,calc(env(safe-area-inset-bottom) + 154px));transform:none;width:212px;height:212px;max-height:none;overflow:visible;display:block;padding:0;border-radius:50%;touch-action:none;background:radial-gradient(circle,#153946f5 0 28%,#0b2838e9 29% 58%,#0b2838b8 59% 100%);box-shadow:0 20px 55px #00131dcc,inset 0 0 45px #6ce6dc19}.extra-ability-panel{border:2px solid #83dfc2}.boost-panel{border:2px solid #efd08f}.extra-ability-panel:before{content:"СПОСОБНОСТИ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#b9ffdf;font-size:12px;font-weight:800;letter-spacing:.08em;pointer-events:none}.extra-ability-panel:before{display:none}.wheel-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:93px;height:93px;min-height:93px;margin:0;padding:8px;border:2px solid #b8f5d6;border-radius:50%;color:#effff4;background:radial-gradient(circle at 32% 24%,#427970,#124453 72%);box-shadow:0 0 0 5px #9de7ce24,inset 0 2px #ffffff6b,0 12px 25px #00141aaa;font-size:12px;line-height:1.15;touch-action:manipulation}.boost-panel .wheel-center{border-color:#ffe5a2;background:radial-gradient(circle at 32% 24%,#a28049,#5b4a35 72%)}.wheel-center:active{transform:translate(-50%,-50%) scale(.94)}.ability-button,.boost-button{position:absolute;left:calc(50% + var(--wheel-x, 0px));top:calc(50% + var(--wheel-y, 0px));transform:translate(-50%,-50%);width:50px;height:50px;min-height:50px;margin:0;border-radius:50%;text-align:center;overflow:hidden;touch-action:none}.ability-button{padding:4px;font-size:9px}.ability-button.cooling,.boost-button.cooling{background:linear-gradient(145deg,#646d73,#39444d);border-color:#8c969b;color:#d2d8d8;box-shadow:inset 0 1px #ffffff18;filter:saturate(.2)}.ability-button.ready-flash:not(.cooling){border:3px solid #ffdf69;box-shadow:0 0 0 3px #ffd85d66,0 0 24px #ffd02fcc,inset 0 0 10px #fff1a466;animation:ability-ready .42s ease-in-out 3}@keyframes ability-ready{50%{box-shadow:0 0 0 5px #ffe17b88,0 0 32px #ffd02f,inset 0 0 16px #fff3a388}}.ability-button .ability-level{font-size:9px}.ability-button .ability-name{max-width:45px;overflow:hidden;font-size:9px;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 7px currentColor}.ability-button .ability-cooldown{font-size:8px}.boost-panel .map-heading{position:absolute;inset:0;justify-content:center;pointer-events:none}.boost-panel .map-heading strong{max-width:95px;text-align:center;color:#ffebbd;font-size:13px}.boost-panel .map-heading button{position:absolute;top:8px;right:8px;pointer-events:auto}.boost-panel #boost-global-status{position:absolute;left:50%;bottom:53px;transform:translate(-50%);width:150px;margin:0;text-align:center;font-size:9px;line-height:1.15;pointer-events:none}.boost-panel #boost-global-status{top:-34px;bottom:auto;width:212px;color:#fff2ca;text-shadow:0 1px 4px #162331}.boost-buttons{position:absolute;inset:0;display:block;pointer-events:none}.boost-button{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;background:#355349;pointer-events:auto}.boost-button.cooling{filter:saturate(.55)}.ability-button.activating,.boost-button.activating{transform:translate(-50%,-50%) scale(1.15);border-color:#fff0a2;box-shadow:0 0 0 4px #ffdf6860,0 0 23px #ffe682e0;transition:transform .15s ease-out}.ability-button.activating:after,.boost-button.activating:after{content:"";position:absolute;inset:2px;border:2px solid #fff6ce;border-radius:50%;animation:wheel-cast .55s ease-out forwards;pointer-events:none}.ability-button.activating:before,.boost-button.activating:before{content:"✦";position:absolute;z-index:4;inset:-18px;display:grid;place-items:center;border:4px double #fff2a6;border-radius:50%;color:#fff;font-size:32px;text-shadow:0 0 8px #fff,0 0 18px #ffd24e,0 0 32px #ff628f;box-shadow:0 0 14px #fff9,0 0 34px #ffd34dcc,inset 0 0 24px #ffef85aa;animation:wheel-cast-burst .65s cubic-bezier(.14,.72,.2,1) forwards;pointer-events:none}@keyframes wheel-cast-burst{0%{opacity:0;transform:scale(.28) rotate(-35deg)}22%{opacity:1}to{opacity:0;transform:scale(1.75) rotate(95deg)}}@keyframes wheel-cast{0%{transform:scale(.35);opacity:.95}to{transform:scale(1.8);opacity:0}}.boost-button strong{max-width:45px;overflow:hidden;font-size:9px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 7px currentColor}.boost-button span{display:none}.boost-button small{margin-top:3px;font-size:8px;line-height:1}.ability-button[hidden],.boost-button[hidden],.extra-ability-panel[hidden],.boost-panel[hidden]{display:none!important}.tooltip{z-index:8;left:auto;right:8px;bottom:max(390px,calc(env(safe-area-inset-bottom) + 378px));transform:none;width:min(255px,calc(100vw - 16px));max-height:160px;overflow:auto}.session-menu-wrap{position:relative;pointer-events:auto}.top-bar{z-index:10}.session-menu-wrap[hidden],.session-menu[hidden]{display:none}.session-menu-toggle{width:62px;min-height:38px;height:38px;margin:0;padding:0 5px;border:1px solid #9ad1bb;border-radius:10px;background:#234e57ec;color:#e2fff4;font-size:11px}.session-menu{position:absolute;z-index:12;top:44px;right:0;width:190px;padding:8px;border:1px solid #8dd5bd;border-radius:13px;background:#102e39f5;box-shadow:0 16px 35px #001822bb}.session-menu button{width:100%;min-height:42px;margin:3px 0;padding:6px;border:1px solid #639b92;border-radius:8px;background:#24515a;color:#edfff8;font-size:12px}.pause-panel{position:fixed;z-index:11;inset:0;display:grid;place-items:center;padding:16px;background:#041a24c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-panel[hidden]{display:none}.pause-card{width:min(100%,360px);padding:22px;border:1px solid #f1cf90;border-radius:18px;background:#102d3af2;box-shadow:0 25px 55px #00141ccc;text-align:center}.pause-card h2{margin:10px 0;color:#ffdf9e;font-size:22px}.pause-card p{margin:10px 0;font-size:13px}.pause-card button{margin-top:8px}@media(max-width:430px){.brand{display:none}.top-actions{max-width:100%}.room-badge{max-width:65px}.mini-map-button,.mini-map-button canvas{width:58px;height:58px;min-height:58px}}@media(max-height:500px){.extra-ability-panel,.boost-panel{bottom:105px}.tooltip{inset:8px 8px auto;width:auto;max-height:98px}}.player-profile{position:fixed;z-index:11;top:max(8px,env(safe-area-inset-top));left:8px;width:226px;min-height:91px;height:91px;margin:0;padding:7px;display:flex;align-items:center;gap:7px;border:1px solid #b1e9d0;border-radius:15px;color:#f2fff8;background:linear-gradient(145deg,#1b4c55f5,#0b2939f0);box-shadow:0 9px 25px #06132299;text-align:left}.player-profile.weakened{border:2px solid #ffd66b;box-shadow:0 0 0 2px #8f642b99,0 0 22px #ffc85c77}.player-profile.weakened .profile-line:first-of-type .profile-track{border:1px solid #ffd66b;box-shadow:0 0 8px #ffc85c88}.weakened-timer{position:fixed;z-index:10;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);padding:9px 15px;border:1px solid #ffd66b;border-radius:999px;color:#fff1b5;background:#4a3519ed;box-shadow:0 8px 24px #1e120acc,0 0 16px #ffc85c55;font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none}.weakened-timer[hidden],.brand{display:none}.top-actions{margin-left:auto}.player-profile[hidden],.profile-details[hidden]{display:none}.player-profile img{width:72px;height:72px;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px #b0f8dc66)}.profile-meters{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.profile-meters strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile-line{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;white-space:nowrap}.profile-line>span:first-child{width:28px;flex:none}.profile-line b{width:51px;text-align:right;font-size:8px;font-weight:600}.profile-track{flex:1;height:7px;min-width:16px;overflow:hidden;border-radius:10px;background:#031e29}.profile-track span{display:block;height:100%;border-radius:inherit}#profile-hp-fill{background:linear-gradient(90deg,#e56079,#ffb292)}#profile-xp-fill{background:linear-gradient(90deg,#5eabd6,#b2efcb)}.profile-details{position:fixed;z-index:11;top:max(107px,calc(env(safe-area-inset-top) + 99px));left:8px;width:min(310px,calc(100vw - 16px));padding:13px;border:1px solid #97ddc7;border-radius:13px;background:#103641f5;box-shadow:0 15px 35px #041522ac}.profile-details strong,.profile-details span,.profile-details small{display:block}.profile-details span{margin-top:8px;color:#e4f9ef;font-size:12px;line-height:1.5}.profile-details small{margin-top:7px;color:#a6d9c8;font-size:10px}.hud{top:max(110px,calc(env(safe-area-inset-top) + 102px))}.hud .legacy-hp,.hud .legacy-xp,.hud .class-role{display:none}@media(max-width:430px){.player-profile{width:205px}.player-profile img{width:58px;height:58px}.top-bar{top:max(102px,calc(env(safe-area-inset-top) + 94px));padding-top:0}.top-actions{margin-left:auto;max-width:100%;flex-wrap:nowrap;justify-content:flex-end}.hud{top:max(165px,calc(env(safe-area-inset-top) + 155px));width:156px;max-height:155px;overflow:hidden}}.lobby{isolation:isolate;background:linear-gradient(140deg,#0b1826bb,#281f39a8 52%,#092b36cc),url(/assets/background.webp) center / cover fixed}.lobby:before{content:"";position:fixed;inset:-12%;z-index:-1;background:url(/assets/background.webp) center / cover;filter:blur(24px) saturate(1.35);animation:lobby-drift 28s ease-in-out infinite alternate}.lobby:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 52% 42%,transparent 10%,#091b32aa 87%),radial-gradient(circle at 50% 20%,#fb79ba33,transparent 48%);pointer-events:none}.lobby .panel{position:relative;z-index:2;width:min(100%,470px);border:1px solid #dcf5e6a0;border-radius:26px;background:linear-gradient(155deg,#112b3bea,#14192fe7 70%,#122a38eb);box-shadow:0 30px 100px #000a,inset 0 1px #fff5}.lobby .panel h1{color:#f6fff4;text-shadow:0 3px 20px #081326}.lobby .panel h1 em{color:#b8f6cd}.lobby-mark{margin-bottom:8px;color:#eeffc8;text-align:center;font-size:12px;letter-spacing:.22em;text-shadow:0 0 18px #bdf6ad}.lobby-organisms{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.lobby-organisms img{position:absolute;width:clamp(100px,16vw,260px);opacity:.78;filter:drop-shadow(0 13px 28px #11233ac4) drop-shadow(0 0 24px #fff5);animation:cell-float 9s ease-in-out infinite alternate}.lobby-organisms img:nth-child(1){left:7%;top:14%;transform:rotate(-17deg)}.lobby-organisms img:nth-child(2){right:8%;top:9%;animation-delay:-3s}.lobby-organisms img:nth-child(3){left:10%;bottom:7%;animation-delay:-5s}.lobby-organisms img:nth-child(4){right:8%;bottom:8%;animation-delay:-7s}.lobby-organisms img:nth-child(5){left:30%;top:-80px;width:150px;opacity:.35;animation-delay:-2s}.lobby-organisms img:nth-child(6){right:25%;bottom:-70px;width:165px;opacity:.4;animation-delay:-4s}@keyframes lobby-drift{0%{transform:scale(1.03) translate(-1%,1%)}to{transform:scale(1.13) translate(1%,-1%)}}@keyframes cell-float{0%{translate:0 -12px;rotate:-5deg}to{translate:20px 15px;rotate:8deg}}@media(max-width:700px){.lobby-organisms img{width:120px;opacity:.45}.lobby-organisms img:nth-child(1){left:-42px;top:8%}.lobby-organisms img:nth-child(2){right:-48px;top:13%}.lobby-organisms img:nth-child(3){left:-45px;bottom:9%}.lobby-organisms img:nth-child(4){right:-45px;bottom:8%}.lobby .panel{padding:24px 20px}}@media(prefers-reduced-motion:reduce){.lobby:before,.lobby-organisms img{animation:none}}.zone-timer{position:fixed;z-index:10;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);min-width:235px;padding:8px 14px;border:1px solid #ffd3b3a0;border-radius:13px;background:linear-gradient(120deg,#3b2535ed,#244051e8);box-shadow:0 7px 25px #081925a8,inset 0 1px #fff3;text-align:center;pointer-events:none}.zone-timer[hidden]{display:none}.zone-timer strong{display:block;color:#ffe2bb;font-size:11px;letter-spacing:.05em;text-shadow:0 0 8px #f47d7466}.zone-timer span{display:block;margin-top:3px;color:#f0faf1;font-size:12px;font-variant-numeric:tabular-nums}@media(max-width:750px){.zone-timer{top:max(100px,calc(env(safe-area-inset-top) + 92px));left:50%;min-width:190px;max-width:calc(100vw - 160px);padding:6px}.zone-timer strong{font-size:9px}.zone-timer span{font-size:10px}}@media(max-width:430px){.zone-timer{left:42%;top:max(103px,calc(env(safe-area-inset-top) + 95px));min-width:150px;max-width:190px}}.onboarding{position:fixed;z-index:20;inset:0;pointer-events:none}.onboarding[hidden]{display:none}.onboarding-card{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(440px,calc(100vw - 24px));padding:15px 17px;border:1px solid #ffdf8e;border-radius:17px;background:linear-gradient(145deg,#173d49f5,#102838f7);box-shadow:0 18px 55px #00131ddd,0 0 28px #ffd45c26;pointer-events:auto}.onboarding-card strong{display:block;margin-top:3px;color:#fff2bc;font-size:17px}.onboarding-card p{margin:8px 0 12px;color:#e3f8f1;font-size:13px;line-height:1.42}.onboarding-progress{color:#91dbc7;font-size:10px;font-weight:800;letter-spacing:.14em}.onboarding-actions{display:flex;justify-content:flex-end;gap:7px}.onboarding-actions button{width:auto;min-height:38px;margin:0;padding:7px 15px;border:1px solid #77bbaa;border-radius:10px;background:#285661;color:#eafff8}.onboarding-actions button:last-child{border-color:#ffe09a;background:#9e7441;color:#fff9dc}.onboarding-focus{outline:3px solid #ffe37a!important;outline-offset:4px;animation:onboarding-pulse 1.35s ease-in-out infinite}@keyframes onboarding-pulse{50%{filter:brightness(1.2);box-shadow:0 0 0 8px #ffe26a29,0 0 35px #ffd75fbb}}.player-profile,.profile-details{left:auto;right:8px}.profile-details .details-features{padding:8px 9px;border-left:3px solid #e7d784;border-radius:5px 9px 9px 5px;background:#47624452;color:#fff0b8}.top-actions{margin-left:0;margin-right:auto}@media(pointer:coarse),(max-width:760px){.player-profile{top:max(6px,env(safe-area-inset-top));right:6px;width:min(190px,calc(100vw - 145px));min-width:165px;height:72px;min-height:72px;padding:5px;border-radius:13px}.player-profile img{width:55px;height:55px}.profile-meters{gap:3px}.profile-meters strong{font-size:10px}.profile-details{top:max(84px,calc(env(safe-area-inset-top) + 78px));right:6px;width:min(330px,calc(100vw - 12px));max-height:calc(100dvh - 190px);overflow-y:auto}.top-bar{top:max(84px,calc(env(safe-area-inset-top) + 78px));padding:0 7px}.top-actions{gap:5px;max-width:100%;flex-wrap:nowrap}.room-badge{display:none!important}.session-menu-toggle,.chat-toggle,.help-button,.private-pause{width:42px;min-width:42px;height:40px;min-height:40px;padding:0 4px;font-size:10px}.help-button{font-size:18px}.mini-map-button,.mini-map-button canvas{width:46px;height:46px;min-height:46px}.zone-timer{top:max(7px,env(safe-area-inset-top));left:7px;transform:none;min-width:0;width:calc(100vw - 215px);max-width:185px;padding:6px}.zone-timer strong{font-size:8px}.zone-timer span{font-size:9px}.hud{top:max(137px,calc(env(safe-area-inset-top) + 129px));left:7px;width:min(205px,calc(100vw - 14px));max-height:92px;overflow:hidden;padding:7px 8px;border-radius:12px}.hud>.meter,.hud .recovery-status,.hud .bloom-hint,.hud .passive,.hud .boost-status,.hud .boss-summary,.hud .boss-phase-description{display:none}.hud .boss-warning{margin:0;font-size:9px}.hud .next-step{display:-webkit-box;margin:4px 0 0;padding:5px 7px;overflow:hidden;font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}.controls{display:none!important}.extra-ability-panel,.boost-panel{left:7px;right:auto;bottom:max(6px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 14px);height:82px;max-height:82px;padding:7px;gap:7px;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;border-width:1px;border-radius:19px;transform:none;touch-action:pan-x;overscroll-behavior:contain;background:linear-gradient(110deg,#0b2b38f7,#143c46f3);box-shadow:0 9px 30px #00131dcc,inset 0 1px #ffffff24;scrollbar-width:none}.extra-ability-panel::-webkit-scrollbar,.boost-buttons::-webkit-scrollbar{display:none}.wheel-center{position:sticky;z-index:4;left:0;top:auto;transform:none;flex:0 0 66px;width:66px;height:66px;min-height:66px;padding:5px;border-width:1px;font-size:10px;box-shadow:4px 0 15px #031923cc,inset 0 1px #fff5}.wheel-center:active{transform:scale(.94)}.ability-button,.boost-button{position:relative;left:auto;top:auto;transform:none;flex:0 0 56px;width:56px;height:56px;min-height:56px;border-radius:15px;touch-action:pan-x}.ability-button.activating,.boost-button.activating{transform:scale(1.1)}.boost-buttons{position:relative;inset:auto;display:flex;align-items:center;gap:7px;flex:1 0 auto;overflow-x:auto;pointer-events:auto}.boost-panel #boost-global-status{position:sticky;left:auto;top:auto;bottom:auto;transform:none;flex:0 0 92px;width:92px;margin:0;color:#ffe9ad;font-size:8px;line-height:1.2}.tooltip{left:7px;right:7px;bottom:max(98px,calc(env(safe-area-inset-bottom) + 92px));width:auto;max-height:145px;padding:10px 12px}.onboarding-card{left:7px;right:7px;bottom:max(100px,calc(env(safe-area-inset-bottom) + 94px));transform:none;width:auto;padding:12px 13px}.onboarding-card strong{font-size:15px}.onboarding-card p{margin:6px 0 9px;font-size:11px;line-height:1.35}}@media(pointer:coarse)and (orientation:landscape),(max-height:500px)and (max-width:900px){.player-profile{width:175px;min-width:175px;height:62px;min-height:62px}.player-profile img{width:47px;height:47px}.top-bar{top:max(69px,calc(env(safe-area-inset-top) + 62px))}.hud{display:none}.extra-ability-panel,.boost-panel{left:18%;right:18%;height:72px;max-height:72px}.wheel-center{flex-basis:57px;width:57px;height:57px;min-height:57px}.ability-button,.boost-button{flex-basis:50px;width:50px;height:50px;min-height:50px}.tooltip,.onboarding-card{bottom:max(82px,calc(env(safe-area-inset-bottom) + 76px))}}@media(pointer:coarse),(max-width:760px){.coordinates{display:none}.player-profile{width:min(154px,calc(100vw - 116px));min-width:138px;height:56px;min-height:56px}.player-profile img{width:41px;height:41px}.profile-meters strong{max-width:90px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.profile-line{font-size:8px}.top-bar{top:max(63px,calc(env(safe-area-inset-top) + 57px))}.top-actions{gap:4px}.session-menu-toggle,.chat-toggle,.help-button,.private-pause{width:36px;min-width:36px;height:35px;min-height:35px}.session-menu-toggle{overflow:hidden;font-size:0}.session-menu-toggle:after{content:"⋮";font-size:22px}.chat-toggle{overflow:hidden;font-size:0}.chat-toggle:after{content:"✉";font-size:16px}.mini-map-button,.mini-map-button canvas{width:36px;height:36px;min-height:36px}.zone-timer{width:calc(100vw - 170px);max-width:160px}.hud{top:max(105px,calc(env(safe-area-inset-top) + 99px));width:min(178px,calc(100vw - 14px));max-height:48px;padding:5px 7px}.hud .boss-warning,.hud .next-step{display:none}.extra-ability-panel,.boost-panel{height:64px;max-height:64px;padding:5px;border-radius:15px}.wheel-center{flex-basis:50px;width:50px;height:50px;min-height:50px;font-size:8px}.ability-button,.boost-button{flex-basis:46px;width:46px;height:46px;min-height:46px;border-radius:12px}.ability-button .ability-name,.boost-button strong{max-width:39px;font-size:8px}.ability-button .ability-level,.ability-button .ability-cooldown,.boost-button small{font-size:7px}.tooltip,.onboarding-card{bottom:max(75px,calc(env(safe-area-inset-bottom) + 69px))}.zoom-controls{position:fixed;z-index:9;left:7px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 70px));display:flex;align-items:center;overflow:hidden;border:1px solid #7ccbbd7a;border-radius:12px;background:#0a2a36e8;box-shadow:0 7px 19px #00131ca6}.zoom-controls button{width:38px;min-width:38px;height:38px;min-height:38px;margin:0;padding:0;border-radius:0;background:transparent;color:#eafff8;font-size:20px}.zoom-controls span{min-width:42px;color:#bceee1;font-size:10px;text-align:center}.map-panel{padding:7px}.map-card{max-height:calc(100dvh - 14px);padding:11px;border-radius:16px}.map-layout{grid-template-columns:1fr;gap:9px;margin-top:8px}#full-map{width:min(100%,calc(100dvh - 250px));max-height:52dvh;object-fit:contain}.map-legend{gap:5px 9px;margin-top:6px;font-size:8px}.map-intel{padding:8px}.map-stats{margin:6px 0}.map-nearby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.map-nearby button{min-height:40px;padding:4px}.map-nearby button>i{flex-basis:21px;width:21px;height:21px}.map-nearby button:nth-child(n+5){display:none}.map-card>p{display:none}.map-attention{min-height:36px;margin-top:7px}}.mini-map-button{position:fixed;z-index:10;top:max(107px,calc(env(safe-area-inset-top) + 99px));right:8px;width:144px;height:144px;min-height:144px;margin:0;border-width:3px;border-radius:18px}.mini-map-button canvas{width:144px;height:144px}@media(pointer:coarse),(max-width:760px){.hud{display:none!important}.player-profile{top:max(6px,env(safe-area-inset-top));right:6px;width:min(230px,calc(100vw - 90px));min-width:min(210px,calc(100vw - 90px));height:68px;min-height:68px;padding:6px 8px}.player-profile img{width:50px;height:50px}.profile-meters{gap:5px}.profile-meters strong{max-width:none;font-size:11px}.profile-line{gap:5px;font-size:9px}.profile-line>span:first-child{width:24px}.profile-line b{width:57px;font-size:9px}.profile-track{height:10px;min-width:55px;border:1px solid #80b8ae55}.top-bar{top:max(80px,calc(env(safe-area-inset-top) + 74px))}.zone-timer{width:min(150px,calc(100vw - 244px));min-width:70px}.chat-panel{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 24px),calc((100dvh - 24px)*1.15));max-height:calc(100dvh - 24px);aspect-ratio:1.15;justify-content:space-between;padding:17px;border-radius:22px;box-shadow:0 24px 70px #001018e8,0 0 0 9999px #00101899}.chat-panel .map-heading{flex:none}.chat-panel .map-heading button{position:relative;z-index:2;width:44px;height:44px;min-height:44px}.chat-form{flex:1;justify-content:center;gap:14px}.chat-form input{height:54px;font-size:16px}.chat-send-actions{gap:9px}.chat-send-actions button{min-height:52px;font-size:12px}.help-panel{z-index:32;padding:10px}.help-card{width:100%;max-height:calc(100dvh - 20px);padding:14px;border-radius:17px}.help-card .map-heading{top:-7px}.help-card .map-heading button{position:relative;z-index:3;flex:none}.session-menu{top:calc(100% + 6px);left:0;right:auto;width:min(210px,calc(100vw - 14px));max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.mini-map-button{top:max(82px,calc(env(safe-area-inset-top) + 76px));right:6px;width:144px;height:144px;min-height:144px}.mini-map-button canvas{width:144px;height:144px}}