/* This dialog is lazy-created only for desktop/controller play. Every rule
   excludes phone layout so the established mobile interface stays untouched. */
body:not(.phone-ui) #playerQuickMenu{width:min(440px,calc(100vw - 40px));max-width:440px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #a3bc9c61;border-radius:14px;background:linear-gradient(145deg,#162e35,#0c1d26);color:#e5eed9;box-shadow:0 20px 90px #0009;overflow:auto;box-sizing:border-box}
body:not(.phone-ui) #playerQuickMenu::backdrop{background:#071219a3;backdrop-filter:none}
body:not(.phone-ui) #playerQuickMenu .player-quick-header{height:auto;min-height:0;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid #a3bc9c2b}
body:not(.phone-ui) #playerQuickMenu .player-quick-eyebrow{margin:0 0 5px;color:#a0bba6;font:10px/1.2 var(--mono,monospace);letter-spacing:.13em}
body:not(.phone-ui) #playerQuickMenu h2{margin:0;font:600 28px/1.1 var(--display,Arial,sans-serif)}
body:not(.phone-ui) #playerQuickMenu .player-quick-back{flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #a3bc9c45;border-radius:8px;background:#19353c;color:#e1eed5;font:28px/1 var(--mono,monospace)}
body:not(.phone-ui) #playerQuickMenu .player-quick-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:18px 20px 12px}
body:not(.phone-ui) #playerQuickMenu .player-quick-choices button{width:100%;min-height:54px;margin:0;padding:14px 16px;border:1px solid #a3bc9c4d;border-radius:8px;background:#23433d;color:#e6efd7;font:600 15px/1.4 var(--mono,monospace);text-align:left}
body:not(.phone-ui) #playerQuickMenu .player-quick-hint{margin:0;padding:0 20px 18px;color:#a8c0b2;font:11px/1.6 var(--mono,monospace)}
body:not(.phone-ui) #playerQuickMenu button:is(:hover,:focus-visible,[data-controller-focus]){outline:2px solid #d7f6a3;outline-offset:2px;background:#2e5145;color:#f0f8de}