:root{--w:min(100vw,calc(100vh*800/1795));--u:calc(var(--w)/800);
--navy:#0c2250;--edge:#2a62c4;--ink:#0a1a40;--gold:#ffc83a;--gold2:#ff9d12;--cy:#6fe3ff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#06122e;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}
body{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito","Baloo 2",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:900;color:#fff}
button{font:inherit;color:inherit;border:0;padding:0;margin:0;background:none;cursor:pointer}
b,em,i{font-style:normal;font-weight:900}
img{display:block;-webkit-user-drag:none;pointer-events:none}
svg{display:block}
#phone{position:relative;height:100vh;width:var(--w);margin:0 auto;overflow:hidden;background:linear-gradient(#2f8fe6,#bfe3ff)}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.screen{position:absolute;inset:0;display:none;pointer-events:none;z-index:1}
.screen.on{display:block}
.screen>*{position:absolute;pointer-events:auto}
.t{-webkit-text-stroke:calc(var(--u)*8) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*5) 0 var(--ink)}
.t2{-webkit-text-stroke:calc(var(--u)*6) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*3) 0 var(--ink)}
.t3{-webkit-text-stroke:calc(var(--u)*4) var(--ink);paint-order:stroke fill}
.navy{background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4,0 calc(var(--u)*4) 0 rgba(4,12,40,.45)}

