.lg-game{--lg-gold:#dcc78d;--lg-ink:#ebeadc;position:fixed;inset:0;z-index:160;background:#152a27;color:var(--lg-ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;overflow:hidden;isolation:isolate;text-align:right;user-select:none}.lg-game *{box-sizing:border-box}.lg-game [hidden]{display:none!important}.lg-game button,.lg-game input{font:inherit}.lg-game button{color:inherit;cursor:pointer;border:0;touch-action:manipulation}.lg-game button:focus-visible,.lg-game input:focus-visible{outline:2px solid #efda92;outline-offset:4px}.lg-game button:disabled{cursor:default}.lg-canvas,.lg-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.lg-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0819238c,transparent 15%,transparent 70%,#06151bb3),radial-gradient(ellipse at center,transparent 45%,#061e2466)}.lg-top{position:absolute;inset:0 0 auto;z-index:7;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 24px;background:linear-gradient(#091c29f5,#0b202ba8,transparent)}.lg-brand{display:flex;flex-direction:column;gap:3px;min-width:145px}.lg-brand>span{font-family:Georgia,serif;font-size:21px;letter-spacing:5px;color:var(--lg-gold)}.lg-brand>b{font-size:13px;letter-spacing:1px;color:#c4cbbb}.lg-round{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;text-align:center;direction:ltr}.lg-round>span{font-size:31px;font-weight:700;font-variant-numeric:tabular-nums}.lg-round>div{display:flex;flex-direction:column;gap:5px;min-width:135px}.lg-round strong{font-size:24px;letter-spacing:2px;font-variant-numeric:tabular-nums}.lg-round small{font-size:11px;direction:rtl;color:#d2d5c5}.lg-team-blue{color:#83e0df}.lg-team-red{color:#fca28b}.lg-top-actions{display:flex;gap:7px}.lg-top-actions button{background:#172b34b0;border:1px solid #8aa69d25;padding:9px 12px;border-radius:5px;font-size:12px;color:#e0e4d6}.lg-top-actions button:hover{background:#536353b3;color:#fff}.lg-top-actions button[aria-pressed=true]{color:#edda95}.lg-objective{position:absolute;right:24px;top:103px;display:flex;flex-direction:column;gap:7px;max-width:285px;padding:17px 20px;background:linear-gradient(100deg,#102c3594,#0a1d29e6);border-right:2px solid #c6b376;border-radius:2px 10px 10px 2px;pointer-events:none}.lg-objective small{font-size:10px;letter-spacing:2px;color:#d2bd86}.lg-objective b{font-size:15px}.lg-objective>span{font-size:11px;line-height:1.6;color:#bccdc2}.lg-announcement{position:absolute;top:26%;left:50%;transform:translateX(-50%);padding:15px 34px;text-align:center;font-weight:700;font-size:23px;max-width:70%;color:#f4de9a;text-shadow:0 2px 15px #0b171f;pointer-events:none}.lg-announcement:empty{display:none}.lg-feed{position:absolute;top:93px;left:22px;display:grid;gap:6px;pointer-events:none;max-width:260px;font-size:12px}.lg-feed>div{background:#0b202acf;border-left:2px solid #d1ac70;padding:9px 14px;border-radius:3px;color:#e2d8b7;animation:lg-feed-in .25s ease-out}.lg-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lg-unit-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:88px;will-change:transform}.lg-unit-label>span{font-size:10px;line-height:1.2;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 6px #071822}.lg-unit-label>div{height:5px;width:55px;background:#182c28;border:1px solid #05191c;border-radius:1px;overflow:hidden;box-shadow:0 1px 4px #0006}.lg-unit-label i{display:block;height:100%;background:#79daca;transition:width .12s}.lg-unit-label.enemy i{background:#ef817b}.lg-map{position:absolute;bottom:18px;left:18px;width:174px;height:197px;padding:6px;background:linear-gradient(130deg,#193947,#061b25);border:1px solid #d5c09277;box-shadow:0 7px 25px #0006;border-radius:8px;z-index:5}.lg-map canvas{width:160px;height:160px;display:block;border-radius:3px;cursor:crosshair;touch-action:none}.lg-map>span{display:block;text-align:center;font-size:10px;color:#d3c597;margin-top:8px;letter-spacing:1px}.lg-chat{position:absolute;left:21px;bottom:230px;max-width:270px;z-index:7}.lg-chat>button{padding:7px 11px;background:#11262aaa;border-radius:4px;font-size:11px;color:#bcd8ce}.lg-chat-lines{max-height:112px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.lg-chat-lines p{background:#061b219c;border-radius:3px;padding:5px 8px;margin:3px 0;font-size:11px;line-height:1.3;color:#e3e9de;overflow-wrap:anywhere}.lg-chat form{display:flex;margin-top:6px;background:#08202b;box-shadow:0 3px 15px #0006}.lg-chat input{width:210px;color:#fff;background:transparent;border:1px solid #a4bdba44;border-radius:4px;padding:9px;user-select:text;outline:none}.lg-chat form button{font-size:11px;background:#345851;padding:8px}.lg-hud{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-height:108px;padding:13px 17px;background:linear-gradient(160deg,#19313be8,#061721f5);border:1px solid #beae7b88;box-shadow:0 9px 30px #0008,inset 0 1px 0 #f0dec528;border-radius:15px 15px 4px 4px;z-index:8;direction:ltr}.lg-portrait{width:69px;height:80px;flex:none;position:relative;background-image:url('/assets/posters/legends-heroes-v1.png');background-size:400% 100%;border:2px solid #d2b878;border-radius:8px;box-shadow:0 2px 8px #0008}.lg-portrait>b{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;width:27px;height:27px;background:#172c37;border:1px solid #d2b878;border-radius:50%;font-size:13px;color:#eedea5}.lg-vitals{width:155px;direction:rtl;display:grid;gap:5px}.lg-vitals>div:first-child{display:flex;justify-content:space-between;align-items:center}.lg-vitals b{font-size:15px;color:#e5d59f}.lg-vitals>div>span{font-size:10px;color:#b1c5bc}.lg-vitals>small{font-size:9px;color:#9bb8b5}.lg-meter{height:15px;position:relative;background:#061820;overflow:hidden;border-radius:2px;border:1px solid #304d4c}.lg-meter>i{display:block;height:100%;transition:width .1s}.lg-meter>span{position:absolute;inset:0;font-size:9px!important;color:#fff!important;display:grid;place-items:center;direction:ltr;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.lg-health i{background:linear-gradient(#65b988,#398862)}.lg-mana i{background:linear-gradient(#5cace3,#32669d)}.lg-skills{display:flex;gap:6px;direction:ltr}.lg-skill{position:relative;width:60px;height:70px;padding:7px 3px 5px;border:1px solid #ae9c6588!important;background:linear-gradient(145deg,#355658,#142f44);border-radius:5px;overflow:hidden;text-align:center}.lg-skill:nth-child(2){background:linear-gradient(145deg,#617553,#244749)}.lg-skill:nth-child(3){background:linear-gradient(145deg,#698b8b,#2c5265)}.lg-skill:nth-child(4){background:linear-gradient(145deg,#7c618b,#253650);border-color:#d6b870!important}.lg-skill::before{content:'';position:absolute;inset:auto 0 0;height:var(--cooldown,0%);background:#04111be0;z-index:1;pointer-events:none}.lg-skill:hover:not(:disabled){filter:brightness(1.3);transform:translateY(-2px)}.lg-skill:disabled{filter:saturate(.55)}.lg-skill>kbd{position:absolute;left:4px;top:3px;z-index:3;font-size:9px;font-weight:bold;color:#f2e0a3}.lg-skill-icon{font-size:33px;line-height:40px;text-shadow:0 0 11px #b6eee977;color:#c9e1d0}.lg-skill>strong{position:absolute;inset:0 0 10px;display:grid;place-items:center;z-index:2;font-size:21px;color:#fff;text-shadow:0 2px 4px #000}.lg-skill>small{display:block;position:absolute;bottom:4px;left:0;right:0;z-index:3;font-size:8px;white-space:nowrap;color:#e1ddc4;direction:rtl}.lg-inventory{display:grid;gap:5px;min-width:120px;direction:rtl}.lg-inventory>button{background:transparent;padding:2px;font-size:10px;color:#b4c6bd}.lg-inventory>.lg-gold{font-size:12px;color:#e5ca79;text-align:center}.lg-gold b{font-variant-numeric:tabular-nums}.lg-item-slots{display:flex;gap:3px;direction:ltr}.lg-item-slots>span{width:18px;height:20px;background:#0c252b;border:1px solid #74918444;border-radius:2px;display:grid;place-items:center;color:#d6c990;font-size:13px}.lg-inventory kbd{font-size:9px;color:#e2d08d}.lg-touch-attack{display:none;position:absolute;bottom:162px;right:25px;border:1px solid #e0c98c88!important;border-radius:50%;background:radial-gradient(#a96b40,#3e3b32);width:72px;height:72px;font-size:28px;box-shadow:0 3px 14px #0005;z-index:7}.lg-touch-attack span{display:block;font-size:9px}.lg-stop{position:absolute;bottom:152px;right:24px;background:#12363ba6;border:1px solid #b4cdbe55!important;padding:8px 13px;border-radius:4px;font-size:11px;z-index:7}.lg-draft{position:absolute;inset:0;z-index:12;padding:42px 26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#263f51ce,#051924f7 65%);overflow:auto;backdrop-filter:blur(6px)}.lg-draft-heading{text-align:center;margin-bottom:23px}.lg-draft-heading>small,.lg-dialog>small{font-size:10px;letter-spacing:3px;color:var(--lg-gold)}.lg-draft h1{font-size:clamp(26px,3.5vw,48px);margin:9px 0;font-weight:600;color:#f1ead2;letter-spacing:-1px}.lg-draft-heading p{font-size:13px;color:#a9c0bc;margin:10px 0}.lg-draft-heading>strong{display:block;color:#e4cf96;font-size:12px;margin-top:18px}.lg-heroes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:920px;width:100%}.lg-hero{height:clamp(210px,35vh,360px);position:relative;background:#0c2530;overflow:hidden;border:1px solid #869e9644!important;border-radius:12px;text-align:right;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 8px 25px #0004}.lg-hero-art{position:absolute;inset:0;background-image:url('/assets/posters/legends-heroes-v1.png');background-size:400% 100%;background-position:var(--hero-position) 0;filter:saturate(.7) brightness(.85);transition:filter .2s,transform .35s}.lg-hero::after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 40%,#071a21f2)}.lg-hero-copy{position:absolute;z-index:1;left:17px;right:17px;bottom:18px;display:flex;flex-direction:column;gap:6px}.lg-hero-copy>small{font-size:11px;color:var(--hero-color);letter-spacing:1px}.lg-hero-copy>b{font-size:30px;letter-spacing:-1px}.lg-hero-copy>span{font-size:10px;color:#b4c7be}.lg-hero.selected,.lg-hero:hover{border-color:var(--hero-color)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--hero-color) 30%,transparent),0 15px 35px #0006;transform:translateY(-5px)}.lg-hero.selected .lg-hero-art,.lg-hero:hover .lg-hero-art{filter:saturate(1) brightness(1)}.lg-start{display:block;padding:14px 38px!important;margin-top:26px;background:linear-gradient(120deg,#efd6a0,#aa8650)!important;color:#172a2a!important;font-weight:bold!important;letter-spacing:.2px;border:1px solid #f2ddb1!important;border-radius:6px!important;box-shadow:0 6px 25px #0004}.lg-start:hover{filter:brightness(1.1)}.lg-draft-tip{font-size:10px;color:#9aaca7;display:block;margin:17px 0 0;text-align:center}.lg-modal{position:absolute;inset:0;z-index:20;background:#03131bc9;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px}.lg-dialog{width:min(500px,100%);max-height:90vh;overflow:auto;background:linear-gradient(135deg,#1e3944,#0c202c);padding:34px;border:1px solid #a59e725c;border-radius:18px;box-shadow:0 20px 80px #0008}.lg-close{float:left;background:transparent;color:#bdc9c0!important;font-size:12px;padding:0 0 15px}.lg-dialog h2{clear:both;font-size:30px;color:#ebdfbc;margin:12px 0}.lg-dialog p{font-size:13px;line-height:1.7;color:#b4c9c0}.lg-dialog ol{padding:0 22px 0 0}.lg-dialog li{line-height:1.7;font-size:13px;color:#a9c1b7;margin:15px 0;padding-right:4px}.lg-dialog li b{color:#e3d9b4}.lg-shop-items{display:grid;gap:9px;margin:22px 0}.lg-shop-items button{display:flex;align-items:center;gap:15px;background:#08202a80;border:1px solid #a8bea434!important;padding:13px;border-radius:7px;text-align:right}.lg-shop-items button:hover:not(:disabled){background:#4b614b88}.lg-shop-items button:disabled{opacity:.42}.lg-shop-items i{font-size:25px;color:#dcc58a;width:34px;text-align:center;font-style:normal}.lg-shop-items span{display:flex;flex:1;flex-direction:column;gap:5px}.lg-shop-items b{font-size:14px}.lg-shop-items small{font-size:11px;color:#aabdb2}.lg-shop-items strong{color:#e2c678;font-size:13px}.lg-pause .lg-dialog{text-align:center}.lg-pause .lg-start{margin:22px auto 15px}.lg-pause .lg-dialog>button:last-child{background:transparent;color:#b7cbbd;padding:8px}.lg-pause p{max-width:300px;margin:auto}@keyframes lg-feed-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.lg-top{padding:12px 16px}.lg-top-actions{gap:4px}.lg-top-actions button{padding:8px;font-size:11px}.lg-hud{gap:8px;padding:10px 12px}.lg-vitals{width:120px}.lg-portrait{width:55px;height:68px}.lg-inventory{min-width:100px}.lg-item-slots>span{width:15px;height:18px}.lg-skill{width:52px;height:64px}.lg-map{width:144px;height:168px;bottom:13px;left:12px}.lg-map canvas{width:130px;height:130px}.lg-chat{left:14px;bottom:192px}.lg-round>div{min-width:110px}.lg-round{gap:16px}.lg-objective{top:89px;right:17px;max-width:245px;padding:13px}.lg-stop{bottom:138px;right:17px}}
@media(max-width:900px){.lg-brand{min-width:90px}.lg-brand>span{font-size:15px;letter-spacing:3px}.lg-brand>b{font-size:10px}.lg-top-actions button{font-size:10px}.lg-top-actions button[data-lg=music],.lg-top-actions button[data-lg=help]{font-size:0;width:28px}.lg-top-actions button[data-lg=music]::after{content:'♫';font-size:15px}.lg-top-actions button[data-lg=help]::after{content:'?';font-size:15px}.lg-round{gap:12px}.lg-round>span{font-size:22px}.lg-round strong{font-size:19px}.lg-round small{font-size:9px}.lg-top{min-height:63px;gap:10px}.lg-objective{right:12px;top:75px;max-width:180px;padding:10px}.lg-objective b{font-size:12px}.lg-objective>span{font-size:9px}.lg-objective small{font-size:8px}.lg-hud{bottom:8px;min-height:90px;border-radius:10px;gap:6px;padding:9px}.lg-vitals{width:100px}.lg-vitals b{font-size:13px}.lg-portrait{width:48px;height:63px}.lg-skill{width:47px;height:61px}.lg-skills{gap:4px}.lg-inventory{min-width:90px}.lg-map{left:12px;bottom:115px;width:114px;height:132px;padding:4px}.lg-map canvas{width:104px;height:104px}.lg-map>span{font-size:8px;margin-top:5px}.lg-chat{left:12px;bottom:258px;max-width:210px}.lg-chat-lines p{font-size:10px}.lg-touch-attack{display:block;bottom:128px;right:14px}.lg-stop{right:20px;bottom:210px}.lg-announcement{font-size:18px;max-width:80%;padding:10px}.lg-feed{left:12px;top:75px;font-size:10px;max-width:200px}.lg-feed>div{padding:7px 9px}}
@media(max-width:600px){.lg-top{padding:10px;align-items:flex-start}.lg-top-actions button{padding:7px 6px}.lg-top-actions button[data-lg=pause]{font-size:0}.lg-top-actions button[data-lg=pause]::after{content:'Ⅱ';font-size:15px}.lg-round{top:12px;gap:10px}.lg-round>div{min-width:90px}.lg-round strong{font-size:17px}.lg-round small{font-size:8px;max-width:115px}.lg-brand>span{font-size:12px;letter-spacing:2px}.lg-brand>b{font-size:9px}.lg-objective{top:77px;max-width:150px;right:10px;background:#0b202ac2}.lg-objective>span{display:none}.lg-feed{max-width:160px;top:72px;left:10px}.lg-feed>div{font-size:9px}.lg-hud{width:calc(100% - 14px);bottom:7px;flex-wrap:wrap;justify-content:center;padding:8px;gap:7px}.lg-portrait{width:40px;height:48px}.lg-portrait>b{width:20px;height:20px;font-size:10px}.lg-vitals{width:112px;gap:3px}.lg-vitals>small{font-size:8px}.lg-vitals>div:first-child b{font-size:12px}.lg-meter{height:11px}.lg-meter>span{font-size:8px!important}.lg-inventory{min-width:115px;order:2}.lg-item-slots>span{width:17px;height:17px}.lg-inventory>button:last-child{font-size:8px}.lg-skills{order:3;width:100%;justify-content:center;gap:8px}.lg-skill{width:calc(25% - 7px);max-width:80px;height:58px}.lg-skill>small{font-size:8px}.lg-skill-icon{font-size:30px;line-height:34px}.lg-map{bottom:160px;left:10px;width:98px;height:115px}.lg-map canvas{width:88px;height:88px}.lg-map>span{font-size:7px}.lg-chat{bottom:286px;left:10px;max-width:205px}.lg-chat-lines{max-height:80px}.lg-chat-lines p{font-size:9px;padding:4px 6px}.lg-chat>button{font-size:9px}.lg-chat input{width:150px;font-size:11px}.lg-touch-attack{bottom:174px;right:16px;width:65px;height:65px;font-size:24px}.lg-stop{bottom:249px;right:17px;font-size:10px}.lg-unit-label{width:70px}.lg-unit-label>span{font-size:8px}.lg-unit-label>div{width:42px;height:4px}.lg-draft{padding:20px 14px;justify-content:flex-start}.lg-draft-heading{margin:12px 0 15px}.lg-draft h1{font-size:29px}.lg-draft-heading p{font-size:11px}.lg-draft-heading>strong{font-size:10px;margin-top:10px}.lg-heroes{max-width:380px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lg-hero{height:185px}.lg-hero-copy{left:11px;right:11px;bottom:12px;gap:3px}.lg-hero-copy>b{font-size:23px}.lg-hero-copy>span{font-size:8px}.lg-hero-copy>small{font-size:9px}.lg-start{margin-top:17px;padding:12px 30px!important;font-size:14px}.lg-draft-tip{font-size:9px;line-height:1.6;max-width:280px;margin-top:12px}.lg-modal{padding:15px}.lg-dialog{padding:24px}.lg-dialog h2{font-size:26px}.lg-dialog p,.lg-dialog li{font-size:12px}.lg-announcement{top:27%;font-size:17px;width:90%;max-width:90%}}
@media(max-height:560px) and (min-width:601px){.lg-top{padding-top:6px}.lg-objective{display:none}.lg-draft{padding:18px}.lg-draft-heading{margin-bottom:12px}.lg-draft h1{font-size:27px;margin:5px}.lg-draft-heading>small,.lg-draft-heading p{display:none}.lg-draft-heading>strong{margin-top:7px}.lg-hero{height:190px}.lg-heroes{max-width:690px;gap:10px}.lg-hero-copy>b{font-size:24px}.lg-start{padding:10px 28px!important;margin-top:12px}.lg-draft-tip{margin-top:9px}.lg-map{bottom:110px;width:94px;height:108px}.lg-map canvas{width:84px;height:84px}.lg-map>span{font-size:7px}.lg-chat{bottom:228px}.lg-touch-attack{width:59px;height:59px;bottom:115px}.lg-stop{bottom:184px}.lg-hud{min-height:80px}.lg-portrait{height:55px}.lg-skill{height:57px}.lg-dialog{max-height:91vh;padding:22px}}
@media(prefers-reduced-motion:reduce){.lg-game *{animation:none!important;transition:none!important}}

@media(max-width:600px){.lg-top-actions button[data-lg=exit]{font-size:0;width:28px}.lg-top-actions button[data-lg=exit]::after{content:'×';font-size:18px}.lg-round{top:54px}.lg-objective,.lg-feed{top:107px}}