/* The navigation car has a readable scrolling floor panel at every size. */
[data-skin="arcade"] .c-header[data-quit-navigation]{display:flex;gap:14px;padding-inline:20px;align-items:center}
.c-header[data-quit-navigation] .c-header__brand{margin-right:auto;flex-shrink:0}
.c-header[data-quit-navigation] .c-header__brand img{width:150px;height:auto;max-width:calc(298px / var(--quit-dpr,1))}
.c-header[data-quit-navigation] .q-elevator-call{order:1;flex:0 0 110px;width:110px;min-width:110px;height:48px;padding:0;margin:0;background:none;border:0;cursor:pointer}
.c-header[data-quit-navigation] .q-elevator-call>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:filter .12s,transform .12s}
.c-header[data-quit-navigation] .q-elevator-call:hover>img,.c-header[data-quit-navigation] .q-elevator-call[aria-expanded="true"]>img{filter:brightness(1.35)}
.c-header[data-quit-navigation] .q-elevator-call:active>img{transform:translateY(2px)}
.c-header[data-quit-navigation] .q-elevator-call:focus-visible{outline:3px solid #ffe36b;outline-offset:2px}
.c-header[data-quit-navigation]>.c-sound{order:2}
.c-header[data-quit-navigation]>.c-header__buy{order:3;min-width:180px;min-height:48px}
.q-elevator{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:#020503df;color:#efebce;overflow:hidden;overscroll-behavior:contain;box-sizing:border-box}
.q-elevator::backdrop{background:transparent}
.q-elevator[open]{display:grid;place-items:center}
.q-menu-car{position:relative;display:flex;flex-direction:column;width:min(1120px,100%);height:min(900px,100%);min-height:0;overflow:hidden;background:#222620 url('/runtime/quit/elevator-art/steel.webp') repeat;border:7px solid #31372d;border-radius:20px;box-shadow:0 0 0 3px #060908,inset 0 0 0 3px #8b8970,0 18px 50px #000}
.q-menu-bar{position:relative;z-index:2;display:flex;align-items:center;gap:14px;flex:none;padding:20px}
.q-menu-indicator{display:flex;flex:1;min-width:0;min-height:54px;align-items:center;justify-content:center;padding:10px 20px;background:none;border:8px solid transparent;border-image:url('/runtime/quit/elevator-art/plate.webp') 110 130 fill / 8px 12px / 0 stretch;color:#25dc71;font:400 clamp(15px,2.1vw,24px)/1.1 var(--t-font-display);text-align:center}
.q-menu-close{flex:0 0 98px;min-height:48px;border:0;padding:8px;background:none;border:8px solid transparent;border-image:url('/runtime/quit/elevator-art/plate.webp') 110 130 fill / 8px 12px / 0 stretch;color:#25dc71;font:400 15px/1 var(--t-font-display);cursor:pointer}
.q-menu-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;flex:1;min-height:0;padding:0 18px}
.q-menu-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-content:start;min-width:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#b3a67a #10150e;padding:5px 8px 14px 5px;scroll-padding:8px}
.q-menu-floor{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;min-height:62px;border:0;padding:10px 12px;color:#e8dfbb;font:400 17px/1.05 var(--t-font-display);text-align:left;background:none;border:8px solid transparent;border-image:url('/runtime/quit/elevator-art/plate.webp') 110 130 fill / 8px 12px / 0 stretch;cursor:pointer;transition:box-shadow .12s,transform .12s}
.q-menu-floor{font-size:22px}
/* The floor numbers are figures, in the display face with the names: at 15 px the widest (2.02) is as wide as it was in
   the body face at 17 px, and sits inside its 40 px disc. */
.q-menu-number{display:flex;flex:0 0 40px;align-items:center;justify-content:center;min-height:40px;border-radius:50%;color:#100e08;background:#c6bb85;box-shadow:0 0 0 3px #090e0a,0 0 0 5px #696a54;font-weight:700;font-size:15px}
/* The floors are keys, so they are in the display face (Jersey 20, the owner's choice of 26 Oct 2026). Jersey 20 sets
   these names about 1.18 times as wide as the body face did at the same size, so a name takes .82 of the key's size (the
   largest at which WATCH THE STREAM keeps one line at 1024 px), on the line height it had (1.08 of the key's size): no
   name takes more lines than it had and every floor keeps its box. */
.q-menu-name{overflow-wrap:anywhere;font-size:.82em;line-height:1.317}
/* QUIT CLUB (elevator-menu.js membersOnly): a members' floor's plate words, for a visitor without the pass, in the club's
   pale gold: a small plate in the key's row after the name (below); on a lobby key they sit in its lower right corner. The face falls back to the site body face where a page has no --t-font-body
   ("/" and /go load no tokens.css): without it the font declaration fell away and the plate took the key's 22 px face. */
.q-menu-members{position:absolute;top:-5px;right:14px;z-index:1;padding:1px 5px;border:1px solid #c9a24a;background:#050403;color:#d8b45e;font:700 9px/1.2 var(--t-font-body,"Archivo Narrow",Arial,sans-serif);letter-spacing:.1em;white-space:nowrap;pointer-events:none}
.q-lobby-members{position:absolute;right:6%;bottom:8%;padding:.2em .45em;border:1px solid #c9a24a;background:#050403e6;color:#d8b45e;font:700 clamp(8px,1.1cqw,13px)/1.1 var(--t-font-body,"Archivo Narrow",Arial,sans-serif);letter-spacing:.1em;white-space:nowrap;pointer-events:none}
/* The plate takes its place in the key's row, after the name, so a name that wraps to two lines never runs under it (the
   owner's report, 4 Nov 2026: AFTER WO.., TRADING B.., THE TRAILE.. on a 390 px phone; ESCAPE THE STANDUP and YOU WANDERED
   INTO ACCOUNTING on a computer); the name takes the room left. */
.q-menu-floor .q-menu-name{flex:1 1 auto;min-width:0}
.q-menu-floor .q-menu-members{position:static;flex:none;align-self:center;margin-left:auto}
/* No CSS filter on a framed button (owner report, 22 Oct 2026): brightness() and drop-shadow() on these plates drew an
   empty black box behind the button on hover in Brave and on phones, where a tap leaves :hover on. The light is a wash
   inside the frame (::before), brighter lettering and a glow drawn with box-shadow; hover only where there is a pointer. */
.q-menu-floor{z-index:0}
.q-menu-floor::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:4px;background:rgba(70,235,150,.09);opacity:0;transition:opacity .12s;pointer-events:none}
@media(hover:hover){
 .q-menu-floor:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px rgba(232,223,187,.5);border-radius:8px}
 .q-menu-floor:hover::before{opacity:1}
 .q-menu-floor:hover .q-menu-name{color:#fff6d6}
 .q-menu-floor:hover .q-menu-number{background:#eadfa6}
}
.q-menu-floor:active{transform:translateY(2px)}
.q-menu-floor:focus-visible,.q-menu-close:focus-visible{outline:3px solid #ffe36b;outline-offset:1px}
.q-menu-floor[data-elevator-current]{box-shadow:inset 0 0 0 2px #25dc71,0 0 6px rgba(37,220,113,.75);border-radius:8px}
.q-menu-floor[data-elevator-current]::before{opacity:1}
.q-menu-floor[data-elevator-current] .q-menu-name{color:#f4ffe9}
.q-menu-floor[data-elevator-current] .q-menu-number{background:#25dc71;box-shadow:0 0 0 3px #090e0a,0 0 10px #25dc71}
.q-menu-floor[data-elevator-selected]{box-shadow:inset 0 0 0 2px #ff9b32,0 0 8px rgba(255,155,50,.9);border-radius:8px}
.q-menu-floor[data-elevator-selected]::before{opacity:1}
.q-menu-floor[data-elevator-selected] .q-menu-name{color:#fff1df}
.q-menu-floor[data-elevator-selected] .q-menu-number{background:#f3e7b0}
.q-menu-floor[data-elevator-refused]{box-shadow:0 0 8px rgba(255,79,55,.95);border-radius:8px}
.q-menu-scene{min-width:0;min-height:0;overflow:hidden;border:4px solid #0b0f0a;border-radius:12px;background:#151911}
.q-menu-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.q-menu-note{flex:none;text-align:center;margin:0;padding:14px 16px;font:400 17px/1.1 var(--t-font-body);color:#ddd4ac}
.q-menu-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.q-menu-doors{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:12px}
.q-menu-leaf{position:absolute;inset:0;width:50.2%;background:#44483d url('/runtime/quit/elevator-art/steel.webp') repeat;box-shadow:inset -4px 0 0 #090d08,inset -8px 0 0 #a09975;transform:translateX(-102%)}
.q-menu-leaf[data-side="right"]{left:auto;right:0;transform:translateX(102%);box-shadow:inset 4px 0 0 #090d08,inset 8px 0 0 #a09975}
.q-menu-car[data-landing]{background:none;border-color:transparent;box-shadow:none}
/* X and TELEGRAM (BC02, launch audit 19 Oct 2026): the site's own accounts, a row under the indicator on the plate CLOSE uses.
 They are Button components (c-btn) bound by owner-links.js, not floors, and never ride. Owner order 19 Oct 2026 ("more
 pronounced", "add the logos"): 56 px, a bigger label, the selected floor's green ring and a green glow drawn as box-shadow
 (no filter, so the official marks keep their published colours), each mark left of its label. */
.q-menu-join{display:flex;flex:none;justify-content:flex-end;gap:14px;padding:0 20px 14px}
.q-elevator .q-menu-join .c-btn[data-variant]{flex:0 0 auto;gap:10px;min-width:150px;min-height:56px;margin:0;padding:8px 22px;border:8px solid transparent;border-radius:8px;border-image:url('/runtime/quit/elevator-art/plate.webp') 110 130 fill / 8px 12px / 0 stretch;background:none;box-shadow:inset 0 0 0 2px #25dc71,0 0 12px rgba(37,220,113,.6);color:#25dc71;font:400 19px/1 var(--t-font-display);letter-spacing:.02em;text-shadow:none;transition:box-shadow .12s,transform .12s}
.q-elevator .q-menu-join .c-btn[data-variant]:hover:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #25dc71,0 0 18px rgba(37,220,113,.85);transform:translateY(-1px)}
.q-elevator .q-menu-join .c-btn[data-variant]:active:not([aria-disabled="true"]){transform:translateY(2px)}
.q-elevator .q-menu-join .c-btn[aria-disabled="true"]{color:#7d8c7f;box-shadow:none;filter:none;opacity:1}
.q-elevator .q-menu-join .c-btn:focus-visible{outline:3px solid #ffe36b;outline-offset:1px}
/* The official marks (owner-marks.js), never stretched: X in white on the dark plate (X allows its mark only in black or
 white), Telegram in its own blue disc with the white plane. */
.q-owner-mark{flex:none;display:block;width:24px;height:24px}
.q-elevator .q-menu-join [data-owner-mark="x"]{color:#fff}
/* The join call to action outside the MENU (the guide row, the Break Room box): the site's bright green, filled, dark label
 (about 10:1), the arcade hard shadow and a green glow; X in black on the green, Telegram as published. */
:root .q-join-cta.c-btn[data-variant]{--c-fill:#25dc71;--c-text:#04130a;gap:12px;min-width:220px;min-height:60px;padding:10px 26px;border:3px solid #04130a;border-radius:10px;background:#25dc71;color:#04130a;box-shadow:0 5px 0 #0b5a2c,0 0 18px rgba(37,220,113,.45);font:400 21px/1 var(--t-font-display);letter-spacing:.02em;text-shadow:none}
:root .q-join-cta.c-btn[data-variant]:hover:not([aria-disabled="true"]){background:#4bf08e;transform:translateY(-2px)}
:root .q-join-cta.c-btn[data-variant]:active:not([aria-disabled="true"]){transform:translateY(3px);box-shadow:0 2px 0 #0b5a2c,0 0 12px rgba(37,220,113,.45)}
:root .q-join-cta.c-btn[aria-disabled="true"]{background:#2f4a38;color:#c9d6cb;box-shadow:none;filter:none;opacity:1}
:root .q-join-cta.c-btn:focus-visible{outline:3px solid #ffe36b;outline-offset:3px}
.q-join-cta .q-owner-mark{width:28px;height:28px}
.q-join-cta [data-owner-mark="x"]{color:#000}
/* The Break Room box's TELEGRAM (community.js, BC02): the same Button outside the MENU. Kept here, not in community.css,
 while another lane holds that file on launch day; it can move there after T0. */
.q-community-soon .q-community-soon__telegram{margin-top:14px}
@media(max-width:767px){
 [data-skin="arcade"] .c-header[data-quit-navigation]{gap:5px;padding-inline:8px}
 .c-header[data-quit-navigation] .c-header__brand img{width:82px}
 .c-header[data-quit-navigation] .q-elevator-call{flex-basis:74px;width:74px;min-width:74px;height:44px}
 .c-header[data-quit-navigation]>.c-header__buy{min-width:108px;min-height:44px;font-size:13px}
 .q-elevator{padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}
 .q-menu-car{width:100%;height:100%;border-width:5px;border-radius:13px}
 .q-menu-bar{padding:8px;gap:6px}
 .q-menu-indicator{min-height:48px;padding:8px;font-size:13px}
 .q-menu-close{flex-basis:68px;min-height:44px;font-size:12px}
 .q-menu-body{display:flex;flex-direction:column-reverse;gap:8px;padding:0 7px}
 .q-menu-scene{flex:0 0 130px;border-width:2px}
 .q-menu-scene>img{object-position:50% 20%}
 .q-menu-panel{grid-template-columns:minmax(0,1fr);flex:1;gap:6px;padding:4px 8px 12px 4px}
 .q-menu-floor{min-height:60px;font-size:21px;max-width:370px;justify-self:center}
 .q-menu-floor{font-size:21px;padding:8px 12px}
 .q-menu-note{padding:9px 7px;font-size:14px}
 .q-menu-join{gap:8px;padding:0 8px 8px}
 .q-elevator .q-menu-join .c-btn[data-variant]{flex:1 1 0;min-width:0;min-height:52px;padding:6px 8px;gap:8px;font-size:15px}
 .q-elevator .q-menu-join .q-owner-mark{width:22px;height:22px}
}
@media(max-width:359px){
 [data-skin="arcade"] .c-header[data-quit-navigation]{padding-inline:5px;gap:4px}
 .c-header[data-quit-navigation] .c-header__brand img{width:66px}
 .c-header[data-quit-navigation] .q-elevator-call{width:66px;min-width:66px;flex-basis:66px}
 .c-header[data-quit-navigation]>.c-header__buy{min-width:106px;font-size:12px}
 .q-menu-scene{flex-basis:92px}
 .q-menu-floor{font-size:18px}
}
/* The phone header draws MENU 36, 30 or 27 px tall so the row fits (contract-bar.css). On a touch screen an invisible
   strip the key's width and 44 px tall, centred on it, gives the thumb the whole target; nothing moves or redraws
   (mobile lane). */
@media(max-width:767px) and (pointer:coarse){
 .c-header[data-quit-navigation] .q-elevator-call{position:relative}
 .c-header[data-quit-navigation] .q-elevator-call::after{content:"";position:absolute;inset:50% 0 auto;height:44px;transform:translateY(-50%)}
}
/* From 768 to 959 px the car's floor panel is about 370 to 478 px wide: in two columns the long names (YOU WANDERED INTO
   ACCOUNTING, ESCAPE THE UNDERCLASS, THE COMPANY STORE) took three to five lines and spilled out of their 62 px floors
   (nine at 768 px, YOU WANDERED INTO ACCOUNTING still at 950). One column gives each name about 270 px or more, on one line
   inside its floor. From 960 px the panel keeps its two columns, every name on one or two lines inside its floor
   (measured in Chromium at 959, 960, 980, 1000, 1023 and 1024 px, 26 Oct 2026). */
@media(min-width:768px) and (max-width:959px){.q-menu-panel{grid-template-columns:minmax(0,1fr)}}
@media(max-height:500px){.q-elevator{padding:8px}.q-menu-bar{padding:6px 10px}.q-menu-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.q-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.q-menu-scene{display:block}.q-menu-note{padding:6px}.q-menu-floor{min-height:54px}.q-menu-floor:not([data-drawn]){font-size:16px;padding:10px}.q-menu-number{flex-basis:24px;font-size:14px;min-height:24px}}
@media(max-height:500px){.q-menu-join{padding:0 10px 6px}.q-elevator .q-menu-join .c-btn[data-variant]{flex:0 0 auto;min-width:130px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.q-menu-floor,.q-menu-floor::before,.q-elevator-call>img,.q-elevator .q-menu-join .c-btn[data-variant],:root .q-join-cta.c-btn[data-variant]{transition:none}.q-menu-floor:hover,.q-menu-floor:active,.q-elevator .q-menu-join .c-btn[data-variant]:hover,.q-elevator .q-menu-join .c-btn[data-variant]:active,:root .q-join-cta.c-btn[data-variant]:hover,:root .q-join-cta.c-btn[data-variant]:active{transform:none}}
/* Phones get one stream entry. There runtime/quit/stream-links.js sends WATCH THE STREAM to /broadcast/vertical, so
   WATCH VERTICAL would open the same page twice (audit-a5 G11, owner order AUD-D15). Same query as STREAM_PHONE. */
@media (max-width: 767px), (max-width: 1199px) and (max-aspect-ratio: 3/4){.q-menu-floor[data-floor="broadcast-vertical"]{display:none}}

/* MENU on a phone, the owner's comp B of 31 Oct 2026 (runtime/quit/menu-phone.js; mobile/menu-comps/comp-b2-1.png and
   comp-b2-2.png): the wordmark beside CLOSE on top, and one scrolling column under it of BUY $QUIT, SIGN IN or MY OFFICE,
   the sound and the language, WHERE TO, GARY? over the car's art and every floor, X and TELEGRAM, the penthouse note. The
   keys are the header's own faces in the deck's own plates (the key rules name .q-menu-keys, so the generic key reset
   above them does not take the plates away); every key is 44 px or more and every floor 48. */
@media(max-width:767px){
 .q-elevator[data-sheet="phone"] .q-menu-bar{justify-content:space-between;padding:8px 10px}
 .q-elevator[data-sheet="phone"] .q-menu-mark{display:block;flex:none;width:96px;height:auto}
 .q-elevator[data-sheet="phone"] .q-menu-close{min-height:44px}
 .q-elevator[data-sheet="phone"] .q-menu-scroll{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:2px 10px 10px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
 .q-elevator[data-sheet="phone"] .q-menu-keys{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;flex:none}
 .q-elevator[data-sheet="phone"] .q-menu-keys>:is(.q-menu-buy,.q-menu-acct){grid-column:1 / -1}
 /* the comp's order, whatever order the header's own rules give these classes */
 .q-elevator[data-sheet="phone"] .q-menu-keys>.q-menu-buy{order:0}
 .q-elevator[data-sheet="phone"] .q-menu-keys>.q-menu-acct{order:1}
 .q-elevator[data-sheet="phone"] .q-menu-keys>.q-menu-sound{order:2}
 .q-elevator[data-sheet="phone"] .q-menu-keys>.q-menu-lang{order:3}
 .q-elevator[data-sheet="phone"] .q-menu-keys .c-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;margin:0;
  border:0 solid transparent;border-radius:0;background:none;box-shadow:none;text-shadow:none;font:700 18px/1 var(--t-font-display);letter-spacing:.04em;text-decoration:none;white-space:nowrap;
  -webkit-text-stroke:0;filter:none;transform:none;transition:transform .12s ease-out}
 .q-elevator[data-sheet="phone"] .q-menu-keys .c-btn:active{transform:translateY(2px)}
 .q-elevator[data-sheet="phone"] .q-menu-keys .q-menu-buy{min-height:56px;padding:3px 16px 13px;font-size:22px;color:#1d0800;
  border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px 9px 12px stretch}
 .q-elevator[data-sheet="phone"] .q-menu-acct{position:static;display:block;min-width:0}
 .q-elevator[data-sheet="phone"] .q-menu-acct[hidden],.q-elevator[data-sheet="phone"] .q-menu-lang[hidden]{display:none}
 .q-elevator[data-sheet="phone"] .q-menu-acct>.qa-key{width:100%;min-width:0;height:auto;min-height:52px;font-size:18px}
 .q-elevator[data-sheet="phone"] .q-menu-acct .qa-face{width:28px;height:28px}
 .q-elevator[data-sheet="phone"] .q-menu-keys .q-menu-sound{--q-speaker-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' shape-rendering='crispEdges'%3E%3Cpath d='M1 4h3v4H1zM4 3h1v6H4zM5 2h1v8H5zM6 1h1v10H6zM9 4h1v1H9zM10 5h1v1h-1zM11 6h1v1h-1zM12 7h1v1h-1zM12 4h1v1h-1zM11 5h1v1h-1zM10 6h1v1h-1zM9 7h1v1H9z'/%3E%3C/svg%3E");--q-speaker-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' shape-rendering='crispEdges'%3E%3Cpath d='M1 4h3v4H1zM4 3h1v6H4zM5 2h1v8H5zM6 1h1v10H6zM8 4h1v1H8zM9 5h1v2H9zM8 7h1v1H8zM10 2h1v1h-1zM11 3h1v1h-1zM12 4h1v4h-1zM11 8h1v1h-1zM10 9h1v1h-1z'/%3E%3C/svg%3E");
  min-height:48px;padding:6px 12px 9px;font-size:15px;color:var(--t-green,#25dc71);border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/9px 10px 11px stretch}
 .q-elevator[data-sheet="phone"] .q-menu-sound::before{content:"";flex:none;width:22px;height:19px;background:currentColor;
  -webkit-mask:var(--q-speaker-off) center/contain no-repeat;mask:var(--q-speaker-off) center/contain no-repeat}
 .q-elevator[data-sheet="phone"] .q-menu-sound[aria-pressed="true"]::before{-webkit-mask-image:var(--q-speaker-on);mask-image:var(--q-speaker-on)}
 .q-elevator[data-sheet="phone"] .q-menu-lang{display:block;min-width:0}
 .q-elevator[data-sheet="phone"] .q-menu-lang>.q-lang__key{width:100%;min-width:0;min-height:48px;font-size:15px}
 .q-elevator[data-sheet="phone"] .q-menu-lang>.q-lang__key::before{display:block;width:18px;height:18px}
 .q-elevator[data-sheet="phone"] .q-menu-indicator{flex:none;display:block;margin:4px 0 0;padding:0;text-align:center;font-size:20px}
 .q-elevator[data-sheet="phone"] .q-menu-body{flex:none;display:flex;flex-direction:column-reverse;gap:8px;padding:0}
 .q-elevator[data-sheet="phone"] .q-menu-scene{flex:0 0 120px}
 .q-elevator[data-sheet="phone"] .q-menu-panel{flex:none;overflow:visible;padding:0}
 .q-elevator[data-sheet="phone"] .q-menu-floor{height:48px;min-height:48px;padding:1px 10px;border-width:5px;border-image-width:5px 9px;font-size:19px}
 .q-elevator[data-sheet="phone"] .q-menu-number{flex-basis:34px;min-height:34px;font-size:14px}
 .q-elevator[data-sheet="phone"] .q-menu-join{flex:none;padding:0}
 .q-elevator[data-sheet="phone"] .q-menu-note{flex:none;padding:4px 4px 0}
}