@font-face{font-family:system-persian;src:local(Vazirmatn),local(Tahoma);font-display:swap}:root{color:#243e36;font-synthesis:none;background:#f5f3eb;font-family:system-persian,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.65;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,#game:focus-visible{outline-offset:4px;outline:3px solid #2787a8}[hidden]{display:none!important}.shell{max-width:1180px;margin:auto;padding:24px 32px 14px}.topbar{justify-content:space-between;align-items:center;gap:14px;min-height:64px;margin-bottom:23px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand small{color:#64756a;margin-top:5px;font-size:11px;font-weight:400;display:block}.brand-symbol{color:#e16e43;text-align:center;background:#ece9dc;border-radius:15px;width:52px;height:52px;font-size:37px}.connection{align-items:center;gap:14px;font-size:12px;display:flex}#connection-status{background:#e6ebdf;border-radius:8px;padding:10px 14px}.matchbar{direction:ltr;justify-content:space-between;align-items:center;padding:0 20px 17px;display:flex}.team{align-items:center;gap:16px;font-size:14px;font-weight:700;display:flex}.team strong{font:700 34px Tahoma,sans-serif}.blue{color:#266d92}.orange{color:#b94e2c}.room-info{text-align:center;direction:rtl;gap:6px;font-size:13px;display:grid}.room-info span{color:#6c786d;font-size:11px}.arena-wrap{background:#dcece2;border:1px solid #cad6c9;border-radius:22px;position:relative;overflow:hidden}#game{aspect-ratio:2;direction:ltr;justify-content:center;align-items:center;width:100%;display:flex;position:relative}#game>canvas:first-child{flex:none;display:block;width:var(--canvas-width,100%)!important;height:var(--canvas-height,auto)!important;margin:0!important}.flag-hud{pointer-events:none;direction:rtl;position:absolute;inset:0}.mana-hud{top:12px;left:max(12px, env(safe-area-inset-left));pointer-events:none;background:#fffdf2ed;border:1px solid #92b7a8;border-radius:18px;align-items:center;gap:7px;width:114px;height:32px;padding:7px 9px;display:flex;position:absolute}.mana-hud svg{fill:#408d9b;flex:none;width:13px;height:20px}.mana-meter{direction:ltr;background:#d7e2d8;border-radius:6px;width:100%;height:8px;overflow:hidden}.mana-meter span{border-radius:inherit;transform-origin:0;background:#408d9b;width:100%;height:100%;display:block}.mana-hud.boosting .mana-meter span{background:#c18b35}.mana-hud.low-mana{border-color:#b28a64}.effects-hud{top:52px;left:max(12px, env(safe-area-inset-left));pointer-events:none;position:absolute}#active-effects{flex-wrap:wrap;gap:5px;display:flex}.effect-chip{background:conic-gradient(#d1e5cf calc(var(--remaining) * 1turn), #fffdf0 0);color:#315d48;border:2px solid #b4cabe;border-radius:50%;place-items:center;width:28px;height:28px;font:700 18px Tahoma,sans-serif;display:grid}.effect-chip.frozen{color:#245c80;background:#d4edf9;border-color:#83b4cf}.item-guide{border-top:1px solid #d5dccf;margin:12px 0;padding-top:10px;font-size:12px}.item-guide summary{cursor:pointer;min-height:44px;padding:10px 0}.item-guide summary:focus-visible{outline-offset:3px;outline:3px solid #2787a8}.item-guide-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.item-guide-grid>div{background:#f9f8ed;border:1px solid #d5dccf;border-radius:9px;gap:8px;padding:12px;display:grid}.item-guide-grid span,.item-guide p{color:#56705f;font-size:10px;line-height:1.8}.item-guide-grid b span{color:#345c4c;font-size:17px}.flag-indicator{background:#fffdf2ed;border:1px solid;border-radius:9px;align-items:center;gap:2px;width:44px;height:30px;padding:3px;display:flex;position:absolute;top:0;left:0}.flag-glyph{stroke:currentColor;stroke-width:2px;fill:currentColor;flex:none;width:17px;height:21px}.flag-arrow{text-align:center;direction:ltr;width:14px;font:700 14px Arial,sans-serif}.flag-height{text-align:center;letter-spacing:-2px;color:currentColor;font:700 12px/10px Arial,sans-serif;position:absolute;bottom:-9px;left:1px;right:1px}.entry{background:linear-gradient(270deg,#dcece2fa,#dcece2e8 72%,#dcece250);align-items:center;padding:28px 46px;display:flex;position:absolute;inset:0}.entry-panel{scrollbar-width:thin;grid-template-columns:minmax(250px,310px) minmax(260px,1fr);align-items:center;gap:30px;width:740px;max-width:100%;max-height:100%;padding:5px;display:grid;overflow-y:auto}.character-picker{border:0;min-width:0;margin:0;padding:0}.character-picker legend{padding:0;font-size:21px;font-weight:800}.character-hint{color:#526858;margin:5px 0 12px!important;font-size:11px!important}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.character-card{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#f9f9efd9;border:2px solid #c6d2c3;border-radius:13px;flex-direction:column;align-items:center;margin:0;padding:5px 3px 9px;transition:border-color .12s,background .12s;display:flex;position:relative}.character-card:hover{background:#fffdf1;border-color:#7b9d84}.character-card:has(input:checked){background:#fffdf0;border-color:#345c4c;box-shadow:0 3px #345c4c}.character-card:has(input:focus-visible){outline-offset:3px;outline:3px solid #2787a8}.character-card input{opacity:0;width:1px;height:1px;padding:0;position:absolute}.character-art{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--character-color) 24%, transparent), transparent 72%);width:100%;display:block;position:relative}.character-art canvas{object-fit:contain;width:100%;max-width:100px;height:88px;margin:auto;display:block}.character-check{top:1px;color:#fffdf0;background:#345c4c;border-radius:50%;width:19px;height:19px;font:700 13px/19px Tahoma,sans-serif;display:none;position:absolute;inset-inline-end:1px}.character-card:has(input:checked) .character-check{display:block}.character-card strong{font-size:13px}.character-description{color:#526858;min-height:30px;margin-top:3px;font-size:9px;line-height:1.7}.character-team-note{color:#526858;margin:12px 0 0!important;font-size:10px!important}.eyebrow{color:#647461;font-size:12px}h1{letter-spacing:-1.4px;margin:14px 0;font-size:clamp(27px,3.8vw,42px);line-height:1.55}.entry-panel p{margin:12px 0;font-size:13px;line-height:1.9}label{margin:19px 0 8px;font-size:12px;display:block}input{color:#243e36;background:#fffef8;border:1px solid #a9b7a7;border-radius:9px;width:100%;padding:12px 14px;font-size:14px;display:block}input::placeholder{color:#7a8478}.primary{color:#fffef5;background:#284e40;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:13px 17px;font-size:14px;font-weight:700;display:flex}.primary:hover{background:#183d30}.primary.secondary{color:#345c4c;background:#f7f7ee;border:1px solid #a9b7a7;padding-block:9px;font-weight:400}.primary.secondary:hover{background:#e9eee2}.form-message{color:#4d6155;min-height:24px;font-size:11px!important}.game-footer{justify-content:space-between;align-items:center;gap:16px;min-height:62px;font-size:11px;display:flex}.game-footer p{margin:12px 0;line-height:1.8}.help{color:#5a6e61;white-space:nowrap;gap:15px;display:flex}.help span{align-items:center;gap:4px;display:inline-flex}.control-settings{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:12px;display:flex}.control-settings label{margin:0}.control-settings select{color:#243e36;background:#fffef8;border:1px solid #a9b7a7;border-radius:7px;padding:7px 10px}.control-settings p{color:#5a6e61;flex:280px;margin:0;font-size:11px;line-height:1.8}.help.keyboard-keys{flex-wrap:wrap;gap:10px 20px;padding:12px 0 4px;font-size:12px;display:flex}kbd{background:#e9e7dd;border-radius:5px;padding:5px 7px;font:11px monospace}.quiet{color:#345c4c;background:0 0;border:1px solid #c6d0c3;border-radius:7px;padding:8px 10px;font-size:11px}#sound-toggle[aria-pressed=true]{background:#e6ebdf}.prototype-note{text-align:center;color:#6c786b;border-top:1px solid #dedfd3;padding-top:15px;font-size:10px}.rotate-tip{display:none}.touch-controls{pointer-events:none;direction:ltr;justify-content:space-between;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.touch-controls>div{gap:10px;display:flex}.touch-controls .movement{grid-template-columns:repeat(2,62px);display:grid}.touch-controls .boost{background:#c0e7dd;font-size:12px}.touch-controls .actions{align-self:flex-end}.touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#254b3a;background:#f7f5e9e8;border:2px solid #fff5;border-radius:15px;width:62px;height:54px;font-size:21px;font-weight:700;box-shadow:0 3px #193a3040}.touch-controls .actions button{width:76px;font-size:14px}.touch-controls .hit{background:#f5c59d}.touch-controls .jump{background:#c3e5ef}.touch-controls .pass{background:#e0d3f1}.touch-controls .pull{background:#f3dda0}.touch-controls button:disabled{opacity:.4;cursor:default}.touch-controls button.pressed{box-shadow:none;background:#fffef1;transform:translateY(3px)}@media (pointer:fine) and (width>=900px){.touch-controls{opacity:.6}}@media (width<=700px) and (orientation:portrait){.shell{padding:18px 14px}.brand{font-size:20px}.brand small{font-size:10px}.connection{flex-direction:column;gap:6px;font-size:10px}.matchbar{padding-inline:7px}.team{gap:8px;font-size:12px}.team strong{font-size:27px}.arena-wrap{border-radius:16px;overflow:visible}#game{border-radius:16px;overflow:hidden}.entry{background:#e8eee0;border-radius:0 0 16px 16px;padding:25px;position:relative}.entry-panel{flex-direction:column-reverse;gap:22px;width:100%;max-height:none;display:flex;overflow:visible}.entry-details,.character-picker{width:100%}h1{font-size:30px}.touch-controls{align-items:flex-end;padding:12px 10px;position:relative;inset:auto}.touch-controls>div{gap:5px}.touch-controls .movement{grid-template-columns:repeat(2,45px)}.touch-controls .actions{grid-template-columns:repeat(2,52px);display:grid}.touch-controls button{width:45px;height:52px}.touch-controls .actions button{width:52px;font-size:12px}.game-footer{flex-wrap:wrap;gap:0 12px}.help{display:none}.rotate-tip{text-align:center;color:#4b6356;font-size:12px;display:block}}@media (height<=520px) and (orientation:landscape){.shell{padding:5px max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));max-width:1000px}.topbar{min-height:30px;margin-bottom:3px}.brand{gap:8px;font-size:16px}.brand small{display:none}.brand-symbol{border-radius:7px;width:29px;height:29px;font-size:23px}#connection-status{padding:5px 9px;font-size:10px}.matchbar{z-index:2;pointer-events:none;width:min(55%,430px);padding:0 12px;position:absolute;top:49px;left:50%;transform:translate(-50%)}.shell:has(#entry:not([hidden])) .matchbar{visibility:hidden}.team{gap:7px;font-size:11px}.team strong{font-size:24px}.room-info{gap:2px;font-size:10px}.room-info span{font-size:9px}.arena-wrap{border-radius:12px}#game{aspect-ratio:auto;height:calc(100dvh - 65px)}.entry{padding:16px 25px}.entry-panel{grid-template-columns:minmax(240px,290px) minmax(240px,1fr);gap:24px;width:720px}.character-art canvas{height:52px}.character-grid{gap:7px}.character-picker legend{font-size:17px}.character-hint{margin:3px 0 7px!important}.character-card{border-radius:10px;padding:2px 2px 5px}.character-card strong{font-size:11px}.character-description{min-height:22px;margin-top:1px;font-size:8px;line-height:1.5}.character-team-note{margin:8px 0 0!important;font-size:9px!important}.eyebrow{display:none}h1{margin:0 0 5px;font-size:24px;line-height:1.45}h1 br{display:none}.entry-panel p{margin:5px 0;font-size:11px;line-height:1.6}label{margin:8px 0 4px;font-size:10px}input{padding:8px 12px;font-size:12px}.primary{margin-top:7px;padding:9px 12px;font-size:12px}.form-message{min-height:14px;font-size:9px!important}.game-footer{min-height:22px;font-size:9px}.game-footer p{margin:2px}.help,.prototype-note{display:none}.quiet{padding:4px 8px;font-size:10px}.touch-controls{bottom:8px}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-tools{top:8px;right:max(8px, env(safe-area-inset-right));z-index:4;direction:ltr;align-items:center;gap:4px;display:flex;position:absolute}.icon-button{color:#345c4c;touch-action:manipulation;background:#fffdf0e8;border:1px solid #b3c5b0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font:22px Tahoma,sans-serif;display:grid}.connection-dot{background:#448b69;border-radius:50%;width:7px;height:7px}.connection-dot.offline{background:#c24f36;box-shadow:0 0 0 3px #fff8}.matchbar{pointer-events:none;background:#fffdf0ed;border:1px solid #b3c5b0;border-radius:18px;gap:16px;width:220px;padding:4px 10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.team{gap:5px;padding-bottom:7px;position:relative}.team strong{font-size:23px}.team>span:first-child,.team>span:nth-child(2){font-size:19px}.score-pips{gap:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.score-pips i{border:1px solid;border-radius:2px;width:5px;height:4px}.score-pips i.filled{background:currentColor}.match-clock{align-items:center;gap:4px;font:14px Tahoma,sans-serif;display:flex}.match-clock.urgent{color:#ad492c}.match-result{z-index:8;background:#183e3566;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.result-panel{text-align:center;background:#fff9e8;border:2px solid #fff9;border-radius:22px;width:280px;max-height:100%;padding:22px;overflow:auto}#result-icon{color:#b98a26;font-size:44px}.result-panel h2{margin:8px 0;font-size:22px}#result-score{direction:ltr;margin:12px 0;font:700 28px Tahoma,sans-serif}.result-panel .quiet{min-height:44px;margin-top:10px}body.playing{background:#dcece2;overflow:hidden}.playing .shell{width:100%;max-width:none;height:100dvh;padding:0;position:fixed;inset:0}.playing .topbar,.playing .game-footer,.playing .prototype-note,.playing .item-guide,.playing .rotate-tip{display:none}.playing .arena-wrap{border:0;border-radius:0;width:100%;height:100%;overflow:hidden}.playing #game{aspect-ratio:auto;border-radius:0;width:100%;height:100%;overflow:hidden}.playing .touch-controls{bottom:max(12px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));opacity:1;padding:0;position:absolute}.playing .touch-controls .movement{grid-template-columns:repeat(2,54px)}.playing .touch-controls .actions{grid-template-columns:repeat(2,54px);display:grid}.playing .touch-controls>div{gap:8px}.playing .touch-controls button,.playing .touch-controls .actions button{width:54px;height:48px;font-size:23px}.playing .control-settings,.playing .keyboard-keys{display:none}.playing.settings-open .control-settings{z-index:6;background:#fffdf1;border:1px solid #a9b7a7;border-radius:16px;width:min(320px,100% - 24px);margin:0;padding:16px;display:flex;position:fixed;top:64px;right:12px}.playing.settings-open .keyboard-keys{z-index:6;background:#fffdf1;border-radius:12px;width:min(320px,100% - 24px);padding:16px;display:flex;position:fixed;top:205px;right:12px}@media (orientation:portrait){.playing.mobile-session .shell{width:100dvh;height:100dvw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.playing:not(.mobile-session) .game-tools{top:58px}}@media (width<=600px) and (orientation:landscape){.game-tools{gap:0}.icon-button{width:44px}.matchbar{gap:7px;padding:4px 6px}.mana-hud{width:90px}}@media (width<=700px) and (orientation:landscape){.playing .game-tools{top:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}