/* A single-screen arena dashboard. */
body.royal-theme[data-screen=lobby]{background:radial-gradient(ellipse at 50% 30%,#244768,#091b30 70%);font-family:Arial,sans-serif}
body.royal-theme[data-screen=lobby]>header{height:48px;flex-basis:48px;background:#10273d;border-bottom:1px solid #d8b56855;padding:4px 12px;box-shadow:none}
body.royal-theme[data-screen=lobby]>header .brand{font-size:12px;letter-spacing:1px}body.royal-theme[data-screen=lobby]>header .brand b{display:none}
body.royal-theme[data-screen=lobby]>header button{border-radius:10px;box-shadow:none;background:#213d56;border:1px solid #6b93ac55;min-height:34px}
body.royal-theme[data-screen=lobby]>header #headerLevel,body.royal-theme[data-screen=lobby]>header #help{display:none}
#nativeMenu81{display:none}body.native-app78 #nativeMenu81{display:inline-flex}
body.royal-theme[data-screen=lobby] #lobby{width:100%;max-width:680px;max-height:calc(100dvh - 48px);padding:10px 14px 8px;gap:9px}
body.royal-theme #lobby .lobby-heading{min-height:46px;height:46px;flex:0 0 46px;background:none}
body.royal-theme #lobby .lobby-heading h1{font:700 19px Arial,sans-serif;letter-spacing:0;text-transform:none;color:#fff1cc;text-shadow:none;max-width:none}
body.royal-theme #lobby .avatar{width:44px;height:44px;min-height:44px;flex-basis:44px;border-radius:14px;border:1px solid #e7c374;background:#24475c;box-shadow:none}
body.royal-theme #lobby .lobby-xp>b,body.royal-theme #lobby .lobby-xp>span{font-size:9px}body.royal-theme #lobby .lobby-xp>div{width:90px}
body.royal-theme #lobby .royal-arena-badge{display:none}
body.royal-theme #lobby .lobby-grid{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(110px,1fr) auto;gap:10px;flex:1;min-height:0}
body.royal-theme #lobby .lodge-hero{isolation:isolate;border:1px solid #cba96580;border-radius:22px;box-shadow:inset 0 1px #ffe6a84d;background:linear-gradient(0deg,#102b46f2,#14345165),url('art/royal-lodge-v44.webp') center 20%/cover;overflow:hidden;min-height:110px}
body.royal-theme #lobby .lodge-hero:before,body.royal-theme #lobby .lodge-light,body.royal-theme #lobby .lodge-embers,body.royal-theme #lobby .hero-copy,body.royal-theme #lobby .hero-caption{display:none}
.showcase81{position:absolute;inset:0 0 56px;display:flex;align-items:center;justify-content:center}
.showcase81:before{content:'IL TUO TAVOLO';position:absolute;top:12px;left:16px;font-size:9px;letter-spacing:2px;color:#ffe1a0}
.showcase81 button{position:absolute;padding:0;border:0;background:none;box-shadow:none;min-height:0}
#tablePreviewButton81{width:88%;height:92%;bottom:0;left:2%}#tablePreview81{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0005)}
#dartPreviewButton81{right:10%;bottom:8%;width:20%;height:68%;transform:rotate(8deg)}#dartPreview81{width:100%;height:100%;object-fit:contain;filter:drop-shadow(6px 10px 7px #0008)}
body.royal-theme #lobby .loadout-card{display:flex!important;position:absolute;bottom:0;left:0;right:0;width:auto;min-height:50px;margin:0;padding:8px 14px;border:0;border-top:1px solid #a3cbd72b;border-radius:0;background:#0d263de8;box-shadow:none;gap:8px}
body.royal-theme #lobby .loadout-card>img,body.royal-theme #lobby .loadout-card small{display:none}
body.royal-theme #lobby .loadout-card>div{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}
body.royal-theme #lobby .loadout-card b{font:600 11px Arial,sans-serif;color:#ecf5ff;max-width:65%}
body.royal-theme #lobby .loadout-card button{font:700 10px Arial,sans-serif;color:#92e6dd;padding:8px 0;min-height:32px}
body.royal-theme #lobby .lobby-play{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;display:flex;flex-direction:column;gap:7px;width:100%}
body.royal-theme #lobby .mode-list{gap:5px}
body.royal-theme #lobby .mode-card{height:39px;min-height:39px;padding:5px;background:#17334d;border:1px solid #6d92ac55;border-radius:10px;box-shadow:none}
body.royal-theme #lobby .mode-card.selected{background:#244e62;border-color:#7ce0d1;box-shadow:inset 0 -2px #7ce0d1}
body.royal-theme #lobby .mode-card b{font:600 11px Arial,sans-serif;color:#e3edf5}
body.royal-theme #lobby #cpuStyleLabel{margin:0;min-height:32px}body.royal-theme #lobby #cpuStyle{height:32px;min-height:32px;background:#142e47;border:1px solid #658da155;border-radius:8px}
body.royal-theme #lobby #homePlay{display:flex!important;align-items:center;justify-content:center;gap:15px;flex-shrink:0;width:100%;min-height:58px;height:58px;margin:0;padding:12px;border:1px solid #ffe69a;border-radius:15px;background:linear-gradient(#ffe497,#efb745);box-shadow:0 4px 0 #987032;color:#28313b;font:900 23px Arial,sans-serif;letter-spacing:1px;text-shadow:none}
body.royal-theme #lobby #homePlay:before{display:none}body.royal-theme #lobby #homePlay>b{font-size:20px}
.quick81{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;flex:0 0 46px}
body.royal-theme #lobby .quick81 button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;margin:0;padding:7px 4px;border:1px solid #54799066;background:#16324b;box-shadow:none;border-radius:11px;font:600 10px Arial,sans-serif;color:#d9e9f4}
body.royal-theme #lobby .quick81 button span{font-size:17px;color:#e9c77f}
body.royal-theme #lobby .bottom-nav{height:55px;flex:0 0 55px;border:1px solid #7199b033;border-radius:14px;background:#0d253c;box-shadow:none;padding:3px}
body.royal-theme #lobby .bottom-nav button{font:600 9px Arial,sans-serif;min-height:47px;color:#a9bfce;border:0;border-radius:10px;background:none;box-shadow:none;text-shadow:none}
body.royal-theme #lobby .bottom-nav button.active{background:#2c4b5a;color:#ffe09a;box-shadow:none;border:0}
body.royal-theme #lobby #resume49:not(.hidden){min-height:32px;height:32px;font-size:10px}
@media(max-height:650px){body.royal-theme[data-screen=lobby] #lobby{gap:6px;padding:6px 10px}body.royal-theme #lobby .lobby-heading{height:39px;min-height:39px;flex-basis:39px}body.royal-theme #lobby #homePlay{height:48px;min-height:48px;font-size:19px}.quick81{flex-basis:38px}body.royal-theme #lobby .quick81 button{min-height:38px}body.royal-theme #lobby .lobby-grid{gap:6px}}
@media(orientation:landscape) and (max-height:550px){body.royal-theme[data-screen=lobby]>header{display:none}body.royal-theme[data-screen=lobby] #lobby{max-height:100dvh;max-width:1000px}body.royal-theme #lobby .lobby-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(100px,1fr)}body.royal-theme #lobby .lobby-heading{display:none}.quick81{flex-basis:35px}body.royal-theme #lobby .quick81 button{min-height:35px}.showcase81:before{display:none}}
/* v82: open lodge scene, high-specificity controls avoid inherited blue cards. */
body.royal-theme[data-screen=lobby]{background:linear-gradient(0deg,#071b29f5 0%,#10283c70 48%,#10283c30),url('art/royal-lodge-v44.webp') center/cover fixed}
body.royal-theme[data-screen=lobby]>header{background:#0b2034d9;border-bottom-color:#e4cb8b33}
body.royal-theme #lobby .lodge-hero{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden}
body.royal-theme #lobby .showcase81{inset:0 0 46px}
body.royal-theme #lobby .showcase81:before{content:'LA LOGGIA DEI CAMPIONI';top:5px;left:0;right:0;text-align:center;color:#fff0c9;font-size:10px;letter-spacing:2px;text-shadow:0 2px 8px #000}
body.royal-theme #lobby .showcase81 button{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0;min-height:0;outline-offset:-4px}
body.royal-theme #lobby #tablePreviewButton81{width:100%;height:90%;left:0;bottom:0;transform:none}
body.royal-theme #lobby #tablePreview81{object-fit:contain;filter:drop-shadow(0 14px 10px #0009);transform:scale(1.18)}
body.royal-theme #lobby #dartPreviewButton81{right:6%;bottom:13%;height:55%;width:19%;transform:rotate(-12deg)}
body.royal-theme #lobby #dartPreview81{filter:drop-shadow(3px 8px 5px #0009)}
body.royal-theme #lobby .loadout-card{min-height:44px;border:1px solid #d3bd874a;border-radius:12px;background:#0b2338db;padding:6px 12px}
body.royal-theme #lobby .loadout-card button{color:#ffdc94;background:none!important;box-shadow:none!important;border:0!important}
body.royal-theme #lobby .lobby-heading{background:linear-gradient(90deg,#0a203ac9,transparent);border-radius:12px}
body.royal-theme #lobby .mode-card{background:#0d263bd9;border-color:#c3b38a55;color:#ecf2f3}
body.royal-theme #lobby .mode-card.selected{background:#176b72;border-color:#70dfd0;box-shadow:inset 0 -2px #70dfd0}
body.royal-theme #lobby .quick81 button{background:#0b2538db;border-color:#a2bbb82e}
body.royal-theme #lobby .bottom-nav{background:#0a2034ed}
body.royal-theme #lobby #homePlay{background:linear-gradient(#ffdf8b,#eeb54c);border-radius:16px;letter-spacing:2px}
@media(max-height:600px){body.royal-theme #lobby .quick81{display:none}body.royal-theme #lobby .showcase81:before{display:none}}

/* v86 — lodge welcome and direct equipment controls. */
body.royal-theme #lobby .lodge-hero{border:0!important;outline:0!important;box-shadow:none!important}
body.royal-theme #lobby .loadout-card{display:none!important}
body.royal-theme #lobby .showcase81{inset:0;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:16px 8px}
body.royal-theme #lobby .showcase81:before{display:none}
.welcome86{text-align:center;text-shadow:0 3px 18px #000}
.welcome86>span{font:700 10px Arial,sans-serif;letter-spacing:4px;color:#8eddd5}
body.royal-theme #lobby .welcome86 h2{margin:12px 0;font:700 clamp(27px,7vw,43px)/1.08 Georgia,serif;color:#fff5dd;letter-spacing:-.5px}
.welcome86 h2 em{color:#efca7e;font-style:normal}
.welcome86 p{font:12px/1.4 Arial,sans-serif;color:#d0dedf;margin:0}
.equipment86{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:460px}
body.royal-theme #lobby .showcase81 .equipment86 button{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:left;padding:16px 12px!important;min-height:76px;border:1px solid #d7bc775e!important;border-radius:16px!important;background:linear-gradient(135deg,#1c4053ee,#0c2437ee)!important;box-shadow:0 5px 16px #0003!important;color:#f5e6c2}
.equipment86 button>span{grid-row:1/3;align-self:center;font-size:29px;color:#8bdbd3}
.equipment86 b{font:700 15px Arial,sans-serif}.equipment86 small{font:10px Arial,sans-serif;color:#b7ced7;margin-top:5px}.equipment86 i{position:absolute;right:9px;top:8px;color:#e8c47e;font-style:normal;font-size:13px}
body.royal-theme #lobby .showcase81 .equipment86 button:active{transform:translateY(2px);border-color:#8bdbd3!important}
body.royal-theme #lobby .showcase81 .equipment86 button:focus-visible{outline:2px solid #ffe098;outline-offset:3px}
body.royal-theme #lobby .lobby-play{padding:12px!important;border:1px solid #8daba62b!important;border-radius:20px;background:#081d2bd9!important;gap:9px}
body.royal-theme #lobby .mode-card{border-radius:12px;min-height:42px;height:42px}
body.royal-theme #lobby .mode-card.selected{background:#236a70;border-color:#8ce1d5}
@media(max-height:700px){body.royal-theme #lobby .showcase81{gap:10px;padding:6px}.welcome86 p{display:none}body.royal-theme #lobby .welcome86 h2{font-size:25px;margin:5px 0}body.royal-theme #lobby .showcase81 .equipment86 button{min-height:55px;padding:9px!important}.equipment86 small{display:none}.equipment86 button>span{font-size:22px}.equipment86 b{align-self:center;font-size:13px}body.royal-theme #lobby .lobby-play{padding:8px!important}}
@media(orientation:landscape) and (max-height:550px){body.royal-theme #lobby .showcase81{gap:8px}.welcome86>span,.welcome86 p{display:none}body.royal-theme #lobby .welcome86 h2{font-size:23px}.equipment86{gap:6px}}
