@font-face{font-family:Exo;src:url(/game/ui/club/Exo2-cyrillic.woff2)format("woff2");font-display:swap}:where(#battle),:where(#battle) *{box-sizing:border-box}:where(#battle){color:#f1e2bd;background:#0c1211;width:100%;height:100%;margin:0;font-family:Exo,Arial Narrow,Arial,sans-serif;overflow:hidden}:where(#battle) button,:where(#battle) a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(#battle) button{font:inherit;cursor:pointer}:where(#battle) button:focus-visible,:where(#battle) a:focus-visible{outline-offset:3px;outline:3px solid #a3ee68}:where(#battle) button:disabled{opacity:.4;cursor:default}#battle{isolation:isolate;background:#10201d;width:min(100%,56.25dvh);height:100dvh;margin:auto;position:relative;overflow:hidden;container-type:inline-size}:where(#battle) .room,:where(#battle) .table,:where(#battle) .ambient{pointer-events:none;position:absolute;inset:0}:where(#battle) .room{z-index:-4;background:url(/game/battle-preview/room.webp) 50%/100% 100%}:where(#battle) .table{z-index:-2;background:url(/game/battle-preview/table.webp) 50%/100% 100%}:where(#battle) .ambient{z-index:-3;background:radial-gradient(at 14% 15%,#ffc96218,#0000 45%);animation:19s ease-in-out infinite room-light}:where(#battle) header{top:max(8px,env(safe-area-inset-top));z-index:8;justify-content:space-between;align-items:center;height:7%;display:flex;position:absolute;left:5%;right:5%}:where(#battle) header a{letter-spacing:1px;color:#deccaa;align-items:center;min-height:44px;font-size:10px;text-decoration:none;display:grid}:where(#battle) header>div{letter-spacing:2px;text-align:center;font-size:clamp(20px,6.2cqw,32px);font-weight:900}:where(#battle) header span{letter-spacing:2px;color:#b4ae96;margin-top:2px;font-size:8px;display:block}:where(#battle) header button{color:#deccaa;background:#11211dbb;border:1px solid #99815b;border-radius:8px;min-height:44px;padding:8px;font-size:10px}:where(#battle) .dealer{z-index:0;filter:drop-shadow(0 5px 3px #0005);background:0 0;border:0;width:36%;height:21.5%;padding:0;position:absolute;top:8.2%;left:32.7%}:where(#battle) .dealer img{object-fit:contain;object-position:bottom;width:100%;height:100%}:where(#battle) .opponent{z-index:4;width:20%;position:absolute;top:15%;left:70%}:where(#battle) .opponent h1{margin:0 0 5px;font-size:clamp(13px,3.7cqw,20px);font-weight:800}:where(#battle) .health,:where(#battle) .player-health{background:#060c0bab;border-radius:3px;height:4px;overflow:hidden}:where(#battle) .health i{background:#d69467;width:75%;height:100%;display:block}:where(#battle) .opponent small{color:#e0d5bc;margin-top:4px;font-size:12px;display:block}:where(#battle) .dealer-zone,:where(#battle) .player-zone{z-index:3;position:absolute;left:5%;right:5%}:where(#battle) .dealer-zone{top:30.5%}:where(#battle) .cards{justify-content:center;align-items:center;gap:3cqw;display:flex}:where(#battle) .card{color:#1e2924;text-align:left;transform:rotate(var(--angle));background:#efe0bb;border:1px solid #bba077;border-radius:5px;flex:none;width:12.5cqw;height:17.5cqw;padding:5px;transition:transform .18s;animation:.25s ease-out deal;position:relative;box-shadow:1px 4px 5px #0006,inset 0 0 0 2px #ffedc555}:where(#battle) .card>span{font-family:Georgia,serif;font-size:clamp(14px,4.2cqw,23px);font-weight:700;line-height:.85;display:block}:where(#battle) .card small{font-size:.65em;line-height:1.15;display:block}:where(#battle) .card strong{font:6cqw Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where(#battle) .card .bottom{position:absolute;bottom:5px;right:5px;transform:rotate(180deg)}:where(#battle) .card.red{color:#99352f}:where(#battle) .card.back{color:#d6c399;background:#162923;border:2px solid #c7b080;box-shadow:inset 0 0 0 3px #162923,inset 0 0 0 4px #b29e76,1px 4px 5px #0005}:where(#battle) .card.back strong{font-style:italic}:where(#battle) .zone-label{text-align:center;color:#e5d1a4;margin-top:1.6cqw;font-size:clamp(21px,6cqw,34px);font-weight:800;line-height:1}:where(#battle) .zone-label em{color:#a7b4a4;font-size:.68em;font-style:normal}:where(#battle) .turn{text-align:center;letter-spacing:1px;color:#9aca65;z-index:3;width:100%;font-size:clamp(12px,3.4cqw,17px);font-weight:800;position:absolute;top:43%}:where(#battle) .player-zone{top:48%}:where(#battle) .player-zone .card{width:15cqw;height:21cqw}:where(#battle) .player-zone:has(.card:nth-child(5)) .cards{gap:1.8cqw}:where(#battle) .player-zone .zone-label{margin-top:3cqw}:where(#battle) .card:hover{transform:translateY(-4px) rotate(var(--angle))}:where(#battle) .stickers{z-index:4;position:absolute;top:66%;left:9%;right:9%}:where(#battle) .stickers h2{color:#c1b89d;text-align:center;align-items:center;gap:12px;margin:0 0 2.5cqw;font-size:12px;font-weight:800;display:flex}:where(#battle) .stickers h2:before,:where(#battle) .stickers h2:after{content:"";background:#aa87585c;flex:1;height:1px}:where(#battle) .sticker-row{justify-content:space-between;align-items:center;gap:2cqw;display:flex}:where(#battle) .sticker{filter:drop-shadow(0 2px 2px #0006);background:0 0;border:0;width:14.3cqw;min-width:44px;height:15.5cqw;min-height:44px;padding:0;transition:transform .15s}:where(#battle) .sticker img{object-fit:contain;width:100%;height:100%}:where(#battle) .sticker:active{transform:scale(1.1)rotate(-4deg)}:where(#battle) .sticker.empty{color:#b9aa87;border:2px dashed #b9aa8777;border-radius:9px}:where(#battle) .empty span{opacity:.55;font-size:22px}:where(#battle) .sticker-tip{z-index:10;color:#1a3027;text-align:center;background:#efe1bf;border-radius:8px;padding:10px;font-size:12px;position:absolute;top:60%;left:10%;right:10%;box-shadow:0 4px 18px #0008}:where(#battle) .player-profile{z-index:4;align-items:center;gap:8px;height:7%;display:flex;position:absolute;top:79%;left:6%}:where(#battle) .player-profile>img{object-fit:contain;width:12cqw;height:100%}:where(#battle) .player-profile strong{font-size:14px;display:block}:where(#battle) .player-profile span{font-size:12px}:where(#battle) .player-health{width:85px;margin-top:4px}:where(#battle) .player-health i{background:#a6ce79;width:72%;height:100%;display:block}:where(#battle) footer{left:6%;right:6%;bottom:max(8px,env(safe-area-inset-bottom));z-index:5;height:12%;position:absolute}:where(#battle) .actions{gap:3cqw;height:65%;min-height:44px;display:flex}:where(#battle) .actions button{color:#ecddb8;background:#12211ddd;border:1px solid #c4a979;border-radius:9px;flex:1;font-size:clamp(17px,5cqw,26px);font-weight:900;box-shadow:inset 0 0 0 2px #19231c,0 3px #080e0a}:where(#battle) .actions #stand{color:#142512;background:#95df4a;border-color:#c7f285;flex:1.65;font-size:clamp(23px,7.5cqw,40px);box-shadow:inset 0 1px 1px #ddffb9,0 3px #315b20}:where(#battle) .actions #double{flex:.7}:where(#battle) .actions button:active{transform:translateY(2px)}:where(#battle) .bottom-meta{color:#bbb89d;justify-content:center;gap:20px;margin-top:7px;font-size:10px;display:flex}:where(#battle) footer p{color:#9dafa1;text-align:center;margin:3px 0 0;font-size:9px}:where(#battle) .speech{z-index:10;color:#233229;opacity:0;pointer-events:none;background:#efdfb9;border-radius:10px 10px 0;max-width:32%;padding:10px;font-size:12px;transition:opacity .2s;position:absolute;top:21%;left:5%}:where(#battle) .speech.show{opacity:1}@keyframes room-light{0%,65%,to{opacity:.4}80%{opacity:1}}@keyframes deal{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}@media (max-width:430px){#battle{width:100%}}@media (max-height:680px){:where(#battle) .player-zone{top:47%}:where(#battle) .stickers{top:67%}:where(#battle) .player-profile{top:80%}:where(#battle) .player-zone .card{width:14cqw;height:19.6cqw}:where(#battle) .card .bottom{display:none}:where(#battle) .zone-label{font-size:22px}:where(#battle) .player-zone .zone-label{margin-top:2cqw}:where(#battle) footer p{display:none}}@media (prefers-reduced-motion:reduce){:where(#battle),:where(#battle) *,:where(#battle) :before,:where(#battle) :after{transition:none!important;animation:none!important}}:where(#battle) .table{background-size:100% 100%;height:61%;inset:26% 0 auto}:where(#battle) .card{box-shadow:none;filter:drop-shadow(1px 4px 3px #0006);background:0 0;border:0;padding:0}:where(#battle) .card canvas{width:100%;height:100%;display:block}:where(#battle) .turn{font-size:clamp(11px,3cqw,15px);top:45.5%}@media (max-height:680px){:where(#battle) .dealer-zone{top:29.5%}:where(#battle) .turn{top:45%}:where(#battle) .player-zone{top:49%}:where(#battle) .stickers{top:67%}:where(#battle) .player-profile{top:79%}}:is(html:has(>body>#battle),body:has(>#battle)){background:#0c1211;width:100%;height:100%;margin:0;overflow:hidden}