:root{--ink:#fff7e8;--muted:#e2d3b8;--gold:#ffc53d;--gold-d:#b97a00;--blue:#3d8bff;--red:#ff4d5e;--good:#4cd98a;--bad:#ff4d5e;--card:#2b1d12;--card-2:#3a2817;--edge:#5a3f22;--nadir:#57b6ff;--efs:#c77dff;--sky:linear-gradient(180deg, #2a1640 0%, #7a3a3a 45%, #e08a3c 78%, #f2b257 100%);--ground:#1d1208;--glow:#c2671f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-arena=bogaz]{--sky:linear-gradient(180deg, #0d1b3d 0%, #24477a 50%, #e07a5f 85%, #f2b257 100%);--ground:#0b1730;--glow:#3a7bd5}body[data-arena=antarktika]{--sky:linear-gradient(180deg, #0b2440 0%, #2f6a99 50%, #9fd3f0 85%, #e8f6ff 100%);--ground:#cfe6f3;--glow:#7fd1ff}body[data-arena=amazon]{--sky:linear-gradient(180deg, #0c2216 0%, #1f4d2c 50%, #6d9b3a 85%, #c7d66b 100%);--ground:#0a1a0f;--glow:#4caf50}*{box-sizing:border-box}html{background:#1a0f1f}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 50% 115%, var(--glow) 0%, transparent 55%), var(--sky);background-attachment:fixed;margin:0;font-family:"Baloo 2",system-ui,Segoe UI,sans-serif;font-size:16px;line-height:1.35;overflow-x:hidden}button,input{font:inherit}h1,h2,h3{margin:0 0 8px;line-height:1.1}h1{font-size:30px}h2{font-size:24px}.muted{color:var(--muted)}.error{color:#ffb4bb;font-weight:700}.horizon{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 100%, var(--ground) 0 40%, transparent 41%), radial-gradient(ellipse at 78% 100%, var(--ground) 0 45%, transparent 46%), linear-gradient(180deg, transparent 0 55%, var(--ground) 55%);opacity:.92;height:30vh;position:fixed;inset:auto 0 0}.deco{z-index:0;pointer-events:none;filter:brightness(0);opacity:.5;line-height:1;position:fixed}body[data-arena=antarktika] .deco{filter:brightness(0)invert();opacity:.6}.app{z-index:1;max-width:1280px;margin:0 auto;padding:0 16px 40px;position:relative}.topbar{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.logo{text-shadow:0 3px #0006;font-size:22px;font-weight:800}.room-code{background:#0007;border-radius:999px;padding:2px 12px;font-weight:700}.mute{color:var(--ink);cursor:pointer;background:#0007;border:2px solid #fff3;border-radius:999px;margin-left:auto;padding:2px 12px;font-weight:700}.gbtn{cursor:pointer;color:#3a2400;background:linear-gradient(180deg, #ffe08a, var(--gold));box-shadow:0 6px 0 var(--gold-d), 0 10px 16px #0006;border:none;border-radius:16px;padding:8px 18px;font-size:20px;font-weight:800;line-height:1.1;transition:transform 80ms,box-shadow 80ms}.gbtn:hover:not(:disabled){filter:brightness(1.07)}.gbtn:active:not(:disabled){box-shadow:0 1px 0 var(--gold-d);transform:translateY(5px)}.gbtn:disabled{filter:grayscale(.7)brightness(.8);cursor:not-allowed}.gbtn small{opacity:.8;font-size:12px;font-weight:700;display:block}.gbtn.dark{color:var(--ink);background:linear-gradient(#5b4a3a,#3f3127);box-shadow:0 6px #1f1610,0 10px 16px #0006}.gbtn.dark:active:not(:disabled){box-shadow:0 1px #1f1610}.gbtn.big{padding:12px 28px;font-size:24px}.btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.num-input{border:3px solid var(--gold);width:96px;color:var(--ink);text-align:center;background:#0008;border-radius:14px;padding:6px 10px;font-size:20px;font-weight:800}.panel{background:linear-gradient(#2b1d12ed,#1e120aed);border:3px solid #ffffff1f;border-radius:20px;padding:16px;box-shadow:0 12px 30px #0006}.home{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:10px;display:grid}.hero h1{font-size:34px}.hero p{margin:6px 0}.hero-emojis{letter-spacing:6px;filter:drop-shadow(0 6px 6px #0008);margin-bottom:4px;font-size:54px}.field-label{color:var(--muted);gap:6px;margin-top:14px;font-weight:700;display:grid}.text-input{color:var(--ink);background:#0008;border:3px solid #ffffff2e;border-radius:14px;min-width:0;padding:8px 14px;font-size:18px;font-weight:700}.text-input:focus{border-color:var(--gold);outline:none}.join-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.join-row .text-input{flex:1;min-width:140px}.join-row .code-input{text-transform:uppercase;letter-spacing:3px}.code{letter-spacing:8px;color:var(--gold);text-shadow:0 4px 0 var(--gold-d);font-size:44px;font-weight:800}.board{border-collapse:collapse;width:100%}.board th,.board td{text-align:left;border-bottom:1px solid #ffffff1a;padding:6px 4px}.board th{color:var(--muted);font-size:13px}.board tbody tr:first-child td{color:var(--gold)}.notice{border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-weight:700;display:flex}.notice.warn{border:2px solid var(--gold);background:#2b1d12e6}.notice.bad{border:2px solid var(--bad);background:#2b1212e6}.spinner{border:3px solid var(--gold);border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}.topinfo{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.arena-pill{background:#0009;border:2px solid #ffc53d80;border-radius:999px;align-items:center;gap:10px;padding:3px 16px 3px 6px;display:flex}.arena-pill .em{font-size:30px}.arena-pill b{font-size:20px}.terrain{flex-wrap:wrap;gap:6px;display:flex}.terrain span{background:#0009;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:700}.terrain .ok{color:#9ff0c2}.terrain .mid{color:#ffe08a}.terrain .bad{color:#ffa3ab}.board3{grid-template-columns:280px minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.podium{border:3px solid var(--side);background:linear-gradient(#2b1d12f0,#1e120af0);border-radius:20px;padding:12px;box-shadow:0 10px 30px #0006}.podium.side-0{--side:var(--blue)}.podium.side-1{--side:var(--red)}.podium.turn{animation:1.2s ease-in-out infinite pulse}.podium.won{box-shadow:0 0 0 4px var(--good), 0 10px 30px #0006}.podium.lost{filter:saturate(.6)}.p-head{align-items:center;gap:10px;display:flex}.avatar{background:var(--side);border:3px solid #fff4;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.p-name{word-break:break-word;font-size:20px;font-weight:800;line-height:1}.tags{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.tag{color:#3a2400;background:var(--gold);border-radius:6px;padding:0 6px;font-size:11px;font-weight:800}.tag.warn{background:var(--bad);color:#fff}.tag.win{background:var(--good);color:#063}.coins{background:#0006;border-radius:14px;align-items:center;gap:8px;margin:10px 0 8px;padding:6px 12px;display:flex}.coins .c{font-size:28px}.coins .v{color:var(--gold);text-shadow:0 3px 0 var(--gold-d);font-size:42px;font-weight:800;line-height:1}.coins .v.bump{animation:.4s bump}.coins .l{color:var(--muted);text-align:right;margin-left:auto;font-size:12px;line-height:1.1}.cmd-badge{border:2px dashed var(--gold);cursor:help;background:#ffc53d22;border-radius:12px;margin-bottom:8px;padding:3px 8px;font-size:14px;font-weight:800}.slots{gap:7px;display:grid}.mini{background:var(--card-2);border:2px solid var(--edge);border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;animation:.55s cubic-bezier(.2,1.4,.4,1) fly;display:grid;position:relative}.mini.r-nadir{border-color:var(--nadir)}.mini.r-efsanevi{border-color:var(--efs);box-shadow:0 0 12px #c77dff66}.mini .em{text-align:center;font-size:28px}.mini .t{font-size:14px;font-weight:800;line-height:1.1}.mini .s{color:var(--muted);flex-wrap:wrap;gap:5px;font-size:12px;display:flex}.mini .r{text-align:right;white-space:nowrap;font-size:15px;font-weight:800}.trait{cursor:help;color:var(--ink);background:#0006;border-radius:4px;padding:0 5px}.fit-cok-zayif{color:#ffa3ab;font-weight:800}.fit-zayif{color:#ffe08a}.fit-cok-iyi{color:#9ff0c2}.hp{background:#0007;border-radius:4px;height:6px;margin-top:3px;overflow:hidden}.hp i{background:var(--good);height:100%;transition:width .6s,background .6s;display:block}.hp i.low{background:var(--gold)}.hp i.crit{background:var(--bad)}.mini.hurt{border-color:#ff4d5e99}.mini.dead{filter:grayscale()brightness(.75);border-color:var(--bad)}.mini.dead .t{color:#ffa3ab;text-decoration:line-through}.loss{color:#ffa3ab}.mini.hit,.tok.hit{animation:.45s shake}.float{color:var(--bad);pointer-events:none;text-shadow:0 2px #0008;font-size:22px;font-weight:800;animation:1.1s forwards float;position:absolute;top:-6px;right:8px}.empty{color:#ffffff59;border:2px dashed #fff3;border-radius:12px;place-items:center;height:46px;font-size:14px;font-weight:700;display:grid}.stage{justify-items:center;gap:12px;min-width:0;display:grid}.stage-title{color:var(--muted);letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px #0007;font-size:16px;font-weight:800}.stage-title b{color:var(--ink)}.bigcard{text-align:center;border:4px solid var(--edge);background:linear-gradient(160deg,#4a2f19,#24160b);border-radius:22px;width:320px;max-width:100%;padding:14px;animation:.6s cubic-bezier(.2,1.4,.4,1) drop;position:relative;box-shadow:0 0 0 4px #0005,0 20px 40px #0008}.bigcard.r-nadir{border-color:var(--nadir);box-shadow:0 0 0 4px #0005,0 0 40px #57b6ff55,0 20px 40px #0008}.bigcard.r-efsanevi{border-color:var(--efs);box-shadow:0 0 0 4px #0005,0 0 50px #c77dff77,0 20px 40px #0008}.rar{letter-spacing:1.5px;color:var(--muted);background:#0006;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800;display:inline-block}.r-nadir .rar{background:var(--nadir);color:#062a47}.r-efsanevi .rar{background:var(--efs);color:#2b0a47}.art{filter:drop-shadow(0 10px 8px #0008);margin:2px 0;font-size:112px;line-height:1.12;display:inline-block;position:relative}.xcount{background:var(--gold);color:#3a2400;border:3px solid #fff8;border-radius:999px;padding:0 12px;font-size:24px;font-weight:800;position:absolute;bottom:4px;right:-22px}.card-name{font-size:26px;font-weight:800;line-height:1.05}.card-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.card-tags span{background:#0006;border-radius:999px;padding:1px 10px;font-size:13px;font-weight:700}.card-note{color:var(--muted);margin-top:8px;font-size:13px}.ring{--p:100;background:conic-gradient(var(--gold) calc(var(--p) * 1%), #0006 0);border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:absolute;top:-20px;right:-20px;box-shadow:0 6px 16px #0007}.ring span{background:#2b1d12;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:grid}.ring.hot{background:conic-gradient(var(--red) calc(var(--p) * 1%), #0006 0);animation:.6s infinite pulse-ring}.stamp{color:var(--red);border:6px solid var(--red);letter-spacing:2px;background:#1a0b06e0;border-radius:14px;padding:4px;font-size:40px;font-weight:800;line-height:1.1;animation:.45s forwards stamp;position:absolute;top:36%;left:-10px;right:-10px;transform:rotate(-12deg)}.stamp small{letter-spacing:0;color:var(--ink);font-size:16px;display:block}.stamp.free{color:var(--good);border-color:var(--good)}.bidline{background:#000a;border-radius:18px;align-items:center;gap:16px;padding:8px 20px;display:flex}.bidline .lab{color:var(--muted);font-size:13px;line-height:1}.leader{font-size:18px;font-weight:800}.leader.side-0{color:#9cc4ff}.leader.side-1{color:#ffa3ab}.bid{color:var(--gold);text-shadow:0 4px 0 var(--gold-d);text-align:center;min-width:60px;font-size:64px;font-weight:800;line-height:.9}.bid.bump{animation:.35s bump}.waiting{color:var(--ink);text-align:center;background:#0008;border-radius:999px;margin:0;padding:4px 16px;font-size:18px;font-weight:700;animation:1.6s infinite breathe}.decide-note{text-align:center;background:#000a;border-radius:14px;margin:0;padding:8px 14px;font-weight:700}.chat{gap:6px;width:100%;max-width:560px;display:grid}.bub{border-radius:16px;align-items:center;gap:8px;max-width:82%;padding:5px 12px;font-size:15px;font-weight:700;animation:.35s cubic-bezier(.2,1.5,.4,1) pop;display:flex;box-shadow:0 4px 10px #0005}.bub b{font-size:22px;line-height:1}.bub.side-0{background:#3d8bffe6;border-bottom-left-radius:4px;justify-self:start}.bub.side-1{background:#ff4d5ee6;border-bottom-right-radius:4px;justify-self:end}.bub.sys{color:var(--muted);background:#000c;border-radius:999px;justify-self:center;font-size:14px}.bub.sold{background:var(--gold);color:#3a2400;border-radius:999px;justify-self:center}.bub.free{color:#d9ffe9;background:#1e6b43;border-radius:999px;justify-self:center}.bub.timeout{color:#ffd0d4;background:#5a2027;border-radius:999px;justify-self:center;font-size:14px}.bub.old{opacity:.6}.cmd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.cmd-card{text-align:center;color:var(--ink);border:3px solid var(--edge);cursor:default;background:linear-gradient(160deg,#4a2f19,#24160b);border-radius:18px;align-content:start;justify-items:center;gap:6px;padding:14px 10px;transition:transform .15s;animation:.5s cubic-bezier(.2,1.4,.4,1) drop;display:grid;box-shadow:0 10px 20px #0007}.cmd-card:disabled{opacity:1}.cmd-card.pickable{cursor:pointer;border-color:var(--gold);box-shadow:0 0 0 3px #ffc53d55,0 10px 20px #0007}.cmd-card.pickable:hover{transform:translateY(-4px)}.cmd-card.taken.side-0{border-color:var(--blue)}.cmd-card.taken.side-1{border-color:var(--red)}.cmd-emoji{filter:drop-shadow(0 6px 6px #0008);font-size:50px;line-height:1.1}.cmd-name{font-size:18px;font-weight:800;line-height:1.1}.cmd-desc{color:var(--muted);font-size:13px}.cmd-hint{color:var(--gold);font-size:13px;font-weight:700}.cmd-taken{background:#0008;border-radius:999px;padding:0 10px;font-size:13px;font-weight:800}.info-box{text-align:center;background:#000b;border-radius:16px;max-width:560px;padding:10px 16px;font-weight:600}.info-box b.big{color:var(--gold);font-size:26px}.your-turn{color:var(--gold);text-shadow:0 2px #0008;font-size:22px;font-weight:800;animation:1.4s infinite breathe}.field{background:linear-gradient(#0005,#000b);border:2px solid #fff2;border-radius:22px;width:100%;padding:14px}.vs{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:8px;display:grid}.army{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tok{text-align:center;border:3px solid var(--side);background:#0007;border-radius:14px;width:72px;padding:4px;position:relative}.tok.side-0{--side:var(--blue)}.tok.side-1{--side:var(--red)}.tok .em{font-size:32px;line-height:1.1}.tok .n{font-size:14px;font-weight:800}.tok.dead{filter:grayscale()brightness(.5)}.tok .float{top:-12px;left:50%;right:auto;transform:translate(-50%)}.vsmark{color:var(--gold);text-align:center;text-shadow:0 3px 0 var(--gold-d);font-size:34px;font-weight:800}.caption{background:#000b;border-radius:16px;min-height:64px;margin-top:12px;padding:10px 14px}.caption .w{color:var(--gold);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:800;display:block}.caption p{margin:4px 0}.flavor{color:var(--muted);font-style:italic}.hits{gap:6px;margin-top:8px;display:grid}.hitrow{background:#ffffff12;border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 10px;animation:.35s both pop;display:grid}.hitrow.wipe{background:#ff4d5e33}.hitrow .who{align-items:center;gap:6px;min-width:0;font-weight:800;display:flex}.hitrow .who span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hitrow .em{font-size:24px}.hitrow .arrow{color:var(--gold);font-size:18px}.hitrow .dmg{color:var(--bad);text-align:right;min-width:44px;font-size:20px;font-weight:800}.hitrow .dmg.zero{color:var(--muted);font-size:13px}.who.side-0{color:#9cc4ff}.who.side-1{color:#ffa3ab}.readyrow{background:#0008;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:14px;padding:2px 14px;font-size:15px;font-weight:800;display:flex}.readyrow .ok{color:var(--good)}.readyrow .wait{color:var(--muted)}.result-title{text-shadow:0 4px #0008;margin:0;font-size:40px;font-weight:800;animation:.6s cubic-bezier(.2,1.4,.4,1) drop}.result-title.win{color:var(--good)}.result-title.lose{color:#ffa3ab}.scores{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.score{border:3px solid var(--side);background:#000b;border-radius:16px;padding:10px 14px}.score.side-0{--side:var(--blue)}.score.side-1{--side:var(--red)}.score .total{color:var(--gold);margin-top:6px;font-size:26px;font-weight:800}.score div{justify-content:space-between;gap:8px;display:flex}@keyframes pulse{0%,to{box-shadow:0 0 #ffc53d00,0 10px 30px #0006}50%{box-shadow:0 0 0 6px #ffc53d99,0 10px 30px #0006}}@keyframes pulse-ring{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px)scale(.85)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(3)}70%{opacity:1;transform:rotate(-12deg)scale(.92)}to{opacity:1;transform:rotate(-12deg)scale(1)}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes float{0%{opacity:1;translate:0}to{opacity:0;translate:0 -34px}}@keyframes fly{0%{opacity:0;transform:translate(60px)scale(.7)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.board3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.board3>.stage{grid-area:1/1/auto/-1}}@media (width<=600px){.home,.board3,.cmd-grid,.scores{grid-template-columns:1fr}.art{font-size:84px}.bid{font-size:52px}.coins .v{font-size:34px}}.bigcard.has-art{width:300px;padding:12px}.art-frame,.emoji-frame{margin:8px 0 6px;position:relative}.art-frame{aspect-ratio:4/5;background:#1a0f08;border:3px solid #0008;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 30px #000a,0 8px 18px #0008}.art-frame img{object-fit:cover;width:100%;height:100%;animation:.7s reveal;display:block}.art-frame .xcount{bottom:10px;right:10px}.r-nadir .art-frame{border-color:var(--nadir)}.r-efsanevi .art-frame{border-color:var(--efs)}.ribbon{z-index:2;letter-spacing:1.5px;color:#fff;background:#6b5a48;border-radius:0 999px 999px 0;padding:2px 14px 2px 10px;font-size:14px;font-weight:800;position:absolute;top:14px;left:-6px;box-shadow:0 4px 10px #0007}.ribbon.v-alfa{background:var(--efs);color:#2b0a47}.ribbon.v-deneyimli{background:var(--nadir);color:#062a47}.ribbon.v-yarali{background:var(--red)}.ribbon.v-yasli{color:#1d1d1d;background:#8d8d8d}.ribbon.v-genc{background:var(--good);color:#063}.emoji-frame .ribbon{top:4px;left:-14px}@keyframes reveal{0%{filter:brightness(2)blur(6px);transform:scale(1.06)}to{filter:none;transform:none}}@media (width<=600px){.bigcard.has-art{width:min(100%,300px)}}.bigcard .stamp{z-index:10}.bigcard .ring{z-index:9}body[data-arena=ejderhadagi]{--sky:linear-gradient(180deg, #1a0505 0%, #5a1010 45%, #c2410c 80%, #f59e0b 100%);--ground:#140606;--glow:#ff4d00}body[data-arena=kadimorman]{--sky:linear-gradient(180deg, #06140c 0%, #123d24 50%, #3f7a3a 85%, #a3c46b 100%);--ground:#04100a;--glow:#2f9e44}body[data-arena=buzullar]{--sky:linear-gradient(180deg, #0a1e3a 0%, #24548a 50%, #8fc7ea 85%, #e4f4ff 100%);--ground:#cfe6f3;--glow:#8ad4ff}body[data-arena=buzullar] .deco{filter:brightness(0)invert();opacity:.6}body[data-arena=karabataklik]{--sky:linear-gradient(180deg, #0d0f14 0%, #252b2a 50%, #4b5a45 85%, #7d8c6a 100%);--ground:#0b0f0c;--glow:#5e7d4f}.theme-pill{background:#0009;border:2px solid #ffffff40;border-radius:999px;padding:4px 14px;font-size:16px;font-weight:800}.theme-line{font-size:18px;font-weight:700}.theme-pick{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px;display:grid}.theme-card{cursor:pointer;color:var(--ink);background:#0007;border:3px solid #fff2;border-radius:16px;justify-items:center;gap:2px;padding:10px 8px;transition:transform .12s,border-color .12s;display:grid}.theme-card:hover{transform:translateY(-2px)}.theme-card.on{border-color:var(--gold);background:#ffc53d22;box-shadow:0 0 0 3px #ffc53d44}.t-emoji{font-size:34px;line-height:1.1}.t-name{font-size:16px;font-weight:800}.t-tag{color:var(--muted);text-align:center;font-size:12px}.ribbon.v-acemi{background:var(--good);color:#063}.ribbon.v-kidemli{background:var(--nadir);color:#062a47}.ribbon.v-kadim{background:var(--efs);color:#2b0a47}.mstrip{display:none}@media (width<=600px){.app{padding:0 10px 30px}.topbar{flex-wrap:nowrap;gap:8px;padding:6px 0}.logo{font-size:20px}.logo-text,.mute-text{display:none}.mute{padding:2px 10px}.room-code{font-size:13px}.topinfo{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:6px;overflow-x:auto}.topinfo::-webkit-scrollbar{display:none}.topinfo>*{flex:none}.theme-pill{padding:2px 10px;font-size:13px}.arena-pill{padding:1px 12px 1px 4px}.arena-pill .em{font-size:20px}.arena-pill b{white-space:nowrap;font-size:14px}.terrain{flex-wrap:nowrap}.terrain span{white-space:nowrap;padding:2px 8px;font-size:12px}.mstrip{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.mside{border:2px solid var(--side);background:#000a;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;font-size:14px;font-weight:800;display:flex}.mside.side-0{--side:var(--blue)}.mside.side-1{--side:var(--red)}.mside.turn{box-shadow:0 0 0 2px var(--gold)}.mname{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.mcoins{color:var(--gold);font-size:16px}.stage{gap:8px}.stage-title{font-size:13px}.bigcard,.bigcard.has-art{border-radius:18px;width:min(100%,230px);padding:8px}.art-frame,.emoji-frame{margin:6px 0 4px}.card-name{font-size:19px}.card-tags span{font-size:12px}.card-note{display:none}.ring{width:56px;height:56px;top:-14px;right:-14px}.ring span{width:44px;height:44px;font-size:19px}.rar{font-size:11px}.xcount{font-size:18px}.bidline{gap:12px;padding:4px 14px}.bid{font-size:44px}.gbtn{border-radius:14px;padding:6px 14px;font-size:18px}.gbtn.big{padding:10px 20px;font-size:20px}.num-input{width:70px;padding:4px 6px;font-size:17px}.chat{gap:4px}.bub{padding:3px 10px;font-size:13px}.bub b{font-size:18px}.cmd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cmd-card{gap:3px;padding:8px 4px}.cmd-emoji{font-size:32px}.cmd-name{font-size:13px}.cmd-desc,.cmd-hint{font-size:11px}}.linkish{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:0;font-weight:600;text-decoration:underline}.linkish:hover{color:var(--ink)}.invite .code{font-size:36px}.logo{align-items:center;gap:10px;display:flex}.pey-logo{filter:drop-shadow(0 3px #0006);flex:none;display:block}.logo-text{color:var(--ink);text-shadow:0 1px 3px #000c;font-size:15px;font-weight:700}.hero-brand{justify-content:flex-start;margin-bottom:6px;display:flex}.hero-brand .pey-logo{filter:drop-shadow(0 8px 10px #0008)}body[data-arena=sahra]{--sky:linear-gradient(180deg, #3d1d0a 0%, #a8501a 45%, #f0a43c 80%, #ffd27a 100%);--ground:#6b3c12;--glow:#ffb347}body[data-arena=resif]{--sky:linear-gradient(180deg, #032c3d 0%, #0b6e86 45%, #2fb3b8 80%, #9be7d8 100%);--ground:#0a3a46;--glow:#4fe3d0}body[data-arena=batiksehir]{--sky:linear-gradient(180deg, #020c1f 0%, #0b2a52 50%, #1c5e7d 85%, #3f8f9a 100%);--ground:#04121f;--glow:#3fd0ff}body[data-arena=gokadalari]{--sky:linear-gradient(180deg, #3a6fd8 0%, #79a8f0 45%, #c9dcf7 80%, #fff1d6 100%);--ground:#5a6b85;--glow:#fff}body[data-arena=gokadalari] .deco{filter:brightness(0)invert();opacity:.7}body[data-arena=kafdagi]{--sky:linear-gradient(180deg, #1b1446 0%, #4b3a8a 45%, #c97b9f 80%, #f6c9a8 100%);--ground:#241a3a;--glow:#ff9ecf}body[data-arena=labirent]{--sky:linear-gradient(180deg, #17120e 0%, #3d3128 50%, #7a6650 85%, #a8916f 100%);--ground:#1a140f;--glow:#c9a36b}body[data-arena=olimpos]{--sky:linear-gradient(180deg, #1d3d7a 0%, #4f86c6 45%, #f2c86b 85%, #fff0c2 100%);--ground:#3d4a2a;--glow:#ffe08a}body[data-arena=firavun]{--sky:linear-gradient(180deg, #2b1405 0%, #8a3d0f 45%, #e08a2c 80%, #ffcf6b 100%);--ground:#5e3410;--glow:#ffb347}body[data-arena=yeralti]{--sky:linear-gradient(180deg, #050203 0%, #2a0606 50%, #6e1208 85%, #c2410c 100%);--ground:#0a0303;--glow:#ff3b00}body[data-arena=buzdenizi]{--sky:linear-gradient(180deg, #021a24 0%, #0b4a52 45%, #2fb38a 75%, #b5f2e0 100%);--ground:#cfe6f3;--glow:#5cffc8}body[data-arena=buzdenizi] .deco{filter:brightness(0)invert();opacity:.6}.ribbon.v-kutsal{background:var(--nadir);color:#062a47}.ribbon.v-destansi{background:var(--efs);color:#2b0a47}body[data-arena=volkanvadisi]{--sky:linear-gradient(180deg, #1a0606 0%, #4e1a0c 45%, #b8430f 80%, #f08c2c 100%);--ground:#170805;--glow:#ff5a1f}body[data-arena=kretase]{--sky:linear-gradient(180deg, #0c1f14 0%, #2a5236 45%, #7fa35a 80%, #d8d98a 100%);--ground:#0d1a0f;--glow:#9fd36b}body[data-arena=ilkokyanus]{--sky:linear-gradient(180deg, #04132b 0%, #0e3f72 45%, #2f8fc0 80%, #a8e0f0 100%);--ground:#062038;--glow:#4fb8ff}body[data-arena=egrelti]{--sky:linear-gradient(180deg, #071a10 0%, #164028 50%, #4a7f3c 85%, #b9cf7a 100%);--ground:#06140b;--glow:#5fbf55}body[data-arena=ova]{--sky:linear-gradient(180deg, #2b3d78 0%, #6a8fd0 45%, #f0c27a 82%, #ffe6a8 100%);--ground:#5b4a24;--glow:#ffd27a}body[data-arena=meteor]{--sky:linear-gradient(180deg, #0a0610 0%, #3a1426 45%, #a3341f 75%, #ffb06b 100%);--ground:#d7dde4;--glow:#ff7b2c}body[data-arena=meteor] .deco{filter:brightness(0);opacity:.6}body[data-arena=surlar]{--sky:linear-gradient(180deg, #1b1424 0%, #4c3a4e 45%, #b57a5a 82%, #e8c39a 100%);--ground:#2a2018;--glow:#e09a5a}body[data-arena=acikdeniz]{--sky:linear-gradient(180deg, #0d1d3a 0%, #2c5a8a 45%, #6fa5c8 80%, #f3d9a6 100%);--ground:#0c2a44;--glow:#7fc4ff}body[data-arena=bozkir]{--sky:linear-gradient(180deg, #1f2f5c 0%, #5b7fb8 45%, #e8b56b 82%, #ffe3a0 100%);--ground:#5a4a22;--glow:#ffcf6b}body[data-arena=kolezyum]{--sky:linear-gradient(180deg, #2a160a 0%, #7a4419 45%, #d9934a 80%, #f6d39a 100%);--ground:#6a4a24;--glow:#ffb35a}body[data-arena=karligecit]{--sky:linear-gradient(180deg, #121c30 0%, #3c5578 45%, #9db8d6 80%, #eef5ff 100%);--ground:#d9e6f2;--glow:#b8dcff}body[data-arena=karligecit] .deco{filter:brightness(0)invert();opacity:.6}body[data-arena=cangil]{--sky:linear-gradient(180deg, #08200f 0%, #1c4d27 45%, #5f9b3c 80%, #d6e08a 100%);--ground:#071a0c;--glow:#6fd36b}.ribbon.v-lider,.ribbon.v-seckin{background:var(--nadir);color:#062a47}.ribbon.v-dev,.ribbon.v-muhafiz{background:var(--efs);color:#2b0a47}.gbtn .autocount{background:#0005;border-radius:50%;place-items:center;min-width:1.4em;height:1.4em;margin-left:10px;font-size:.8em;display:inline-grid}.autowave{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0008;border-radius:999px;align-items:center;gap:8px;margin:6px auto 0;padding:4px 14px;font-size:15px;font-weight:800;display:inline-flex}.autowave.on{color:var(--good)}.autowave input{width:18px;height:18px;accent-color:var(--good);cursor:pointer}.idbar{background:#0006;border:2px solid #ffffff1f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:14px;padding:10px 14px;display:flex}.idbar .who{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.idbar .who b{color:var(--ink)}.idbar.member{border-color:#4cd98a66}.idbar .avatar{background:var(--gold);color:#3a2400;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.idbar .linkish{margin-top:0}.idbar-actions{gap:8px;display:inline-flex}.idbar-note{width:100%;color:var(--muted);opacity:.85;font-size:13px}.gbtn.small{box-shadow:0 4px 0 var(--gold-d), 0 6px 10px #0005;padding:6px 14px;font-size:16px}.gbtn.small.dark{box-shadow:0 4px #1f1610,0 6px 10px #0005}.small-note{margin:-4px 0 8px;font-size:13px}.board tr.me td{background:#4cd98a22}.modal-back{z-index:100;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{gap:2px;width:min(420px,100%);max-height:calc(100vh - 32px);display:grid;position:relative;overflow:auto}.modal-x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:12px}.modal .gbtn.big{margin-top:16px}.auth-tabs{background:#0006;border-radius:999px;gap:6px;margin-right:32px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 10px;font-weight:800}.auth-tabs button.on{background:var(--gold);color:#3a2400}.hint{color:var(--muted);opacity:.85;margin:4px 2px 0;font-size:13px}.hint.good{color:var(--good);opacity:1;font-weight:700}.hint.bad{color:#ffb4bb;opacity:1;font-weight:700}.guest-cta{border:2px dashed var(--gold);text-align:center;background:#0007;border-radius:14px;margin-top:10px;padding:10px 14px;font-weight:700}.guest-cta .gbtn{margin-left:8px}.next-theme{width:100%;margin-top:12px}.next-theme-title{color:var(--muted);text-align:center;margin-bottom:6px;font-weight:800}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{color:var(--ink);font:inherit;cursor:pointer;background:#0007;border:2px solid #ffffff2a;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}.chip:hover{border-color:var(--gold)}.chip.on{background:var(--gold);color:#3a2400;border-color:var(--gold)}.next-theme-line{text-align:center;margin:10px 0 0}.end-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}@media (width<=600px){.hero-brand{display:none}.hero h1{margin:4px 0 6px;font-size:24px;line-height:1.15}.hero>p.muted{margin:0;font-size:14px}.idbar .who,.idbar .who b{display:block}.theme-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-card{border-width:2px;border-radius:12px;padding:6px 4px}.theme-card .t-emoji{font-size:24px}.theme-card .t-name{text-align:center;font-size:12px;line-height:1.1}.theme-card .t-tag{display:none}.topinfo{flex-wrap:wrap;row-gap:4px;overflow:visible}.terrain{flex-wrap:wrap;gap:4px;width:100%}.terrain span{padding:1px 7px;font-size:11px}.bigcard,.bigcard.has-art{width:min(100%,220px)}.bigcard .ring{width:52px;height:52px;top:4px;right:-62px}.bigcard .ring span{width:42px;height:42px;font-size:18px}.field{border-radius:16px;padding:10px}.vs{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:4px}.vsmark{font-size:20px}.army{gap:5px}.tok{border-width:2px;border-radius:10px;width:50px;padding:2px}.tok .em{font-size:20px}.tok .n{font-size:11px}.caption{margin-top:8px;padding:8px 10px}.caption p{font-size:14px}.hitrow{gap:4px;padding:4px 8px}.hitrow .em{font-size:18px}.hitrow .who{gap:4px;font-size:12px;line-height:1.1}.hitrow .who span:last-child{white-space:normal;overflow:visible}.hitrow .arrow{font-size:13px}.hitrow .dmg{min-width:30px;font-size:16px}.readyrow{gap:8px;padding:2px 10px;font-size:12px}.autowave{font-size:13px}.result-title{margin:8px 0 4px;font-size:30px}.scores{grid-template-columns:1fr 1fr;gap:6px}.score{border-width:2px;border-radius:12px;padding:6px 8px;font-size:12px}.score b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.score .total{font-size:18px}.end-actions{gap:8px}.your-turn{text-align:center;font-size:16px}.guest-cta{font-size:13px}}.stage-title .mini-ring{--p:100;vertical-align:middle;background:conic-gradient(var(--gold) calc(var(--p) * 1%), #0006 0);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:8px;display:inline-grid}.stage-title .mini-ring span{background:#2b1d12;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.howto{text-align:center;background:#000c;border-radius:14px;max-width:560px;padding:8px 14px;line-height:1.35}.howto b{color:var(--gold)}.lineup{gap:8px;width:100%;max-width:620px;display:grid}.zone{background:#0008;border:2px dashed #ffffff40;border-radius:16px;padding:8px 10px}.zone.front{background:linear-gradient(#ffc53d1f,#0009);border-color:#ffc53d99}.zone h3{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:16px;display:flex}.zone h3 small{color:var(--muted);font-size:12px;font-weight:600}.units{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:6px;display:grid}.unit{text-align:left;color:var(--ink);border:2px solid var(--side);font:inherit;cursor:pointer;background:#2b1d12;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:4px 22px 4px 8px;display:grid;position:relative}.unit.side-0{--side:var(--blue)}.unit.side-1{--side:var(--red)}.unit:hover:not(:disabled){filter:brightness(1.15)}.unit:disabled{cursor:default;opacity:.85}.unit .em{grid-row:span 2;font-size:28px}.unit .nm{font-size:14px;font-weight:800;line-height:1.1}.unit .tip{color:var(--muted);font-size:12px;line-height:1.15}.unit .tip.good{color:var(--good)}.unit .sw{opacity:.8;font-size:12px;position:absolute;top:4px;right:6px}.zone-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:6px;font-size:13px}.hint{text-align:center;color:var(--muted);max-width:560px;font-size:13px}.army-rows{gap:4px;display:grid}.rowlbl{color:var(--muted);letter-spacing:1px;text-align:center;font-size:11px;font-weight:800}.rowsep{border-top:2px dashed #ffffff30;margin:2px 8px}.hitrow .bypass{background:var(--gold);color:#3a2400;text-align:center;white-space:nowrap;border-radius:6px;margin-top:2px;padding:0 4px;font-size:10px;display:block}@media (width<=600px){.howto{padding:6px 10px;font-size:13px}.units{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.unit{gap:0 6px;padding:3px 18px 3px 6px}.unit .em{font-size:22px}.unit .nm{font-size:12px}.unit .tip{font-size:11px}.zone h3{font-size:14px}.zone h3 small{font-size:11px}.hint{font-size:12px}}.unit .em{grid-row:span 3}.unit .rec{color:var(--gold);font-size:11px;font-weight:800;line-height:1.1}.unit .rec.ok{color:var(--good);font-weight:700}.stage-title .mini-ring.hot{background:conic-gradient(var(--red) calc(var(--p) * 1%), #0006 0);animation:.6s infinite pulse-ring}.hint.urgent{color:#ffb4bb;font-size:15px;font-weight:800}button.trait,.statbtn,.fitbtn{font:inherit;cursor:help;border:none}button.trait{color:inherit}.statbtn{color:inherit;white-space:nowrap;background:0 0;padding:0;font-weight:700}.fitbtn{background:#0006;border-radius:999px;padding:0 8px}.tip-toast{z-index:200;width:min(520px,100vw - 32px);color:var(--ink);border:2px solid var(--gold);font:inherit;text-align:left;cursor:pointer;background:#1b120bf2;border-radius:14px;padding:10px 34px 10px 14px;font-size:14px;font-weight:600;animation:.2s both pop;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000a}.tip-x{color:var(--muted);position:absolute;top:8px;right:10px}.top-actions{align-items:center;gap:8px;display:inline-flex}.help-btn{color:var(--ink);border:2px solid var(--gold);font:inherit;cursor:pointer;background:#0009;border-radius:999px;padding:2px 12px;font-weight:800}.help-btn:hover{background:#ffc53d33}.modal.help{gap:6px;width:min(620px,100%)}.modal.help h2{margin:0 32px 4px 0}.modal.help h3{color:var(--gold);margin:10px 0 2px;font-size:17px}.modal.help ul{margin:0;padding-left:20px;line-height:1.4}.modal.help li{margin:3px 0}.modal.help .gbtn{justify-self:center;margin-top:12px}.howto-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 4px;padding:0;list-style:none;display:grid}.howto-strip li{background:#0007;border:2px solid #ffffff1f;border-radius:14px;gap:2px;padding:10px 10px 8px;display:grid;position:relative}.howto-strip .n{background:var(--gold);color:#3a2400;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid;position:absolute;top:-10px;left:10px}.howto-strip b{font-size:16px}.howto-strip span:not(.n){color:var(--muted);font-size:13px;line-height:1.3}.first-hint{border:2px solid var(--good);text-align:center;background:#1b3a2a;border-radius:14px;max-width:560px;padding:8px 12px;font-size:14px;line-height:1.35}.first-hint .gbtn{margin-left:8px}.hit-legend{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.terrain-lbl{color:var(--muted);align-self:center;padding:0 2px;font-size:13px;font-weight:700}@media (width<=600px){.help-text{display:none}.help-btn{padding:2px 11px}.howto-strip{grid-template-columns:1fr;gap:10px;margin-top:14px}.howto-strip li{grid-template-columns:auto 1fr;column-gap:8px;padding:8px 10px}.howto-strip b{white-space:nowrap;font-size:14px}.howto-strip span:not(.n){font-size:12px}.first-hint{font-size:13px}.terrain-lbl{font-size:11px}.tip-toast{font-size:13px;bottom:12px}}.top-actions{margin-left:auto}.top-actions .mute{margin-left:0}@media (width<=600px){.howto-strip li{grid-template-columns:auto auto 1fr;align-items:center}.howto-strip .n{position:static}}.modal.panel{background:#2b1d12}.tip-toast{margin:0 auto;animation:.2s both tip-in;left:0;right:0;transform:none}@keyframes tip-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}