:root{--bg:#0b0a0f;--panel:#15131b;--panel2:#1d1a25;--line:#ffffff1c;--gold:#f2c14e;--gold2:#ffe08a;--text:#f4efe6;--muted:#a39d92;--red:#ff5a4a;--p1:#ff9a3c;--p2:#4aa8ff;--fd:"Bebas Neue", Impact, "Arial Narrow", sans-serif-condensed, sans-serif;--ft:"Teko", "Arial Narrow", sans-serif-condensed, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ft);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}img{-webkit-user-drag:none}button{color:inherit;font-family:inherit}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#fx,#hud,#announce,#screens{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}#screens>*{pointer-events:auto}.face{background:linear-gradient(160deg, var(--acc,#444), #120f18 90%);place-items:center;display:grid;position:relative;overflow:hidden}.face b{font-family:var(--fd);color:#fff;opacity:.9;text-shadow:0 2px #0006;font-weight:400;line-height:1}.face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.face.rnd{background:radial-gradient(circle at 50% 40%, #3a3020, var(--panel2))}.face.rnd b{color:var(--gold)}.btn{font:600 clamp(17px, 2vw, 25px)/1 var(--ft);letter-spacing:.12em;cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:6px;padding:.55em 1.2em .4em;transition:transform .1s,border-color .15s,background .15s}.btn:hover,.btn:focus-visible{border-color:var(--gold);outline:none}.btn:active{transform:scale(.97)}.btn.gold{color:#1a1205;box-shadow:0 4px 0 #8a5f12, 0 0 26px -8px var(--gold);background:linear-gradient(#ffd977,#e0a930);border-color:#ffe7a3}.btn.gold:hover{background:linear-gradient(#ffe39a,#ebb540)}.btn.big{font:400 clamp(24px, 3vw, 38px)/1 var(--fd);letter-spacing:.08em;padding:.38em 1.4em .3em}.help{text-align:center;font:400 clamp(13px, 1.35vw, 17px)/1.5 var(--ft);color:var(--muted);letter-spacing:.03em}.help p{margin:0}.help b{color:var(--text);border:1px solid #ffffff2e;border-radius:3px;margin:0 .2em 0 .7em;padding:0 .35em;font-weight:500;line-height:1.25;display:inline-block}.help b:first-child,.help b+b{margin-left:0}body.touch .help .kb,body:not(.touch) .help .tc{display:none}#toast{left:50%;bottom:calc(var(--sab) + 7vh);opacity:0;z-index:60;border:1px solid var(--line);font:600 18px var(--ft);letter-spacing:.14em;color:var(--gold);pointer-events:none;background:#000d;border-radius:6px;padding:6px 18px 2px;transition:all .2s;position:fixed;transform:translate(-50%,16px)}#toast.show{opacity:1;transform:translate(-50%)}@keyframes breathe{50%{opacity:.45}}@keyframes bob{50%{transform:translateY(-3px)}}.screen{padding:max(12px, var(--sat)) max(16px, var(--sar)) max(10px, var(--sab)) max(16px, var(--sal));background:radial-gradient(ellipse 80% 60% at 50% 0%, #2b2213 0%, transparent 70%), var(--bg);touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.logo{font:400 clamp(56px, 9vw, 110px)/.85 var(--fd);letter-spacing:.03em;color:var(--gold)}.loading p{letter-spacing:.3em;color:var(--muted);margin:0;animation:1.2s infinite breathe}.title{cursor:pointer;gap:0}.title .logo{background:linear-gradient(#fff1c2, var(--gold) 50%, #b07e22);color:#0000;filter:drop-shadow(0 6px #000)drop-shadow(0 0 40px #f2c14e33);-webkit-background-clip:text;background-clip:text;font-size:clamp(84px,17vw,220px)}.tagline{font:500 clamp(15px, 2vw, 24px)/1 var(--ft);letter-spacing:.32em;color:var(--muted);align-items:center;gap:14px;margin:1vh 0 0;display:flex}.tagline:before,.tagline:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:clamp(24px,6vw,80px);height:1px}.tagline:after{transform:scaleX(-1)}.press{font:600 clamp(20px, 2.4vw, 30px)/1 var(--ft);letter-spacing:.22em;margin:9vh 0 0;animation:1.8s ease-in-out infinite breathe}.title .foot{bottom:max(12px, var(--sab));font:400 15px var(--ft);letter-spacing:.2em;color:#fff5;text-transform:uppercase;margin:0;position:absolute}.select{justify-content:space-between;gap:clamp(6px,1.6vh,16px)}.sel-head{text-align:center;line-height:1}.sel-head h1{font:400 clamp(28px, 4.4vw, 56px)/1 var(--fd);letter-spacing:.05em;margin:0}.sel-head .step{font:600 clamp(14px, 1.7vw, 20px)/1 var(--ft);letter-spacing:.3em;color:var(--gold);margin-top:.2em}.sel-body{flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,28px);width:100%;max-width:1240px;min-height:0;display:grid}.sel-mid{flex-direction:column;align-items:center;gap:clamp(8px,2vh,18px);display:flex}.grid{--tile:clamp(54px, min(8.6vw, 15vh), 112px);grid-template-columns:repeat(4, var(--tile));gap:clamp(6px,1vw,12px);display:grid}.tile{width:var(--tile);height:var(--tile);background:var(--panel2);cursor:pointer;border:2px solid #fff2;border-radius:6px;padding:0;transition:border-color .15s,transform .1s;position:relative}.tile:hover{border-color:#fff7}.tile .face{border-radius:4px;position:absolute;inset:0}.tile .face b{font-size:calc(var(--tile) * .5);margin-bottom:18%}.tile .nm{font:600 clamp(12px, 1.35vw, 17px)/1 var(--ft);letter-spacing:.06em;background:linear-gradient(#0000,#000d 55%);border-radius:0 0 4px 4px;padding:12px 2px 1px;position:absolute;bottom:0;left:0;right:0}.tile.c1{border-color:var(--p1);box-shadow:0 0 18px -4px var(--p1)}.tile.c2{border-color:var(--p2);box-shadow:0 0 18px -4px var(--p2)}.tile.c1.c2{border-color:var(--p1);box-shadow:0 0 0 3px var(--p2)}.tile:before,.tile:after{z-index:2;font:600 13px/1 var(--ft);letter-spacing:.06em;color:#000;border-radius:3px;padding:3px 5px 0;position:absolute;top:-9px}.tile.c1:before{content:"1P";background:var(--p1);left:-6px}.tile.c2:after{content:"CPU";background:var(--p2);right:-6px}.select[data-side="0"] .tile.c1:before,.select[data-side="1"] .tile.c2:after{animation:.7s ease-in-out infinite bob}.select[data-side="0"] .tile.c1,.select[data-side="1"] .tile.c2{transform:translateY(-2px)}.plate{--c:var(--p1);cursor:pointer;border:1px solid var(--line);border-top:3px solid var(--c);background:linear-gradient(#ffffff0a,#ffffff03);border-radius:8px;flex-direction:column;justify-content:center;align-self:center;gap:clamp(6px,1.5vh,14px);min-width:0;max-height:100%;padding:clamp(10px,2vh,22px) clamp(10px,1.6vw,22px);transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.plate.p2{--c:var(--p2);text-align:right}.plate.active{border-color:color-mix(in srgb, var(--c) 60%, transparent);border-top-color:var(--c);box-shadow:0 14px 50px -18px var(--c), inset 0 0 40px -30px var(--c)}.plate .tag{font:600 clamp(13px, 1.5vw, 18px)/1 var(--ft);letter-spacing:.25em;color:var(--c)}.plate .pbody{flex-direction:column;gap:clamp(6px,1.5vh,14px);display:flex}.plate .who{align-items:center;gap:clamp(8px,1.2vw,16px);display:flex}.plate.p2 .who{flex-direction:row-reverse}.plate .face{--pf:clamp(64px, min(9vw, 20vh), 130px);width:var(--pf);height:var(--pf);border:2px solid var(--c);border-radius:6px;flex:none}.plate .face b{font-size:calc(var(--pf) * .55)}.pinfo{min-width:0}.pname{font:400 clamp(28px, 4vw, 58px)/.9 var(--fd);letter-spacing:.03em;white-space:nowrap}.ptitle{font:500 clamp(15px, 1.7vw, 22px)/1.05 var(--ft);color:var(--gold)}.pheight{font:500 clamp(13px, 1.3vw, 17px)/1 var(--ft);letter-spacing:.15em;color:var(--muted);margin-top:.2em}.pheight b{color:var(--text);letter-spacing:.05em;font-weight:600}.pult{border-top:1px solid var(--line);padding-top:clamp(6px,1.4vh,12px)}.pult small{font:600 clamp(12px, 1.2vw, 14px)/1 var(--ft);letter-spacing:.25em;color:var(--c);display:block}.pult b{font:400 clamp(19px, 2.2vw, 30px)/1 var(--fd);letter-spacing:.04em;color:var(--gold2);margin-top:.15em;display:block}.pult p{font:400 clamp(14px, 1.35vw, 18px)/1.15 var(--ft);color:#d6d0c5;margin:.35em 0 0}.opts{grid-template-columns:auto auto;align-items:center;gap:8px 12px;display:grid}.opts label{font:600 clamp(13px, 1.3vw, 16px)/1 var(--ft);letter-spacing:.25em;color:var(--muted);text-align:right}.chips{gap:6px;display:flex}.chip{font:600 clamp(14px, 1.5vw, 19px)/1 var(--ft);letter-spacing:.08em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff2a;border-radius:4px;padding:.4em .8em .22em}.chip:hover{border-color:#fff7}.chip.on{border-color:var(--gold);color:var(--gold);background:#f2c14e1c}.go{align-items:center;gap:12px;display:flex}.go .friend{background:#4aa8ff14;border-color:#4aa8ff88}.go .friend:hover{border-color:var(--p2)}.vs{background:var(--bg);flex-direction:row;gap:0;padding:0;overflow:hidden}.vs-side{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2vh;height:100%;display:flex;position:relative}.vs-side.p1{background:linear-gradient(105deg, color-mix(in srgb, var(--acc) 30%, var(--bg)), var(--bg) 80%);animation:.5s cubic-bezier(.2,.8,.2,1) both inL}.vs-side.p2{background:linear-gradient(255deg, color-mix(in srgb, var(--acc) 30%, var(--bg)), var(--bg) 80%);animation:.5s cubic-bezier(.2,.8,.2,1) both inR}.vs .face{--vf:min(30vw, 50vh);width:var(--vf);height:var(--vf);border:3px solid var(--acc);box-shadow:0 24px 60px -24px var(--acc);border-radius:10px}.vs .face b{font-size:calc(var(--vf) * .55)}.vs-name{font:400 clamp(40px, 7vw, 96px)/.85 var(--fd);letter-spacing:.04em;margin-top:1vh}.vs-title{font:500 clamp(16px, 2vw, 26px)/1 var(--ft);color:var(--gold)}.vs-mid{z-index:2;font:400 clamp(72px, 13vw, 170px)/1 var(--fd);color:var(--gold);text-shadow:0 6px #000,0 0 50px #f2c14e66;animation:.45s cubic-bezier(.3,1.6,.5,1) .35s both vsPop;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.vs-stage{left:0;right:0;bottom:max(3vh, var(--sab));text-align:center;font:500 clamp(14px, 1.6vw, 20px) var(--ft);letter-spacing:.4em;color:var(--muted);position:absolute}@keyframes inL{0%{opacity:0;transform:translate(-30%)}}@keyframes inR{0%{opacity:0;transform:translate(30%)}}@keyframes vsPop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.pause{-webkit-backdrop-filter:blur(4px);background:#07060acc}.panel{text-align:center;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;width:min(380px,86vw);padding:clamp(14px,3vh,26px) 26px;display:flex}.panel h2{font:400 clamp(38px, 6vw, 60px)/1 var(--fd);letter-spacing:.06em;color:var(--gold);margin:0 0 2px}.panel .note{color:var(--muted);margin:-4px 0 4px;font-size:17px}.panel .help{margin-top:6px}.result{padding-top:max(5vh, var(--sat));padding-bottom:max(6vh, var(--sab));background:linear-gradient(#07060ae6,#07060aa0 24%,#0000 46% 62%,#07060acc);justify-content:space-between}.res-top{text-align:center}.result h1{font:400 clamp(64px, 12vw, 150px)/.85 var(--fd);letter-spacing:.04em;color:var(--gold);text-shadow:0 6px #000,0 0 50px #f2c14e44;margin:0;animation:.4s both vsPop}.result.lose h1{color:#ff6b5c;text-shadow:0 6px #000}.result .quote{font:500 clamp(16px, 2vw, 24px)/1.1 var(--ft);color:var(--text);text-shadow:0 2px #000;margin:.3em 0 0}.result .quote span{color:var(--gold);letter-spacing:.1em;margin-right:.3em}.res-btns{align-items:center;gap:12px;display:flex}#hud{padding:max(10px, var(--sat)) max(14px, var(--sar)) 0 max(14px, var(--sal));background:linear-gradient(#0009,#0000 clamp(90px,24vh,150px));align-items:flex-start;gap:clamp(8px,1.5vw,20px);display:flex}#hud .side{--c:var(--p1);flex:1;align-items:flex-start;gap:clamp(6px,1vw,12px);min-width:0;display:flex}#hud .side.p2{--c:var(--p2);flex-direction:row-reverse}#hud .por .face{--pp:clamp(40px, min(5.4vw, 11vh), 70px);width:var(--pp);height:var(--pp);border:2px solid var(--c);border-radius:6px;box-shadow:0 2px #000}#hud .por .face b{font-size:calc(var(--pp) * .6)}#hud .info{flex:1;min-width:0}#hud .name{font:600 clamp(17px, 2.1vw, 28px)/1 var(--ft);letter-spacing:.06em;text-shadow:0 2px #000;white-space:nowrap;align-items:baseline;gap:.35em;display:flex}#hud .p2 .name{justify-content:flex-end}#hud .name em{color:var(--c);font-size:.72em;font-style:normal}#hud .hp{background:#1c0f12;border:2px solid #000;height:clamp(12px,2.6vh,22px);margin-top:2px;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:0 0 0 1px #ffffff2e}#hud .p2 .hp{transform:skew(14deg)}#hud .hp i{transform-origin:0;position:absolute;inset:0}#hud .p2 .hp i{transform-origin:100%}#hud .hp .trail{background:#e0413a;transition:transform .5s ease-in .45s}#hud .hp .fill{background:linear-gradient(#fff3b8,#f6c645 45%,#d8961c);transition:transform 80ms linear}#hud .low .hp .fill{background:linear-gradient(#ffc2a8,#ff7040 45%,#d43b1c)}#hud .row{align-items:center;gap:8px;margin-top:5px;display:flex}#hud .p2 .row{flex-direction:row-reverse}#hud .meter{background:#0d0b14;border:1px solid #000;flex:0 62%;height:clamp(6px,1.3vh,10px);overflow:hidden;transform:skew(-14deg);box-shadow:0 0 0 1px #fff2}#hud .p2 .meter{transform:skew(14deg)}#hud .meter i{transform-origin:0;background:linear-gradient(90deg,#3fa9ff,#9b6bff);height:100%;display:block;transform:scaleX(0)}#hud .p2 .meter i{transform-origin:100%;background:linear-gradient(270deg,#3fa9ff,#9b6bff)}#hud .full .meter i{background:linear-gradient(90deg,#ffe680,#ff9a1f)}#hud .full .meter{animation:.8s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 0 1px #ffd66b66,0 0 4px #ffb02e}to{box-shadow:0 0 0 1px #ffe9a8,0 0 16px #ffb02e}}#hud .pips{gap:5px;display:flex}#hud .pips i{background:#0009;border:2px solid #fffa;border-radius:50%;width:11px;height:11px}#hud .pips i.on{background:var(--gold);box-shadow:0 0 8px var(--gold);border-color:#fff3c4}#hud .ready{font:600 clamp(13px, 1.4vw, 17px)/1 var(--ft);letter-spacing:.12em;color:var(--gold);text-shadow:0 1px #000,0 0 10px #000;margin-top:5px;animation:1s ease-in-out infinite breathe;display:none}#hud .you.full .ready{display:block}#hud .clock{text-align:center;flex:none;width:clamp(54px,7vw,90px)}#hud .timer{font:400 clamp(36px, 5.4vw, 64px)/.9 var(--fd);text-shadow:0 3px #000;display:block}#hud .timer.low{color:var(--red)}#hud .ping{font:600 13px/1.4 var(--fd);letter-spacing:1px;color:#fffc;text-shadow:0 1px 2px #000,0 0 4px #000;margin-top:34px;display:block}#hud .ping.bad{color:#ffb020;opacity:1}#hud .pop{opacity:0;font:400 clamp(24px, 3.2vw, 42px)/1 var(--fd);letter-spacing:.06em;text-shadow:0 3px #000;white-space:nowrap;position:absolute;top:30%}#hud .pop.p1{left:max(5vw, var(--sal))}#hud .pop.p2{right:max(5vw, var(--sar))}#hud .pop.go{animation:.9s ease-out forwards popIn}#hud .pop.block{color:#9fd6ff}#hud .pop.combo{color:var(--gold)}#hud .pop.combo b{vertical-align:-.12em;font-size:1.7em;font-weight:400}@keyframes popIn{0%{opacity:0;transform:scale(1.5)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-8px)}}#pause-btn{left:50%;top:calc(max(10px, var(--sat)) + clamp(36px, 5.4vw, 60px));width:36px;height:28px;font:600 17px/1 var(--ft);letter-spacing:1px;cursor:pointer;background:#0009;border:1px solid #fff4;border-radius:6px;padding:3px 0 0;display:none;position:fixed;transform:translate(-50%)}#pause-btn:hover{border-color:var(--gold);color:var(--gold)}body.fighting #pause-btn{display:block}#announce .msg{white-space:nowrap;font:400 clamp(56px, 10vw, 128px)/1 var(--fd);letter-spacing:.05em;text-shadow:0 6px #000;background:linear-gradient(90deg,#0000,#0008 25% 75%,#0000);padding:.06em 14vw 0;animation:.3s ease-out pop;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#announce .fight,#announce .wins{color:var(--gold)}#announce .ko{color:var(--red)}#announce .wins{font-size:clamp(48px,8vw,110px)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.namecard{bottom:max(12vh, var(--sab));pointer-events:none;border-left:4px solid var(--acc);background:linear-gradient(90deg,#07060ae6,#07060a99 70%,#0000);max-width:52vw;padding:10px 24px 12px;animation:.45s cubic-bezier(.2,.8,.2,1) both inL;position:fixed}.namecard.p1{padding-left:max(5vw, var(--sal));left:0}.namecard.p2{padding-right:max(5vw, var(--sar));text-align:right;border-left:0;border-right:4px solid var(--acc);background:linear-gradient(270deg,#07060ae6,#07060a99 70%,#0000);animation-name:inR;right:0}.nc-title{font:500 clamp(17px, 2.2vw, 28px)/1 var(--ft);letter-spacing:.08em;color:var(--gold)}.nc-name{font:400 clamp(60px, 10vw, 128px)/.88 var(--fd);letter-spacing:.03em;text-shadow:0 5px #000}.nc-ult{font:500 clamp(15px, 1.8vw, 22px)/1 var(--ft);letter-spacing:.08em;color:#e8e2d6;margin-top:4px}.nc-ult span{background:var(--acc);color:#fff;letter-spacing:.15em;border-radius:3px;margin-right:.5em;padding:2px 6px 0;font-weight:600}.cine-dialog{pointer-events:none;font:600 calc(22px * var(--size,1)) var(--ft);text-align:center;z-index:5;max-width:46vw;position:fixed;transform:translate(-50%,-110%)}.cine-box{color:#111;background:#fff;border:3px solid #111;border-radius:10px;padding:6px 14px;box-shadow:0 4px #0006}.cine-bubble{color:#111;background:#fff;border-radius:18px;padding:6px 14px}.cine-caption{color:#fff;text-shadow:0 2px #000;font-size:calc(30px * var(--size,1));transform:translate(-50%)}.super-banner{text-align:center;z-index:4;background:linear-gradient(90deg,#0000,#000c 20% 80%,#0000);border-top:1px solid #f2c14e55;border-bottom:1px solid #f2c14e55;padding:8px 0 4px;animation:.3s ease-out slide;position:fixed;top:40%;left:0;right:0}.super-banner small{color:var(--gold);font:600 20px/1 var(--ft);letter-spacing:6px;display:block}.super-banner span{font:clamp(40px, 7vw, 84px)/1 var(--fd);letter-spacing:.04em}@keyframes slide{0%{opacity:0;transform:translate(-30%)}}.screen-flash{pointer-events:none;z-index:6;animation:linear forwards fade;position:fixed;inset:0}@keyframes fade{0%{opacity:.85}to{opacity:0}}#touch{pointer-events:none;display:none;position:fixed;inset:0}body.touch.fighting #touch{display:block}#touch.off{display:none!important}#touch .stick{left:calc(var(--sal) + clamp(18px, 4vw, 48px));bottom:calc(var(--sab) + clamp(14px, 5vh, 40px));aspect-ratio:1;pointer-events:auto;touch-action:none;border-radius:50%;width:clamp(112px,32vh,150px);position:absolute}#touch .ring{background:radial-gradient(#ffffff08 40%,#ffffff1c);border:2px solid #fff4;border-radius:50%;position:absolute;inset:0}#touch .knob{background:radial-gradient(circle at 40% 35%,#fffc,#fff6);border-radius:50%;width:44%;height:44%;margin:-22%;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #0008}#touch .actions{right:calc(var(--sar) + clamp(18px, 4vw, 48px));bottom:calc(var(--sab) + clamp(14px, 5vh, 40px));pointer-events:auto;align-items:flex-end;gap:clamp(10px,2vw,18px);display:flex;position:absolute}#touch button{aspect-ratio:1;font:600 clamp(18px, 5vh, 24px)/1 var(--ft);letter-spacing:.08em;touch-action:none;background:#0008;border:2px solid #fff5;border-radius:50%;padding:4px 0 0;transition:transform 60ms,opacity .2s}#touch .punch{border-color:var(--p1);background:radial-gradient(#ff9a3c40,#000a 70%);width:clamp(84px,26vh,112px)}#touch .ult{opacity:.6;width:clamp(68px,20vh,88px);margin-bottom:clamp(44px,15vh,72px)}#touch .ult small{opacity:.75;letter-spacing:.08em;font-size:.5em;display:block}#touch .ult.ready{opacity:1;border-color:var(--gold);color:var(--gold);background:radial-gradient(#f2c14e55,#000a 70%);animation:.8s ease-in-out infinite alternate glow}#touch button.down{filter:brightness(1.5);transform:scale(.9)}#rotate{z-index:70;text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none;position:fixed;inset:0}#rotate h2{font:400 44px/1 var(--fd);letter-spacing:.06em;color:var(--gold);margin:0}#rotate p{font:500 20px var(--ft);color:var(--muted);margin:0}#rotate .phone{border:3px solid var(--gold);border-radius:9px;width:44px;height:76px;margin-bottom:22px;animation:2s ease-in-out infinite turn}@keyframes turn{0%,25%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}@media (height<=520px){.select{padding-top:max(8px, var(--sat));padding-bottom:max(6px, var(--sab));gap:6px}.sel-head h1{display:none}.sel-head .step{margin:0;font-size:16px}.plate{gap:6px;padding:8px 10px}.plate .pbody{gap:6px}.plate .face{--pf:clamp(56px, 19vh, 90px)}.pname{font-size:clamp(26px,4vw,38px)}.pult p{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.go .btn{font-size:17px}.go .btn.big{font-size:26px}.opts{gap:5px 10px}.help{font-size:13px;line-height:1.3}.panel{gap:7px}.panel .btn{padding:.4em 1em .28em}}.go .friend.invite{border-color:var(--p2);box-shadow:0 0 24px -6px var(--p2)}