/* Phone interface: one viewport, thumb-sized actions, and a separate social sheet. */
.np-phone{--np-edge:12px;--np-top:env(safe-area-inset-top,0px);--np-bottom:env(safe-area-inset-bottom,0px)}
.np-phone body{overscroll-behavior:none;touch-action:manipulation}
.np-phone #stage,.np-phone #touch{touch-action:none}
.np-phone #menu{height:100dvh;--gl:max(12px,env(safe-area-inset-left,0px));--gr:max(12px,env(safe-area-inset-right,0px));--top:calc(72px + var(--np-top));--foot:28px}
.np-phone #menu.full,.np-phone #menu.notop{--top:calc(10px + var(--np-top))}
.np-phone #menu.full.srch{--top:calc(10px + var(--np-top))}
.np-phone .scr{animation:none;transform:none;padding-bottom:calc(36px + var(--np-bottom));scroll-padding:68px 0 100px;touch-action:pan-x pan-y;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.np-phone #menu .panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0c192bed;box-shadow:inset 0 0 0 1px #56759b55;border-radius:10px}
.np-phone #mBg{background:linear-gradient(0deg,#050d1dee,transparent 60%),linear-gradient(90deg,#040a1699,transparent)}
.np-phone #mTop{padding:calc(10px + var(--np-top)) var(--gr) 0 var(--gl);gap:8px}
.np-phone #pcard{flex:1;width:auto;max-width:460px;height:52px;padding:6px 10px;transform:none;border-radius:8px;gap:8px}
.np-phone #pcard>*{transform:none}.np-phone #pcard .lvring{width:36px;height:36px;font-size:15px}
.np-phone .pc-name input{font-size:16px}.np-phone .pc-sub{font-size:9px;letter-spacing:.06em}.np-phone .pc-emb{width:32px;height:32px}
.np-phone #mFoot{min-height:26px;font-size:10px;padding-bottom:var(--np-bottom);background:#050c18ed}
.np-phone #mFoot .hints,.np-phone .back kbd{display:none}
#npQuickTools,#npSocialNav,.np-social-head,#npSocialShade{display:none}
.np-phone #npQuickTools{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #536b8e;background:#12243b;border-radius:8px;color:#d7e7ff;font:700 12px var(--ui);pointer-events:auto}
.np-phone #mTop .topR{display:none;position:absolute;top:calc(68px + var(--np-top));right:var(--gr);z-index:12;grid-template-columns:repeat(2,minmax(0,1fr));width:252px;max-width:calc(100vw - 24px);padding:10px;gap:8px;background:#0a172bf7;border:1px solid #4b668b;border-radius:12px;box-shadow:0 12px 40px #000a}
.np-phone #menu.np-tools-open .topR{display:grid}.np-phone .topR .online{display:flex;grid-column:1/-1;padding:6px;font-size:11px}
.np-phone #mTop .topR .ibtn{display:flex;width:auto;min-height:48px;height:auto;gap:7px;padding:8px;border-radius:6px;transform:none;font-size:16px;text-align:left}
.np-phone #mTop .topR .ibtn .ic{transform:none}.np-tool-label{display:none}.np-phone .np-tool-label{display:block;font:600 11px/1.3 var(--ui)}
.np-phone #mTop .topR #friendsBtn{display:flex}
.np-phone #home{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:140px auto;gap:12px;align-content:start}
.np-phone #home>.spot{grid-column:1;grid-row:1;order:0;min-height:0;height:140px}
.np-phone #home>.nav{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;align-content:start}
.np-phone .nav::before,.np-phone .nav::after{display:none}
.np-phone .nb,.np-phone .nb:hover,.np-phone .nb:active,.np-phone .nb:focus-visible{transform:none!important;border-radius:8px;overflow:hidden;height:64px;animation:none;min-width:0}
.np-phone .nb>span{transform:none;padding:8px 10px 8px 14px;gap:9px}
.np-phone .nb b{font-size:17px;letter-spacing:.025em;line-height:1.1}.np-phone .nb small{font-size:9px;line-height:1.3;letter-spacing:.035em;margin-top:5px}
.np-phone .nb .ic{font-size:21px}.np-phone .nb::before{width:3px}.np-phone .nb.big{grid-column:1/-1;height:62px}.np-phone .nb.big b{font-size:24px}
.np-phone #npSocialNav{display:block}
.np-phone #home #party.side{display:none}
.np-phone #menu.np-social-open #party.side{display:flex;position:fixed;z-index:11;inset:calc(12px + var(--np-top)) var(--gr) calc(12px + var(--np-bottom)) auto;width:min(420px,calc(100% - var(--gl) - var(--gr)));height:auto;overflow:auto;padding:12px;background:#071324;border:1px solid #536d91;border-radius:14px;gap:12px;touch-action:pan-y;box-shadow:0 24px 90px #000b}
.np-phone #home #party.side>.panel{flex:none;min-height:0}
.np-phone #home .lchat .lc-wrap{height:180px;min-height:120px;flex:none}.np-phone #home #party.side>.panel.lchat{min-height:0}
.np-phone #menu.np-social-open #npSocialShade{display:block;position:fixed;inset:0;z-index:10;background:#010611b8;backdrop-filter:blur(4px);border:0}
.np-phone .np-social-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ffd451;font-family:var(--display);font-size:18px}
.np-phone .np-social-head button{min-width:64px;min-height:44px;border:1px solid #536b8e;border-radius:6px;background:#12243b;padding:8px;font:700 12px var(--ui)}
.np-phone #onlinePop{position:fixed;z-index:14;inset:calc(16px + var(--np-top)) var(--gr) calc(16px + var(--np-bottom)) var(--gl);width:auto;max-height:none;overflow:auto}
.np-phone .shead{gap:10px;flex-wrap:nowrap;margin:0 0 14px;min-width:0;position:sticky;top:calc(-10px - var(--np-top));z-index:3;padding:8px 0;background:#07111fef;border-bottom:1px solid #47628555}
.np-phone .stitle{min-width:0}.np-phone .stitle h1{font-size:25px;line-height:1.1;overflow-wrap:anywhere}.np-phone .stitle small{font-size:9px;letter-spacing:.12em}
.np-phone .back{height:44px;min-width:74px;flex:none;padding:0 10px;font-size:11px;transform:none;border-radius:6px}.np-phone .back>span{transform:none;gap:5px}
.np-phone .shint{display:none}.np-phone .psec{margin:12px 0 8px;font-size:11px}
.np-phone .tiles,.np-phone .tiles.off{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:10px;margin-bottom:16px}
.np-phone .tile{height:140px;transform:none!important;clip-path:none;border-radius:9px;animation:none}
.np-phone .tin,.np-phone .tiles.off .tin{transform:none;padding:48px 12px 12px;gap:5px;justify-content:flex-end}
.np-phone .tin b,.np-phone .tiles.off .tin b{font-size:17px}.np-phone .tin small{font-size:11px;line-height:1.35;letter-spacing:0}
.np-phone .tin .big,.np-phone .tiles.off .tin .big{top:12px;left:12px;margin:0;width:28px;height:28px;font-size:18px}
.np-phone .tin .wm{font-size:90px;opacity:.12}.np-phone .tiles.off .tile{height:128px}.np-phone .tchip{top:12px;right:8px;font-size:9px}
.np-phone #playlists{display:flex;padding-bottom:calc(36px + var(--np-bottom));gap:0}
.np-phone .pls{grid-template-columns:1fr;padding:0;gap:10px}
.np-phone .plc{transform:none;min-height:0;border-radius:9px;animation:none}.np-phone .plin{transform:none;position:relative;inset:auto;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:3px 10px;padding:14px 40px 14px 10px;text-align:left}
.np-phone .pl-head,.np-phone .pl-info{display:contents}.np-phone .pl-art{grid-column:1;grid-row:1/5;width:58px;height:58px;min-height:0}.np-phone .pl-art img{width:54px}.np-phone .pl-art[data-tag]::before{display:none}
.np-phone .pl-name{grid-column:2;grid-row:1;font-size:19px;white-space:normal}.np-phone .pl-tag{grid-column:2;grid-row:2;font-size:10px;margin:0}
.np-phone .pl-rank{grid-column:2;grid-row:3;font-size:13px;text-align:left;white-space:normal}.np-phone .pl-div{grid-column:2;grid-row:4;font-size:10px;text-align:left;margin:0;max-width:none!important}
.np-phone .pl-wl{display:none}.np-phone .pl-cnt{grid-column:1/-1;grid-row:5;font-size:9px;margin-top:8px;white-space:normal}.np-phone .plc .chk{right:12px;top:14px;margin:0;width:22px;height:22px}
.np-phone .actbar{position:sticky;bottom:0;margin:12px 0 0;padding:10px 0;background:#081323f5;display:flex;flex-direction:row;gap:10px;align-items:center;z-index:2}
.np-phone .actbar .status{flex:1;font-size:11px;text-align:left}.np-phone .actbar .bigbtn{width:auto;min-width:144px}
.np-phone .bigbtn,.np-phone .bigbtn.sm{height:48px;padding:0 20px;font-size:18px;transform:none;border-radius:7px}.np-phone .bigbtn>span{transform:none}
.np-phone .sbtn{min-height:44px;padding:9px 12px;transform:none!important;border-radius:6px;font-size:11px}.np-phone .sbtn>span{transform:none}
.np-phone .tabs,.np-phone .ctabs,.np-phone .lbtabs,.np-phone .ad-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;touch-action:pan-x;padding:4px 2px 8px;scrollbar-width:thin;max-width:100%}
.np-phone .tabs button,.np-phone .ctab,.np-phone .lbt{flex:0 0 auto;min-height:44px;padding:10px 12px;white-space:nowrap;font-size:11px;transform:none}
.np-phone .formwrap,.np-phone .formwrap.narrow,.np-phone .formwrap.wide{width:100%;max-width:none}
.np-phone .form{padding:16px}.np-phone .frow2,.np-phone .fgrid{grid-template-columns:minmax(0,1fr);gap:14px}.np-phone .fgrid>.muts{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}
.np-phone .mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.np-phone .f,.np-phone .f>*{min-width:0}
.np-phone input.t,.np-phone select.t,.np-phone textarea.t,.np-phone .lc-form input{font-size:16px;min-height:44px}.np-phone textarea.t{min-height:100px}
.np-phone input[type=range]{min-height:40px}.np-phone .formfoot{gap:10px;margin-top:14px}.np-phone .formfoot .status{min-width:0;flex:1 1 100%}
.np-phone .tblwrap{max-width:100%;overflow-x:auto;touch-action:pan-x pan-y}.np-phone .sbt{min-width:460px}.np-phone .sbt th,.np-phone .sbt td{font-size:11px;padding:8px 6px}
.np-phone .po-board .sbt th:nth-child(n+6),.np-phone .po-board .sbt td:nth-child(n+6),.np-phone #board .sbt th:nth-child(n+6),.np-phone #board .sbt td:nth-child(n+6){display:table-cell}
.np-phone #garage{display:flex;flex-direction:column;gap:10px;padding-bottom:calc(36px + var(--np-bottom))}
.np-phone .gstage{flex:none;height:190px;min-height:0}.np-phone .gstage .spot{inset:0 0 46px}.np-phone .gname{left:4px;bottom:4px;max-width:66%}.np-phone .gname b{font-size:20px}.np-phone .gname span{font-size:10px}
.np-phone .gteam{top:0;bottom:auto;right:0}.np-phone .gteam button{height:44px;padding:0 10px;font-size:10px;transform:none;border-radius:5px}.np-phone .gteam button>span{transform:none}.np-phone .ghint{display:none}
.np-phone .gpanel{min-width:0;gap:8px}.np-phone .gtabs{display:flex;overflow:auto;gap:6px;padding:3px 1px 8px;touch-action:pan-x;scroll-snap-type:x proximity}
.np-phone .gtab{height:54px;min-width:72px;flex:none;font-size:9px;transform:none;border-radius:6px;scroll-snap-align:start}.np-phone .gtab>*{transform:none}.np-phone .gtab .ic{font-size:18px}
.np-phone .ggrid{grid-template-columns:repeat(3,minmax(0,1fr));flex:none;overflow:visible;gap:8px;padding:4px;min-height:0}
.np-phone .gi .nm{font-size:10px;padding:6px}.np-phone .gi.eq::after{width:auto;height:auto;left:auto;right:3px;top:3px;font-size:7px;padding:3px;background:#86edc5}
.np-phone .gfoot{position:sticky;bottom:0;margin:0;padding:10px 4px;z-index:2;background:#081323f5}.np-phone .gsel b{font-size:15px}.np-phone .gsel small{font-size:10px}
.np-phone .np-top{padding:12px;gap:12px;flex-direction:row}.np-phone .np-tier{flex-direction:column;gap:0}.np-phone .np-tier b{font-size:30px}.np-phone .np-prog small{font-size:11px}
.np-phone .np-track{touch-action:pan-x;max-width:100%;overflow-x:auto}.np-phone .np-card{flex-basis:136px}.np-phone .np-quests,.np-phone .np-drops{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.np-phone .cgrid{grid-template-columns:minmax(0,1fr);gap:12px}.np-phone .ccard{padding:16px}.np-phone .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.np-phone .rcards{grid-template-columns:1fr;gap:10px}
.np-phone .rcard{flex-direction:row;flex-wrap:wrap;text-align:left;justify-content:flex-start;gap:10px;padding:12px;transform:none}.np-phone .rcard img{width:60px;height:60px;order:-1;margin:0}.np-phone .rcard .rhead{flex:1}.np-phone .rw{grid-template-columns:repeat(4,minmax(0,1fr))}
.np-phone #cClan,.np-phone .lbp{max-height:none;max-width:100%;overflow:visible}.np-phone .cl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.np-phone .cl-row{flex-wrap:wrap}.np-phone .cl-head{padding:16px}.np-phone .cl-mem{max-height:none}
.np-phone .lb-row,.np-phone .lbli{min-width:0}.np-phone .ts-cols{grid-template-columns:1fr;gap:10px}.np-phone .ts-head h1{font-size:28px}.np-phone .tc-list{min-height:60px}.np-phone .ts-foot{flex-wrap:wrap;gap:10px}
.np-phone .pmenu{width:min(420px,100%);padding:0}.np-phone .pmenu .nb{height:54px}.np-phone .pmenu .nb>span>span{flex-direction:row;gap:10px;align-items:center}.np-phone .pmenu .nb small{margin:0}
.np-phone .post{max-width:100%}.np-phone .po-head h1{font-size:30px}.np-phone .po-score b{min-width:42px;font-size:26px;padding:4px 10px}.np-phone .po-row{grid-template-columns:1fr;gap:12px}
.np-phone .po-foot{flex-wrap:wrap}.np-phone .po-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;flex:1 1 100%;align-items:center}.np-phone .po-btns .status{flex:1 1 100%;text-align:left}.np-phone .po-btns .bigbtn,.np-phone .po-btns .sbtn{flex:1;width:auto;white-space:nowrap}
.np-phone .np-match-summary{gap:6px;margin:12px 0}.np-phone .np-match-summary>div{padding:10px 4px}.np-phone .np-match-summary b{font-size:22px}.np-phone .np-match-summary small{font-size:9px}
/* Dialogs scroll inside the visible phone viewport, including with the keyboard open. */
.np-phone :is(#confirm,#linksPop,#updPop,#unlockPop,#statsPop,#tradePop,#clanCardPop,#clanInvPop,#notePop,#mutePop,#repPop,#fbPop,#adminPop,#pnPop,#tiPop,#dropPop){padding:12px;max-height:100dvh;overflow:auto;touch-action:pan-y}
.np-phone :is(.cf-box,.up-card,.sp-card,.ad-card,.tr-card,.pn-card,.ti-card,#dpCard,.np-player-dialog){box-sizing:border-box;max-width:100%;max-height:calc(var(--np-visible-height,100dvh) - 24px)!important;overflow:auto!important;touch-action:pan-y;padding:16px!important;border-radius:12px}
.np-phone :is(.cf-box,.ad-card,.up-card,.sp-card) h2{font-size:24px}.np-phone .ad-head{gap:12px;align-items:center}.np-phone .ad-head b{font-size:22px}
.np-phone .cf-btns,.np-phone .up-row{flex-direction:row;flex-wrap:wrap;gap:8px}.np-phone .cf-btns button,.np-phone .up-row button{flex:1;min-width:90px}
.np-phone .pn-head,.np-phone .pn-list,.np-phone .pn-foot{padding:12px!important}.np-phone .pn-list li{font-size:13px}.np-phone #unlockList{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.np-phone #partyInv{top:auto;bottom:calc(12px + var(--np-bottom));right:12px;max-height:calc(100dvh - 24px);overflow:auto}
.np-phone #board{padding:12px;pointer-events:auto;touch-action:pan-x pan-y}.np-phone .sb{max-height:calc(100dvh - 24px);overflow:auto;padding:10px}
.np-board-close{display:none}.np-phone .np-board-close{display:block;position:sticky;left:0;margin-bottom:10px}
.np-phone #searchBar{top:auto;bottom:calc(30px + var(--np-bottom));width:calc(100% - 32px);max-width:440px;left:50%}.np-phone #searchBar.ig{top:calc(64px + var(--np-top));bottom:auto;left:12px;transform:none;max-width:240px}
.np-phone .sb-in{height:48px;gap:8px;padding:0 8px 0 12px;transform:none;border-radius:8px}.np-phone .sb-in>*{transform:none}.np-phone .sb-txt small{font-size:10px}.np-phone .sb-x{min-width:44px;min-height:44px}
.np-phone #menu.srch .scr,.np-phone #menu.srch #garage,.np-phone #menu.srch #playlists{padding-bottom:calc(94px + var(--np-bottom))}.np-phone #menu.srch .actbar,.np-phone #menu.srch .gfoot{bottom:58px;padding-bottom:10px}
.np-phone #np-connection{top:auto!important;bottom:calc(30px + var(--np-bottom))!important;right:12px!important;padding:3px 6px!important;font-size:9px!important}
.np-phone .np-connection:not(#np-connection){top:calc(56px + var(--np-top));max-width:60vw;font-size:11px;padding:6px 10px;z-index:16}
.np-phone .np-arena-tag{top:calc(110px + var(--np-top));left:12px;padding:8px;max-width:48vw}.np-phone .np-arena-tag b{font-size:15px}
.np-phone #toast{top:auto;bottom:calc(240px + var(--np-bottom));font-size:12px;max-width:80vw;padding:8px 12px}
.np-phone #trainHud{top:calc(60px + var(--np-top));left:12px;width:calc(100vw - 152px);max-width:380px;padding:8px 10px}.np-phone #trainHud b{font-size:12px}.np-phone #trainHud span{font-size:12px}.np-phone #trainHud small{font-size:10px}
.np-phone #feed{left:12px;bottom:calc(230px + var(--np-bottom));max-width:50vw;font-size:10px}.np-phone #help{display:none}
.np-phone .np-touch-guide{padding:12px;background:#16324d;border:1px solid #456b91;border-radius:8px;font-size:13px;line-height:1.6;margin-bottom:14px}.np-touch-guide{display:none}.np-phone .np-touch-guide{display:block}
.np-phone .np-practice-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.np-practice-buttons{display:none}
.np-phone #touch .tb{color:#e8f3ff;min-width:44px;min-height:44px;border:1px solid #b2ceef88;background:#0b1c32c9;box-shadow:0 3px 12px #0005;touch-action:none;-webkit-touch-callout:none;font-size:11px;user-select:none}
.np-phone #touch .tb.on{background:#266fa3df;border-color:#bce4ff}
.np-phone #stick{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(24px + var(--np-bottom));width:112px;height:112px;background:#0c1c317d;border-color:#b2ceef88;touch-action:none}
.np-phone #knob{width:46px;height:46px;margin:-23px;background:#adcff477}
.np-phone #tJump{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(24px + var(--np-bottom));width:64px;height:64px}
.np-phone #tBoost{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(100px + var(--np-bottom));width:64px;height:64px;color:#ffd479}
.np-phone #tDrift{right:calc(92px + env(safe-area-inset-right,0px));bottom:calc(102px + var(--np-bottom));width:52px;height:52px}
.np-phone #tRollL{left:calc(16px + env(safe-area-inset-left,0px));right:auto;bottom:calc(154px + var(--np-bottom));width:46px;height:46px}
.np-phone #tRollR{left:calc(72px + env(safe-area-inset-left,0px));right:auto;bottom:calc(154px + var(--np-bottom));width:46px;height:46px}
.np-phone #tItem{right:calc(92px + env(safe-area-inset-right,0px));bottom:calc(168px + var(--np-bottom));width:48px;height:48px}
.np-phone #tCam,.np-phone #tRear{width:110px;height:44px;right:calc(12px + env(safe-area-inset-right,0px));bottom:auto;border-radius:8px;font-size:10px}
.np-phone #tCam{top:calc(60px + var(--np-top))}.np-phone #tRear{top:calc(112px + var(--np-top))}
.np-phone #tMenu{left:calc(12px + env(safe-area-inset-left,0px));top:calc(10px + var(--np-top));margin:0;width:44px;height:44px;border-radius:8px;font-size:14px}
.np-phone #boost{width:68px;height:68px;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(184px + var(--np-bottom))}.np-phone #boost .num{font-size:22px}.np-phone #boost .lbl{bottom:9px;font-size:8px}
.np-phone #score .t{min-width:38px;font-size:22px;padding:4px 8px}.np-phone #score .clk{min-width:58px;font-size:19px;padding:4px 8px}
.np-phone #msg .big{font-size:clamp(28px,7vw,50px)}.np-phone #msg .sub{font-size:11px}
/* Landscape phones get a true two-column lobby and garage, not a stacked desktop page. */
.np-phone.np-landscape #menu{--top:calc(68px + var(--np-top))}
.np-phone.np-landscape #menu.full,.np-phone.np-landscape #menu.notop{--top:calc(8px + var(--np-top))}
.np-phone.np-landscape #home{grid-template-columns:minmax(270px,44%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:18px}
.np-phone.np-landscape #home>.nav{grid-column:1;grid-row:1;gap:7px;align-content:start}
.np-phone.np-landscape .nb,.np-phone.np-landscape .nb.big{height:52px;grid-column:auto}.np-phone.np-landscape .nb b,.np-phone.np-landscape .nb.big b{font-size:16px}.np-phone.np-landscape .nb small{font-size:8px}.np-phone.np-landscape .nb .ic{font-size:18px}
.np-phone.np-landscape #home>.spot{grid-column:2;grid-row:1;height:100%;min-height:180px}
.np-phone.np-landscape .shead{padding:4px 0;margin-bottom:10px}.np-phone.np-landscape .stitle h1{font-size:24px}
.np-phone.np-landscape .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.np-phone.np-landscape .tiles.off{grid-template-columns:repeat(3,minmax(0,1fr))}.np-phone.np-landscape .tile{height:130px}.np-phone.np-landscape .tiles.off .tile{height:116px}
.np-phone.np-landscape .pls{grid-template-columns:repeat(3,minmax(0,1fr))}.np-phone.np-landscape .plin{grid-template-columns:1fr;padding:12px 10px;text-align:center}.np-phone.np-landscape .pl-art{display:none}.np-phone.np-landscape .pl-name,.np-phone.np-landscape .pl-tag,.np-phone.np-landscape .pl-rank,.np-phone.np-landscape .pl-div{grid-column:1;text-align:center}.np-phone.np-landscape .pl-name{font-size:18px;padding:0 16px}.np-phone.np-landscape .plc .chk{width:18px;height:18px;right:8px;top:10px}.np-phone.np-landscape .pl-cnt{font-size:8px}
.np-phone.np-landscape .frow2,.np-phone.np-landscape .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-phone.np-landscape .fgrid>.muts{border-top:0;border-left:1px solid var(--line);padding:0 0 0 14px}
.np-phone.np-landscape #garage{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0 14px;overflow:hidden}
.np-phone.np-landscape #garage .shead{grid-column:1/-1}.np-phone.np-landscape .gstage{height:auto;min-height:0}.np-phone.np-landscape .gpanel{overflow:hidden}.np-phone.np-landscape .ggrid{flex:1;overflow:auto;touch-action:pan-y;min-height:0}.np-phone.np-landscape .gfoot{flex:none;position:static}.np-phone.np-landscape .gtabs{flex:none;margin-bottom:0}.np-phone.np-landscape .gtab{height:46px;min-width:64px}.np-phone.np-landscape .gname b{font-size:18px}.np-phone.np-landscape .gteam button{height:36px;min-height:36px}
.np-phone.np-landscape .ts-cols{grid-template-columns:1fr auto 1fr}.np-phone.np-landscape .ts-head h1{font-size:24px}.np-phone.np-landscape .rcards{grid-template-columns:repeat(3,minmax(0,1fr))}.np-phone.np-landscape .rcard img{width:44px;height:44px}
.np-phone.np-landscape .po-row{grid-template-columns:repeat(2,minmax(0,1fr))}.np-phone.np-landscape .po-row.solo{grid-template-columns:1fr}.np-phone.np-landscape .po-head h1{font-size:28px}
.np-phone.np-landscape #tJump{right:calc(96px + env(safe-area-inset-right,0px))}.np-phone.np-landscape #tBoost{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(24px + var(--np-bottom))}
.np-phone.np-landscape #tDrift{right:calc(100px + env(safe-area-inset-right,0px));bottom:calc(100px + var(--np-bottom))}
.np-phone.np-landscape #tRollL{left:auto;right:calc(174px + env(safe-area-inset-right,0px));bottom:calc(24px + var(--np-bottom))}.np-phone.np-landscape #tRollR{left:auto;right:calc(174px + env(safe-area-inset-right,0px));bottom:calc(80px + var(--np-bottom))}
.np-phone.np-landscape #tItem{right:calc(174px + env(safe-area-inset-right,0px));bottom:calc(136px + var(--np-bottom))}
.np-phone.np-landscape #boost{right:auto;left:50%;transform:translateX(-50%);bottom:calc(12px + var(--np-bottom));width:66px;height:66px}
.np-phone.np-landscape #feed{bottom:calc(142px + var(--np-bottom));max-width:32vw}.np-phone.np-landscape #toast{bottom:calc(94px + var(--np-bottom))}.np-phone.np-landscape .np-arena-tag{top:60px;left:64px;max-width:40vw}
@media(max-height:360px){.np-phone.np-landscape #home>.nav{gap:6px}.np-phone.np-landscape .nb,.np-phone.np-landscape .nb.big{height:46px}.np-phone.np-landscape .nb small{display:none}.np-phone.np-landscape #home>.spot{min-height:140px}.np-phone .np-arena-tag{display:none}}

.np-phone .lbl li{flex-wrap:wrap;gap:6px;padding:9px;min-width:0}.np-phone .lbl .n{width:24px;font-size:11px}.np-phone .lbl>li>img{width:24px;height:24px;flex:none}.np-phone .lbl .v{flex:0 0 100%;font-size:11px;text-align:right;color:#b9cce5;white-space:normal}.np-phone .lbl .nm{font-size:13px}.np-phone .lbl .np-clan-logo{width:32px;height:36px;flex-basis:32px}.np-phone .lbl .np-clan-logo img{width:27px;height:27px}.np-phone .lbl .np-clan-logo b{font-size:8px}

.np-phone #np-policy-links{position:fixed!important;left:var(--gl)!important;bottom:var(--np-bottom)!important;padding:0!important;background:transparent!important;gap:14px!important;min-height:28px;align-items:center;font-size:11px!important}.np-phone #menu[data-scr=home] #status{visibility:hidden}.np-phone #mFoot .status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.np-phone #nitropitch-terms-modal dialog,.np-phone #np-cookie-dialog{max-height:calc(var(--np-visible-height,100dvh) - 24px)!important;padding:16px!important;touch-action:pan-y}.np-phone #nitropitch-terms-title{font-size:24px!important}
.np-phone #ruHud{top:180px;bottom:auto;left:12px;right:auto;min-width:0;width:130px;padding:6px;gap:5px;font-size:10px;pointer-events:none}.np-phone #ruHud .ru-ic{width:28px;height:28px}.np-phone #specKeys{display:none}.np-phone #specHud{padding:8px;gap:6px}.np-phone #specWho{font-size:12px}
.np-phone.np-landscape #ruHud{top:auto;bottom:calc(94px + var(--np-bottom));left:50%;transform:translateX(-50%);width:120px}
.np-phone.np-landscape #tRear{right:calc(12px + env(safe-area-inset-right,0px));width:76px}
#tChat{left:calc(12px + env(safe-area-inset-left,0px));top:calc(60px + env(safe-area-inset-top,0px));width:60px;height:44px;border-radius:8px;font-size:10px}
#npTouchChat{position:absolute;pointer-events:auto;left:max(12px,env(safe-area-inset-left,0px));top:calc(112px + env(safe-area-inset-top,0px));width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 128px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;background:#081524f5;border:1px solid #577391;border-radius:10px;overflow:auto;touch-action:pan-y;z-index:4}
#npTouchChat .np-chat-close{grid-column:1/-1}#npTouchChat .sbtn{font-size:11px;min-height:44px;border-radius:5px;transform:none;white-space:normal}