/* LOADING */
#s-loading{background:linear-gradient(#1b66c4,#0a2a66);pointer-events:auto}
.logo-big{left:calc(var(--u)*125);top:calc(var(--u)*520);width:calc(var(--u)*550);height:calc(var(--u)*280);object-fit:contain}
.loadbar{left:calc(var(--u)*150);top:calc(var(--u)*900);width:calc(var(--u)*500);height:calc(var(--u)*30);border-radius:calc(var(--u)*15);background:#07163a;border:calc(var(--u)*3) solid #2a62c4;overflow:hidden}
#loadFill{display:block;height:100%;width:0;background:linear-gradient(#ffe27a,#ff9d12)}
.loadtxt{left:0;width:100%;top:calc(var(--u)*950);text-align:center;font-size:calc(var(--u)*30)}
#loadMsg{color:#fff;font-size:calc(var(--u)*34)}

/* LOBBY (H 1792) */
.logo{left:calc(var(--u)*18);top:calc(var(--u)*50);width:calc(var(--u)*360);height:calc(var(--u)*190);object-fit:contain}
.cnt{top:calc(var(--u)*98);height:calc(var(--u)*54);display:flex;align-items:center;border-radius:calc(var(--u)*27);background:linear-gradient(#10316f,#0a2050);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4}
#c-coins{left:calc(var(--u)*398);width:calc(var(--u)*190)}
#c-gems{left:calc(var(--u)*608);width:calc(var(--u)*180)}
.cnt>img{position:absolute;left:calc(var(--u)*-4);top:calc(var(--u)*-10);width:calc(var(--u)*74);height:calc(var(--u)*74);object-fit:contain}
.cnt>b{position:absolute;left:calc(var(--u)*70);right:calc(var(--u)*56);text-align:center;font-size:calc(var(--u)*32);line-height:1}
.plus{position:absolute;right:0;top:0;width:calc(var(--u)*46);height:calc(var(--u)*48);border-radius:calc(var(--u)*10);background:linear-gradient(#52d85a,#1f9a2c);border:calc(var(--u)*3) solid #0d5a16;box-shadow:inset 0 calc(var(--u)*3) 0 #9af5a0;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;margin:calc(var(--u)*1)}
.plus svg{width:calc(var(--u)*30);height:calc(var(--u)*30)}
.side{width:calc(var(--u)*92);height:calc(var(--u)*102);border-radius:calc(var(--u)*18);background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4,0 calc(var(--u)*4) 0 rgba(4,12,40,.4);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(var(--u)*6)}
.side>img,.side>.gear{width:calc(var(--u)*62);height:calc(var(--u)*62);object-fit:contain}
.side b{font-size:calc(var(--u)*20);line-height:1;margin-top:calc(var(--u)*5)}
.side:active{transform:translateY(calc(var(--u)*3))}
.badge{position:absolute;right:calc(var(--u)*-8);top:calc(var(--u)*-10);width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#e62a2a;border:calc(var(--u)*3) solid #fff;color:#fff;font-size:calc(var(--u)*24);line-height:calc(var(--u)*28);text-align:center;display:none}
.badge.on{display:block}
.ucard{top:calc(var(--u)*1158);width:calc(var(--u)*246);height:calc(var(--u)*372);border-radius:calc(var(--u)*22);background:linear-gradient(#10316f,#08183e);border:calc(var(--u)*4) solid #1e66d0;box-shadow:inset 0 0 0 calc(var(--u)*2) #07163a,0 calc(var(--u)*5) 0 rgba(4,12,40,.5);pointer-events:auto}
#card-archers{left:calc(var(--u)*18)}#card-gate{left:calc(var(--u)*278)}#card-magic{left:calc(var(--u)*538)}
.ucard>*{position:absolute}
.ucard .ttl{left:0;right:0;top:calc(var(--u)*14);text-align:center;font-size:calc(var(--u)*29);line-height:1}
.ucard .lv{left:0;right:0;top:calc(var(--u)*52);text-align:center;font-size:calc(var(--u)*24);line-height:1;color:var(--cy)}
.ucard .pic{left:calc(var(--u)*6);right:calc(var(--u)*6);top:calc(var(--u)*80);height:calc(var(--u)*152);border-radius:calc(var(--u)*10);background:radial-gradient(circle at 50% 45%,#2a5cb0,#0e2a66 80%);overflow:hidden}
.ucard .pic img{width:100%;height:100%;object-fit:contain}
.ucard .stat{left:calc(var(--u)*6);right:calc(var(--u)*6);top:calc(var(--u)*234);height:calc(var(--u)*68);background:#0a1d4a;border-radius:calc(var(--u)*8)}
.stat svg{position:absolute;left:calc(var(--u)*8);top:calc(var(--u)*16);width:calc(var(--u)*38);height:calc(var(--u)*38)}
.stat span{position:absolute;line-height:1}
.stat .lab{left:calc(var(--u)*56);top:calc(var(--u)*6);font-size:calc(var(--u)*24);font-weight:800}
.stat .val{left:calc(var(--u)*56);top:calc(var(--u)*34);font-size:calc(var(--u)*26)}
.stat .inc{right:calc(var(--u)*10);top:calc(var(--u)*34);font-size:calc(var(--u)*26);color:#5cf06a}
.price{left:calc(var(--u)*8);right:calc(var(--u)*8);bottom:calc(var(--u)*8);height:calc(var(--u)*60);border-radius:calc(var(--u)*10);background:linear-gradient(#ffd94a,#e8a012);border:calc(var(--u)*3) solid #8a4a06;box-shadow:inset 0 calc(var(--u)*3) 0 #fff0a0;overflow:hidden;position:absolute;display:flex;align-items:center}
.price>img{width:calc(var(--u)*46);height:calc(var(--u)*46);margin-left:calc(var(--u)*6);object-fit:contain}
.price>b{flex:1;text-align:center;font-size:calc(var(--u)*32);line-height:1}
.price .arr{width:calc(var(--u)*56);height:100%;background:linear-gradient(#52d85a,#1f9a2c);border-left:calc(var(--u)*3) solid #0d5a16;display:flex;align-items:center;justify-content:center}
.price .arr svg{width:calc(var(--u)*34);height:calc(var(--u)*34)}
.price:active{transform:translateY(calc(var(--u)*3))}
.ucard.off .price{filter:grayscale(.85) brightness(.7)}
.ucard.max .arr{display:none}
.ucard.max .price>b{color:#fff}
.ucard.pulse{animation:pulse .6s ease-out}
@keyframes pulse{40%{transform:scale(1.07);filter:brightness(1.35)}}
#defendWrap{left:0;right:0;bottom:calc(var(--u)*82);height:calc(var(--u)*145);pointer-events:none}
#defendWrap>*{position:absolute}
.rib{top:calc(var(--u)*20);width:calc(var(--u)*130);height:calc(var(--u)*105)}
.rib.l{left:calc(var(--u)*50)}.rib.r{right:calc(var(--u)*50);transform:scaleX(-1)}
.rib svg{width:100%;height:100%}
#defend{left:calc(var(--u)*155);width:calc(var(--u)*490);top:0;height:calc(var(--u)*145);border-radius:calc(var(--u)*26);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*24);background:linear-gradient(#ffd94a 0,#ffc02a 45%,#ff9d12 100%);border:calc(var(--u)*6) solid #8a4a06;box-shadow:inset 0 calc(var(--u)*7) 0 #fff0a0,inset 0 calc(var(--u)*-8) 0 #e9820a,0 calc(var(--u)*7) 0 #7a3d05;pointer-events:auto}
#defend img{width:calc(var(--u)*110);height:calc(var(--u)*110);object-fit:contain}
#defend b{font-size:calc(var(--u)*76);line-height:1;letter-spacing:calc(var(--u)*1);-webkit-text-stroke:calc(var(--u)*8) #14284e}
#defend:active,#again:active{transform:translateY(calc(var(--u)*4))}
#defend:disabled{filter:grayscale(1) brightness(.6);cursor:default}
.pillbtn{left:calc(var(--u)*140);width:calc(var(--u)*520);bottom:calc(var(--u)*26);height:calc(var(--u)*44);border-radius:calc(var(--u)*22);background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*12);color:#e4f0ff}
.pillbtn b{font-size:calc(var(--u)*26);line-height:1;white-space:nowrap}
.pillbtn .lk{width:calc(var(--u)*26);height:calc(var(--u)*26);display:none}
.pillbtn.locked .lk{display:block}

/* SIEGE (H 1797) */
#field{left:0;top:calc(var(--u)*190);width:100%;height:calc(var(--u)*810);touch-action:none;background:transparent}
.plogo{left:calc(var(--u)*20);top:calc(var(--u)*40);width:calc(var(--u)*280);height:calc(var(--u)*145);object-fit:contain}
.bpanel{background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4,0 calc(var(--u)*4) 0 rgba(4,12,40,.45)}
#wavePanel{left:calc(var(--u)*315);top:calc(var(--u)*72);width:calc(var(--u)*247);height:calc(var(--u)*83);border-radius:calc(var(--u)*20)}
#wavePanel>img{position:absolute;left:calc(var(--u)*12);top:calc(var(--u)*8);width:calc(var(--u)*52);height:calc(var(--u)*52);object-fit:contain}
#wavePanel>b{position:absolute;left:calc(var(--u)*62);right:calc(var(--u)*4);top:calc(var(--u)*10);text-align:center;font-size:calc(var(--u)*26);white-space:nowrap;line-height:1}
.bar{position:absolute;height:calc(var(--u)*13);border-radius:calc(var(--u)*7);background:#050f2c;border:calc(var(--u)*2) solid #1b3f8a;overflow:hidden}
.bar span{display:block;height:100%;width:100%;border-radius:calc(var(--u)*6)}
.bar.red span{background:linear-gradient(#ff6a6a,#d41b1b)}
.bar.green span{background:linear-gradient(#78f070,#1fb52a)}
.bar.low span{background:linear-gradient(#ff8a5a,#d42a1b)}
#wavePanel .bar{left:calc(var(--u)*52);width:calc(var(--u)*173);top:calc(var(--u)*53)}
#pursePanel{left:calc(var(--u)*582);top:calc(var(--u)*82);width:calc(var(--u)*196);height:calc(var(--u)*64);border-radius:calc(var(--u)*22)}
#pursePanel>img{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*-3);width:calc(var(--u)*66);height:calc(var(--u)*66);object-fit:contain}
#pursePanel>b{position:absolute;left:calc(var(--u)*70);right:calc(var(--u)*10);text-align:center;top:calc(var(--u)*11);font-size:calc(var(--u)*38);line-height:1}
#pause{left:calc(var(--u)*24);top:calc(var(--u)*208);width:calc(var(--u)*56);height:calc(var(--u)*56);border-radius:50%;background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*2) #2a62c4;display:flex;align-items:center;justify-content:center}
#pause svg{width:calc(var(--u)*30);height:calc(var(--u)*30)}
#banner{left:0;width:100%;top:calc(var(--u)*560);text-align:center;font-size:calc(var(--u)*120);line-height:1;color:#ffe27a;pointer-events:none;display:none}
#banner.pop{display:block;animation:pop .5s ease-out}
@keyframes pop{from{transform:scale(1.7);opacity:0}30%{opacity:1}to{transform:scale(1)}}
#gatePanel{left:calc(var(--u)*190);bottom:calc(var(--u)*332);width:calc(var(--u)*420);height:calc(var(--u)*75);border-radius:calc(var(--u)*20)}
#gatePanel .hex{position:absolute;left:calc(var(--u)*8);top:calc(var(--u)*-2);width:calc(var(--u)*60);height:calc(var(--u)*72);background:linear-gradient(#143a7c,#0b2352);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 calc(var(--u)*3) #c9a24a}
#gatePanel .hex svg{width:calc(var(--u)*34);height:calc(var(--u)*34)}
#gatePanel>b{position:absolute;left:calc(var(--u)*78);right:calc(var(--u)*10);top:calc(var(--u)*4);text-align:center;font-size:calc(var(--u)*29);line-height:1;-webkit-text-stroke:0;text-shadow:0 calc(var(--u)*2) 0 #07163a}
#gatePanel .bar{left:calc(var(--u)*98);width:calc(var(--u)*300);top:calc(var(--u)*40);height:calc(var(--u)*20);border-radius:calc(var(--u)*10)}
#dock{left:0;right:0;bottom:0;height:calc(var(--u)*305);background:linear-gradient(#143064,#0a1c46);border-top:calc(var(--u)*5) solid #07163a;border-radius:calc(var(--u)*34) calc(var(--u)*34) 0 0;box-shadow:inset 0 calc(var(--u)*3) 0 #2a62c4;pointer-events:auto}
.pcard{bottom:calc(var(--u)*69);width:calc(var(--u)*157);height:calc(var(--u)*203);border-radius:calc(var(--u)*16);background:linear-gradient(#143a7c,#0b2352);border:calc(var(--u)*3) solid #2a62c4;box-shadow:inset 0 0 0 calc(var(--u)*2) #07163a;overflow:visible}
.pcard>*{position:absolute}
.pcard .pic{left:calc(var(--u)*3);right:calc(var(--u)*3);top:calc(var(--u)*3);height:calc(var(--u)*122);border-radius:calc(var(--u)*13) calc(var(--u)*13) 0 0;background:radial-gradient(circle at 50% 50%,#2a5cb0,#10306e 85%);overflow:hidden}
.pcard .pic img{width:100%;height:100%;object-fit:contain}
.pcard .num{left:calc(var(--u)*-6);top:calc(var(--u)*-6);width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;background:#0b2352;border:calc(var(--u)*3) solid #4aa0ff;font-size:calc(var(--u)*24);line-height:calc(var(--u)*34);text-align:center}
.pcard .nm{left:0;right:0;top:calc(var(--u)*128);text-align:center;font-size:calc(var(--u)*25);line-height:1;color:#e4f0ff}
.pcard .co{left:0;right:0;top:calc(var(--u)*158);height:calc(var(--u)*40);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*8)}
.pcard .co img{position:static;width:calc(var(--u)*40);height:calc(var(--u)*40);object-fit:contain}
.pcard .co b{font-size:calc(var(--u)*30);line-height:1}
.pcard:active{transform:translateY(calc(var(--u)*3))}
.pcard.off{filter:grayscale(.7) brightness(.62)}
.pcard.armed{border-color:var(--cy);box-shadow:inset 0 0 0 calc(var(--u)*3) var(--cy),0 0 calc(var(--u)*22) rgba(111,227,255,.8)}
#fire{left:calc(var(--u)*583);bottom:calc(var(--u)*80);width:calc(var(--u)*190);height:calc(var(--u)*190);border-radius:50%;background:radial-gradient(circle at 50% 30%,#ffd94a,#ff9d12 75%);border:calc(var(--u)*6) solid #7a3d05;box-shadow:inset 0 0 0 calc(var(--u)*5) #ffe98a,0 calc(var(--u)*7) 0 rgba(60,25,0,.55);display:flex;align-items:center;justify-content:center;overflow:hidden}
#fire>img{position:absolute;inset:calc(var(--u)*8);width:calc(100% - var(--u)*16);height:calc(100% - var(--u)*16);object-fit:contain}
#fire:active{transform:scale(.95)}
#fireSweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(5,12,40,.7) var(--p,0deg),transparent 0);display:none}
#fireSecs{position:relative;font-size:calc(var(--u)*80);line-height:1;color:#fff}
#fire.cd{filter:saturate(.35) brightness(.8)}
#fire.cd #fireSweep{display:block}
#fire.cd>img{opacity:.45}
#fire.on{box-shadow:inset 0 0 0 calc(var(--u)*5) #fff,0 0 calc(var(--u)*34) #ff7a1a}

/* RESULT (H 1795) */
#bannerBox{left:calc(var(--u)*20);top:calc(var(--u)*150);width:calc(var(--u)*760);height:calc(var(--u)*320);pointer-events:none}
#resultBanner{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#resultTitle{position:absolute;left:0;right:0;top:calc(var(--u)*115);text-align:center;font-size:calc(var(--u)*110);line-height:1;color:var(--gold)}
#bannerBox.pic #resultTitle{color:transparent;-webkit-text-stroke:0;text-shadow:none}
#rpanel{left:calc(var(--u)*60);top:calc(var(--u)*980);width:calc(var(--u)*680);height:calc(var(--u)*430);border-radius:calc(var(--u)*30);background:linear-gradient(#10316f,#0a2050);border:calc(var(--u)*4) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4,0 calc(var(--u)*6) 0 rgba(4,12,40,.45)}
#rpanel>*{position:absolute}
#resultChapter{left:0;right:0;top:calc(var(--u)*18);text-align:center;font-size:calc(var(--u)*40);line-height:1.1}
#stars{left:calc(var(--u)*190);right:calc(var(--u)*190);top:calc(var(--u)*72);height:calc(var(--u)*92);display:flex;justify-content:space-between;align-items:flex-end}
#stars svg{width:calc(var(--u)*92);height:calc(var(--u)*92);color:#5a6a8e}
#stars svg:nth-child(2){margin-bottom:calc(var(--u)*10);height:calc(var(--u)*100);width:calc(var(--u)*100)}
#stars[data-stars="1"] svg:nth-child(1),#stars[data-stars="2"] svg:nth-child(-n+2),#stars[data-stars="3"] svg{color:#ffc83a;filter:drop-shadow(0 0 calc(var(--u)*8) rgba(255,200,58,.6))}
#rpanel .row{left:calc(var(--u)*50);right:calc(var(--u)*50);height:calc(var(--u)*42);display:flex;justify-content:space-between;align-items:center;border-bottom:calc(var(--u)*2) solid #1f4a99}
#rpanel .row span{font-size:calc(var(--u)*29);color:#cfe0ff}
#rpanel .row b{font-size:calc(var(--u)*36);line-height:1}
#rpanel .row:nth-of-type(1){top:calc(var(--u)*176)}
#rpanel .row:nth-of-type(2){top:calc(var(--u)*222)}
#rpanel .row:nth-of-type(3){top:calc(var(--u)*268)}
.rew{left:calc(var(--u)*40);right:calc(var(--u)*40);top:calc(var(--u)*330);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*20)}
.rew div{height:calc(var(--u)*80);border-radius:calc(var(--u)*20);background:#0a1d4a;border:calc(var(--u)*3) solid #1f4a99;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*14)}
.rew img{width:calc(var(--u)*66);height:calc(var(--u)*66);object-fit:contain}
.rew b{font-size:calc(var(--u)*46);line-height:1}
#again{left:calc(var(--u)*155);top:calc(var(--u)*1450);width:calc(var(--u)*490);height:calc(var(--u)*130);border-radius:calc(var(--u)*26);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*14);background:linear-gradient(#ffd94a 0,#ffc02a 45%,#ff9d12 100%);border:calc(var(--u)*6) solid #8a4a06;box-shadow:inset 0 calc(var(--u)*7) 0 #fff0a0,inset 0 calc(var(--u)*-8) 0 #e9820a,0 calc(var(--u)*7) 0 #7a3d05}
#again img{width:calc(var(--u)*80);height:calc(var(--u)*80);object-fit:contain}
#again b{font-size:calc(var(--u)*46);line-height:1;-webkit-text-stroke:calc(var(--u)*7) #14284e}
#home{left:calc(var(--u)*250);top:calc(var(--u)*1610);width:calc(var(--u)*300);height:calc(var(--u)*90);border-radius:calc(var(--u)*24);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*16);background:linear-gradient(#18458f,#0b2352);border:calc(var(--u)*4) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4,0 calc(var(--u)*6) 0 rgba(4,12,40,.5)}
#home svg{width:calc(var(--u)*44);height:calc(var(--u)*44)}
#home b{font-size:calc(var(--u)*38);line-height:1}

/* modals */
.modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,10,34,.62);z-index:20}
.modal.open{display:flex}
.win{width:calc(var(--u)*600);padding:calc(var(--u)*34) calc(var(--u)*40) calc(var(--u)*40);border-radius:calc(var(--u)*36);background:linear-gradient(#143a7c,#0a2050);border:calc(var(--u)*5) solid #07163a;box-shadow:inset 0 0 0 calc(var(--u)*3) #2a62c4;display:flex;flex-direction:column;gap:calc(var(--u)*22)}
.win h2{margin:0;text-align:center;font-size:calc(var(--u)*56)}
.win label{display:flex;flex-direction:column;gap:calc(var(--u)*10);font-size:calc(var(--u)*32)}
.win input[type=range]{width:100%;height:calc(var(--u)*44);accent-color:#ffc83a}
.win button{height:calc(var(--u)*96);border-radius:calc(var(--u)*26);border:calc(var(--u)*5) solid #07163a}
.win button b{font-size:calc(var(--u)*44)}
.win .gold{background:linear-gradient(#ffd94a,#ff9d12);border-color:#7a3d05}
.win .blue{background:linear-gradient(#2a7ae0,#10408f)}
#panel:not(.inmatch) #quit{display:none}
#infoText{text-align:center;font-size:calc(var(--u)*34);line-height:1.35;white-space:pre-line}
#phone.in-app #pause{left:calc(var(--u)*24)}