/* Mahjong Radar Ver 69 consolidated responsive design system. */
:root{
  --v52-navy:#0d2d4a;
  --v52-navy-2:#173f64;
  --v52-gold:#c79431;
  --v52-gold-soft:#e6c77e;
  --v52-ivory:#fbf7ef;
  --v52-paper:#fffdf8;
  --v52-ink:#24374a;
  --v52-muted:#746a5d;
  --v52-line:rgba(190,143,57,.34);
  --v52-shadow:0 18px 45px rgba(50,38,20,.10);
  --v52-radius:22px;
}
html{background:var(--v52-ivory)}
body{background:
  radial-gradient(circle at 5% 12%,rgba(205,164,82,.09),transparent 26%),
  radial-gradient(circle at 96% 26%,rgba(23,59,99,.045),transparent 28%),
  linear-gradient(180deg,#fffdf8,#f7f0e3 66%,#fbf7ef);color:var(--v52-ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(190,143,57,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(190,143,57,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 82%,transparent)}
header{background:rgba(255,253,248,.94)!important;border-bottom:1px solid rgba(190,143,57,.28)!important;box-shadow:0 7px 24px rgba(32,38,42,.06)!important;backdrop-filter:blur(18px)}
.header-inner{max-width:1390px!important;padding-left:28px!important;padding-right:28px!important}.brand img,.public-brand img{border-radius:50%!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}.brand strong,.public-brand strong{letter-spacing:.14em}.main-nav button.active{background:linear-gradient(180deg,rgba(23,59,99,.08),rgba(23,59,99,.02))!important;color:var(--v52-navy)!important;box-shadow:inset 0 -2px var(--v52-navy)!important}.main-nav button{border-radius:12px!important}
main{max-width:1390px!important;padding-left:24px!important;padding-right:24px!important}.screen{animation:v52fade .22s ease}@keyframes v52fade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
.btn{border-radius:12px!important;min-height:44px;font-weight:780!important;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--v52-navy-2),var(--v52-navy))!important;border-color:#d2a54b!important;color:#fff!important;box-shadow:0 8px 20px rgba(13,45,74,.17)!important}.btn-gold{background:linear-gradient(135deg,#d9af54,#b67f20)!important;color:#fffdf3!important;border-color:#9f6c17!important;box-shadow:0 8px 18px rgba(173,119,25,.18)!important}.btn-ghost{background:rgba(255,253,248,.82)!important;border-color:var(--v52-line)!important;color:var(--v52-navy)!important}.btn:hover{transform:translateY(-2px)!important;filter:saturate(1.04)}
.card,.heritage-panel{border:1px solid var(--v52-line)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,241,226,.92))!important;border-radius:var(--v52-radius)!important;box-shadow:var(--v52-shadow)!important}
.eyebrow{color:#a37422!important;letter-spacing:.2em!important}.section-title{font-size:clamp(34px,3.2vw,48px)!important;line-height:1!important;color:var(--v52-navy)!important;margin-bottom:20px!important}.section-title::after{content:"";display:block;width:76px;height:2px;background:linear-gradient(90deg,var(--v52-gold),transparent);margin-top:10px}

/* Public landing / login */
#auth{background:var(--v52-ivory)!important}.public-shell{max-width:1490px!important;margin:auto!important}.public-topbar{max-width:1390px!important;margin:auto;padding:18px 26px!important}.public-main{max-width:1390px!important;margin:0 auto!important;grid-template-columns:minmax(0,1.5fr) minmax(400px,.78fr)!important;gap:34px!important;align-items:start!important;padding:28px 26px 44px!important}.public-hero{min-height:760px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 14px 60px!important}.hero-brand-lockup{display:grid!important;grid-template-columns:minmax(270px,390px) minmax(0,1fr)!important;gap:30px!important;align-items:center!important}.hero-logo-frame{width:min(31vw,390px)!important;height:min(31vw,390px)!important;border-radius:50%!important;background:transparent!important;padding:0!important;box-shadow:0 22px 50px rgba(75,51,21,.12)!important;overflow:hidden!important}.hero-logo-frame .animated-emblem{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;clip-path:circle(49% at 50% 50%)!important}.public-kicker{letter-spacing:.28em!important;color:#a97822!important}.public-hero h1{font-size:clamp(54px,5.3vw,82px)!important;line-height:.93!important;color:var(--v52-navy)!important;margin-top:14px!important}.public-hero h1 span{color:var(--v52-navy)!important}.public-hero-copy{max-width:690px!important;font-size:18px!important;line-height:1.62!important;margin:30px 0 0!important;color:var(--v52-muted)!important}.public-feature-row{gap:10px!important;margin-top:24px!important}.public-feature-pill{background:rgba(255,253,248,.86)!important;border:1px solid var(--v52-line)!important;border-radius:999px!important;padding:10px 15px!important;box-shadow:0 8px 18px rgba(70,50,24,.06)!important}
.auth-card{position:sticky!important;top:92px!important;border:1px solid rgba(190,143,57,.48)!important;border-radius:26px!important;background:linear-gradient(160deg,#fffefb,#f8efdd)!important;box-shadow:0 25px 60px rgba(45,38,28,.13)!important;padding:10px!important}.auth-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(190,143,57,.24);border-radius:18px;pointer-events:none}.au-inner{padding:30px 24px 28px!important}.auth-emblem{width:92px!important;height:92px!important;margin:0 auto 8px!important;background:transparent!important}.auth-emblem .animated-emblem{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;clip-path:circle(49% at 50% 50%)!important}.auth-card h1{text-align:center!important;color:var(--v52-navy)!important;letter-spacing:.08em!important}.auth-welcome h2{font-size:29px!important;line-height:1.12!important;margin-top:24px!important}.auth-feature-grid{gap:10px!important;margin-top:20px!important}.auth-feature{min-height:112px!important;border-radius:16px!important;background:rgba(255,255,255,.65)!important;border:1px solid var(--v52-line)!important;box-shadow:0 7px 16px rgba(62,48,27,.05)!important}.auth-feature b{font-size:28px!important}.auth-choice{gap:10px!important;margin-top:18px!important}.auth-choice .btn{min-height:54px!important;font-size:17px!important}.auth-card input,.auth-card select{min-height:48px!important;border-radius:13px!important}.auth-card #au-login,.auth-card #au-register,.auth-card #au-forgot,.auth-card #au-reset{max-width:640px!important;margin:0 auto!important}.auth-close{width:42px!important;height:42px!important;right:18px!important;top:18px!important;border-radius:50%!important;background:#fffdf8!important;color:var(--v52-navy)!important;border:1px solid var(--v52-line)!important;font-size:24px!important}

/* Home */
#screen-home{max-width:1320px!important;margin:0 auto!important}.hero{border:1px solid var(--v52-line)!important;border-radius:26px!important;background:radial-gradient(circle at 76% 0,rgba(211,169,72,.18),transparent 32%),linear-gradient(145deg,#fffdf8,#f5ead3)!important;box-shadow:var(--v52-shadow)!important;padding:30px!important}.hero .hero-logo,.hero img{border-radius:50%!important;background:transparent!important}.stats{gap:14px!important;margin-top:16px!important}.stat{border:1px solid var(--v52-line)!important;border-radius:18px!important;background:rgba(255,253,248,.82)!important;box-shadow:0 8px 18px rgba(70,50,24,.06)!important;padding:16px!important}.stat .n{font-size:29px!important;color:var(--v52-navy)!important}.setup-checklist{margin-top:18px!important}.setup-shell{border-radius:24px!important;padding:22px!important;background:linear-gradient(145deg,#fffdf8,#f7ecd7)!important;border:1px solid rgba(190,143,57,.42)!important;box-shadow:var(--v52-shadow)!important}.setup-shell-head{align-items:center!important}.setup-shell-head h3{font-size:25px!important}.setup-percentage{width:72px!important;height:72px!important;min-width:72px!important}.setup-pill-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.setup-pill{min-height:105px!important;border-radius:18px!important;align-items:center!important}.setup-pill .pill-icon{width:42px!important;height:42px!important;font-size:18px!important}.setup-actions{justify-content:flex-end!important}.referral-home-card{border-radius:24px!important;padding:24px!important;background:radial-gradient(circle at 92% 10%,rgba(225,188,103,.22),transparent 28%),linear-gradient(135deg,#0d2945,#174b65)!important;border:1px solid #c4953c!important;box-shadow:0 18px 40px rgba(13,41,69,.18)!important}.referral-home-card h3{font-size:30px!important}.referral-home-actions .btn{color:#f6d77f!important;border-color:#c99b40!important}.referral-home-actions .btn.btn-gold{color:#fff!important}

/* Find Games */
#screen-find{max-width:1320px!important;margin:0 auto!important;padding-bottom:48px!important}.searchbar{max-width:none!important;border:1px solid var(--v52-line)!important;border-radius:18px!important;background:rgba(255,253,248,.92)!important;box-shadow:0 8px 22px rgba(42,41,38,.06)!important;padding:14px 18px!important}.searchbar input{font-size:15px!important}.row:has(#find-city){max-width:none!important}.row:has(#find-city)::before{content:"LOCATION";position:absolute;transform:translate(16px,-31px);font-size:10px;letter-spacing:.14em;color:#a37422}.row:has(#find-city){position:relative;margin-top:26px!important}#find-city{min-height:54px!important;border-radius:16px!important;background:#fffdf8!important;border:1px solid var(--v52-line)!important;padding:0 16px!important}.tool-grid#find-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:none!important;margin:16px 0!important}.tool-grid#find-tools .tool-card{min-height:112px!important;border-radius:20px!important;grid-template-columns:56px 1fr auto!important;padding:17px!important;background:linear-gradient(145deg,#fffdf8,#f6ecd7)!important;border:1px solid var(--v52-line)!important;box-shadow:0 10px 24px rgba(50,38,20,.07)!important}.tool-grid#find-tools .glyph{width:54px!important;height:54px!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;color:var(--v52-gold)!important;border:1px solid var(--v52-line)!important}.filter-row{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:18px 0!important}.fchip{min-height:38px!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(255,253,248,.9)!important;border:1px solid var(--v52-line)!important;color:#62594d!important;box-shadow:0 5px 12px rgba(70,50,24,.04)!important}.fchip.on{background:linear-gradient(135deg,var(--v52-navy-2),var(--v52-navy))!important;color:#fff!important;border-color:#d1a348!important}.directory-viewbar{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:10px 0 16px!important}.discovery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.compact-table-card,.sponsor-directory-card,.host-prompt-card{min-height:530px!important;border-radius:24px!important;padding:20px!important;background:linear-gradient(155deg,#fffefb,#f8efdf)!important;border:1px solid var(--v52-line)!important;box-shadow:0 14px 32px rgba(52,39,21,.09)!important;overflow:hidden!important}.compact-table-card{display:flex!important;flex-direction:column!important}.compact-table-head{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:13px!important;align-items:center!important}.compact-table-avatar .avatar{width:70px!important;height:70px!important;border:2px solid #cda552!important;box-shadow:0 7px 17px rgba(13,45,74,.13)!important}.compact-table-overline{font-size:12px!important;color:#8c7045!important;letter-spacing:.05em!important}.compact-table-title{font-size:28px!important;line-height:1.03!important;color:var(--v52-navy)!important;margin:4px 0!important}.compact-table-host{font-size:13px!important}.compact-table-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;padding:15px 0!important;border-top:1px solid rgba(190,143,57,.18)!important;border-bottom:1px solid rgba(190,143,57,.18)!important;margin-top:15px!important}.compact-table-chips{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:12px 0!important}.compact-seat-panel{border-radius:17px!important;background:linear-gradient(135deg,rgba(23,59,99,.07),rgba(205,164,82,.10))!important;border:1px solid rgba(190,143,57,.24)!important;padding:13px!important}.compact-seat-count{background:var(--v52-navy)!important;color:#fff!important;border-radius:13px!important;min-width:66px!important}.compact-table-stats{margin-top:auto!important;padding-top:14px!important}.compact-table-foot{margin-top:12px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--v52-navy-2),var(--v52-navy))!important;color:#fff!important;padding:12px!important}.host-prompt-card{display:flex!important;flex-direction:column!important;text-align:center!important;justify-content:space-between!important}.host-prompt-card .glyph{margin:0 auto!important}.sponsor-directory-card{display:flex!important;flex-direction:column!important}.sponsor-directory-media{height:190px!important;border-radius:17px!important;overflow:hidden!important}.sponsor-action-area{margin-top:auto!important}

/* Host */
#screen-host{max-width:1320px!important;margin:0 auto!important}.host-command-center{border-radius:26px!important;overflow:hidden!important;border:1px solid var(--v52-line)!important;box-shadow:var(--v52-shadow)!important;background:linear-gradient(145deg,#fffdf8,#f5ead5)!important}.command-head{background:radial-gradient(circle at 100% 0,rgba(226,192,109,.2),transparent 30%),linear-gradient(135deg,#0d2d4a,#174b65)!important;padding:26px!important}.command-head h3{font-size:30px!important;color:#fff!important}.command-kpis{gap:12px!important;padding:18px 20px!important}.command-kpi{border-radius:18px!important;min-height:105px!important;background:rgba(255,255,255,.83)!important;border:1px solid var(--v52-line)!important;box-shadow:0 8px 20px rgba(58,43,22,.06)!important}.command-kpi b{font-size:34px!important}.command-alerts{padding:0 20px!important}.command-alert{border-radius:16px!important}.command-actions{padding:18px 20px 22px!important;justify-content:flex-end!important}.host-intro{border-radius:18px!important;background:linear-gradient(135deg,#0d2d4a,#214f69)!important;color:#fff!important;padding:17px 20px!important;box-shadow:0 12px 26px rgba(13,45,74,.13)!important}.host-intro .meta{color:#e4d6b5!important}.card#host-form{max-width:1040px!important;margin:18px auto 28px!important;padding:24px!important}.card#host-form .field{margin-bottom:18px!important}.card#host-form input,.card#host-form select,.card#host-form textarea{border-radius:13px!important;min-height:48px!important;background:#fffdf8!important}.hosted-table-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.hosted-table-card{border-radius:22px!important;box-shadow:0 12px 28px rgba(52,39,21,.08)!important}

/* Members */
#screen-members{max-width:1320px!important;margin:0 auto!important}.player-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important}.player-profile-card{border-radius:24px!important;overflow:hidden!important;background:linear-gradient(155deg,#fffefb,#f6ecda)!important;border:1px solid var(--v52-line)!important;box-shadow:0 14px 32px rgba(52,39,21,.09)!important;min-height:420px!important}.player-cover{height:150px!important;background:radial-gradient(circle at 50% 40%,rgba(214,175,91,.20),transparent 44%),linear-gradient(145deg,#123b5c,#0d2944)!important}.player-cover .avatar{width:96px!important;height:96px!important;border:3px solid #d2aa55!important}.player-card-body{padding:20px!important;text-align:center!important}.player-card-body h3{font-size:25px!important;color:var(--v52-navy)!important}.player-stats{border-radius:14px!important;background:rgba(255,255,255,.7)!important;border:1px solid rgba(190,143,57,.22)!important}.formats-line{min-height:38px!important}

/* Complete profile */
#screen-complete-profile{max-width:1320px!important;margin:0 auto!important}.complete-profile-grid{gap:20px!important}.complete-summary-card,.complete-main-card{border-radius:25px!important;box-shadow:var(--v52-shadow)!important}.complete-summary-card{background:linear-gradient(155deg,#0d2d4a,#174e67)!important;color:#fff!important}.complete-summary-card .eyebrow,.complete-summary-card h3,.complete-summary-card b{color:#fff!important}.complete-summary-card small{color:#d7e3e7!important}.complete-status-item{background:rgba(255,255,255,.09)!important;border-color:rgba(230,199,126,.28)!important}.complete-main-card{padding:24px!important}.complete-feature-card,.complete-form-card{border-radius:20px!important}.complete-avatar-preview{width:126px!important;height:126px!important}

/* Chats */
#screen-chats{max-width:1320px!important;margin:0 auto!important}.chat-surface{padding:22px!important;border-radius:25px!important;background:linear-gradient(145deg,#fffdf8,#f6ecd8)!important;border:1px solid var(--v52-line)!important;box-shadow:var(--v52-shadow)!important}.chat-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}.chat-quick-card{min-height:108px!important;border-radius:18px!important;background:rgba(255,255,255,.74)!important;border:1px solid var(--v52-line)!important;padding:16px!important}.chat-quick-card b{font-size:17px!important}.chat-item{border-radius:17px!important;padding:15px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(190,143,57,.23)!important;box-shadow:0 7px 16px rgba(50,38,20,.04)!important;margin-bottom:9px!important}.chat-item:hover{transform:translateY(-1px);border-color:#c79a40!important}.chatview{background:rgba(8,24,39,.52)!important;backdrop-filter:blur(8px)!important}.chatview-panel{border-radius:24px!important;overflow:hidden!important;background:#fffdf8!important;border:1px solid var(--v52-line)!important}.msg.own .bubble{background:linear-gradient(135deg,var(--v52-navy-2),var(--v52-navy))!important;color:#fff!important}.msg:not(.own) .bubble{background:#f6ecdb!important;border:1px solid rgba(190,143,57,.22)!important}

/* Community portrait cards */
#screen-community{max-width:1320px!important;margin:0 auto!important}.community-tool-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:none!important}.community-card{min-height:520px!important;border-radius:28px!important;padding:24px 20px 18px!important;background:linear-gradient(180deg,#fffefb,#f7ecd8)!important;border:1px solid rgba(190,143,57,.46)!important;box-shadow:0 16px 35px rgba(52,39,21,.11),inset 0 0 0 5px rgba(255,255,255,.58)!important;text-align:center!important;display:flex!important;flex-direction:column!important}.community-card::before{content:""!important;position:absolute!important;inset:10px!important;border-radius:20px!important;border:1px solid rgba(190,143,57,.24)!important}.community-art-wrap{width:184px!important;height:184px!important;margin:8px auto 16px!important}.community-art-wrap::before{background:radial-gradient(circle at 35% 25%,#1f5377,#0d2d4a 68%)!important;border:4px solid #d1a84f!important}.community-art-svg .art-disc{fill:#0d2d4a!important;stroke:#d1a84f!important;stroke-width:3!important}.community-art-svg .art-line{fill:none!important;stroke:#e4ba5b!important;stroke-width:3!important}.community-art-svg .art-line.thin{stroke-width:1.5!important}.community-art-svg .art-line.soft{stroke:#98752f!important;opacity:.55!important}.community-art-svg .art-fill{fill:#e4ba5b!important}.community-card h3{font-size:26px!important;color:var(--v52-navy)!important;min-height:60px!important}.community-card p{font-size:14px!important;line-height:1.55!important;max-width:240px!important;margin:0 auto 20px!important}.community-card-button{margin-top:auto!important;min-height:50px!important;background:linear-gradient(135deg,var(--v52-navy-2),var(--v52-navy))!important;color:#f4d47b!important;border:1px solid #d1a84f!important;border-radius:12px!important}

/* Availability & fill assistant sheets */
.availability-days,.availability-windows,.availability-formats{display:flex;flex-wrap:wrap;gap:8px}.availability-days button,.availability-windows button,.availability-formats button{border:1px solid var(--v52-line);background:#fffdf8;color:var(--v52-ink);border-radius:999px;padding:9px 13px;cursor:pointer}.availability-days button.on,.availability-windows button.on,.availability-formats button.on{background:var(--v52-navy);color:#fff;border-color:#d0a34c}.fill-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fill-suggestion{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--v52-line);border-radius:16px;padding:12px;background:#fffdf8}.fill-suggestion .avatar{width:48px;height:48px}.fill-suggestion input{width:20px;height:20px}.fill-score{font-weight:850;color:#9d6d1e}

@media(max-width:1120px){.public-main{grid-template-columns:1fr!important}.public-hero{min-height:auto!important}.auth-card{position:relative!important;top:auto!important;max-width:700px!important;margin:auto!important}.hero-brand-lockup{grid-template-columns:280px 1fr!important}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.player-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.community-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.setup-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hosted-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  main{padding-left:12px!important;padding-right:12px!important}.public-main{padding:0!important}.public-shell{display:none!important}.mobile-onboarding{display:flex!important}.header-inner{padding-left:12px!important;padding-right:12px!important}.section-title{font-size:32px!important}.hero{padding:18px!important}.setup-shell{padding:16px!important}.setup-pill-grid{grid-template-columns:1fr 1fr!important}.setup-pill{min-height:90px!important;padding:10px!important}.setup-shell-head{align-items:flex-start!important}.setup-percentage{width:58px!important;height:58px!important;min-width:58px!important;font-size:18px!important}.tool-grid#find-tools{grid-template-columns:1fr!important}.discovery-grid{grid-template-columns:1fr!important}.compact-table-card,.sponsor-directory-card,.host-prompt-card{min-height:auto!important}.player-card-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.player-profile-card{min-height:350px!important}.player-cover{height:120px!important}.player-cover .avatar{width:76px!important;height:76px!important}.player-card-body{padding:13px!important}.community-tool-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:13px!important;padding:5px 8vw 16px!important;margin-left:-12px!important;margin-right:-12px!important}.community-card{flex:0 0 min(80vw,300px)!important;min-width:min(80vw,300px)!important;min-height:500px!important;scroll-snap-align:center!important}.chat-quick-grid{grid-template-columns:1fr!important}.hosted-table-grid{grid-template-columns:1fr!important}.command-kpis{grid-template-columns:repeat(2,1fr)!important}.complete-profile-grid{grid-template-columns:1fr!important}.fill-suggestion-grid{grid-template-columns:1fr}.mobile-welcome-logo{border-radius:50%!important;overflow:hidden!important;background:transparent!important}.mobile-welcome-logo .animated-emblem{object-fit:contain!important;border-radius:50%!important;clip-path:circle(49% at 50% 50%)!important}}
@media(max-width:440px){.setup-pill-grid,.player-card-grid{grid-template-columns:1fr!important}.auth-feature-grid{gap:6px!important}.mobile-feature-grid{gap:7px!important}.command-kpis{grid-template-columns:1fr 1fr!important}}
.compact-calendar-btn{border:1px solid rgba(232,204,137,.5);background:rgba(255,255,255,.12);color:#f3d47a;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer}.compact-calendar-btn:hover{background:rgba(255,255,255,.2)}
.availability-home-card{margin-top:16px;border:1px solid var(--v52-line);border-radius:22px;background:linear-gradient(145deg,#fffdf8,#f6ecd8);box-shadow:var(--v52-shadow);padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.availability-home-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v52-navy-2),var(--v52-navy));color:#f4d47b;font-size:26px}.availability-home-card h3{margin:0;color:var(--v52-navy);font-size:22px}.availability-home-card p{margin:4px 0 0;color:var(--v52-muted);font-size:13px}.availability-home-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.availability-home-tags span{padding:5px 8px;border-radius:999px;border:1px solid var(--v52-line);background:rgba(255,255,255,.68);font-size:10px;color:#705d41}@media(max-width:760px){.availability-home-card{grid-template-columns:auto 1fr}.availability-home-card>.btn{grid-column:1/-1;width:100%}}
.v52-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.v52-chat-toolbar .searchbar{flex:1;max-width:620px;margin:0!important}.v52-chat-toolbar .chip{white-space:nowrap}@media(max-width:760px){.v52-chat-toolbar{align-items:stretch;flex-direction:column}.v52-chat-toolbar .searchbar{max-width:none;width:100%}}

/* Mahjong Radar Ver 52.1 — approved-template implementation.
   This file is intentionally loaded last and is the visual source of truth. */
:root{
  --mr-navy:#0b3153;
  --mr-navy-2:#16466c;
  --mr-ink:#233548;
  --mr-muted:#70675c;
  --mr-gold:#c7932d;
  --mr-gold-2:#e3c270;
  --mr-line:rgba(190,143,48,.36);
  --mr-ivory:#fbf8f1;
  --mr-paper:#fffdf8;
  --mr-wash:#f5ead5;
  --mr-shadow:0 16px 42px rgba(72,51,22,.10);
  --mr-shadow-soft:0 8px 22px rgba(72,51,22,.07);
  --mr-radius:22px;
}
html,body{background:var(--mr-ivory)!important;color:var(--mr-ink)!important}
body{
  background-image:
    radial-gradient(circle at 5% 10%,rgba(208,169,84,.10),transparent 26%),
    radial-gradient(circle at 96% 30%,rgba(19,55,89,.045),transparent 26%),
    linear-gradient(180deg,#fffefb 0%,#fbf7ee 58%,#f7f0e4 100%)!important;
  min-height:100dvh;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.42;
  background:
    radial-gradient(ellipse at 14% 64%,transparent 0 63%,rgba(195,148,54,.08) 64% 65%,transparent 66%) 0 0/120px 150px,
    radial-gradient(ellipse at 88% 68%,transparent 0 63%,rgba(195,148,54,.07) 64% 65%,transparent 66%) 0 0/140px 170px;
  mask-image:linear-gradient(to bottom,transparent 0,black 11%,black 92%,transparent 100%);
}
*{scrollbar-color:rgba(183,139,54,.45) transparent}
::selection{background:#ecd69e;color:#173b63}

/* ---------- Typography and universal controls ---------- */
.eyebrow{color:#9b6f24!important;letter-spacing:.21em!important;font-weight:700!important}
.section-title{font-family:"Cormorant Garamond",serif!important;color:var(--mr-navy)!important;font-size:clamp(36px,3.3vw,50px)!important;line-height:.96!important;margin:3px 0 20px!important}
.section-title::after{content:"";display:block;width:76px;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--mr-gold),transparent)}
.btn,.header-install,.public-support,.fchip,.more-item{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.btn{border-radius:12px!important;min-height:45px!important;font-weight:800!important}
.btn-primary{background:linear-gradient(135deg,#16496f,#0a2b48)!important;color:#fff!important;border:1px solid #c99431!important;box-shadow:0 8px 18px rgba(12,45,74,.18)!important}
.btn-gold{background:linear-gradient(135deg,#deb65c,#b67c1e)!important;color:#fffaf0!important;border:1px solid #9d6814!important;box-shadow:0 8px 18px rgba(170,111,20,.18)!important}
.btn-ghost{background:rgba(255,253,248,.90)!important;color:var(--mr-navy)!important;border:1px solid var(--mr-line)!important}
.btn:hover,.header-install:hover,.public-support:hover,.fchip:hover,.more-item:hover{transform:translateY(-2px)!important;filter:brightness(1.025);box-shadow:0 10px 22px rgba(25,48,68,.12)!important}
input,select,textarea{border-radius:13px!important;border:1px solid var(--mr-line)!important;background:#fffdf9!important;color:var(--mr-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#bf8b28!important;box-shadow:0 0 0 3px rgba(196,145,42,.14)!important}
.card,.heritage-panel{border:1px solid var(--mr-line)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,239,221,.92))!important;border-radius:var(--mr-radius)!important;box-shadow:var(--mr-shadow-soft)!important}

/* ---------- App header: exact desktop-template proportions ---------- */
header.app{position:sticky!important;top:0!important;z-index:90!important;background:rgba(255,253,248,.96)!important;border-bottom:1px solid rgba(190,143,48,.30)!important;box-shadow:0 5px 18px rgba(44,37,27,.055)!important;backdrop-filter:blur(18px)!important}
.header-inner{max-width:1390px!important;min-height:88px!important;padding:0 28px!important;display:grid!important;grid-template-columns:minmax(330px,1fr) auto minmax(330px,1fr)!important;align-items:center!important;gap:20px!important;margin:auto!important}
.wordmark{display:flex!important;align-items:center!important;gap:13px!important}.wordmark img{width:58px!important;height:58px!important;object-fit:contain!important;border:0!important;box-shadow:none!important;background:transparent!important}.wordmark .name{font-family:"Cormorant Garamond",serif!important;font-size:25px!important;letter-spacing:.14em!important;color:var(--mr-navy)!important}.wordmark .tag{font-size:10px!important;letter-spacing:.22em!important;color:#a2701f!important;margin-top:1px!important}
.desktop-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.desktop-nav button{position:relative!important;min-height:48px!important;padding:0 17px!important;border:0!important;background:transparent!important;color:#5e554a!important;font-family:"Cormorant Garamond",serif!important;font-size:17px!important;letter-spacing:.02em!important;border-radius:12px!important}.desktop-nav button.active{background:linear-gradient(180deg,rgba(16,53,85,.08),rgba(16,53,85,.02))!important;color:var(--mr-navy)!important;box-shadow:inset 0 -2px var(--mr-navy)!important}.desktop-nav button.active::after{content:"◆";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);font-size:7px;color:var(--mr-gold)}
.header-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important}.header-install,.online-pill{min-height:39px!important;border:1px solid var(--mr-line)!important;border-radius:14px!important;background:#fffdf8!important;color:var(--mr-navy)!important;padding:0 14px!important;box-shadow:0 5px 14px rgba(70,49,20,.045)!important}.online-pill{display:inline-flex!important;align-items:center!important}.online-pill .dot{background:#2fb779!important;box-shadow:0 0 0 5px rgba(47,183,121,.12)!important}.header-profile-avatar{width:46px;height:46px;border-radius:50%;border:2px solid #cc9d3c;background:linear-gradient(145deg,#173f62,#092a47);color:#fff7da;font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:800;box-shadow:0 6px 16px rgba(12,43,70,.18);cursor:pointer}
main{max-width:1390px!important;margin:auto!important;padding:28px 24px 70px!important}

/* ---------- Public desktop landing, matching approved home template ---------- */
#auth{background:transparent!important}.public-shell{display:block!important;max-width:none!important;min-height:100dvh!important}.public-topbar{max-width:1390px!important;min-height:88px!important;margin:0 auto!important;padding:0 28px!important;border-bottom:1px solid rgba(190,143,48,.27)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.public-brand{display:flex!important;align-items:center!important;gap:13px!important}.public-brand img{width:58px!important;height:58px!important;object-fit:contain!important;border:0!important;background:transparent!important;box-shadow:none!important}.public-brand strong{font-family:"Cormorant Garamond",serif!important;font-size:26px!important;letter-spacing:.13em!important;color:var(--mr-navy)!important}.public-brand small{font-size:10px!important;letter-spacing:.21em!important;color:#a36e1d!important}.public-support{min-height:42px!important;padding:0 18px!important;border-radius:15px!important;background:#fffdf8!important;border:1px solid var(--mr-line)!important;color:var(--mr-navy)!important;font-weight:800!important}
.public-main{max-width:1390px!important;min-height:calc(100dvh - 89px)!important;margin:auto!important;padding:34px 28px 44px!important;display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(400px,.72fr)!important;gap:40px!important;align-items:center!important}.public-hero{min-height:690px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:30px 4px!important}.hero-brand-lockup{display:grid!important;grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;gap:32px!important;align-items:center!important}.hero-logo-frame{width:min(28vw,370px)!important;height:min(28vw,370px)!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,253,248,.9),rgba(255,253,248,.32) 67%,transparent 72%)!important;box-shadow:0 23px 50px rgba(76,54,22,.10)!important;overflow:visible!important;padding:0!important}.hero-logo-frame img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;filter:drop-shadow(0 12px 18px rgba(83,57,21,.13))!important}.public-kicker{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.30em!important;color:#a27222!important}.public-hero h1{font-family:"Cormorant Garamond",serif!important;font-size:clamp(58px,5.6vw,86px)!important;line-height:.88!important;color:var(--mr-navy)!important;margin:12px 0 0!important}.public-hero h1 span{color:var(--mr-navy)!important}.public-hero-copy{max-width:720px!important;margin:28px 0 0!important;font-size:18px!important;line-height:1.62!important;color:#6d6254!important}.public-feature-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}.public-feature-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 15px!important;border:1px solid var(--mr-line)!important;border-radius:999px!important;background:rgba(255,253,248,.90)!important;color:#62594d!important;box-shadow:0 7px 16px rgba(71,49,18,.05)!important}.public-feature-pill b{color:var(--mr-navy)!important}
.auth-card{position:relative!important;top:auto!important;align-self:center!important;width:100%!important;max-width:445px!important;margin-left:auto!important;border:1px solid rgba(190,143,48,.46)!important;border-radius:28px!important;background:linear-gradient(155deg,#fffefb,#f8efdf)!important;box-shadow:0 26px 65px rgba(55,44,29,.14)!important;padding:9px!important;overflow:visible!important}.auth-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(190,143,48,.25);border-radius:20px;pointer-events:none}.au-inner{position:relative!important;z-index:1!important;padding:28px 22px 24px!important}.auth-emblem{display:none!important}.auth-card h1{font-family:"Cormorant Garamond",serif!important;font-size:29px!important;letter-spacing:.08em!important;color:var(--mr-navy)!important;text-align:center!important}.brand-domain{text-align:center!important;color:#a66f1c!important;letter-spacing:.17em!important;font-size:11px!important}.auth-card .sub{text-align:center!important;color:#a66f1c!important;letter-spacing:.10em!important;font-size:10px!important}.auth-welcome h2{font-family:"Cormorant Garamond",serif!important;font-size:29px!important;line-height:1.18!important;color:var(--mr-navy)!important;text-align:center!important;margin:25px auto 7px!important;max-width:330px!important}.auth-welcome>p{text-align:center!important;color:#6c6255!important;line-height:1.55!important}.auth-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:19px!important}.auth-feature{min-height:112px!important;border:1px solid var(--mr-line)!important;border-radius:16px!important;background:rgba(255,255,255,.68)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:10px 7px!important;color:#5b544b!important;font-size:12px!important}.auth-feature b{display:block!important;color:var(--mr-navy)!important;font-size:27px!important;margin-bottom:8px!important}.auth-card #au-livestats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:16px 0!important;border-top:1px solid var(--mr-line)!important;border-bottom:1px solid var(--mr-line)!important;padding:14px 0!important}.auth-card #au-livestats>span,.auth-card #au-livestats>div{min-width:0!important;text-align:center!important;border-right:1px solid rgba(190,143,48,.25)!important}.auth-card #au-livestats>*:last-child{border-right:0!important}.auth-card #au-livestats b{font-family:"Cormorant Garamond",serif!important;font-size:22px!important;color:var(--mr-navy)!important}.auth-choice{display:grid!important;gap:10px!important;margin-top:18px!important}.auth-choice .btn{min-height:52px!important;font-size:17px!important}.auth-choice .btn-primary{font-family:"Cormorant Garamond",serif!important;font-size:22px!important}.auth-card .hint{font-size:11px!important;line-height:1.5!important;color:#756a5c!important}.auth-card #au-login,.auth-card #au-register,.auth-card #au-forgot,.auth-card #au-reset{max-width:none!important;margin:auto!important}.auth-close{width:42px!important;height:42px!important;right:16px!important;top:16px!important;border-radius:50%!important;background:#fffdf8!important;border:1px solid var(--mr-line)!important;color:var(--mr-navy)!important;font-size:24px!important;box-shadow:0 6px 14px rgba(70,49,20,.07)!important}
.public-preview-card{border-radius:18px!important;border:1px solid var(--mr-line)!important;background:#fffdf8!important;box-shadow:0 8px 18px rgba(70,49,20,.06)!important}.public-preview-banner{background:var(--mr-navy)!important;color:#f0ca67!important;border-color:#c7932d!important}

/* ---------- Signed-in Home ---------- */
#screen-home{max-width:1320px!important;margin:auto!important}.hero{position:relative!important;overflow:hidden!important;min-height:260px!important;border-radius:26px!important;border:1px solid var(--mr-line)!important;background:radial-gradient(circle at 82% 10%,rgba(218,178,89,.20),transparent 26%),linear-gradient(145deg,#fffdf8,#f4e6ca)!important;box-shadow:var(--mr-shadow)!important;padding:30px 36px!important;text-align:left!important}.hero::after{content:"";position:absolute;right:-60px;bottom:-80px;width:310px;height:310px;border:1px solid rgba(190,143,48,.16);border-radius:50%;box-shadow:0 0 0 30px rgba(190,143,48,.03),0 0 0 70px rgba(190,143,48,.025)}.home-brand-mark{width:126px!important;height:126px!important;margin:0 24px 0 0!important;float:left!important;object-fit:contain!important;border:0!important;background:transparent!important;filter:drop-shadow(0 10px 15px rgba(74,52,20,.12))!important}.hero .eyebrow{padding-top:22px!important}.hero h1{font-family:"Cormorant Garamond",serif!important;font-size:44px!important;color:var(--mr-navy)!important;margin:4px 0!important}.hero #home-welcome{font-size:16px!important;color:#655d52!important}.stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin:16px 0 0!important;clear:both!important}.stat{border:1px solid var(--mr-line)!important;border-radius:18px!important;background:rgba(255,253,248,.90)!important;box-shadow:var(--mr-shadow-soft)!important;padding:17px!important;text-align:center!important}.stat .n{font-family:"Cormorant Garamond",serif!important;font-size:30px!important;color:var(--mr-navy)!important}.stat .l{font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#6f6558!important}.setup-checklist{margin:18px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.setup-shell{position:relative!important;border:1px solid var(--mr-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fffdf8,#f5e9d2)!important;box-shadow:var(--mr-shadow)!important;padding:22px!important}.setup-shell::before{content:"✦ COMPLETE YOUR PROFILE ✦";display:block;margin-bottom:12px;font-family:"Cormorant Garamond",serif;color:#a47420;letter-spacing:.15em;font-size:14px}.setup-shell-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}.setup-shell-head .eyebrow{display:none!important}.setup-shell-head h3{font-family:"Cormorant Garamond",serif!important;font-size:27px!important;color:var(--mr-navy)!important}.setup-shell-head p{font-size:13px!important;color:#6b6256!important}.setup-percentage{width:72px!important;height:72px!important;min-width:72px!important;border-radius:50%!important;border:2px solid rgba(190,143,48,.40)!important;background:#fffdf8!important;color:var(--mr-navy)!important;font-family:"Cormorant Garamond",serif!important;font-size:22px!important;display:grid!important;place-items:center!important}.setup-progress{height:8px!important;border-radius:999px!important;background:#e8dfcf!important;margin:14px 0!important}.setup-progress span{background:linear-gradient(90deg,#b77f20,#d6ad53)!important}.setup-pill-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}.setup-pill{min-height:102px!important;border-radius:17px!important;border:1px solid rgba(190,143,48,.25)!important;background:rgba(255,255,255,.68)!important;display:flex!important;align-items:center!important;gap:11px!important;padding:13px!important}.setup-pill .pill-icon{width:44px!important;height:44px!important;border-radius:50%!important;background:#f4ead8!important;color:#746a5d!important;font-size:18px!important;display:grid!important;place-items:center!important}.setup-pill.done .pill-icon{background:#2f9c66!important;color:#fff!important}.setup-pill b{font-size:13px!important;color:var(--mr-navy)!important}.setup-pill small{font-size:11px!important;color:#756b5d!important}.setup-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:15px!important}.setup-actions .btn{min-width:190px!important}.referral-home-card{position:relative!important;overflow:hidden!important;margin-top:17px!important;padding:24px!important;border-radius:24px!important;border:1px solid #c49336!important;background:radial-gradient(circle at 91% 9%,rgba(224,186,96,.23),transparent 26%),linear-gradient(135deg,#0c2b48,#15516b)!important;color:#fff!important;box-shadow:0 18px 40px rgba(12,43,72,.18)!important}.referral-home-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(228,193,110,.20);border-radius:16px;pointer-events:none}.referral-home-card h3{font-family:"Cormorant Garamond",serif!important;font-size:30px!important;color:#fff!important}.referral-home-card p{color:#dce7eb!important}.referral-home-card .referral-reward span{background:rgba(255,255,255,.09)!important;border-color:rgba(228,193,110,.42)!important;color:#fff!important}.referral-home-actions .btn{min-width:180px!important;color:#f4d47c!important;border-color:#c89838!important}.referral-home-actions .btn-gold{color:#fff!important}.home-notifications,.home-reliability{border-radius:22px!important}

/* ---------- Find Games, desktop and mobile ---------- */
#screen-find{max-width:1320px!important;margin:auto!important;padding-bottom:50px!important}.searchbar{display:flex!important;align-items:center!important;gap:10px!important;min-height:54px!important;border-radius:16px!important;border:1px solid var(--mr-line)!important;background:#fffdf8!important;box-shadow:var(--mr-shadow-soft)!important;padding:0 17px!important}.searchbar input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px!important}.row:has(#find-city){position:relative!important;margin:14px 0 0!important}.row:has(#find-city)::before{content:"LOCATION";position:absolute;left:16px;top:-23px;color:#a47420;font-size:9px;letter-spacing:.16em}.row:has(#find-city) #find-city{min-height:54px!important;border-radius:16px!important;padding:0 17px!important;background:#fffdf8!important}.tool-grid#find-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important}.tool-grid#find-tools .tool-card{display:grid!important;grid-template-columns:54px 1fr 44px!important;align-items:center!important;gap:12px!important;min-height:108px!important;border-radius:20px!important;border:1px solid var(--mr-line)!important;background:linear-gradient(145deg,#fffdf8,#f7ecd7)!important;box-shadow:var(--mr-shadow-soft)!important;padding:15px!important}.tool-grid#find-tools .glyph{width:48px!important;height:48px!important;border-radius:15px!important;background:rgba(213,169,75,.15)!important;display:grid!important;place-items:center!important;font-size:25px!important}.tool-grid#find-tools h3{font-family:"Cormorant Garamond",serif!important;font-size:20px!important;color:var(--mr-navy)!important}.tool-grid#find-tools p{font-size:12px!important;color:#71675a!important}.tool-grid#find-tools .btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;font-size:0!important}.tool-grid#find-tools .btn::after{content:"›";font-size:25px!important}.filter-row{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;padding:2px 0 9px!important;scrollbar-width:none!important}.filter-row::-webkit-scrollbar{display:none}.fchip{flex:0 0 auto!important;min-height:38px!important;padding:0 15px!important;border-radius:999px!important;border:1px solid var(--mr-line)!important;background:#fffdf8!important;color:#695f52!important;font-family:"Cormorant Garamond",serif!important;font-size:15px!important}.fchip.on{background:linear-gradient(135deg,#173f62,#0c2b48)!important;color:#fff!important;border-color:#c7932d!important;box-shadow:0 7px 16px rgba(12,43,72,.16)!important}.directory-viewbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:11px 0 15px!important}.discovery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;justify-content:center!important;align-items:stretch!important}.discovery-grid>.directory-card{width:100%!important;max-width:none!important;min-height:480px!important}.compact-table-card{position:relative!important;overflow:hidden!important;padding:20px!important;border-radius:23px!important;border:1px solid rgba(190,143,48,.43)!important;background:radial-gradient(circle at 100% 0,rgba(213,171,79,.16),transparent 30%),linear-gradient(155deg,#fffefb,#f7ecd8)!important;box-shadow:0 15px 34px rgba(53,43,28,.10)!important;display:flex!important;flex-direction:column!important}.compact-table-head{display:grid!important;grid-template-columns:70px 1fr 40px!important;gap:13px!important;align-items:start!important}.compact-table-avatar .avatar{width:66px!important;height:66px!important;border:3px solid #cb9937!important;background:#123d61!important;color:#fff7d6!important;font-size:22px!important}.compact-table-overline{font-family:"Cormorant Garamond",serif!important;font-size:20px!important;color:var(--mr-navy)!important}.compact-table-title{font-family:"Cormorant Garamond",serif!important;font-size:27px!important;line-height:1.05!important;color:var(--mr-navy)!important;margin:4px 0!important}.compact-table-host{font-size:12px!important;color:#5f574d!important}.compact-table-save{width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid var(--mr-line)!important;background:#fffdf8!important;color:var(--mr-navy)!important}.compact-table-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;margin:15px 0 10px!important;padding:11px 0!important;border-top:1px solid rgba(190,143,48,.22)!important;border-bottom:1px solid rgba(190,143,48,.22)!important;color:#5f574d!important;font-size:12px!important}.compact-table-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 11px!important}.compact-table-card .chip{border-radius:999px!important;background:#fff8e8!important;border:1px solid rgba(190,143,48,.35)!important;color:#715b36!important;font-size:10px!important}.participant-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:4px!important}.participant-caption{font-size:11px!important}.compact-seat-panel{display:grid!important;grid-template-columns:70px 1fr 34px!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding:13px!important;border-radius:17px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(190,143,48,.24)!important}.compact-seat-count{text-align:center!important}.compact-seat-count b{display:block!important;font-family:"Cormorant Garamond",serif!important;font-size:30px!important;color:var(--mr-navy)!important}.compact-seat-count span{font-size:9px!important;letter-spacing:.12em!important}.compact-seat-copy b{display:block!important;color:var(--mr-navy)!important}.compact-seat-copy span{font-size:11px!important;color:#6f665a!important}.compact-seat-track{height:6px!important;border-radius:999px!important;background:#e8decd!important;margin-top:7px!important;overflow:hidden!important}.compact-seat-track i{display:block!important;height:100%!important;background:linear-gradient(90deg,#ba8224,#d8af54)!important}.compact-table-arrow{font-size:28px!important;color:var(--mr-gold)!important}.table-lifecycle{margin-top:12px!important}.compact-table-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:10px!important}.compact-table-stats span{text-align:center!important;font-size:9px!important;text-transform:uppercase!important;color:#756b5e!important}.compact-table-stats b{display:block!important;font-family:"Cormorant Garamond",serif!important;font-size:20px!important;color:var(--mr-navy)!important}.compact-table-foot{margin-top:auto!important;padding-top:13px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:10px!important;color:#746a5d!important}.verified-shield{color:#2d815b!important;font-weight:800!important}.host-prompt-card{position:relative!important;overflow:hidden!important;min-height:480px!important;border:1px solid rgba(190,143,48,.40)!important;border-style:solid!important;border-radius:23px!important;background:linear-gradient(155deg,#fffefb,#f8edd8)!important;box-shadow:0 15px 34px rgba(53,43,28,.09)!important;padding:28px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}.host-prompt-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(190,143,48,.18);border-radius:16px;pointer-events:none}.host-prompt-orb{width:68px!important;height:68px!important;border-radius:18px!important;margin:4px auto 22px!important;background:rgba(216,171,76,.12)!important;color:var(--mr-navy)!important;font-size:32px!important;box-shadow:none!important}.host-prompt-card h3{font-family:"Cormorant Garamond",serif!important;font-size:31px!important;line-height:1.03!important;color:var(--mr-navy)!important;max-width:270px!important}.host-prompt-card h3::after{content:"◇ ◆ ◇";display:block;color:#b98022;font-size:10px;letter-spacing:.25em;margin:12px 0!important}.host-prompt-card p{font-size:14px!important;line-height:1.55!important;color:#6c6256!important;max-width:280px!important}.host-prompt-card .btn{width:100%!important;margin-top:auto!important;min-height:49px!important;background:linear-gradient(135deg,#dbae50,#b77c1f)!important;color:#fff!important}.sponsor-directory-card{min-height:480px!important;border-radius:23px!important;overflow:hidden!important;border:1px solid #c99735!important;background:linear-gradient(155deg,#16476b,#0b2b48)!important;color:#fff!important;box-shadow:0 15px 34px rgba(12,43,72,.18)!important}.sponsor-directory-media{height:180px!important}.sponsor-directory-copy{padding:20px!important}.sponsor-directory-copy h3{font-family:"Cormorant Garamond",serif!important;font-size:28px!important;color:#fff!important}.sponsor-url{color:#f4d47c!important}.sponsor-visit-btn{background:#fffdf8!important;color:var(--mr-navy)!important}

/* ---------- Host and Members ---------- */
#screen-host,#screen-members,#screen-complete-profile,#screen-community,#screen-chats{max-width:1320px!important;margin:auto!important}.host-command-center{position:relative!important;overflow:hidden!important;border-radius:24px!important;border:1px solid var(--mr-line)!important;background:radial-gradient(circle at 90% 0,rgba(222,184,96,.20),transparent 28%),linear-gradient(145deg,#fffdf8,#f4e6ca)!important;box-shadow:var(--mr-shadow)!important;padding:22px!important}.command-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}.command-head h3{font-family:"Cormorant Garamond",serif!important;font-size:29px!important;color:var(--mr-navy)!important}.command-kpis{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:10px!important;margin-top:17px!important}.command-kpi{min-height:96px!important;border-radius:17px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(190,143,48,.24)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}.command-kpi b{font-family:"Cormorant Garamond",serif!important;font-size:31px!important;color:var(--mr-navy)!important}.command-kpi small{font-size:9px!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#756b5d!important}.command-alert{border-radius:16px!important}.host-intro{margin-top:16px!important;border-radius:18px!important;background:linear-gradient(135deg,#0e2f4d,#173f61)!important;border:1px solid #c7932d!important;color:#fff7dc!important;padding:18px!important;box-shadow:0 12px 26px rgba(12,43,72,.15)!important}.host-intro .meta{color:#e5d9bc!important}.host-intro+ .card,#host-form{max-width:980px!important;margin:16px auto 0!important;padding:24px!important}.section-head{margin-top:24px!important}.player-card-grid,#member-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important}.player-profile-card{min-height:410px!important;border-radius:24px!important;overflow:hidden!important;border:1px solid var(--mr-line)!important;background:linear-gradient(180deg,#fffdf8,#f5e8d0)!important;box-shadow:var(--mr-shadow-soft)!important}.player-cover{height:145px!important;background:radial-gradient(circle at 50% 45%,rgba(219,178,85,.28),transparent 40%),linear-gradient(145deg,#184d71,#0c2c48)!important}.player-cover .avatar{width:90px!important;height:90px!important;border:3px solid #d0a244!important}.player-card-body{padding:18px!important;text-align:center!important}.player-card-body h3{font-family:"Cormorant Garamond",serif!important;font-size:25px!important;color:var(--mr-navy)!important}.player-stats{border-radius:14px!important;background:rgba(255,255,255,.66)!important;border:1px solid rgba(190,143,48,.22)!important;padding:9px 0!important}

/* ---------- Dedicated Chats page ---------- */
.chat-page-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important}.chat-page-heading .community-intro{max-width:720px!important;color:#6b6256!important}.chat-live-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 13px!important;border:1px solid var(--mr-line)!important;border-radius:999px!important;background:#fffdf8!important;color:#4f665a!important;font-size:12px!important}.chat-live-pill i{width:9px;height:9px;border-radius:50%;background:#33b674;box-shadow:0 0 0 5px rgba(51,182,116,.12)}.chat-desktop-shell{display:grid!important;grid-template-columns:270px minmax(350px,430px) minmax(0,1fr)!important;min-height:690px!important;border:1px solid var(--mr-line)!important;border-radius:25px!important;background:#fffdf8!important;box-shadow:var(--mr-shadow)!important;overflow:hidden!important}.chat-nav-panel{padding:22px 18px!important;border-right:1px solid rgba(190,143,48,.22)!important;background:linear-gradient(180deg,#fffdf8,#f7ecd8)!important}.chat-nav-panel>.btn{margin-bottom:22px!important}.chat-nav-group{padding:16px 0!important;border-top:1px solid rgba(190,143,48,.23)!important}.chat-nav-group p{font-family:"Cormorant Garamond",serif!important;color:#a37321!important;letter-spacing:.13em!important;font-size:13px!important;margin-bottom:7px!important}.chat-nav-group button{display:block!important;width:100%!important;min-height:39px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#5f574d!important;text-align:left!important;padding:0 10px!important;font-family:"Cormorant Garamond",serif!important;font-size:16px!important}.chat-nav-group button.active,.chat-nav-group button:hover{background:#f2e5cb!important;color:var(--mr-navy)!important}.chat-notification-card{margin-top:18px!important;border:1px solid var(--mr-line)!important;border-radius:17px!important;background:rgba(255,255,255,.65)!important;padding:14px!important;text-align:center!important}.chat-notification-card b{font-family:"Cormorant Garamond",serif!important;color:var(--mr-navy)!important;font-size:18px!important}.chat-notification-card small{display:block!important;color:#71675a!important;line-height:1.45!important;margin:5px 0 11px!important}.chat-list-panel{min-width:0!important;border-right:1px solid rgba(190,143,48,.22)!important;background:linear-gradient(180deg,#fffefb,#fbf6eb)!important;padding:18px!important}.chat-list-toolbar{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}.chat-list-toolbar .searchbar{flex:1!important;min-height:46px!important;box-shadow:none!important}.chat-sort{white-space:nowrap!important;color:#756b5e!important;font-size:12px!important}.chat-list-panel #chat-seg{display:flex!important;margin:0 0 10px!important;padding:3px!important;border-radius:12px!important;background:#f2e6cd!important;border:1px solid rgba(190,143,48,.25)!important}.chat-list-panel #chat-seg button{flex:1!important;min-height:40px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#806834!important}.chat-list-panel #chat-seg button.on{background:var(--mr-navy)!important;color:#fff!important}.chat-list-panel .divider{font-size:10px!important;letter-spacing:.16em!important;color:#a47420!important;margin:15px 0 9px!important}.chat-list-panel .grid{display:block!important}.chat-item{display:grid!important;grid-template-columns:48px 1fr auto!important;gap:11px!important;align-items:center!important;min-height:84px!important;margin-bottom:8px!important;padding:12px!important;border-radius:15px!important;border:1px solid rgba(190,143,48,.22)!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important}.chat-item:hover{border-color:#c89432!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(68,49,22,.07)!important}.chat-item .avatar,.chat-item .table-mark,.chat-item .club-logo{width:46px!important;height:46px!important}.ci-name{font-family:"Cormorant Garamond",serif!important;font-size:18px!important;color:var(--mr-navy)!important}.ci-last{font-size:11px!important;color:#756b5e!important}.unread{background:var(--mr-navy)!important;color:#fff!important}.chat-preview-panel{position:relative!important;display:flex!important;flex-direction:column!important;background:radial-gradient(circle at 93% 22%,rgba(213,171,78,.09),transparent 28%),#fffdf8!important}.chat-preview-head{display:flex!important;align-items:center!important;gap:12px!important;min-height:90px!important;padding:16px 20px!important;border-bottom:1px solid rgba(190,143,48,.22)!important}.chat-preview-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#173f62,#0b2a47);color:#fff7d7;border:2px solid #cc9a36;font-family:"Cormorant Garamond",serif;font-size:18px}.chat-preview-head div:nth-child(2){flex:1!important}.chat-preview-head b{display:block!important;font-family:"Cormorant Garamond",serif!important;font-size:21px!important;color:var(--mr-navy)!important}.chat-preview-head small{color:#746a5d!important}.chat-preview-empty{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:40px!important}.chat-preview-orb{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f3e5c8,#fffdf8);border:1px solid var(--mr-line);font-size:34px}.chat-preview-empty h3{font-family:"Cormorant Garamond",serif!important;font-size:28px!important;color:var(--mr-navy)!important;margin:17px 0 5px!important}.chat-preview-empty p{max-width:420px!important;color:#73695d!important}.chat-compose-preview{display:grid!important;grid-template-columns:44px 1fr 44px!important;gap:9px!important;align-items:center!important;padding:16px 20px!important;border-top:1px solid rgba(190,143,48,.22)!important}.chat-compose-preview span{min-height:44px;border:1px solid var(--mr-line);border-radius:999px;padding:11px 16px;color:#aaa093}.chat-compose-preview button{width:44px;height:44px;border-radius:50%;border:1px solid var(--mr-line);background:#fffdf8;color:var(--mr-navy)}.chat-compose-preview button:last-child{background:linear-gradient(145deg,#d8ae51,#b77c1f);color:#fff;border-color:#9e6812}

/* ---------- Community: ornate portrait cards matching template ---------- */
#screen-community{position:relative!important;padding-bottom:60px!important}.community-intro{max-width:720px!important;font-size:15px!important;line-height:1.55!important;color:#6c6256!important;margin-bottom:25px!important}.community-tool-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:19px!important;max-width:none!important;margin-top:18px!important}.community-card{position:relative!important;overflow:hidden!important;min-height:520px!important;border-radius:30px 30px 26px 26px!important;border:1px solid rgba(190,143,48,.52)!important;background:linear-gradient(180deg,#fffefb,#f6e8cc)!important;box-shadow:0 17px 37px rgba(70,49,20,.12),inset 0 0 0 5px rgba(255,255,255,.57)!important;padding:24px 20px 18px!important;text-align:center!important;display:flex!important;flex-direction:column!important}.community-card::before{content:""!important;position:absolute!important;inset:9px!important;border-radius:21px!important;border:1px solid rgba(190,143,48,.25)!important;pointer-events:none!important}.community-card::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:52px!important;background:repeating-radial-gradient(ellipse at 10px 44px,transparent 0 7px,rgba(190,143,48,.25) 8px 9px,transparent 10px 16px)!important;opacity:.48!important;pointer-events:none!important}.community-art-wrap{position:relative!important;width:180px!important;height:180px!important;margin:4px auto 18px!important;z-index:1!important}.community-art-wrap::before{content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#205375,#0a2b48 66%)!important;border:4px solid #d0a343!important;box-shadow:0 12px 25px rgba(12,43,72,.22),inset 0 0 0 8px rgba(221,183,91,.04)!important}.community-art-svg{position:relative!important;z-index:2!important;width:100%!important;height:100%!important}.community-art-svg .art-disc{fill:transparent!important;stroke:transparent!important}.community-art-svg .art-line{fill:none!important;stroke:#e5b94f!important;stroke-width:3!important}.community-art-svg .art-line.thin{stroke-width:1.45!important}.community-art-svg .art-line.soft{stroke:#927025!important;opacity:.55!important}.community-art-svg .art-fill{fill:#e5b94f!important}.community-action-seal{position:absolute!important;right:2px!important;bottom:10px!important;z-index:3!important;width:47px!important;height:47px!important;border-radius:50%!important;background:#fffdf8!important;border:2px solid #d0a343!important;color:#9a6e1d!important;display:grid!important;place-items:center!important;box-shadow:0 7px 15px rgba(70,49,20,.15)!important}.community-card h3{font-family:"Cormorant Garamond",serif!important;font-size:26px!important;line-height:1.04!important;color:var(--mr-navy)!important;min-height:58px!important;margin:0 0 7px!important}.community-card h3::after{content:"— ◆ —"!important;display:block!important;color:#b47d1d!important;font-size:10px!important;letter-spacing:.22em!important;margin-top:11px!important}.community-card p{font-size:14px!important;line-height:1.5!important;color:#655d52!important;max-width:240px!important;margin:0 auto 20px!important}.community-card-button{position:relative!important;z-index:2!important;margin-top:auto!important;min-height:50px!important;border-radius:12px!important;background:linear-gradient(135deg,#16486c,#0b2b48)!important;color:#f4d477!important;border:1px solid #d0a343!important;font-family:"Cormorant Garamond",serif!important;font-size:17px!important}.community-wave{display:none!important}

/* ---------- Complete Profile ---------- */
.complete-profile-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important}.complete-profile-grid{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:19px!important}.complete-summary-card,.complete-main-card{border-radius:25px!important;border:1px solid var(--mr-line)!important;box-shadow:var(--mr-shadow)!important}.complete-summary-card{background:linear-gradient(155deg,#0d2e4c,#18536b)!important;color:#fff!important}.complete-summary-card h3,.complete-summary-card b,.complete-summary-card .eyebrow{color:#fff!important}.complete-summary-card small{color:#dce7e9!important}.complete-status-item{background:rgba(255,255,255,.09)!important;border-color:rgba(228,193,111,.25)!important}.complete-main-card{background:linear-gradient(145deg,#fffdf8,#f6ead4)!important}.complete-feature-card,.complete-form-card{border-radius:19px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(190,143,48,.24)!important}.complete-avatar-preview{width:128px!important;height:128px!important;border:3px solid #cc9b36!important}

/* ---------- Mobile: match uploaded mobile home and find templates ---------- */
@media(max-width:1120px){
  .header-inner{grid-template-columns:1fr auto!important}.desktop-nav{display:none!important}.header-actions{grid-column:2!important}.public-main{grid-template-columns:1fr!important}.public-hero{min-height:auto!important}.auth-card{max-width:680px!important;margin:0 auto!important}.hero-brand-lockup{grid-template-columns:280px 1fr!important}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.player-card-grid,#member-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}.community-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chat-desktop-shell{grid-template-columns:230px minmax(330px,1fr)!important}.chat-preview-panel{display:none!important}.chat-list-panel{border-right:0!important}.complete-profile-grid{grid-template-columns:1fr!important}.command-kpis{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){
  body{background:#fbf8f1!important}.public-shell{display:none!important}.mobile-onboarding{display:flex!important}.mobile-welcome-step{position:relative!important;min-height:100dvh!important;height:auto!important;overflow-y:auto!important;background:linear-gradient(180deg,#fffdf8,#f7efdf)!important;color:var(--mr-ink)!important;padding:0 18px 28px!important;display:flex!important;flex-direction:column!important}.mobile-welcome-step::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 96% 13%,rgba(210,169,80,.10),transparent 23%),radial-gradient(circle at 5% 45%,rgba(22,63,98,.05),transparent 26%)}.mobile-welcome-arch{height:104px!important;min-height:104px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:calc(14px + env(safe-area-inset-top)) 0 0!important;display:flex!important;justify-content:flex-end!important}.mobile-support{min-height:44px!important;border-radius:15px!important;background:#fffdf8!important;border:1px solid var(--mr-line)!important;color:var(--mr-navy)!important;font-weight:800!important}.mobile-welcome-logo{position:absolute!important;top:calc(12px + env(safe-area-inset-top))!important;left:0!important;transform:none!important;width:74px!important;height:74px!important;border-radius:50%!important;background:transparent!important;padding:0!important;box-shadow:none!important;overflow:visible!important}.mobile-welcome-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;filter:drop-shadow(0 7px 12px rgba(75,52,19,.12))!important}.mobile-welcome-body{position:relative!important;z-index:1!important;flex:0 0 auto!important;overflow:visible!important;padding:18px 0 0!important;text-align:center!important}.mobile-kicker{font-family:"Cormorant Garamond",serif!important;color:#a37321!important;font-size:17px!important;letter-spacing:.16em!important}.mobile-welcome-body h1{font-family:"Cormorant Garamond",serif!important;font-size:clamp(41px,10.8vw,55px)!important;line-height:.94!important;letter-spacing:.07em!important;color:var(--mr-navy)!important;margin:8px 0!important}.welcome-divider{max-width:250px!important}.welcome-copy{max-width:520px!important;font-size:15px!important;line-height:1.55!important;color:#675f55!important}.mobile-feature-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:11px!important;margin:20px 0 16px!important}.mobile-feature-grid article{min-height:126px!important;border-radius:18px!important;border:1px solid var(--mr-line)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 18px rgba(70,49,20,.055)!important;padding:12px 6px!important}.mobile-feature-grid span{font-size:31px!important;color:var(--mr-navy)!important}.mobile-feature-grid b{font-size:14px!important;line-height:1.3!important;color:#554f48!important}.mobile-live-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border:0!important;border-top:1px solid var(--mr-line)!important;border-bottom:1px solid var(--mr-line)!important;border-radius:0!important;background:transparent!important;margin:0 0 15px!important;overflow:visible!important}.mobile-live-stats span{padding:14px 3px!important;border-right:1px solid rgba(190,143,48,.25)!important}.mobile-live-stats span:last-child{border-right:0!important}.mobile-live-stats b{font-family:"Cormorant Garamond",serif!important;font-size:25px!important;color:var(--mr-navy)!important}.mobile-live-stats small{font-size:10px!important;color:#5f584f!important;letter-spacing:.09em!important}.mobile-table-preview{margin-top:0!important}.mobile-table-preview .public-preview-card{border-radius:20px!important;padding:15px!important}.mobile-table-preview .public-preview-nav{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:9px!important}.mobile-table-preview .public-preview-nav .meta{display:none!important}.mobile-table-preview>p{display:block!important;font-size:11px!important}.mobile-welcome-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0!important;margin-top:14px!important;background:transparent!important}.mobile-welcome-actions .btn{min-height:58px!important;border-radius:14px!important;font-family:"Cormorant Garamond",serif!important;font-size:22px!important}.mobile-login-btn{background:linear-gradient(135deg,#174b70,#0a2b48)!important;color:#fff!important;border:1px solid #c7932d!important}.mobile-signup-btn{background:#fffdf8!important;color:var(--mr-navy)!important;border:1px solid #c7932d!important}
  header.app{min-height:72px!important}.header-inner{min-height:72px!important;padding:0 12px!important}.wordmark img{width:43px!important;height:43px!important}.wordmark .name{font-size:19px!important}.wordmark .tag{font-size:7px!important}.header-actions .header-install,.online-pill{display:none!important}.header-profile-avatar{display:none!important}main{position:fixed!important;top:calc(72px + env(safe-area-inset-top))!important;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))!important;left:0!important;right:0!important;overflow-y:auto!important;padding:13px 12px 28px!important}.section-title{font-size:36px!important;text-align:center!important}.section-title::after{margin-left:auto!important;margin-right:auto!important}.eyebrow{text-align:center!important}.hero{min-height:auto!important;padding:18px!important;text-align:center!important}.home-brand-mark{float:none!important;width:92px!important;height:92px!important;margin:0 auto 8px!important}.hero .eyebrow{padding-top:0!important}.hero h1{font-size:34px!important}.stats{gap:8px!important}.stat{padding:12px 5px!important}.stat .n{font-size:24px!important}.setup-shell{padding:16px!important}.setup-shell::before{text-align:center!important}.setup-shell-head{display:block!important;text-align:center!important}.setup-percentage{margin:10px auto!important;width:58px!important;height:58px!important;min-width:58px!important}.setup-pill-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.setup-pill{min-height:112px!important;display:flex!important;flex-direction:column!important;text-align:center!important;padding:9px 5px!important}.setup-pill .pill-icon{width:42px!important;height:42px!important}.setup-pill small{font-size:9px!important}.setup-actions{justify-content:stretch!important}.setup-actions .btn{width:100%!important;min-width:0!important}.referral-home-card{padding:18px!important}.referral-home-card h3{font-size:25px!important}.referral-home-actions{display:grid!important;grid-template-columns:1fr!important}.referral-home-actions .btn{width:100%!important;min-width:0!important}
  #screen-find .eyebrow{display:none!important}#screen-find .section-title{margin-top:3px!important}.searchbar{min-height:55px!important}.row:has(#find-city){margin-top:13px!important}.row:has(#find-city)::before{display:none!important}.tool-grid#find-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.tool-grid#find-tools .tool-card{grid-template-columns:44px 1fr 38px!important;min-height:135px!important;padding:13px!important}.tool-grid#find-tools .glyph{width:40px!important;height:40px!important;font-size:22px!important}.tool-grid#find-tools h3{font-size:18px!important}.tool-grid#find-tools p{font-size:11px!important}.directory-viewbar{align-items:center!important;flex-wrap:wrap!important}.discovery-grid{grid-template-columns:1fr!important;gap:14px!important}.discovery-grid>.directory-card{min-height:auto!important}.compact-table-card{min-height:0!important;padding:17px!important}.compact-table-head{grid-template-columns:64px 1fr 36px!important}.compact-table-avatar .avatar{width:59px!important;height:59px!important}.compact-table-title{font-size:24px!important}.compact-table-stats{display:none!important}.compact-table-foot{padding-top:9px!important}.host-prompt-card{min-height:225px!important;display:grid!important;grid-template-columns:82px 1fr!important;text-align:left!important;align-items:center!important;padding:20px!important}.host-prompt-card::before{inset:7px!important}.host-prompt-orb{grid-row:1/4!important;width:70px!important;height:84px!important;margin:0!important;border-radius:13px!important}.host-prompt-card h3{font-size:26px!important;max-width:none!important}.host-prompt-card h3::after{display:none!important}.host-prompt-card p{font-size:13px!important;max-width:none!important}.host-prompt-card .btn{grid-column:2!important;margin-top:8px!important}.sponsor-directory-card{min-height:330px!important}.player-card-grid,#member-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.player-profile-card{min-height:350px!important}.player-cover{height:120px!important}.player-card-body{padding:13px!important}.command-kpis{grid-template-columns:repeat(2,1fr)!important}.complete-profile-grid{grid-template-columns:1fr!important}.chat-page-heading{display:block!important;text-align:center!important}.chat-live-pill{margin:0 auto 10px!important}.chat-desktop-shell{display:block!important;min-height:0!important;border-radius:20px!important}.chat-nav-panel,.chat-preview-panel{display:none!important}.chat-list-panel{border:0!important;padding:13px!important}.chat-list-toolbar{display:block!important}.chat-sort{display:none!important}.chat-list-panel #chat-seg{margin-top:9px!important}.chat-item{grid-template-columns:45px 1fr auto!important}.community-tool-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:14px!important;padding:3px 9vw 18px!important;margin-left:-12px!important;margin-right:-12px!important}.community-card{flex:0 0 min(80vw,300px)!important;min-width:min(80vw,300px)!important;min-height:500px!important;scroll-snap-align:center!important}.community-art-wrap{width:165px!important;height:165px!important}.complete-profile-top{display:block!important;text-align:center!important}.complete-profile-top>.btn{width:100%!important;margin-bottom:12px!important}.complete-feature-grid{grid-template-columns:1fr!important}
  nav.tabbar{background:rgba(255,253,248,.98)!important;border-top:1px solid rgba(190,143,48,.30)!important;box-shadow:0 -10px 28px rgba(49,42,32,.08)!important;backdrop-filter:blur(18px)!important}.tabbar button{color:#60584f!important}.tabbar button.active{color:var(--mr-navy)!important}.tabbar .host-btn{position:relative!important}.tabbar .host-btn::before{content:"🀄";position:absolute;left:50%;top:-23px;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#173f62,#0b2a47);border:3px solid #cc9c39;color:#fff;font-size:28px;box-shadow:0 10px 22px rgba(12,43,72,.20)}.tabbar .host-btn svg{visibility:hidden!important}.tabbar .host-btn span:last-child{margin-top:29px!important}
}
@media(max-width:430px){
  .mobile-welcome-step{padding-left:13px!important;padding-right:13px!important}.mobile-feature-grid{gap:7px!important}.mobile-feature-grid article{min-height:112px!important}.mobile-feature-grid b{font-size:12px!important}.setup-pill-grid{grid-template-columns:repeat(2,1fr)!important}.tool-grid#find-tools{grid-template-columns:1fr 1fr!important}.host-prompt-card{grid-template-columns:70px 1fr!important}.player-card-grid,#member-list{grid-template-columns:1fr!important}.community-card{flex-basis:84vw!important;min-width:84vw!important}}

/* Final logo guard: no generated radar arm, no egg mask, no legacy crop. */
.hero-logo-frame::before,.hero-logo-frame::after,.auth-emblem::before,.auth-emblem::after,.mobile-welcome-logo::before,.mobile-welcome-logo::after{display:none!important;content:none!important;animation:none!important;background:none!important}
.hero-logo-frame img.animated-emblem,.auth-emblem img.animated-emblem,.mobile-welcome-logo img.animated-emblem{object-fit:contain!important;clip-path:none!important;border-radius:50%!important;background:transparent!important}
.public-brand img,.wordmark img,.home-brand-mark,.rt-brand-logo{object-fit:contain!important;clip-path:none!important;border-radius:50%!important;background:transparent!important}

/* Mahjong Radar Ver 52.2 — responsive stability and layout correction.
   Loaded last. It intentionally resolves the Ver 52.1 template collisions. */
:root{
  --v522-navy:#0b3153;
  --v522-gold:#c7932d;
  --v522-line:rgba(190,143,48,.38);
  --v522-paper:#fffdf8;
  --v522-ivory:#fbf8f1;
}

/* ---------- One correctly fitted emblem everywhere ---------- */
img[src*="mahjong-radar-logo-clean"]{
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.public-brand img,.wordmark img,.home-brand-mark,.rt-brand-logo,.hero-logo-frame img,.auth-emblem img,.mobile-welcome-logo img{
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:transparent!important;
  padding:0!important;
  transform:none!important;
}
.hero-logo-frame,.auth-emblem,.mobile-welcome-logo{
  border-radius:50%!important;
  overflow:visible!important;
  background:transparent!important;
  padding:0!important;
}
.hero-logo-frame::before,.hero-logo-frame::after,.auth-emblem::before,.auth-emblem::after,.mobile-welcome-logo::before,.mobile-welcome-logo::after{display:none!important;content:none!important}
.home-brand-mark{border:0!important;filter:drop-shadow(0 8px 15px rgba(74,50,18,.14))!important}

/* ---------- Public/login alignment ---------- */
.auth-card{justify-self:end!important;align-self:center!important}
#auth.form-mode .auth-card{justify-self:center!important;margin-inline:auto!important}
#au-login:not(.hidden),#au-forgot:not(.hidden),#au-reset:not(.hidden){margin-inline:auto!important}
.auth-emblem{width:82px!important;height:82px!important;margin:0 auto 7px!important}
.public-main{overflow:visible!important}

/* ---------- Find page: no overlap, four useful cards, controlled filters ---------- */
#screen-find{min-width:0!important}
#screen-find>.searchbar{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:58px!important;
  margin:0 0 12px!important;
  padding:0 18px!important;
  overflow:hidden!important;
}
#screen-find>.searchbar svg{flex:0 0 20px!important}
#screen-find>.searchbar input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  line-height:54px!important;
  font-size:16px!important;
  border:0!important;
  box-shadow:none!important;
}
#screen-find>.row{margin:0 0 14px!important}
#screen-find>.row::before{display:none!important;content:none!important}
#find-city{width:100%!important;min-width:0!important}

.tool-grid#find-tools{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:14px 0 16px!important;
  align-items:stretch!important;
}
.tool-grid#find-tools .tool-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 42px!important;
  align-items:center!important;
  column-gap:11px!important;
  min-width:0!important;
  min-height:116px!important;
  padding:15px!important;
  overflow:hidden!important;
}
.tool-grid#find-tools .copy{min-width:0!important}
.tool-grid#find-tools h3{margin:0 0 3px!important;line-height:1.08!important}
.tool-grid#find-tools p{margin:0!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.tool-grid#find-tools .btn{
  position:relative!important;
  z-index:2!important;
  justify-self:end!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid #c7932d!important;
  background:linear-gradient(145deg,#173f62,#0b2d4b)!important;
  color:#f8df9d!important;
  box-shadow:0 7px 15px rgba(11,45,75,.16)!important;
  font-size:0!important;
  overflow:hidden!important;
}
.tool-grid#find-tools .btn::after{content:"›"!important;font-size:25px!important;line-height:1!important;color:#f8df9d!important}
.tool-grid#find-tools .btn:hover{background:linear-gradient(145deg,#20557e,#0b2d4b)!important}

.filter-carousel{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:4px 0 8px!important;
}
.filter-carousel-viewport{min-width:0!important;overflow:hidden!important}
.filter-carousel .filter-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  padding:4px 2px 8px!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
}
.filter-carousel .filter-row::-webkit-scrollbar{display:none!important}
.filter-scroll-btn{
  width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
  border-radius:50%!important;border:1px solid var(--v522-line)!important;
  background:linear-gradient(145deg,#fffdf8,#f5e8cf)!important;color:var(--v522-navy)!important;
  font-size:24px!important;font-weight:800!important;display:grid!important;place-items:center!important;
  box-shadow:0 6px 14px rgba(66,46,19,.08)!important;
}
.filter-scroll-btn[disabled]{opacity:.35!important;cursor:default!important;transform:none!important;box-shadow:none!important}
.filter-carousel.no-overflow .filter-scroll-btn{visibility:hidden!important}
.filter-row .fchip{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}

/* ---------- Registration phone component never escapes its card ---------- */
.auth-card,.registration-scroll,.registration-form,.phone-registration-field,.phone-field-shell,.phone-country-select,.phone-national-box,.phone-country-control,.phone-number-row{min-width:0!important;max-width:100%!important}
.auth-card .phone-field-shell{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
  width:100%!important;
}
.phone-country-control{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important}
.phone-country-control select{min-width:0!important;width:100%!important}
.phone-number-row{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;width:100%!important}
.phone-code-input{min-width:0!important;width:84px!important}
.phone-code-input input{min-width:0!important;width:48px!important}
.phone-number-row>input[type="tel"]{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important}
.registration-form-grid>*{min-width:0!important}

/* ---------- Mobile stability and typography ---------- */
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important;scroll-behavior:auto!important}
  body::before{display:none!important}
  header.app{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  main{
    position:relative!important;
    inset:auto!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    height:auto!important;min-height:calc(100dvh - 72px - var(--nav-h))!important;
    overflow:visible!important;
    -webkit-overflow-scrolling:auto!important;
    scroll-behavior:auto!important;
    padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom))!important;
  }
  .screen{animation:none!important}
  .btn,.header-install,.public-support,.fchip,.more-item{transition:none!important}
  .btn:hover,.header-install:hover,.public-support:hover,.fchip:hover,.more-item:hover{transform:none!important;filter:none!important}
  .theme-pointer::after{display:none!important}.theme-pointer:hover{transform:none!important;filter:none!important}

  .header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .wordmark{min-width:0!important;max-width:100%!important}
  .wordmark>div{min-width:0!important}
  .wordmark .name{
    display:block!important;max-width:calc(100vw - 92px)!important;
    font-size:clamp(12px,4.2vw,17px)!important;letter-spacing:.055em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .wordmark .tag{font-size:7px!important;letter-spacing:.10em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .wordmark img{width:46px!important;height:46px!important;flex:0 0 46px!important}

  .mobile-welcome-logo{width:72px!important;height:72px!important;top:calc(12px + env(safe-area-inset-top))!important}
  .mobile-welcome-body{padding-top:14px!important;overflow:visible!important}
  .mobile-welcome-body h1{
    width:100%!important;max-width:100%!important;
    font-size:clamp(29px,8.4vw,42px)!important;
    letter-spacing:.035em!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  }
  .mobile-kicker{font-size:14px!important}
  .public-brand strong{font-size:clamp(16px,5.3vw,21px)!important;letter-spacing:.075em!important;white-space:nowrap!important}

  #screen-find>.searchbar{min-height:54px!important;padding:0 14px!important}
  #screen-find>.searchbar input{height:50px!important;line-height:50px!important;font-size:15px!important}
  .tool-grid#find-tools{
    display:flex!important;grid-template-columns:none!important;
    gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
    padding:2px 3px 10px!important;margin-inline:-2px!important;
    scrollbar-width:none!important;
  }
  .tool-grid#find-tools::-webkit-scrollbar{display:none!important}
  .tool-grid#find-tools .tool-card{
    flex:0 0 min(82vw,320px)!important;min-width:min(82vw,320px)!important;
    min-height:112px!important;scroll-snap-align:center!important;
    grid-template-columns:46px minmax(0,1fr) 40px!important;
  }
  .filter-carousel{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:5px!important}
  .filter-scroll-btn{width:34px!important;height:34px!important;min-height:34px!important;font-size:21px!important}
  .filter-carousel .filter-row{scroll-behavior:auto!important;padding-bottom:6px!important}
  .fchip{min-height:36px!important;padding:0 13px!important;font-size:14px!important}

  #auth.form-mode .auth-card{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  #auth.form-mode .public-main{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  #au-register:not(.hidden),#au-verify:not(.hidden){overflow:visible!important;height:auto!important;min-height:100%!important}
  .registration-scroll{overflow:visible!important;height:auto!important;padding-bottom:35px!important}
  .phone-number-row{grid-template-columns:78px minmax(0,1fr)!important}
  .phone-code-input{width:78px!important}
}

@media(max-width:390px){
  .mobile-welcome-body h1{font-size:clamp(27px,7.8vw,32px)!important;letter-spacing:.02em!important}
  .mobile-feature-grid{gap:6px!important}.mobile-feature-grid article{min-height:105px!important;padding-inline:3px!important}.mobile-feature-grid b{font-size:11.5px!important}
  .wordmark .name{font-size:12.5px!important;letter-spacing:.035em!important}
}

@media(min-width:761px) and (max-width:1120px){
  .tool-grid#find-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(hover:none),(pointer:coarse){
  *{scroll-behavior:auto!important}
  .btn:hover,.header-install:hover,.public-support:hover,.fchip:hover,.more-item:hover{transform:none!important;filter:none!important;box-shadow:inherit!important}
}

/* Ver 52.3 touch-safe final overrides */
@media(max-width:760px), (hover:none), (pointer:coarse){
  html,body{overflow-x:hidden!important;overscroll-behavior-y:auto!important}
  body{min-height:100%!important;touch-action:pan-y!important}
  main{position:relative!important;inset:auto!important;transform:none!important;contain:none!important;overflow:visible!important;height:auto!important;min-height:calc(100svh - 72px)!important}
  header.app{position:sticky!important;top:0!important}
  .sheet-backdrop,.more-overlay,.chatview,.ad-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sheet-backdrop:not(.open),.more-overlay:not(.open),.chatview:not(.open),.ad-overlay:not(.open){pointer-events:none!important}
  .sheet-backdrop.open,.more-overlay.open,.chatview.open,.ad-overlay.open{pointer-events:auto!important}
  .screen,.card,.tool-card,.btn,.more-item,.chat-item{animation:none!important;transition:none!important;will-change:auto!important}
  .hero-logo-frame img,.mobile-welcome-logo img,.auth-emblem img,.wordmark img,.home-brand-mark{animation-play-state:running!important}
  .theme-pointer::before,.theme-pointer::after{display:none!important}
  .public-main,.public-shell,#auth,.auth-card,.registration-scroll{scroll-behavior:auto!important}
  .mobile-welcome-body h1{white-space:normal!important;text-wrap:balance!important;overflow:visible!important;line-height:1.02!important}
}

/* Mahjong Radar Ver 52.5 — single mobile viewport and scroll foundation.
   Loaded after every legacy stylesheet. This file is the final authority on
   mobile page ownership, scrolling, auth/app separation and bottom navigation. */
@media (max-width:760px){
  :root{
    --mr-mobile-header:74px;
    --mr-mobile-nav:76px;
  }

  html{
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:none!important;
    scroll-behavior:auto!important;
    background:#fbf7ef!important;
  }
  body{
    width:100%!important;
    max-width:100%!important;
    min-height:100svh!important;
    height:auto!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:auto!important;
    background:#fbf7ef!important;
  }

  /* Only one application layer exists at a time. Hiding the inactive layer
     prevents iOS rubber-band scrolling from revealing a second copy beneath. */
  body.auth-active{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    position:relative!important;
  }
  body.auth-active > header.app,body.auth-active > main,body.auth-active > nav.tabbar,body.auth-active > .announce{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.auth-active #auth{
    display:block!important;
    visibility:visible!important;
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:none!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fbf7ef!important;
    isolation:isolate!important;
  }
  body.auth-active #auth::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:#fbf7ef;
    pointer-events:none;
  }
  body.auth-active #auth:not(.form-mode) .public-shell{display:none!important}
  body.auth-active #auth:not(.form-mode) .mobile-onboarding{
    display:flex!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:100svh!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
    background:#fbf7ef!important;
  }
  body.auth-active #auth.form-mode .mobile-onboarding{display:none!important;pointer-events:none!important}
  body.auth-active #auth.form-mode .public-shell{
    display:block!important;
    visibility:visible!important;
    min-height:100%!important;
    height:auto!important;
    overflow:visible!important;
    background:#fbf7ef!important;
  }
  body.auth-active #auth.form-mode .public-main{
    display:block!important;
    visibility:visible!important;
    min-height:100%!important;
    height:auto!important;
    max-width:none!important;
    padding:calc(12px + env(safe-area-inset-top)) 10px calc(24px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    display:flex!important;
    visibility:visible!important;
    width:100%!important;
    max-width:590px!important;
    min-height:calc(100svh - 36px)!important;
    height:auto!important;
    margin:0 auto!important;
    padding:18px 14px 24px!important;
    overflow:visible!important;
    border-radius:22px!important;
  }
  body.auth-active #auth.form-mode .au-inner,body.auth-active #auth.form-mode .au-inner > div:not(.hidden),body.auth-active #auth.form-mode .registration-scroll{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden),body.auth-active #auth.form-mode #au-closed:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:100%!important;
    min-height:calc(100svh - 90px)!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden){
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:4px 2px 28px!important;
  }

  /* Signed-in app uses the browser page as the sole vertical scroller. */
  body.app-active{
    height:auto!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    position:static!important;
  }
  body.app-active #auth{display:none!important;visibility:hidden!important;pointer-events:none!important}
  body.app-active > header.app{display:block!important;visibility:visible!important;pointer-events:auto!important}
  body.app-active > main{display:block!important;visibility:visible!important;pointer-events:auto!important}
  body.app-active > nav.tabbar{display:block!important;visibility:visible!important;pointer-events:auto!important}

  header.app{
    position:sticky!important;
    inset:auto!important;
    top:0!important;
    z-index:90!important;
    width:100%!important;
    height:auto!important;
    min-height:var(--mr-mobile-header)!important;
    padding:calc(7px + env(safe-area-inset-top)) 11px 7px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .header-inner{
    min-height:58px!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .desktop-nav{display:none!important}
  .header-actions{display:flex!important;gap:7px!important;min-width:0!important}
  .header-install{display:none!important}
  .wordmark{min-width:0!important;max-width:100%!important;gap:8px!important}
  .wordmark img{width:48px!important;height:48px!important;flex:0 0 48px!important}
  .wordmark > div{min-width:0!important}
  .wordmark .name{
    display:block!important;
    width:auto!important;
    max-width:calc(100vw - 158px)!important;
    font-size:clamp(13px,4.4vw,18px)!important;
    letter-spacing:.065em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .wordmark .tag{display:none!important}
  .online-pill{min-height:36px!important;padding:0 9px!important;font-size:12px!important}
  .header-profile-avatar{width:38px!important;height:38px!important;font-size:15px!important}

  main{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:calc(100svh - var(--mr-mobile-header))!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
    margin:0!important;
    padding:12px 12px calc(var(--mr-mobile-nav) + 34px + env(safe-area-inset-bottom))!important;
    scroll-behavior:auto!important;
  }
  .screen{position:relative!important;height:auto!important;min-height:0!important;overflow:visible!important;animation:none!important}
  .screen.active{display:block!important}

  /* Fixed bottom navigation, sized to remain inside the viewport. */
  nav.tabbar{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:120!important;
    height:calc(var(--mr-mobile-nav) + env(safe-area-inset-bottom))!important;
    padding:0 0 env(safe-area-inset-bottom)!important;
    overflow:visible!important;
    background:rgba(255,253,248,.985)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .tabbar-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:var(--mr-mobile-nav)!important;
    padding:3px 4px 5px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  .tabbar button{
    min-height:68px!important;
    padding:9px 2px 7px!important;
    justify-content:flex-end!important;
    gap:4px!important;
    font-family:Inter,sans-serif!important;
    font-size:12px!important;
    line-height:1!important;
  }
  .tabbar button > svg{width:25px!important;height:25px!important;margin:0 0 4px!important}
  .tabbar .host-btn::before{display:none!important;content:none!important}
  .tabbar .host-btn{position:relative!important;overflow:visible!important;justify-content:flex-end!important}
  .tabbar .host-btn span.icon{
    display:flex!important;
    visibility:visible!important;
    position:absolute!important;
    left:50%!important;
    top:-8px!important;
    transform:translateX(-50%)!important;
    width:50px!important;
    height:50px!important;
    margin:0!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#c99634,#9b6420)!important;
    border:3px solid #fffaf0!important;
    outline:2px solid #173b63!important;
    color:#fff9e9!important;
    box-shadow:0 7px 16px rgba(55,37,17,.22)!important;
  }
  .tabbar .host-btn span.icon svg{visibility:visible!important;width:23px!important;height:23px!important;margin:0!important}
  .tabbar .host-btn > span:not(.icon):not(.tab-badge){margin-top:44px!important}
  .tab-badge{top:4px!important}

  /* Overlay scroll locks are local to their own panel and never permanently
     disable the page after closing. */
  #sheet-backdrop:not(.open),#more-overlay:not(.open),#chatview:not(.open),#ad-overlay:not(.open),#referral-landing-overlay:not(.open){
    display:none!important;visibility:hidden!important;pointer-events:none!important
  }
  #sheet-backdrop.open,#more-overlay.open,#chatview.open,#ad-overlay.open,#referral-landing-overlay.open{
    visibility:visible!important;pointer-events:auto!important
  }
  .more-panel,.sheet,.cv-msgs{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}

  button,a,[role="button"],input,select,textarea{
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .btn,.card,.tool-card,.more-item,.chat-item,.screen{transition:none!important;will-change:auto!important}
  .theme-pointer::before,.theme-pointer::after{display:none!important}
}

@media (max-width:390px){
  :root{--mr-mobile-nav:72px}
  .wordmark .name{font-size:13px!important;letter-spacing:.04em!important;max-width:calc(100vw - 146px)!important}
  .tabbar button{font-size:11px!important}
  .tabbar .host-btn span.icon{width:47px!important;height:47px!important;top:-7px!important}
  .tabbar .host-btn > span:not(.icon):not(.tab-badge){margin-top:41px!important}
}

/* Mahjong Radar Ver 52.6 — reliable CSS radar animation.
   The approved outer emblem remains completely still. Only the blue radar core animates. */
.mr-radar-logo{
  position:relative;
  display:inline-grid;
  place-items:center;
  line-height:0;
  isolation:isolate;
  overflow:visible;
  flex:0 0 auto;
}
.mr-radar-logo>img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border:0!important;
  border-radius:50%;
  background:transparent;
  clip-path:circle(49.6% at 50% 50%);
}
/* The blue disc occupies about 42% of the approved 512px emblem. */
.mr-radar-core{
  position:absolute;
  z-index:2;
  left:29.15%;
  top:29.15%;
  width:41.7%;
  height:41.7%;
  border-radius:50%;
  overflow:hidden;
  pointer-events:none;
  contain:paint;
  mix-blend-mode:screen;
}
.mr-radar-core::before{
  content:"";
  position:absolute;
  inset:-4%;
  border-radius:50%;
  background:conic-gradient(
    from -16deg,
    transparent 0deg 292deg,
    rgba(255,218,128,.04) 302deg,
    rgba(255,210,94,.20) 323deg,
    rgba(255,202,68,.62) 345deg,
    rgba(255,239,183,.96) 357deg,
    transparent 360deg
  );
  transform-origin:50% 50%;
  animation:mrRadarSweep 3.35s linear infinite;
  filter:drop-shadow(0 0 3px rgba(255,204,72,.55));
}
.mr-radar-core::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(255,233,166,.22),transparent 9%,transparent 100%);
}
.mr-radar-blip{
  position:absolute;
  z-index:3;
  width:3.8%;
  aspect-ratio:1;
  min-width:2px;
  border-radius:50%;
  background:#ffe39a;
  box-shadow:0 0 4px 1px rgba(255,214,104,.82);
  animation:mrRadarBlip 2.2s ease-in-out infinite;
}
.mr-radar-blip.b1{left:30%;top:24%;animation-delay:-.2s}
.mr-radar-blip.b2{left:68%;top:36%;animation-delay:-1.1s}
.mr-radar-blip.b3{left:38%;top:70%;animation-delay:-1.65s}
.mr-radar-blip.b4{left:75%;top:68%;animation-delay:-.65s}
@keyframes mrRadarSweep{to{transform:rotate(1turn)}}
@keyframes mrRadarBlip{0%,62%,100%{opacity:.25;transform:scale(.72)}72%{opacity:1;transform:scale(1.65)}86%{opacity:.52;transform:scale(1)}}

.header-radar-logo{width:54px;height:54px}
.public-brand-radar{width:54px;height:54px}
.mobile-welcome-logo.mr-radar-logo{display:grid!important}
.hero-logo-frame.mr-radar-logo{display:grid!important}
.auth-emblem.mr-radar-logo{display:grid!important}
.home-brand-mark.mr-radar-logo{display:grid!important}
.home-brand-mark.mr-radar-logo>img{width:100%!important;height:100%!important;margin:0!important}

@media(max-width:760px){
  .header-radar-logo{width:44px;height:44px}
  .public-brand-radar{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){
  .mr-radar-core::before,.mr-radar-blip{animation-duration:9s}
}

/* Mahjong Radar Ver 52.6 — final directory, host and hosted-table polish.
   Loaded last so these rules resolve older Ver 51/52 conflicts without
   changing the established ivory / navy / gold visual language. */
:root{
  --v526-navy:#0d3558;
  --v526-navy-2:#154f71;
  --v526-gold:#c8952f;
  --v526-gold-2:#e0b957;
  --v526-line:rgba(190,143,48,.40);
  --v526-paper:#fffdf8;
  --v526-ivory:#f8f0df;
  --v526-muted:#6c6253;
  --v526-shadow:0 16px 36px rgba(49,38,21,.10),0 2px 6px rgba(49,38,21,.05);
}

/* ---------- Support actions ---------- */
.auth-support,.mobile-support,.public-support,#header-support,#more-support{
  pointer-events:auto!important;
  position:relative!important;
  z-index:4!important;
}

/* ---------- Find feature tools ---------- */
#find-tools{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#find-tools .tool-card{
  min-width:0!important;
  min-height:124px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 46px!important;
  gap:12px!important;
  align-items:center!important;
  padding:17px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
#find-tools .tool-card .copy{min-width:0!important}
#find-tools .tool-card h3{font-size:20px!important;line-height:1.08!important;margin:0 0 5px!important}
#find-tools .tool-card p{line-height:1.42!important;margin:0!important;overflow-wrap:anywhere!important}
#find-tools .tool-card .btn{
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  align-self:center!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid var(--v526-gold)!important;
  background:linear-gradient(145deg,var(--v526-navy-2),var(--v526-navy))!important;
  color:#ffe3a1!important;
  box-shadow:0 8px 18px rgba(13,53,88,.20)!important;
  font-size:0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
}
#find-tools .tool-card .btn::after{display:none!important;content:none!important}
#find-tools .tool-card .btn .feature-arrow{
  display:block!important;
  font-family:Inter,sans-serif!important;
  font-size:28px!important;
  font-weight:500!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
  color:#ffe3a1!important;
}
#find-tools .tool-card .btn:active{transform:scale(.96)!important}

/* ---------- Filter carousel ---------- */
.filter-carousel{
  grid-template-columns:46px minmax(0,1fr) 46px!important;
  gap:9px!important;
  margin:8px 0 16px!important;
}
.filter-carousel-viewport{
  min-width:0!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)!important;
}
#find-filters{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  padding:5px 18px 9px!important;
  margin:0!important;
  min-width:0!important;
}
#find-filters::-webkit-scrollbar{display:none!important}
#find-filters .fchip{
  flex:0 0 auto!important;
  scroll-snap-align:center!important;
  white-space:nowrap!important;
  min-height:39px!important;
  padding:8px 15px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.filter-scroll-btn{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid var(--v526-line)!important;
  background:linear-gradient(145deg,#fffefb,#f2e4c6)!important;
  color:var(--v526-navy)!important;
  font-size:27px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 7px 16px rgba(57,42,19,.09)!important;
  opacity:1!important;
  visibility:visible!important;
}
.filter-scroll-btn:disabled{opacity:.30!important;box-shadow:none!important}
.filter-carousel.no-overflow .filter-scroll-btn{visibility:hidden!important}

/* ---------- Find view selector and cards ---------- */
.directory-viewbar{align-items:center!important}

.table-urgency{
  opacity:1!important;
  visibility:visible!important;
  min-height:27px!important;
  padding:5px 10px!important;
  border:1px solid rgba(201,149,47,.30)!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.table-urgency.today{
  background:#ffe8e1!important;
  color:#912e25!important;
  border-color:#e7ada4!important;
  box-shadow:0 2px 8px rgba(145,46,37,.08)!important;
}

#find-directory.discovery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
#find-directory .host-prompt-card{
  min-height:520px!important;
  height:100%!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:28px 24px 24px!important;
}
#find-directory .host-prompt-card .host-prompt-orb{margin:0 auto 16px!important}
#find-directory .host-prompt-card h3{text-align:center!important;margin-inline:auto!important}
#find-directory .host-prompt-card p{text-align:center!important;margin:14px auto 22px!important;max-width:270px!important}
#find-directory .host-prompt-card .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,320px)!important;
  margin:auto auto 0!important;
  min-height:50px!important;
  text-align:center!important;
}

/* A true, compact desktop list — no 500px-tall cards. */









































/* ---------- Host form ---------- */
#host-form{overflow:hidden!important}
.date-time-box{overflow:hidden!important}
.date-time-box .grid.g2>*{min-width:0!important}
.date-time-box input[type="date"],.date-time-box input[type="time"]{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
}


/* ---------- Hosted table details ---------- */
.sheet.hosted-table-sheet{
  width:min(94vw,920px)!important;
  max-width:920px!important;
  padding:18px!important;
  background:linear-gradient(155deg,#fffdf8,#f5ead5)!important;
}
.v526-hosted-hero{
  position:relative;overflow:hidden;border:1px solid var(--v526-line);border-radius:25px;padding:22px;background:
  radial-gradient(circle at 100% 0,rgba(220,181,91,.23),transparent 34%),
  linear-gradient(150deg,#fffefb,#f4e7cd);box-shadow:var(--v526-shadow);margin:0 0 18px;
}
.v526-hosted-hero::after{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:240px;border:1px solid rgba(184,139,48,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(184,139,48,.05),0 0 0 68px rgba(184,139,48,.03);pointer-events:none}
.v526-hosted-brand{position:relative;z-index:1;display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:18px;align-items:center}
.v526-hosted-brand .mr-radar-logo{width:112px;height:112px;filter:drop-shadow(0 10px 18px rgba(65,44,16,.14))}
.v526-hosted-kicker{font-size:11px;letter-spacing:.22em;color:#a27125;text-transform:uppercase}
.v526-hosted-brand h2{font-size:clamp(30px,4vw,46px);line-height:.98;color:var(--v526-navy);margin:3px 0 7px}
.v526-hosted-brand p{color:var(--v526-muted);font-size:13px;margin:0}
.v526-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--v526-line);background:#fffdf8;color:var(--v526-navy);font-weight:850;font-size:12px}
.v526-hosted-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}
.v526-hosted-kpi{padding:12px;border:1px solid rgba(190,143,48,.27);border-radius:15px;background:rgba(255,255,255,.72);text-align:center;min-width:0}
.v526-hosted-kpi small{display:block;color:#9a7130;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.v526-hosted-kpi b{display:block;color:var(--v526-navy);font-size:15px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v526-seat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.v526-seat-card{min-height:88px;padding:11px;border-radius:15px;border:1px solid rgba(190,143,48,.28);background:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.v526-seat-card.open{border-style:dashed;background:rgba(255,250,239,.60)}
.v526-seat-card.checked{border-color:#79b596;background:#eff8f2}
.v526-seat-card.pending{border-color:#d4a043;background:#fff4d9}
.v526-seat-card b{color:var(--v526-navy);font-family:"Cormorant Garamond",serif;font-size:17px;line-height:1.05}
.v526-seat-card span{font-size:9px;letter-spacing:.10em;text-transform:uppercase;color:var(--v526-muted);margin-top:5px}
.v526-seat-card .seat-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;margin:0 0 7px;background:var(--v526-navy);color:#ffe3a1;font-weight:900;font-size:11px}
.v526-seat-card.open .seat-number{background:#efe1c4;color:#9d7129}

.v526-detail-section{margin:16px 0;padding:18px;border:1px solid rgba(190,143,48,.30);border-radius:20px;background:rgba(255,255,255,.66)}
.v526-section-heading{display:flex;gap:11px;align-items:center;margin-bottom:12px}
.v526-section-heading .section-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--v526-navy-2),var(--v526-navy));color:#ffe3a1;font-size:20px}
.v526-section-heading b{display:block;color:var(--v526-navy);font-family:"Cormorant Garamond",serif;font-size:23px}
.v526-section-heading small{display:block;color:var(--v526-muted);font-size:11px}
.v526-location-copy{font-size:14px;line-height:1.55;color:#574f43}


.v526-contribution-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(190,143,48,.22)}
.v526-contribution-row>div b{display:block;color:var(--v526-navy);font-family:"Cormorant Garamond",serif;font-size:20px}
.v526-contribution-row>div small{display:block;color:var(--v526-muted);font-size:11px}
.v526-contribution-row .chip{font-size:13px!important;padding:8px 12px!important}
.v526-action-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important}
.v526-action-row .btn{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}



/* ---------- Mobile ---------- */
@media(max-width:1100px){
  #find-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  
  
}
@media(max-width:760px){
  #find-tools{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:2px 3px 10px!important;
    scrollbar-width:none!important;
  }
  #find-tools::-webkit-scrollbar{display:none!important}
  #find-tools .tool-card{flex:0 0 min(86vw,340px)!important;scroll-snap-align:center!important;min-height:150px!important;grid-template-columns:58px minmax(0,1fr) 48px!important;padding:18px!important}
  #find-tools .tool-card .btn{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}
  .filter-carousel{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:4px!important;margin-inline:-4px!important}
  .filter-scroll-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;font-size:24px!important}
  #find-filters{padding-inline:7px!important}
  
  
  
  
  
  
  
  
  
  .date-time-box .grid.g2{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .date-time-box input[type="date"],.date-time-box input[type="time"]{font-size:16px!important;min-height:52px!important}
  .quick-times{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .quick-times button{width:100%!important;min-width:0!important}
  .sheet.hosted-table-sheet{width:100%!important;max-width:none!important;padding:13px!important;border-radius:23px 23px 0 0!important}
  .v526-hosted-hero{padding:16px!important;border-radius:20px!important}
  .v526-hosted-brand{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important}
  .v526-hosted-brand .mr-radar-logo{width:76px!important;height:76px!important}
  .v526-hosted-brand .v526-status-badge{grid-column:1/-1!important;justify-self:start!important;min-height:34px!important}
  .v526-hosted-brand h2{font-size:30px!important}
  .v526-hosted-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v526-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  
  .v526-contribution-row{align-items:flex-start!important;flex-direction:column!important}
  .v526-action-row{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  #find-tools .tool-card{flex-basis:88vw!important}
  
  
}

/* ---------- Final defensive corrections ---------- */
/* Keep the navigation controls visible even when all filters currently fit.
   Disabled controls remain visibly present so members understand the strip. */
.filter-carousel.no-overflow .filter-scroll-btn{visibility:visible!important}

/* Mobile Safari gives date/time inputs a large intrinsic width unless all
   ancestors are explicitly shrinkable. */
.date-time-box,.date-time-box .grid,.date-time-box .field{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.date-time-box input[type="date"],.date-time-box input[type="time"]{
  -webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;
  inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}





/* Give the urgency label enough contrast in every directory mode. */
.discovery-grid .table-urgency.today{color:#8b211b!important;background:#ffe2dc!important;border-color:#d98f84!important}

/* Prevent old layout layers from stretching list cards vertically. */


@media(max-width:760px){
  
  
  .date-time-box .grid.g2{overflow:hidden!important}
  .date-time-box input[type="date"],.date-time-box input[type="time"]{font-size:16px!important;padding-inline:12px!important}
  /* Keep feature arrows visible without relying on hover-capable hardware. */
  #find-tools .tool-card .btn{opacity:1!important;visibility:visible!important;transform:none!important}
  #find-tools .tool-card .feature-arrow{opacity:1!important;visibility:visible!important}
}

/* Let urgency/date/location metadata wrap instead of hiding the important badge. */
.compact-table-meta{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}

/* Mahjong Radar Ver 52.7 — cancellation, chat sizing and scalable halls */
@media (min-width: 900px){
  #chatview{position:fixed!important;inset:50% auto auto 50%!important;width:min(900px,86vw)!important;height:min(680px,80vh)!important;max-width:none!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(181,138,59,.55)!important;border-radius:24px!important;box-shadow:0 0 0 100vmax rgba(14,36,56,.40),0 28px 80px rgba(14,36,56,.28)!important;overflow:hidden!important;background:#fffdf8!important;z-index:5000!important}
  #chatview.open{display:flex!important}
  #chatview .cv-head{padding:14px 18px!important}
  #chatview .cv-msgs{padding:18px 22px!important}
  #chatview .cv-input{padding:12px 18px!important}
  #cv-back{display:none!important}
  #cv-close{display:grid!important}
}
#cv-close{margin-left:auto;width:42px;height:42px;border-radius:50%;place-items:center;border:1px solid rgba(210,168,85,.65);background:#fffdf8;color:#173b63;font-size:25px;line-height:1;box-shadow:0 5px 14px rgba(14,36,56,.12)}
@media(max-width:899px){#cv-close{display:none!important}}

/* Do not crop real information in table cards. */
#find-directory.discovery-grid>.compact-table-card{height:auto!important;min-height:510px!important;max-height:none!important;overflow:visible!important}

.compact-table-copy,.compact-table-host,.compact-table-meta,.compact-table-chips{min-width:0!important;overflow:visible!important}
.compact-table-title,.compact-table-host,.compact-table-meta{white-space:normal!important;text-overflow:clip!important}
.compact-table-foot{position:relative!important;display:flex!important;visibility:visible!important;opacity:1!important}
@media(max-width:760px){#find-directory.discovery-grid>.compact-table-card{min-height:0!important}}

/* Cancelled table presentation */
.cancelled-table-card{filter:saturate(.83);border-color:rgba(177,48,48,.48)!important;background:linear-gradient(155deg,#fffafa,#f5e5df)!important}
.cancelled-stamp{display:inline-flex;align-items:center;justify-content:center;transform:rotate(-7deg);padding:7px 15px;border:3px double #b32d2d;border-radius:8px;color:#a52020;background:rgba(255,247,247,.9);font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:13px;box-shadow:0 3px 0 rgba(179,45,45,.1)}
.cancelled-card-stamp{position:absolute;right:18px;top:74px;z-index:4;pointer-events:none}
.cancelled-table-card .compact-seat-panel{background:#fff5f3!important;border-color:#e7b1aa!important}
.cancelled-table-card .compact-table-arrow{background:#b22e2e!important;color:#fff!important}
.cancelled-table-card .table-lifecycle{color:#9d3535!important}
.hosted-table-card.is-cancelled{position:relative;border-color:#d99b95!important}
.hosted-table-card.is-cancelled::after{content:"CANCELLED";position:absolute;right:24px;top:86px;transform:rotate(-8deg);padding:7px 12px;border:3px double #b32d2d;border-radius:8px;color:#a52020;background:#fff8f7;font-weight:900;letter-spacing:.13em;z-index:2}
.v526-hosted-hero{position:relative}
.v526-hosted-hero.is-cancelled::after{content:"CANCELLED";position:absolute;right:26px;top:100px;transform:rotate(-8deg);padding:9px 18px;border:4px double #b32d2d;border-radius:9px;color:#a52020;background:rgba(255,248,247,.94);font-weight:900;letter-spacing:.16em;font-size:16px;z-index:4}

/* City hall directory — scalable search and pages */
.city-directory-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0}
.city-directory-toolbar .searchbar{margin:0!important}
.city-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:56vh;overflow:auto;padding:3px}
.city-directory-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid rgba(181,138,59,.32);border-radius:16px;background:linear-gradient(145deg,#fffdf8,#f5ead3);padding:13px;min-height:88px;color:#173b63}
.city-directory-card:hover{transform:translateY(-1px);border-color:#ba8b34;box-shadow:0 8px 18px rgba(45,34,18,.08)}
.city-directory-card .city-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#123a5c;color:#f2cf78;border:2px solid #d1a64b;font-size:22px;flex:0 0 auto}
.city-directory-card b{font-family:"Cormorant Garamond",serif;font-size:20px;display:block}
.city-directory-card small{display:block;color:#756b5e;font-size:11px;line-height:1.45}
.city-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:13px}
.city-pagination .btn{min-width:100px}
@media(max-width:620px){.city-directory-grid{grid-template-columns:1fr;max-height:58vh}.city-directory-toolbar{grid-template-columns:1fr}.cancelled-card-stamp{right:12px;top:68px;font-size:11px}}

/* Notification preference callout */
.city-alert-optin{border:1px solid rgba(181,138,59,.42);border-radius:15px;background:linear-gradient(145deg,#fff9e9,#f4e5c5);padding:13px;margin:8px 0}
.city-alert-optin b{color:#173b63}.city-alert-optin small{display:block;color:#6e6253;line-height:1.5;margin-top:3px}

/* Cancelled table clarity */
.table-urgency.cancelled{background:#fff0f0!important;color:#9f2424!important;border:1px solid #d96767!important;font-weight:900!important}
.cancelled-seat-panel{border-color:rgba(184,47,47,.35)!important;background:linear-gradient(135deg,#fff9f7,#fff0ed)!important}
.cancelled-seat-panel .cancelled-count{background:#a92c2c!important;color:#fff!important}
.cancelled-seat-panel .cancelled-count b{color:#fff!important}
.hosted-table-card{position:relative;overflow:hidden}
.hosted-cancelled-stamp{position:absolute;right:18px;top:80px;z-index:4;transform:rotate(-10deg);font-size:21px}
/* Keep all Find Games copy visible in Grid and List */
.compact-table-card,.host-prompt-card{overflow:visible!important}
.compact-table-meta,.compact-table-host,.compact-table-title,.compact-table-overline,.compact-seat-copy,.compact-table-foot{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}



@media(max-width:760px){.hosted-cancelled-stamp{top:72px;right:14px;font-size:16px}}

#cv-close{cursor:pointer!important;z-index:6!important;flex:0 0 auto!important}

/* Mahjong Radar Ver 53 — clean responsive visual system */
:root{--v53-navy:#10395f;--v53-gold:#c79431;--v53-ivory:#fffaf0;--v53-line:#dfc58f}
/* logo/header alignment */
@media (min-width:761px){
  .app-header .header-inner{max-width:1280px;margin:auto;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center!important}
  .brand{justify-self:start}.desktop-nav{justify-self:center}.header-actions{justify-self:end}
}
.mobile-welcome-logo{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
.mobile-welcome-arch{justify-content:flex-end!important}.mobile-support{position:relative!important;z-index:20!important;pointer-events:auto!important}
/* active navigation */
.desktop-nav button.active,.desktop-nav [data-tab].active{background:linear-gradient(180deg,#fffdf8,#edf2f5)!important;color:var(--v53-navy)!important;border-bottom:3px solid var(--v53-navy)!important;box-shadow:0 7px 16px rgba(16,57,95,.12)!important;font-weight:700!important}
.tabbar button.active{color:var(--v53-navy)!important;font-weight:800!important}.tabbar button.active>svg{stroke:var(--v53-navy)!important;filter:drop-shadow(0 2px 2px rgba(16,57,95,.14))}
/* view selector only grid/list */

/* directory grids equal cards */
.discovery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
.discovery-grid>.directory-card{width:100%!important;min-width:0!important;height:610px!important;max-height:610px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.discovery-grid .compact-table-card{padding:18px!important}.discovery-grid .compact-table-foot{margin-top:auto!important}.discovery-grid .compact-table-stats{margin-top:auto!important}
.discovery-grid .host-prompt-card,.discovery-grid .sponsor-directory-card{justify-content:flex-start!important}.discovery-grid .host-prompt-card .btn,.discovery-grid .sponsor-directory-card .sponsor-action-area{margin-top:auto!important}
.compact-seat-count{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.compact-seat-count b,.compact-seat-count span{display:block!important;width:100%!important;text-align:center!important}






/* mobile rewrite */
@media(max-width:760px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 main{width:100%!important;max-width:100%!important;padding:18px 14px calc(98px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 #screen-find{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .directory-viewbar{display:block!important}
 .discovery-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;gap:16px!important;overflow:visible!important}
 .discovery-grid>.directory-card{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;overflow:hidden!important;padding:16px!important}
 .compact-table-head{display:grid!important;grid-template-columns:72px minmax(0,1fr) 46px!important;gap:12px!important;align-items:start!important}.compact-table-avatar{width:72px!important}.compact-table-title{font-size:28px!important;line-height:1.05!important;overflow-wrap:anywhere!important}.compact-table-overline{font-size:18px!important;overflow-wrap:anywhere!important}.compact-table-host{font-size:14px!important;overflow-wrap:anywhere!important}
 .compact-table-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.compact-table-chips{display:flex!important;flex-wrap:wrap!important}.compact-seat-panel{display:grid!important;grid-template-columns:84px minmax(0,1fr) 42px!important;gap:10px!important;min-height:126px!important}.compact-seat-count{width:84px!important;height:84px!important}.compact-seat-copy{min-width:0!important}.compact-table-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.compact-table-stats span{min-width:0!important}
 .host-prompt-card,.sponsor-directory-card{min-height:420px!important}.host-prompt-card h3{font-size:30px!important}.host-prompt-card .btn{margin-top:auto!important;width:100%!important}
 .tool-grid{grid-auto-columns:min(84vw,350px)!important}.filter-carousel{max-width:100%!important}.filter-carousel-viewport{min-width:0!important}
 .tabbar .host-btn span.icon{width:46px!important;height:46px!important;top:-5px!important}.tabbar .host-btn>span:not(.icon):not(.tab-badge){margin-top:39px!important}
}
@media(min-width:761px) and (max-width:1100px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Mahjong Radar Ver 63 — final audited responsive layer */
:root{
  --mr53-navy:#0e385f;--mr53-navy-deep:#082a48;--mr53-gold:#c89128;
  --mr53-gold-light:#dfb654;--mr53-ivory:#fffaf0;--mr53-card:#fffdf8;
  --mr53-line:#dec28b;--mr53-muted:#6f675c;--mr53-shadow:0 16px 38px rgba(37,29,18,.10);
}
*,*::before,*::after{box-sizing:border-box}
html{width:100%;min-height:100%;overflow-x:hidden;scroll-behavior:smooth}
body{width:100%;min-height:100%;overflow-x:hidden}
button,a,input,select,textarea{font:inherit}
button,.btn,[role="button"],a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img{max-width:100%}
.hidden{display:none!important}

/* Header and brand */
.app-header{background:rgba(255,252,246,.97)!important;border-bottom:1px solid rgba(200,145,40,.35)!important}
.app-header .header-inner{width:min(1280px,calc(100% - 34px));margin:0 auto!important;min-height:82px!important;padding:8px 0!important}
.brand{min-width:0}.brand-logo,.admin-brand-logo,.admin-login-brand img{flex:0 0 auto;object-fit:contain!important;object-position:center!important;border-radius:50%!important;clip-path:circle(49% at 50% 50%)!important;background:transparent!important}
.brand .brand-copy{min-width:0}.brand .brand-name{white-space:nowrap}
.desktop-nav{gap:8px!important}.desktop-nav button{min-height:48px!important;padding:10px 17px!important;border-radius:14px 14px 10px 10px!important;border:1px solid transparent!important}
.desktop-nav button.active,.desktop-nav [data-tab].active{background:linear-gradient(180deg,#fff,#eaf0f4)!important;border-color:rgba(14,56,95,.14)!important;border-bottom:3px solid var(--mr53-navy)!important;color:var(--mr53-navy)!important;box-shadow:0 8px 18px rgba(14,56,95,.13)!important}
.desktop-nav button.active::after{content:"";position:absolute;left:50%;bottom:-9px;width:8px;height:8px;background:var(--mr53-gold);border:2px solid #fff;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 1px rgba(200,145,40,.25)}
.header-actions{gap:10px!important}

/* Public/mobile opening page */
.mobile-welcome-logo{left:50%!important;right:auto!important;top:22px!important;transform:translateX(-50%)!important;width:118px!important;height:118px!important}
.mobile-welcome-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.mobile-welcome-arch{position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;padding:24px 22px!important;min-height:150px!important}
.mobile-support,.auth-support,.public-support{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:25!important}
.public-stage{width:min(1360px,calc(100% - 34px))!important;margin-inline:auto!important}

/* Find Games tool cards and filters */
#screen-find{overflow:visible!important}
#find-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
#find-tools .tool-card{min-width:0!important;min-height:120px!important;height:100%!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) 48px!important;gap:13px!important;align-items:center!important;padding:16px!important;overflow:hidden!important}
#find-tools .tool-card .copy{min-width:0!important}#find-tools .tool-card h3{overflow-wrap:anywhere!important}
#find-tools .tool-card .btn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,var(--mr53-navy),var(--mr53-navy-deep))!important;color:#f5cc68!important;border:1px solid #d4a443!important;box-shadow:0 8px 17px rgba(14,56,95,.17)!important}
#find-tools .feature-arrow{display:block!important;font-size:30px!important;line-height:1!important;transform:translateY(-1px)}
.filter-carousel{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;width:100%!important}
.filter-carousel-viewport{min-width:0!important;overflow:hidden!important}.filter-row{display:flex!important;gap:9px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:7px 2px!important;scroll-snap-type:x proximity}.filter-row::-webkit-scrollbar{display:none}.fchip{flex:0 0 auto!important;scroll-snap-align:start!important;white-space:nowrap!important}
.filter-scroll-btn{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#fffaf0!important;border:1px solid var(--mr53-line)!important;color:var(--mr53-navy)!important;font-size:28px!important;font-weight:800!important;box-shadow:0 6px 15px rgba(34,27,17,.07)!important}.filter-scroll-btn:disabled{opacity:.35!important}
.directory-viewbar{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;margin:16px 0!important}

/* Directory grid: every card has an equal, reliable frame */
.discovery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;max-width:1240px!important;margin:0 auto!important}
.discovery-grid>.directory-card{width:100%!important;min-width:0!important;height:610px!important;min-height:610px!important;max-height:610px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border-radius:24px!important}
.discovery-grid .compact-table-card,.discovery-grid .host-prompt-card,.discovery-grid .sponsor-directory-card{padding:18px!important}
.discovery-grid .compact-table-foot,.discovery-grid .host-prompt-card .btn,.discovery-grid .sponsor-action-area{margin-top:auto!important}
.discovery-grid .compact-table-stats{margin-top:auto!important}
.compact-seat-count{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important}.compact-seat-count b,.compact-seat-count span{display:block!important;width:100%!important;text-align:center!important;margin:0!important}.compact-seat-count span{font-size:10px!important;letter-spacing:.12em!important}








/* Chat dialog cannot cover the desktop */
#chatview{padding:24px!important;background:rgba(8,24,38,.52)!important;backdrop-filter:blur(5px)!important}
#chatview .chatview-panel,#chatview .chat-panel,#chatview>div{width:min(840px,calc(100vw - 48px))!important;height:min(760px,calc(100vh - 48px))!important;max-height:calc(100vh - 48px)!important;margin:auto!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important}
#chatview .chat-close,#chatview [data-chat-close],#cv-close{display:grid!important;place-items:center!important;position:absolute!important;top:14px!important;right:14px!important;z-index:20!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#fffdf8!important;border:1px solid var(--mr53-line)!important;color:var(--mr53-navy)!important;font-size:24px!important}

/* Forms */
.field,.field input,.field select,.field textarea,.phone-fields,.phone-fields>*{min-width:0!important;max-width:100%!important}.date-time-box .g2{min-width:0!important}.date-time-box input{width:100%!important;min-width:0!important}

/* Admin polish */
.admin-brand-logo,.admin-login-brand img{width:54px!important;height:54px!important}.t-room{white-space:nowrap}

@media(min-width:761px) and (max-width:1180px){
 #find-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 
 
 
}

@media(max-width:760px){
 html,body{width:100%!important;max-width:100%!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
 body.app-active{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
 body.auth-active{padding-bottom:0!important}
 .app-header .header-inner{width:100%!important;min-height:86px!important;padding:10px 16px!important;display:flex!important;justify-content:center!important}
 .app-header .brand{width:100%!important;justify-content:center!important;gap:10px!important}.app-header .brand-logo{width:58px!important;height:58px!important}.app-header .brand-name{font-size:23px!important;letter-spacing:.08em!important;max-width:calc(100vw - 95px)!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .desktop-nav,.header-actions{display:none!important}
 main{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:18px 14px calc(112px + env(safe-area-inset-bottom))!important}
 .screen{width:100%!important;max-width:100%!important;overflow:visible!important}.screen:not(.active){display:none!important}
 .section-title{font-size:clamp(36px,10vw,50px)!important;line-height:1.02!important;overflow-wrap:anywhere!important}
 .mobile-welcome-logo{width:104px!important;height:104px!important;top:20px!important}.mobile-welcome-arch{min-height:142px!important;padding:24px 18px!important}.mobile-support{min-height:50px!important;padding:10px 16px!important;font-size:16px!important}
 .mobile-welcome-title{font-size:clamp(38px,11vw,57px)!important;line-height:1.02!important;word-break:normal!important;overflow-wrap:normal!important}
 #find-tools{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:14px!important;padding:2px 1px 12px!important;scrollbar-width:none!important}#find-tools::-webkit-scrollbar{display:none}
 #find-tools .tool-card{flex:0 0 min(86vw,360px)!important;scroll-snap-align:center!important;min-height:196px!important;grid-template-columns:62px minmax(0,1fr) 54px!important;padding:20px!important;border-radius:23px!important}
 #find-tools .tool-card .btn{width:52px!important;height:52px!important;min-width:52px!important}
 .filter-carousel{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:6px!important}.filter-scroll-btn{width:40px!important;height:40px!important}.filter-row{gap:9px!important}.fchip{padding:11px 15px!important;font-size:14px!important}
 .directory-viewbar{display:block!important;margin:18px 0!important}
 .discovery-grid{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:17px!important;margin:0!important;overflow:visible!important}
 .discovery-grid>.directory-card{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px!important;overflow:hidden!important;border-radius:22px!important}
 .compact-table-head{display:grid!important;grid-template-columns:78px minmax(0,1fr) 48px!important;gap:12px!important;align-items:start!important}.compact-table-avatar{width:78px!important;min-width:0!important}.compact-table-copy{min-width:0!important}.compact-table-overline{font-size:18px!important;line-height:1.1!important;overflow-wrap:anywhere!important}.compact-table-title{font-size:31px!important;line-height:1.02!important;overflow-wrap:anywhere!important}.compact-table-host{font-size:15px!important;overflow-wrap:anywhere!important}
 .compact-table-meta,.compact-table-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}.compact-table-meta>*{max-width:100%!important}
 .participant-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.compact-seat-panel{display:grid!important;grid-template-columns:88px minmax(0,1fr) 42px!important;gap:10px!important;min-height:132px!important;padding:13px!important}.compact-seat-count{width:88px!important;height:88px!important}.compact-seat-copy{min-width:0!important}.compact-seat-copy b,.compact-seat-copy span{overflow-wrap:anywhere!important}.compact-table-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.compact-table-stats span{min-width:0!important;padding:9px 4px!important}.compact-table-foot{min-height:48px!important;font-size:10px!important}
 .host-prompt-card,.sponsor-directory-card{min-height:420px!important}.host-prompt-card h3{font-size:31px!important}.host-prompt-card .btn,.sponsor-directory-card .btn{margin-top:auto!important;width:100%!important;justify-content:center!important}
 .tabbar{height:calc(78px + env(safe-area-inset-bottom))!important;padding:7px 10px env(safe-area-inset-bottom)!important;grid-template-columns:repeat(5,1fr)!important;overflow:visible!important}.tabbar button{min-width:0!important}.tabbar .host-btn span.icon{width:54px!important;height:54px!important;top:-10px!important}.tabbar .host-btn>span:not(.icon):not(.tab-badge){margin-top:38px!important}.tabbar button.active{color:var(--mr53-navy)!important}.tabbar button.active::after{content:"";position:absolute;left:50%;bottom:3px;width:22px;height:3px;border-radius:99px;background:var(--mr53-gold);transform:translateX(-50%)}
 #chatview{padding:0!important}.chatview-panel,#chatview .chat-panel,#chatview>div{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 .date-time-box .g2{display:grid!important;grid-template-columns:1fr!important}.date-time-box input{font-size:16px!important}
 .phone-row,.phone-input-row,.registration-phone-grid{display:grid!important;grid-template-columns:1fr!important}.phone-country-control,.phone-number-control{width:100%!important}
}

@media(max-width:390px){
 main{padding-inline:11px!important}.app-header .brand-name{font-size:20px!important}.compact-table-head{grid-template-columns:66px minmax(0,1fr) 42px!important}.compact-table-avatar{width:66px!important}.compact-table-title{font-size:27px!important}.compact-seat-panel{grid-template-columns:74px minmax(0,1fr) 36px!important}.compact-seat-count{width:74px!important;height:74px!important}.tabbar{padding-inline:4px!important}.tabbar button{font-size:11px!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Ver 63 final selector alignment for the actual application markup. */
@media(min-width:761px){
  header.app .header-inner{width:min(1280px,calc(100% - 36px))!important;max-width:1280px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(280px,1fr) auto minmax(220px,1fr)!important;align-items:center!important;gap:22px!important;padding:8px 0!important}
  header.app .wordmark{justify-self:start!important;min-width:0!important}
  header.app .desktop-nav{justify-self:center!important;display:flex!important}
  header.app .header-actions{justify-self:end!important;display:flex!important}
  header.app .wordmark img{width:56px!important;height:56px!important;object-fit:contain!important}
  header.app .wordmark .name{font-size:21px!important;letter-spacing:.13em!important;max-width:none!important}
  header.app .wordmark .tag{display:block!important;font-size:8px!important}
}
@media(max-width:760px){
  header.app .header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
  header.app .wordmark{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important}
  header.app .wordmark .name{max-width:calc(100vw - 155px)!important}
  .mobile-welcome-arch{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important}
  .mobile-support{display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;color:#9f741f!important;background:rgba(255,253,248,.90)!important;border:1px solid rgba(190,143,48,.45)!important}
}

/* Mahjong Radar Ver 63 — host stability and final mobile directory guard. */
*,*::before,*::after{box-sizing:border-box}

/* Keep the table directory inside the viewport on every device. */
#screen-find,#find-directory,#find-directory>*{min-width:0}
#find-directory{width:100%;max-width:100%}
.compact-table-card .compact-seat-count{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.compact-table-card .compact-seat-count>b,.compact-table-card .compact-seat-count>span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  line-height:1.05!important;
}

@media(max-width:760px){
  /* One deliberate mobile card layout for both Grid and List. */
  #find-directory.discovery-grid{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    gap:16px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  #find-directory.discovery-grid>.directory-card{
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:15px!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  #find-directory .compact-table-card>*{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-column:auto!important;
    grid-row:auto!important;
    grid-area:auto!important;
  }
  #find-directory .compact-table-head{
    display:grid!important;
    grid-template-columns:66px minmax(0,1fr) 40px!important;
    align-items:start!important;
    gap:11px!important;
  }
  #find-directory .compact-table-avatar,#find-directory .compact-table-avatar .avatar{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
  }
  #find-directory .compact-table-copy{padding:1px 0!important}
  #find-directory .compact-table-overline{
    font-size:14px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
    overflow-wrap:anywhere!important;
  }
  #find-directory .compact-table-title{
    min-height:0!important;
    margin:4px 0 3px!important;
    font-size:25px!important;
    line-height:1.04!important;
    overflow-wrap:anywhere!important;
  }
  #find-directory .compact-table-host{
    font-size:13px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  #find-directory .compact-table-save{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
  }
  #find-directory .compact-table-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    margin-top:12px!important;
    padding:10px!important;
    border-radius:13px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  #find-directory .compact-table-chips{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:9px!important;
  }
  #find-directory .compact-table-chips .chip,#find-directory .compact-table-chips .lifecycle-badge{
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
  #find-directory .participant-strip{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:10px!important;
  }
  #find-directory .compact-seat-panel{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:112px!important;
    margin-top:12px!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  #find-directory .compact-seat-count{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    padding:6px!important;
  }
  #find-directory .compact-seat-count b{font-size:25px!important}
  #find-directory .compact-seat-count span{font-size:9px!important;letter-spacing:.10em!important}
  #find-directory .compact-seat-copy{min-width:0!important}
  #find-directory .compact-seat-copy b{
    display:block!important;
    font-size:15px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  #find-directory .compact-seat-copy>span{
    display:block!important;
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  #find-directory .compact-table-arrow{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
  }
  #find-directory .table-lifecycle{margin-top:10px!important}
  #find-directory .compact-table-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:11px!important;
  }
  #find-directory .compact-table-stats span{
    min-width:0!important;
    padding:8px 3px!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  #find-directory .compact-table-stats b{font-size:16px!important}
  #find-directory .compact-table-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    min-height:44px!important;
    margin-top:10px!important;
    padding:9px 10px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }
  #find-directory .host-prompt-card,#find-directory .sponsor-directory-card{
    min-height:360px!important;
    height:auto!important;
  }
  #find-directory .host-prompt-card{
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    padding:22px 18px!important;
  }
  #find-directory .host-prompt-card h3{font-size:28px!important;line-height:1.06!important}
  #find-directory .host-prompt-card p{font-size:13px!important;line-height:1.5!important}
  #find-directory .host-prompt-card .btn{width:100%!important;margin-top:auto!important}
  #find-directory .sponsor-directory-media{height:145px!important;min-height:145px!important;flex:0 0 145px!important}
  #find-directory .sponsor-directory-copy{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}
  #find-directory .sponsor-action-area{margin-top:auto!important}
}

@media(max-width:390px){
  #find-directory .compact-table-head{grid-template-columns:58px minmax(0,1fr) 36px!important;gap:9px!important}
  #find-directory .compact-table-avatar,#find-directory .compact-table-avatar .avatar{width:56px!important;height:56px!important;min-width:56px!important}
  #find-directory .compact-table-title{font-size:22px!important}
  #find-directory .compact-seat-panel{grid-template-columns:66px minmax(0,1fr) 30px!important;gap:8px!important;padding:10px!important}
  #find-directory .compact-seat-count{width:62px!important;height:62px!important;min-width:62px!important}
  #find-directory .compact-table-arrow{width:29px!important;height:29px!important;min-width:29px!important}
}

/* =========================================================
   VER 63 — responsive directory, home carousel & form fixes
   ========================================================= */
.fee-entry-grid{display:grid!important;grid-template-columns:150px minmax(180px,1fr)!important;gap:12px!important;align-items:stretch!important;width:100%!important}
.fee-entry-grid>select,.fee-entry-grid>input{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
#hg-fee-amount{visibility:visible!important;opacity:1!important;pointer-events:auto!important;color:var(--mr-navy)!important;background:#fffdf8!important}

.home-tables-head{align-items:center!important;gap:12px!important}.home-table-controls{display:flex!important;align-items:center!important;gap:8px!important}.carousel-nav{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;border:1px solid var(--mr-line)!important;background:#fffdf8!important;color:var(--mr-navy)!important;font-size:25px!important;display:grid!important;place-items:center!important;box-shadow:0 5px 14px rgba(31,44,55,.08)!important}.carousel-nav:disabled{opacity:.35!important}.home-show-all{white-space:nowrap!important}.home-games-viewport{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:4px 2px 15px!important}.home-games-viewport::-webkit-scrollbar{display:none!important}.home-games-track{display:flex!important;gap:14px!important;width:max-content!important;min-width:100%!important}.home-nearby-card{position:relative!important;flex:0 0 330px!important;min-height:205px!important;scroll-snap-align:start!important;border:1px solid rgba(190,143,48,.42)!important;border-radius:22px!important;background:linear-gradient(155deg,#fffefb,#f7ecd8)!important;box-shadow:0 11px 24px rgba(53,43,28,.08)!important;padding:16px!important;cursor:pointer!important;overflow:hidden!important}.home-nearby-card.is-cancelled{background:linear-gradient(155deg,#fffafa,#f6e5e1)!important;border-color:#d79993!important}.home-nearby-top{display:grid!important;grid-template-columns:58px minmax(0,1fr) 38px!important;gap:11px!important;align-items:center!important}.home-nearby-top .avatar{width:56px!important;height:56px!important;border:2px solid #c9922d!important}.home-nearby-top small{font-size:11px!important;letter-spacing:.08em!important;color:#9a7028!important;text-transform:uppercase!important}.home-nearby-top h3{font-family:"Cormorant Garamond",serif!important;font-size:24px!important;line-height:1.05!important;color:var(--mr-navy)!important;margin:2px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-nearby-top p{font-size:11px!important;color:#6d6255!important;margin:0!important}.home-nearby-arrow{width:36px!important;height:36px!important;border-radius:50%!important;background:linear-gradient(135deg,#ddb250,#b77719)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:28px!important}.home-nearby-meta{display:flex!important;align-items:center!important;gap:8px!important;margin:14px 0 10px!important;padding:9px 0!important;border-top:1px solid rgba(190,143,48,.22)!important;border-bottom:1px solid rgba(190,143,48,.22)!important;font-size:11px!important}.home-nearby-bottom{display:flex!important;justify-content:space-between!important;gap:10px!important;font-weight:800!important;color:var(--mr-navy)!important}.home-cancelled-stamp{position:absolute!important;right:15px!important;top:62px!important;transform:rotate(-8deg)!important;color:#a62c27!important;border:2px solid #b93a33!important;border-radius:6px!important;padding:4px 8px!important;background:#fff7f6!important;font-weight:900!important;letter-spacing:.1em!important;font-size:10px!important}.home-carousel-empty{width:100%!important;min-width:min(100%,700px)!important}


#find-directory.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
#find-directory.discovery-grid>.directory-card{height:590px!important;min-height:590px!important;max-height:590px!important;width:100%!important;overflow:hidden!important}
#find-directory.discovery-grid .compact-table-card,#find-directory.discovery-grid .host-prompt-card,#find-directory.discovery-grid .sponsor-directory-card{height:590px!important;min-height:590px!important;max-height:590px!important}
#find-directory.discovery-grid .compact-table-foot{position:static!important;margin-top:auto!important;z-index:1!important;min-height:42px!important;box-sizing:border-box!important}
#find-directory.discovery-grid .compact-table-stats{margin-top:auto!important}






.compact-seat-count{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:72px!important;text-align:center!important}.compact-seat-count b,.compact-seat-count span{width:100%!important;text-align:center!important;line-height:1!important}.compact-table-arrow{width:34px!important;height:34px!important;border-radius:50%!important;background:#f1eee8!important;display:grid!important;place-items:center!important;line-height:1!important;padding:0!important;overflow:hidden!important}.compact-table-foot{overflow:hidden!important}.compact-table-foot span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Hosted table seat cards */
.v526-seat-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:180px!important;text-align:center!important}.v533-seat-avatar{width:68px!important;height:68px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#143e61,#0d2b48)!important;color:#fff2cf!important;border:3px solid #d4a548!important;font-size:26px!important;font-weight:900!important;overflow:hidden!important;box-shadow:0 8px 18px rgba(13,45,74,.14)!important}.v533-seat-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.v526-seat-card.open .v533-seat-avatar{background:#fffaf0!important;color:#ba8125!important;border-style:dashed!important}.v526-seat-card .seat-number{position:absolute!important;top:10px!important;left:10px!important}

/* Adaptive typography */
.home-notifications .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.home-notifications .section-title{font-size:clamp(22px,5vw,32px)!important;line-height:1!important;overflow-wrap:anywhere!important;word-break:normal!important}.home-notifications .link-btn{white-space:nowrap!important;flex:0 0 auto!important}

@media(max-width:1100px){#find-directory.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fee-entry-grid{grid-template-columns:135px minmax(0,1fr)!important}}
@media(max-width:760px){
 .fee-entry-grid{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important}.fee-entry-grid>select,.fee-entry-grid>input{font-size:16px!important;min-height:50px!important;padding-inline:10px!important}
 .home-tables-head{align-items:flex-end!important}.home-tables-head .section-title{font-size:clamp(28px,9vw,42px)!important}.home-table-controls{gap:5px!important}.carousel-nav{width:36px!important;height:36px!important;min-width:36px!important}.home-show-all{font-size:12px!important}.home-nearby-card{flex-basis:calc(100vw - 50px)!important;max-width:360px!important;min-height:195px!important}.home-nearby-top h3{font-size:22px!important}.home-games-viewport{margin-inline:-2px!important}
 #find-directory.discovery-grid{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important}
 #find-directory.discovery-grid>.directory-card{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
 #find-directory.discovery-grid .compact-table-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;gap:0!important}
 #find-directory .compact-table-head{display:grid!important;grid-template-columns:62px minmax(0,1fr) 38px!important;gap:11px!important;align-items:start!important;width:100%!important}
 #find-directory .compact-table-copy{min-width:0!important}.compact-table-overline{font-size:15px!important;line-height:1.15!important;white-space:normal!important}.compact-table-title{font-size:clamp(24px,7vw,31px)!important;line-height:1.02!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.compact-table-host{font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere!important}.compact-table-meta{width:100%!important;margin:13px 0 9px!important;padding:10px!important;border:1px solid rgba(190,143,48,.25)!important;border-radius:14px!important;box-sizing:border-box!important}.compact-table-chips{width:100%!important}.participant-strip{width:100%!important}.compact-seat-panel{width:100%!important;box-sizing:border-box!important;grid-template-columns:82px minmax(0,1fr) 38px!important;min-height:135px!important;margin-top:13px!important}.compact-seat-count{min-height:96px!important}.compact-seat-copy{min-width:0!important}.compact-seat-copy b{font-size:18px!important;line-height:1.2!important}.compact-seat-copy span{font-size:14px!important;line-height:1.35!important}.compact-table-stats{display:grid!important;width:100%!important}.compact-table-foot{display:flex!important;width:100%!important;position:static!important;margin-top:12px!important;min-height:44px!important;padding:10px 11px!important;box-sizing:border-box!important}.compact-table-foot span:first-child{max-width:58%!important}.compact-table-foot .verified-shield{max-width:40%!important;text-align:right!important}.host-prompt-card,.sponsor-directory-card{height:auto!important;min-height:330px!important;max-height:none!important}.v526-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v526-seat-card{min-height:170px!important}.home-notifications{padding:16px!important}.home-notification-row{grid-template-columns:10px minmax(0,1fr)!important}.home-notification-row>small{grid-column:2!important}.home-notifications .section-title{font-size:clamp(25px,8vw,34px)!important}
}
@media(max-width:390px){.fee-entry-grid{grid-template-columns:100px minmax(0,1fr)!important}.home-nearby-card{flex-basis:calc(100vw - 38px)!important}.compact-seat-panel{grid-template-columns:76px minmax(0,1fr) 34px!important;padding:11px!important}.compact-seat-copy b{font-size:17px!important}.compact-table-head{grid-template-columns:57px minmax(0,1fr) 35px!important}.compact-table-avatar .avatar{width:55px!important;height:55px!important}.home-notifications .section-title{font-size:26px!important}}

/* ======================================================================
   Mahjong Radar Ver 63 — final responsive UI and stability corrections
   Loaded last so these rules intentionally override legacy release layers.
   ====================================================================== */
:root{--v55-navy:#0b3153;--v55-navy-2:#123f63;--v55-gold:#c8942f;--v55-gold-soft:#efd69b;--v55-line:rgba(190,143,48,.38);--v55-paper:#fffdf8;--v55-cream:#f8f0df;--v55-ink:#17314c;--v55-muted:#6f665a}

/* Paid contribution: keep both controls usable at every width. */
#hg-paid-fields{overflow:visible!important}
#hg-paid-fields .fee-entry-grid{display:grid!important;grid-template-columns:minmax(150px,190px) minmax(240px,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;align-items:end!important;overflow:visible!important}
#hg-paid-fields .fee-entry-control{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;width:100%!important}
#hg-paid-fields .fee-entry-control>span{font-size:11px!important;line-height:1!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#8a6a33!important;font-weight:800!important}
#hg-paid-fields .fee-entry-control>select,#hg-paid-fields .fee-entry-control>input{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:54px!important;min-height:54px!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;border-radius:14px!important;background:#fffdf8!important;color:var(--v55-ink)!important;border:1.4px solid var(--v55-line)!important;padding:0 15px!important;font-size:16px!important;position:relative!important;inset:auto!important;transform:none!important}
#hg-paid-fields #hg-fee-amount{appearance:textfield!important;-moz-appearance:textfield!important}
#hg-paid-fields #hg-fee-amount::-webkit-inner-spin-button,#hg-paid-fields #hg-fee-amount::-webkit-outer-spin-button{opacity:1!important}

/* Find Games directory: equal grid cards. */
#find-directory.discovery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;width:100%!important}
#find-directory.discovery-grid>.directory-card{height:520px!important;min-height:520px!important;max-height:520px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
#find-directory .v55-table-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:17px!important;border-radius:22px!important;background:linear-gradient(155deg,#fffefb,#f7ecd8)!important;border:1px solid var(--v55-line)!important;box-shadow:0 14px 30px rgba(52,39,21,.09)!important;color:var(--v55-ink)!important}
#find-directory .v55-card-head{display:grid!important;grid-template-columns:58px minmax(0,1fr) 38px!important;gap:11px!important;align-items:start!important;min-height:76px!important;width:100%!important}
#find-directory .v55-card-avatar{width:58px!important;height:58px!important;min-width:58px!important}
#find-directory .v55-card-avatar .avatar{width:58px!important;height:58px!important;border:2px solid #c99b42!important;box-shadow:0 7px 15px rgba(13,45,74,.12)!important}
#find-directory .v55-card-heading{min-width:0!important;padding-top:2px!important}
#find-directory .v55-card-overline{font-size:11px!important;line-height:1.15!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#8b6a33!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#find-directory .v55-card-heading h3{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:25px!important;line-height:1.02!important;color:var(--v55-navy)!important;margin:4px 0 3px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;overflow-wrap:anywhere!important;min-height:50px!important}
#find-directory .v55-card-heading p{font-size:12px!important;line-height:1.25!important;color:#6f665a!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#find-directory .v55-card-save{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;border:1px solid var(--v55-line)!important;background:#fffdf8!important;color:var(--v55-navy)!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important;padding:0!important;z-index:2!important}
#find-directory .v55-card-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;min-height:48px!important;margin:10px 0 8px!important;padding:9px 10px!important;border:1px solid rgba(190,143,48,.25)!important;border-radius:13px!important;background:rgba(255,255,255,.58)!important;font-size:12px!important;line-height:1.3!important;overflow:hidden!important}
#find-directory .v55-card-meta>b{color:var(--v55-navy)!important;white-space:nowrap!important}
#find-directory .v55-card-meta>span:last-child{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#find-directory .v55-meta-dot{color:#b58a3b!important}
#find-directory .v55-card-chips{display:flex!important;align-content:flex-start!important;gap:5px!important;flex-wrap:wrap!important;height:54px!important;min-height:54px!important;overflow:hidden!important;margin:0 0 7px!important}
#find-directory .v55-card-chips .chip{font-size:10px!important;line-height:1!important;min-height:25px!important;padding:6px 9px!important}
#find-directory .v55-card-people{height:49px!important;min-height:49px!important;overflow:hidden!important}
#find-directory .v55-card-people .participant-strip{margin:0!important;width:100%!important;min-height:45px!important;align-items:center!important}
#find-directory .v55-card-people .participant-caption{font-size:11px!important}
#find-directory .v55-seat-panel{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:102px!important;height:102px!important;margin:8px 0 9px!important;padding:12px!important;border-radius:16px!important;border:1px solid rgba(190,143,48,.28)!important;background:linear-gradient(135deg,rgba(23,59,99,.055),rgba(205,164,82,.12))!important;box-sizing:border-box!important;overflow:hidden!important}
#find-directory .v55-seat-panel.is-cancelled{background:#fff1ef!important;border-color:rgba(166,54,42,.35)!important}
#find-directory .v55-seat-badge{width:70px!important;height:76px!important;border-radius:14px!important;background:linear-gradient(145deg,#143e61,#0b2c49)!important;color:#fff3cf!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;overflow:hidden!important}
#find-directory .v55-seat-panel.is-cancelled .v55-seat-badge{background:#a6362a!important}
#find-directory .v55-seat-badge b{display:block!important;width:100%!important;text-align:center!important;font-size:27px!important;line-height:.95!important;color:#fff!important}
#find-directory .v55-seat-badge span{display:block!important;width:100%!important;text-align:center!important;margin-top:6px!important;font-size:10px!important;line-height:1!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important;color:#f4d98c!important}
#find-directory .v55-seat-copy{min-width:0!important;align-self:center!important}
#find-directory .v55-seat-copy>b{display:block!important;font-size:16px!important;line-height:1.15!important;color:var(--v55-navy)!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#find-directory .v55-seat-copy>span{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;font-size:12px!important;line-height:1.3!important;color:#73695c!important}
#find-directory .v55-seat-track{height:6px!important;margin-top:9px!important;border-radius:999px!important;background:#e5ddcf!important;overflow:hidden!important}
#find-directory .v55-seat-track i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#c68e28,#e4bb5c)!important}
#find-directory .v55-card-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;height:52px!important;min-height:52px!important;margin-top:auto!important}
#find-directory .v55-card-stats span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;border:1px solid rgba(190,143,48,.22)!important;border-radius:11px!important;background:rgba(255,255,255,.52)!important;text-transform:uppercase!important;font-size:8px!important;letter-spacing:.08em!important;color:#776c5e!important}
#find-directory .v55-card-stats b{font-family:"Cormorant Garamond",serif!important;font-size:19px!important;line-height:1!important;color:var(--v55-navy)!important}
#find-directory .v55-card-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto 34px!important;gap:8px!important;align-items:center!important;width:100%!important;height:44px!important;min-height:44px!important;margin-top:9px!important;padding:5px 6px 5px 12px!important;border-radius:12px!important;background:linear-gradient(135deg,#174b70,#0b2f50)!important;color:#fff!important;box-sizing:border-box!important;position:static!important;inset:auto!important;overflow:hidden!important;z-index:1!important}
#find-directory .v55-card-action{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#find-directory .v55-verified,#find-directory .v55-manage{font-size:9px!important;line-height:1!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#8fe2b0!important;white-space:nowrap!important}
#find-directory .v55-card-arrow{width:32px!important;height:32px!important;border-radius:50%!important;background:#fffdf8!important;color:#b57c19!important;border:1px solid rgba(255,255,255,.8)!important;display:grid!important;place-items:center!important;font-size:17px!important;line-height:1!important;overflow:hidden!important}
#find-directory .cancelled-card-stamp{z-index:4!important}

/* Equal supporting cards in grid mode. */
#find-directory.discovery-grid>.host-prompt-card,#find-directory.discovery-grid>.sponsor-directory-card{height:520px!important;min-height:520px!important;max-height:520px!important;box-sizing:border-box!important}
#find-directory.discovery-grid>.host-prompt-card{padding:26px!important;justify-content:center!important;gap:18px!important}
#find-directory.discovery-grid>.host-prompt-card .btn{margin-top:auto!important;width:100%!important}
#find-directory.discovery-grid>.sponsor-directory-card{padding:17px!important}
#find-directory.discovery-grid .sponsor-directory-media{height:185px!important;min-height:185px!important}























/* Hosted-table detail and attractive seat/profile cards. */
.hosted-table-sheet{max-width:min(1180px,96vw)!important}
.v55-hosted-table{position:relative!important;border:1px solid rgba(190,143,48,.42)!important;border-radius:28px!important;background:radial-gradient(circle at 90% 10%,rgba(224,184,92,.18),transparent 28%),linear-gradient(145deg,#fffefb,#f5e8ca)!important;padding:28px!important;overflow:hidden!important;box-shadow:0 18px 44px rgba(53,40,20,.10)!important}
.v55-hosted-head{display:grid!important;grid-template-columns:110px minmax(0,1fr) auto!important;gap:20px!important;align-items:center!important}
.v55-hosted-head>.mr-radar-logo{width:104px!important;height:104px!important}
.v55-hosted-kicker{font-size:12px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#a56f1c!important;font-weight:800!important}
.v55-hosted-title{min-width:0!important}.v55-hosted-title h2{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(36px,5vw,64px)!important;line-height:.98!important;color:var(--v55-navy)!important;margin:5px 0 4px!important;overflow-wrap:anywhere!important}.v55-hosted-title p{font-size:16px!important;color:#6d6254!important;margin:0!important}
.v55-hosted-status{min-width:130px!important;padding:12px 22px!important;border-radius:999px!important;background:#fffdf8!important;border:1px solid var(--v55-line)!important;color:var(--v55-navy)!important;text-align:center!important;font-weight:900!important;text-transform:capitalize!important}
.v55-hosted-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:24px 0!important}
.v55-hosted-kpis>div{min-height:92px!important;border:1px solid rgba(190,143,48,.30)!important;border-radius:18px!important;background:rgba(255,255,255,.68)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px!important}
.v55-hosted-kpis small{font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#a16f25!important}.v55-hosted-kpis b{font-size:20px!important;color:var(--v55-navy)!important;margin-top:8px!important}
.v55-seat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.v55-seat-card{position:relative!important;display:grid!important;grid-template-rows:auto auto auto!important;justify-items:center!important;align-content:center!important;gap:8px!important;min-height:205px!important;border:1px solid rgba(190,143,48,.32)!important;border-radius:20px!important;background:rgba(255,253,248,.78)!important;text-align:center!important;padding:22px 14px 14px!important;overflow:hidden!important;box-shadow:0 9px 20px rgba(54,40,20,.05)!important}
.v55-seat-card.open{border-style:dashed!important;background:linear-gradient(145deg,rgba(255,253,248,.86),rgba(244,231,201,.66))!important}
.v55-seat-number{position:absolute!important;top:11px!important;left:12px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#f0dfb8!important;color:#9b6b1f!important;display:grid!important;place-items:center!important;font-weight:900!important}
.v55-seat-photo{width:76px!important;height:76px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(145deg,#173f62,#0b2a47)!important;color:#fff3d3!important;border:3px solid #d3a446!important;font-size:26px!important;font-weight:900!important;box-shadow:0 9px 20px rgba(13,45,74,.15)!important}
.v55-seat-photo img{width:100%!important;height:100%!important;object-fit:cover!important}.v55-seat-photo svg{width:42px!important;height:42px!important;fill:none!important;stroke:#b9872c!important;stroke-width:3!important;stroke-linecap:round!important}.v55-seat-card.open .v55-seat-photo{background:#fffaf0!important;border-style:dashed!important}
.v55-seat-card>div{min-width:0!important}.v55-seat-card>div b{display:block!important;font-family:"Cormorant Garamond",serif!important;font-size:21px!important;line-height:1.05!important;color:var(--v55-navy)!important;overflow-wrap:anywhere!important}.v55-seat-card>div span{display:block!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#746a5d!important;margin-top:5px!important}.v55-seat-card>small{font-size:10px!important;color:#a07024!important}

/* Notification heading must stay on one line and adapt to device width. */
.home-notifications .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
.home-notifications .notification-heading{font-size:clamp(24px,5vw,34px)!important;line-height:1!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;min-width:0!important;margin:0!important}
.home-notifications .link-btn{white-space:nowrap!important;flex:0 0 auto!important}

/* Temporary gateway failures must never resemble a sign-out. */
.boot-recovery{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;place-items:center!important;padding:20px!important;background:radial-gradient(circle at 50% 20%,rgba(217,177,86,.20),transparent 35%),linear-gradient(145deg,#fffdf8,#efe4cf)!important}
.boot-recovery-card{width:min(520px,100%)!important;border:1px solid var(--v55-line)!important;border-radius:26px!important;background:rgba(255,253,248,.96)!important;box-shadow:0 24px 65px rgba(45,35,20,.16)!important;padding:30px!important;text-align:center!important}
.boot-recovery-card img{width:92px!important;height:92px!important;object-fit:contain!important;border-radius:50%!important}.boot-recovery-card h1{font-family:"Cormorant Garamond",serif!important;font-size:34px!important;line-height:1!important;color:var(--v55-navy)!important;margin:8px 0 12px!important}.boot-recovery-card p:not(.eyebrow){font-size:15px!important;line-height:1.55!important;color:#655c50!important}.boot-recovery-card .btn{min-width:180px!important;margin:12px auto!important}.boot-recovery-card small{display:block!important;color:#8a7d6d!important}

/* Login/welcome page: viewport-fitted, no page scroll. Registration keeps an internal scroller. */
html:has(body.auth-active),body.auth-active{height:100%!important;max-height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}
body.auth-active #auth{height:100svh!important;min-height:0!important;max-height:100svh!important;overflow:hidden!important}
body.auth-active #auth .public-shell{height:100svh!important;min-height:0!important;max-height:100svh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.auth-active #auth:not(.form-mode) .public-topbar{display:none!important}
body.auth-active #auth:not(.form-mode) .public-values{display:none!important}
body.auth-active #auth:not(.form-mode) .public-main{height:100svh!important;min-height:0!important;max-width:1440px!important;width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1.45fr) minmax(360px,430px)!important;gap:clamp(24px,4vw,60px)!important;align-items:center!important;padding:clamp(12px,2.2vh,24px) clamp(18px,4vw,58px)!important;overflow:hidden!important}
body.auth-active #auth:not(.form-mode) .public-hero{min-width:0!important;padding:0!important}
body.auth-active #auth:not(.form-mode) .hero-brand-lockup{gap:clamp(18px,2vw,30px)!important;margin-bottom:clamp(12px,2vh,24px)!important}
body.auth-active #auth:not(.form-mode) .hero-logo-frame{width:clamp(150px,19vh,218px)!important;height:clamp(150px,19vh,218px)!important}
body.auth-active #auth:not(.form-mode) .public-hero h1{font-size:clamp(46px,6.4vh,78px)!important;line-height:.93!important;margin-bottom:clamp(10px,1.8vh,20px)!important}
body.auth-active #auth:not(.form-mode) .public-hero-copy{font-size:clamp(14px,1.7vh,18px)!important;line-height:1.5!important}
body.auth-active #auth:not(.form-mode) .public-feature-row{margin-top:clamp(10px,1.8vh,22px)!important}
body.auth-active #auth:not(.form-mode) .auth-card{position:relative!important;top:auto!important;align-self:center!important;width:100%!important;max-width:430px!important;max-height:calc(100svh - 24px)!important;margin:0!important;padding:7px!important;border-radius:24px!important;overflow:hidden!important}
body.auth-active #auth:not(.form-mode) .au-inner{height:auto!important;max-height:calc(100svh - 40px)!important;padding:clamp(14px,2vh,24px) clamp(14px,1.6vw,21px)!important;overflow:hidden!important}
body.auth-active #auth:not(.form-mode) .auth-card h1{font-size:clamp(22px,2.7vh,29px)!important;margin:1px 0!important}
body.auth-active #auth:not(.form-mode) .brand-domain{font-size:9px!important}.auth-card .sub{margin-bottom:clamp(7px,1.2vh,14px)!important}
body.auth-active #auth:not(.form-mode) .auth-welcome h2{font-size:clamp(22px,3vh,29px)!important;margin:clamp(9px,1.5vh,18px) auto 5px!important}
body.auth-active #auth:not(.form-mode) .auth-welcome>p{font-size:clamp(12px,1.55vh,14px)!important;line-height:1.4!important}
body.auth-active #auth:not(.form-mode) .auth-feature-grid{gap:7px!important;margin:clamp(8px,1.3vh,15px) 0!important}
body.auth-active #auth:not(.form-mode) .auth-feature{min-height:clamp(72px,10vh,96px)!important;padding:7px 5px!important;font-size:11px!important}
body.auth-active #auth:not(.form-mode) .auth-feature b{font-size:22px!important;margin-bottom:4px!important}
body.auth-active #auth:not(.form-mode) #au-livestats{margin:clamp(5px,1vh,12px) 0!important;padding:clamp(7px,1vh,11px) 0!important}
body.auth-active #auth:not(.form-mode) #au-preview{margin-top:8px!important}
body.auth-active #auth:not(.form-mode) .public-preview-card{padding:9px 11px!important}
body.auth-active #auth:not(.form-mode) .auth-choice{gap:8px!important;margin:clamp(8px,1.3vh,14px) 0 4px!important}
body.auth-active #auth:not(.form-mode) .auth-choice .btn{min-height:44px!important;font-size:15px!important}
body.auth-active #auth:not(.form-mode) .auth-welcome>.hint{font-size:9px!important;line-height:1.35!important;margin-top:7px!important}

body.auth-active #auth.form-mode .public-shell{height:100svh!important;min-height:0!important;overflow:hidden!important}
body.auth-active #auth.form-mode .public-main{height:100svh!important;min-height:0!important;max-height:100svh!important;padding:10px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
body.auth-active #auth.form-mode .auth-card{width:min(100%,600px)!important;height:calc(100svh - 20px)!important;min-height:0!important;max-height:calc(100svh - 20px)!important;margin:0!important;padding:8px!important;overflow:hidden!important}
body.auth-active #auth.form-mode .au-inner{height:100%!important;min-height:0!important;max-height:100%!important;padding:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden),body.auth-active #auth.form-mode #au-closed:not(.hidden){height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden){height:100%!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:3px 5px 20px!important}

@media(max-height:900px) and (min-width:761px){body.auth-active #auth:not(.form-mode) #au-preview{display:none!important}body.auth-active #auth:not(.form-mode) .public-preview-note{display:none!important}}
@media(max-height:740px) and (min-width:761px){body.auth-active #auth:not(.form-mode) #au-livestats{display:none!important}body.auth-active #auth:not(.form-mode) .public-feature-row{display:none!important}.auth-emblem{display:none!important}}

@media(max-width:1180px){#find-directory.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:760px){
  #hg-paid-fields .fee-entry-grid{grid-template-columns:1fr 1.35fr!important;gap:8px!important}#hg-paid-fields .fee-entry-control>select,#hg-paid-fields .fee-entry-control>input{height:52px!important;min-height:52px!important;padding:0 10px!important;font-size:16px!important}
  #screen-find>.section-title{font-size:clamp(28px,8.5vw,40px)!important;line-height:1!important;overflow-wrap:anywhere!important}
  #find-directory.discovery-grid{display:flex!important;flex-direction:column!important;gap:14px!important}
  #find-directory.discovery-grid>.directory-card{height:500px!important;min-height:500px!important;max-height:500px!important;width:100%!important}
  #find-directory .v55-table-card{padding:14px!important;border-radius:20px!important}
  #find-directory .v55-card-head{grid-template-columns:56px minmax(0,1fr) 36px!important;min-height:72px!important;gap:9px!important}
  #find-directory .v55-card-avatar,#find-directory .v55-card-avatar .avatar{width:54px!important;height:54px!important;min-width:54px!important}
  #find-directory .v55-card-heading h3{font-size:clamp(22px,6.5vw,28px)!important;min-height:44px!important;-webkit-line-clamp:2!important;line-clamp:2!important}
  #find-directory .v55-card-overline{font-size:10px!important}
  #find-directory .v55-card-heading p{font-size:11px!important}
  #find-directory .v55-card-meta{min-height:50px!important;height:auto!important;margin:8px 0!important;padding:8px 9px!important}
  #find-directory .v55-card-chips{height:51px!important;min-height:51px!important;margin-bottom:5px!important}
  #find-directory .v55-card-people{height:46px!important;min-height:46px!important}
  #find-directory .v55-seat-panel{height:99px!important;min-height:99px!important;grid-template-columns:70px minmax(0,1fr)!important;margin:6px 0 8px!important;padding:10px!important}
  #find-directory .v55-seat-badge{width:66px!important;height:72px!important}
  #find-directory .v55-seat-copy>b{font-size:15px!important}.v55-seat-copy>span{font-size:11px!important}
  #find-directory .v55-card-stats{height:48px!important;min-height:48px!important}
  #find-directory .v55-card-footer{height:42px!important;min-height:42px!important;margin-top:8px!important;grid-template-columns:minmax(0,1fr) auto 32px!important}
  #find-directory .v55-card-action{font-size:10px!important}.v55-verified,.v55-manage{font-size:8px!important}
  #find-directory.discovery-grid>.host-prompt-card,#find-directory.discovery-grid>.sponsor-directory-card{height:500px!important;min-height:500px!important;max-height:500px!important}
  
  
  
  
  .hosted-table-sheet{max-width:100%!important}.v55-hosted-table{padding:18px 14px!important;border-radius:22px!important}.v55-hosted-head{grid-template-columns:72px minmax(0,1fr)!important;gap:11px!important}.v55-hosted-head>.mr-radar-logo{width:70px!important;height:70px!important}.v55-hosted-status{grid-column:1/-1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:9px!important}.v55-hosted-title h2{font-size:clamp(30px,9vw,44px)!important}.v55-hosted-title p{font-size:13px!important}.v55-hosted-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:16px 0!important}.v55-hosted-kpis>div{min-height:76px!important}.v55-hosted-kpis b{font-size:17px!important}.v55-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.v55-seat-card{min-height:175px!important;padding:19px 8px 10px!important}.v55-seat-photo{width:62px!important;height:62px!important}.v55-seat-card>div b{font-size:18px!important}
  .home-notifications .notification-heading{font-size:clamp(23px,7.3vw,31px)!important}
  html:has(body.auth-active),body.auth-active,body.auth-active #auth{height:100svh!important;max-height:100svh!important;overflow:hidden!important}
  body.auth-active #auth:not(.form-mode) .public-shell{display:none!important}
  body.auth-active #auth:not(.form-mode) .mobile-onboarding:not(.hidden){display:flex!important;height:100svh!important;min-height:0!important;max-height:100svh!important;overflow:hidden!important;padding:0 14px calc(10px + env(safe-area-inset-bottom))!important}
  body.auth-active #auth:not(.form-mode) .mobile-welcome-arch{height:78px!important;min-height:78px!important;padding-top:calc(10px + env(safe-area-inset-top))!important}
  body.auth-active #auth:not(.form-mode) .mobile-welcome-logo{width:66px!important;height:66px!important;top:calc(8px + env(safe-area-inset-top))!important}
  body.auth-active #auth:not(.form-mode) .mobile-welcome-body{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;max-height:calc(100svh - 78px)!important;overflow:hidden!important;padding:8px 0 0!important}
  body.auth-active #auth:not(.form-mode) .mobile-kicker{font-size:14px!important}
  body.auth-active #auth:not(.form-mode) .mobile-welcome-body h1{font-size:clamp(34px,10vw,47px)!important;line-height:.95!important;margin:3px 0!important}
  body.auth-active #auth:not(.form-mode) .welcome-divider{margin:6px auto!important}.welcome-copy{font-size:clamp(11px,3.4vw,14px)!important;line-height:1.35!important}
  body.auth-active #auth:not(.form-mode) .mobile-feature-grid{gap:7px!important;margin:9px 0!important}.mobile-feature-grid article{min-height:76px!important;padding:6px 3px!important}.mobile-feature-grid span{font-size:22px!important}.mobile-feature-grid b{font-size:11px!important}
  body.auth-active #auth:not(.form-mode) .mobile-table-preview{display:none!important}
  body.auth-active #auth:not(.form-mode) .mobile-live-stats{margin:0 0 8px!important}.mobile-live-stats span{padding:7px 2px!important}.mobile-live-stats b{font-size:20px!important}
  body.auth-active #auth:not(.form-mode) .mobile-welcome-actions{margin-top:auto!important;padding:0!important;gap:7px!important}.mobile-welcome-actions .btn{min-height:46px!important;font-size:18px!important}
  body.auth-active #auth.form-mode .public-shell{display:block!important}.boot-recovery-card{padding:23px 17px!important}.boot-recovery-card h1{font-size:29px!important}
}

@media(max-width:390px){#hg-paid-fields .fee-entry-grid{grid-template-columns:105px minmax(0,1fr)!important}.home-notifications .notification-heading{font-size:22px!important}.home-notifications .link-btn{font-size:11px!important}#find-directory.discovery-grid>.directory-card{height:510px!important;min-height:510px!important;max-height:510px!important}#find-directory.discovery-grid>.host-prompt-card,#find-directory.discovery-grid>.sponsor-directory-card{height:510px!important;min-height:510px!important;max-height:510px!important}}

/* ========================================================================
   Mahjong Radar Ver 63 — public landing and mobile authentication hardening
   Final source-order layer: intentionally resolves legacy auth CSS collisions.
   ======================================================================== */

/* Compact, individual community-stat boxes. */
#auth #au-livestats.public-stat-grid,#auth #mobile-livestats.mobile-live-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
#auth #au-livestats.public-stat-grid{margin:12px 0 10px!important}
#auth .public-stat-card{
  min-width:0!important;
  min-height:52px!important;
  padding:7px 5px!important;
  border:1px solid rgba(190,143,48,.38)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,241,226,.88))!important;
  box-shadow:0 5px 13px rgba(66,47,21,.055)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
}
#auth .public-stat-card b{
  display:block!important;
  margin:0!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:20px!important;
  line-height:1!important;
  color:var(--mr-navy,#0d2d4a)!important;
}
#auth .public-stat-card small{
  display:block!important;
  min-width:0!important;
  font-size:8px!important;
  line-height:1.05!important;
  letter-spacing:.07em!important;
  color:#665d51!important;
  white-space:nowrap!important;
}

/* The no-table state is a compact utility card, not a large feature panel. */
#auth #au-preview{margin-top:8px!important}
#auth #au-preview .public-empty-state{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  border-radius:15px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 103px!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:10px!important;
  text-align:left!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,242,229,.91))!important;
  box-shadow:0 6px 16px rgba(65,47,22,.055)!important;
}
#auth #au-preview .public-empty-icon{
  width:40px!important;
  height:40px!important;
  margin:0!important;
  border-width:1px!important;
  font-size:18px!important;
  box-shadow:0 5px 12px rgba(12,43,72,.13)!important;
}
#auth #au-preview .public-empty-copy{min-width:0!important}
#auth #au-preview .public-empty-copy .mobile-kicker{
  margin:0 0 2px!important;
  font-family:inherit!important;
  font-size:7px!important;
  line-height:1.1!important;
  letter-spacing:.11em!important;
  color:#9b6a1f!important;
  white-space:nowrap!important;
}
#auth #au-preview .public-empty-copy h3{
  margin:0!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:15px!important;
  line-height:1.04!important;
  color:var(--mr-navy,#0d2d4a)!important;
}
#auth #au-preview .public-empty-copy>p:not(.mobile-kicker){
  margin:3px 0 0!important;
  max-width:none!important;
  font-size:9px!important;
  line-height:1.2!important;
  color:#71675a!important;
}
#auth #au-preview .public-empty-action{
  min-width:0!important;
  width:100%!important;
  min-height:38px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  font-size:12px!important;
  box-shadow:0 5px 12px rgba(173,119,25,.14)!important;
}

/* Keep the desktop welcome card balanced at common laptop heights. */
body.auth-active #auth:not(.form-mode) .auth-card{max-width:430px!important}
body.auth-active #auth:not(.form-mode) .au-inner{padding-left:18px!important;padding-right:18px!important}
body.auth-active #auth:not(.form-mode) .auth-feature-grid{margin-bottom:10px!important}
body.auth-active #auth:not(.form-mode) .auth-choice{margin-top:10px!important}

/* Directly clickable support controls, including touch devices. */
#mobile-support,#public-support,.auth-support{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}

@media(max-width:760px){
  /* Welcome screen remains one viewport, while actions stay reachable. */
  body.auth-active #auth:not(.form-mode) .mobile-onboarding:not(.hidden){
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-welcome-arch{
    position:relative!important;
    height:76px!important;
    min-height:76px!important;
    padding:calc(9px + env(safe-area-inset-top)) 0 0!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-welcome-logo{
    left:50%!important;
    right:auto!important;
    top:calc(7px + env(safe-area-inset-top))!important;
    transform:translateX(-50%)!important;
    width:64px!important;
    height:64px!important;
  }
  #mobile-support{
    position:relative!important;
    z-index:50!important;
    min-height:38px!important;
    padding:7px 11px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-welcome-body{
    max-height:calc(100dvh - 76px)!important;
    padding-top:6px!important;
  }
  body.auth-active #auth:not(.form-mode) #mobile-livestats.mobile-live-stats{
    gap:6px!important;
    margin:2px 0 8px!important;
  }
  body.auth-active #auth:not(.form-mode) #mobile-livestats .public-stat-card{
    min-height:43px!important;
    padding:5px 2px!important;
    border-radius:10px!important;
  }
  body.auth-active #auth:not(.form-mode) #mobile-livestats .public-stat-card b{font-size:18px!important}
  body.auth-active #auth:not(.form-mode) #mobile-livestats .public-stat-card small{font-size:6.8px!important;letter-spacing:.045em!important}
  body.auth-active #auth:not(.form-mode) .mobile-welcome-actions{
    position:relative!important;
    z-index:30!important;
    margin-top:auto!important;
    padding-bottom:max(2px,env(safe-area-inset-bottom))!important;
  }
  #mobile-login,#mobile-signup{pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}

  /* Mobile forms open in a dependable, centred viewport shell. */
  body.auth-active #auth.form-mode{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 50% 0,rgba(255,255,255,.98),rgba(248,243,233,.98) 62%,rgba(237,225,204,.58))!important;
  }
  body.auth-active #auth.form-mode .mobile-onboarding{display:none!important}
  body.auth-active #auth.form-mode .public-shell{
    display:block!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .public-main{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:calc(9px + env(safe-area-inset-top)) 9px calc(9px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    align-self:center!important;
    justify-self:center!important;
    width:min(100%,460px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin:0!important;
    padding:7px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode .au-inner{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:13px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-login"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-forgot"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-reset"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-closed"] .auth-card{max-width:420px!important}
  body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden),body.auth-active #auth.form-mode #au-closed:not(.hidden){
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin:0 auto!important;
    padding:42px 4px 8px!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden){
    max-height:calc(100dvh - 38px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:42px 4px 16px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.auth-active #auth.form-mode .auth-close{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    z-index:80!important;
    top:13px!important;
    right:13px!important;
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  body.auth-active #auth.form-mode .auth-close.hidden{display:none!important}
  body.auth-active #auth.form-mode .auth-panel-heading h2{font-size:clamp(27px,8vw,36px)!important;line-height:1.04!important}
  body.auth-active #auth.form-mode .auth-card input,body.auth-active #auth.form-mode .auth-card select{font-size:16px!important}

  /* Support sheets remain fully visible above mobile browser bars. */
  .sheet-backdrop.open{padding-top:max(8px,env(safe-area-inset-top))!important}
  .sheet-backdrop.open .sheet{
    width:100%!important;
    max-height:calc(100dvh - 12px - env(safe-area-inset-top))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

@media(max-width:380px){
  #auth #au-preview .public-empty-state{grid-template-columns:38px minmax(0,1fr) 92px!important;gap:7px!important;padding:8px!important}
  #auth #au-preview .public-empty-icon{width:36px!important;height:36px!important;font-size:16px!important}
  #auth #au-preview .public-empty-copy h3{font-size:13px!important}
  #auth #au-preview .public-empty-action{font-size:10px!important;padding-inline:4px!important}
  body.auth-active #auth.form-mode .public-main{padding-inline:6px!important}
  body.auth-active #auth.form-mode .au-inner{padding-inline:10px!important}
}


/* Version 58 landing-layer corrections: visible compact empty state and
   overlays that always sit above the mobile onboarding stacking context. */
body.auth-active #auth:not(.form-mode) #au-preview.is-empty{
  display:block!important;
  visibility:visible!important;
  margin-top:7px!important;
}
#sheet-backdrop,.sheet-backdrop{
  z-index:10000!important;
}
#sheet-backdrop.open,.sheet-backdrop.open{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.toast{z-index:10020!important}

@media(max-width:760px){
  #mobile-support{
    color:#8b611d!important;
    background:#fffdf8!important;
    border-color:rgba(181,138,59,.68)!important;
    box-shadow:0 4px 11px rgba(69,48,23,.10)!important;
  }
  #sheet-backdrop.open,.sheet-backdrop.open{
    position:fixed!important;
    inset:0!important;
    z-index:10000!important;
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    align-items:flex-end!important;
  }
  #sheet-backdrop.open .sheet,.sheet-backdrop.open .sheet{
    position:relative!important;
    z-index:10001!important;
    width:100%!important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
  }
  /* The mobile welcome page stays intentionally lean; Find Games carries the
     full public table inventory. */
  body.auth-active #auth:not(.form-mode) #mobile-preview.is-empty{display:none!important}
}


.sheet{position:relative!important;background:#f8f4ec!important}
.sheet-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:12!important;
  width:38px!important;
  height:38px!important;
  margin:-8px -7px 2px 10px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(181,138,59,.50)!important;
  border-radius:50%!important;
  background:#fffdf8!important;
  color:#173b63!important;
  font:700 25px/1 Arial,sans-serif!important;
  box-shadow:0 5px 14px rgba(52,38,21,.12)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.sheet-close:hover,.sheet-close:focus-visible{background:#173b63!important;color:#fff!important;outline:2px solid #d0a343!important;outline-offset:2px!important}

/* Tablet and compact-desktop landing guard: the large hero and authentication
   card must never compete for the same grid column. */
@media(min-width:761px) and (max-width:1080px){
  body.auth-active #auth:not(.form-mode) .public-main{
    grid-template-columns:minmax(0,430px)!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
    padding:12px!important;
  }
  body.auth-active #auth:not(.form-mode) .public-hero{display:none!important}
  body.auth-active #auth:not(.form-mode) .auth-card{
    justify-self:center!important;
    align-self:center!important;
    margin:0 auto!important;
  }
  body.auth-active #auth:not(.form-mode) .public-topbar{display:contents!important}
  body.auth-active #auth:not(.form-mode) .public-brand{display:none!important}
  body.auth-active #auth:not(.form-mode) #public-support{
    display:block!important;
    position:fixed!important;
    top:12px!important;
    right:12px!important;
    z-index:120!important;
    min-height:40px!important;
    padding:7px 12px!important;
    border-radius:12px!important;
    background:#fffdf8!important;
    color:#8b611d!important;
    border:1px solid rgba(181,138,59,.58)!important;
    box-shadow:0 5px 14px rgba(52,38,21,.10)!important;
  }
}

/* ================================================================
   VERSION 57 — TABLE LIFECYCLE, INTERNATIONAL HOSTING & CARD POLISH
   ================================================================ */

/* Keep the host attribution clear of the divider in both card views. */
#find-directory .v55-card-head{padding-bottom:8px!important}
#find-directory .v55-card-heading p{
  position:relative!important;top:-3px!important;margin-top:1px!important;
  padding:0 3px 3px 0!important;line-height:1.35!important;
  background:linear-gradient(90deg,rgba(255,253,248,.98) 82%,transparent)!important;
  z-index:2!important;overflow:visible!important
}

/* New lifecycle stamps shared by the directory, host centre and detail page. */
.table-status-stamp,.detail-status-stamp{
  position:absolute!important;z-index:7!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;min-width:112px!important;padding:7px 13px!important;border:2px solid currentColor!important;
  border-radius:8px!important;background:rgba(255,253,248,.94)!important;font:800 12px/1 Inter,sans-serif!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;transform:rotate(-5deg)!important;
  box-shadow:0 5px 14px rgba(40,31,21,.12)!important;pointer-events:none!important
}
.table-status-stamp{right:76px!important;top:88px!important}
.table-status-stamp.status-cancelled,.detail-status-stamp.status-cancelled{color:#a93636!important}
.table-status-stamp.status-completed,.detail-status-stamp.status-completed{color:#2f795a!important}
.table-status-stamp.status-unfilled,.detail-status-stamp.status-unfilled{color:#a56717!important}
.hosted-status-stamp{right:16px!important;top:58px!important}
.v55-seat-panel.is-completed{background:linear-gradient(135deg,#edf7f0,#f8f2df)!important;border-color:rgba(47,121,90,.34)!important}
.v55-seat-panel.is-completed .v55-seat-badge{background:#2f795a!important}
.v55-seat-panel.is-unfilled{background:linear-gradient(135deg,#fff4de,#f8ead2)!important;border-color:rgba(165,103,23,.38)!important}
.v55-seat-panel.is-unfilled .v55-seat-badge{background:#9b651f!important}
.v55-seat-panel.is-cancelled .v55-seat-badge{background:#a93636!important}
.lifecycle-badge.lifecycle-unfilled{color:#8a5714!important;border-color:#d4a04d!important;background:#fff4dc!important}
.life-step.lifecycle-unfilled{background:#b77b20!important}

/* Sponsor placements now use the same ivory, navy and gold visual grammar as table cards. */
#find-directory .sponsor-theme-card{
  position:relative!important;display:flex!important;flex-direction:column!important;padding:16px!important;
  color:var(--v55-navy,#173b63)!important;background:linear-gradient(155deg,#fffefb,#f8efdf)!important;
  border:1px solid rgba(190,143,57,.42)!important;box-shadow:0 14px 32px rgba(52,39,21,.09)!important
}
.sponsor-theme-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;min-height:77px!important}
.sponsor-theme-head h3{font-size:28px!important;line-height:1.04!important;margin:5px 0 0!important;color:#123b60!important}
.sponsor-theme-head p{font-size:12px!important;color:#766751!important;margin-top:3px!important}
.sponsor-theme-star{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#fffdf8!important;border:1px solid rgba(190,143,57,.42)!important;color:#b07a24!important;flex:0 0 auto!important}
.sponsor-theme-media{height:210px!important;min-height:210px!important;border-radius:16px!important;overflow:hidden!important;border:1px solid rgba(190,143,57,.28)!important;background:#f4ead7!important}
.sponsor-theme-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sponsor-theme-media-empty{display:grid!important;place-items:center!important;color:#9b732e!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-size:11px!important}
.sponsor-theme-copy{padding:13px 3px 8px!important;color:#655b4e!important;font-size:13px!important;line-height:1.5!important;flex:1!important}
.sponsor-theme-footer{text-decoration:none!important;margin-top:auto!important}
.sponsor-theme-footer .v55-verified{max-width:42%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}





/* Paid-table contribution is intentionally unmistakable on the detail page. */
.v526-contribution-row.is-paid{
  border:2px solid rgba(181,125,30,.66)!important;
  background:radial-gradient(circle at 100% 0,rgba(216,171,76,.22),transparent 42%),linear-gradient(135deg,#fff9e9,#f5e5bd)!important;
  box-shadow:0 9px 22px rgba(151,101,24,.14),inset 0 0 0 4px rgba(255,255,255,.42)!important;
  padding:17px 20px!important
}
.v526-contribution-row.is-paid>div>b{color:#8f5e14!important;font-size:20px!important}
.paid-seat-detail{font-weight:800!important;font-size:15px!important;padding:9px 14px!important;border-width:2px!important}

/* Hosted detail header and stamps. */
.v55-hosted-table{position:relative!important;overflow:hidden!important}
.detail-status-stamp{right:28px!important;top:102px!important;z-index:5!important}
.v55-hosted-table.status-completed{border-color:rgba(47,121,90,.48)!important}
.v55-hosted-table.status-unfilled{border-color:rgba(165,103,23,.48)!important}
.v55-hosted-title p{line-height:1.45!important;padding-bottom:3px!important;overflow:visible!important}
.v55-hosted-title p b{color:#9a681d!important;font-weight:800!important}
.completed-table-notice{border-color:rgba(47,121,90,.38)!important;background:#edf7f0!important}
.unfilled-table-notice{border-color:rgba(165,103,23,.38)!important;background:#fff4df!important}
.host-complete-rule{text-align:center!important;color:#88591a!important;margin-top:7px!important}
.host-outcome-actions button:disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.35)!important}

/* World-country selector with a separate manual fallback. */
#hg-country-manual{margin-top:9px!important;border-style:dashed!important;background:#fffaf0!important}
#hg-country-help{margin-top:6px!important}

/* Host command centre multi-table chooser. */
.manage-table-choice-list{display:grid!important;gap:10px!important;margin-top:16px!important}
.manage-table-choice{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;padding:13px!important;text-align:left!important;border-radius:15px!important;border:1px solid rgba(181,138,59,.38)!important;background:#fffdf8!important;color:#173b63!important}
.manage-table-choice:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(38,35,28,.09)!important}
.manage-table-choice div{min-width:0!important}.manage-table-choice b,.manage-table-choice small{display:block!important}.manage-table-choice b{font-family:"Cormorant Garamond",serif!important;font-size:20px!important}.manage-table-choice small{color:#756957!important;white-space:normal!important}
.manage-choice-arrow{font-size:27px!important;color:#b47b22!important}

/* International verification notice. */
.otp-unavailable-card.international{border:1px solid rgba(181,125,30,.42)!important;background:linear-gradient(135deg,#fff8e7,#f5e6c4)!important}
.otp-unavailable-card.international b{color:#8b5a14!important}

@media(max-width:760px){
  #find-directory .v55-card-heading p{top:-2px!important;padding-bottom:4px!important}
  .table-status-stamp{right:58px!important;top:92px!important;min-width:94px!important;font-size:10px!important}
  .detail-status-stamp{right:16px!important;top:142px!important;min-width:96px!important;font-size:10px!important}
  
  
  .sponsor-theme-head{min-height:63px!important}.sponsor-theme-head h3{font-size:24px!important}
  .v526-contribution-row.is-paid{align-items:flex-start!important;gap:10px!important;padding:15px!important}
  .paid-seat-detail{white-space:normal!important;text-align:center!important}
}
.table-status-stamp.status-closed,.detail-status-stamp.status-closed{color:#66707a!important}
.v55-seat-panel.is-closed{background:linear-gradient(135deg,#f1f2f3,#f8f5ed)!important;border-color:rgba(102,112,122,.34)!important}
.v55-seat-panel.is-closed .v55-seat-badge{background:#66707a!important}
.lifecycle-badge.lifecycle-closed{color:#56616b!important;border-color:#aeb5bb!important;background:#f4f5f5!important}
.life-step.lifecycle-closed{background:#7d858c!important}
.closed-table-notice{border-color:rgba(102,112,122,.35)!important;background:#f2f3f3!important}
.host-history-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
.host-history-stats>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:70px!important;padding:9px!important;border:1px solid rgba(181,138,59,.34)!important;border-radius:13px!important;background:#fffdf8!important;text-align:center!important}
.host-history-stats b{font:700 25px/1 "Cormorant Garamond",serif!important;color:#173b63!important}.host-history-stats small{margin-top:5px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#716652!important}
.host-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:560px){.host-history-stats,.host-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ========================================================================
   Mahjong Radar Ver 63 — adaptive profile, directory and mobile polish
   Final source-order layer. These rules intentionally override legacy layers.
   ======================================================================== */

/* Final verification screen: every option label must remain readable. */
body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .auth-card{
  width:min(94vw,760px)!important;
  max-width:760px!important;
}
body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .au-inner{
  padding-inline:22px!important;
}
#au-verify .verification-option-grid{
  grid-template-columns:repeat(4,minmax(112px,1fr))!important;
  gap:9px!important;
}
#au-verify .verification-option-grid.skill-grid{
  grid-template-columns:repeat(3,minmax(138px,1fr))!important;
}
#au-verify .verification-option-grid .opt{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  height:auto!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  font-size:12.5px!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
}

/* Signed-in welcome banner: shorter, adaptive and safe for long names. */
#screen-home .hero{
  min-height:190px!important;
  padding:22px 28px!important;
}
#screen-home .home-brand-mark{
  width:96px!important;
  height:96px!important;
  margin-right:20px!important;
}
#screen-home .hero .eyebrow{padding-top:6px!important}
#screen-home #home-greeting{
  font-size:var(--home-greeting-size,44px)!important;
  line-height:.98!important;
  margin:3px 0 7px!important;
  max-width:calc(100% - 120px)!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#screen-home #home-welcome{
  line-height:1.45!important;
  max-width:900px!important;
}

/* Directory cards: separate Format and City, give the header room and compact
   the seat panel without changing the equal grid-card height. */
#find-directory .v58-table-card .v55-card-head{
  min-height:92px!important;
  padding-bottom:5px!important;
}
#find-directory .v58-table-card .v55-card-overline{
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#find-directory .v58-table-card .v55-card-heading h3{
  min-height:48px!important;
  margin-top:5px!important;
  margin-bottom:4px!important;
}
#find-directory .v58-table-card .v55-card-heading p{
  position:static!important;
  top:auto!important;
  min-height:18px!important;
  padding:0 2px 2px 0!important;
  margin:0!important;
  line-height:1.42!important;
  background:transparent!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#find-directory .v58-table-card .v55-card-people{
  height:57px!important;
  min-height:57px!important;
  overflow:visible!important;
}
#find-directory .v58-participant-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(82px,112px)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
}
#find-directory .v58-participant-row>.participant-strip{
  min-width:0!important;
  min-height:50px!important;
  overflow:visible!important;
}
#find-directory .v58-city-badge{
  width:100%!important;
  min-width:0!important;
  max-width:112px!important;
  min-height:45px!important;
  padding:5px 7px!important;
  border:1px solid rgba(190,143,48,.34)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#fffdf8,#f3e5c8)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  text-align:center!important;
  color:#173b63!important;
  box-shadow:0 4px 10px rgba(55,42,23,.045)!important;
}
#find-directory .v58-city-badge small{
  display:block!important;
  margin-bottom:2px!important;
  color:#9a6b22!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#find-directory .v58-city-badge b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  width:100%!important;
  max-height:2.25em!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:var(--v58-city-font,13px)!important;
  line-height:1.05!important;
  font-weight:800!important;
}
#find-directory .v58-table-card .v55-seat-panel{
  height:82px!important;
  min-height:82px!important;
  grid-template-columns:61px minmax(0,1fr)!important;
  gap:10px!important;
  margin:6px 0 8px!important;
  padding:9px 10px!important;
}
#find-directory .v58-table-card .v55-seat-badge{
  width:58px!important;
  min-width:58px!important;
  height:62px!important;
  min-height:62px!important;
  border-radius:12px!important;
}
#find-directory .v58-table-card .v55-seat-badge b{font-size:27px!important}
#find-directory .v58-table-card .v55-seat-badge span{font-size:8px!important}
#find-directory .v58-table-card .v55-seat-copy>b{
  display:block!important;
  font-size:14px!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#find-directory .v58-table-card .v55-seat-copy>span{
  display:block!important;
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.25!important;
}
#find-directory .v58-table-card .v55-seat-track{margin-top:6px!important}
#find-directory .v58-table-card .v55-seat-panel.is-cancelled .v55-seat-copy{
  display:flex!important;
  align-items:center!important;
  min-height:100%!important;
}
#find-directory .v58-table-card .v55-seat-panel.is-cancelled .v55-seat-copy>b{
  font-size:15px!important;
  line-height:1.25!important;
  overflow:visible!important;
  display:block!important;
}
.table-status-stamp{top:103px!important}





/* Mobile landing: show the hosted-table preview and scroll inside the welcome
   shell instead of hiding useful content behind browser chrome. */
@media(max-width:760px){
  html:has(body.auth-active),body.auth-active,body.auth-active #auth{
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-onboarding:not(.hidden){
    position:fixed!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    padding:0 14px calc(16px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-welcome-body{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:calc(100dvh - 76px)!important;
    max-height:none!important;
    overflow:visible!important;
    padding:6px 0 2px!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview:not(.hidden){
    display:block!important;
    width:100%!important;
    margin:4px 0 8px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-card{
    padding:9px!important;
    border-radius:16px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-banner{
    margin-bottom:7px!important;
    padding:4px 10px!important;
    font-size:9px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-shell{
    grid-template-columns:46px minmax(0,1fr) 30px!important;
    gap:8px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-avatar{
    width:46px!important;
    height:46px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-copy>b{
    font-size:16px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-host,body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-meta{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-preview-nav{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    gap:6px!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-table-preview .public-view-all{
    grid-column:1/-1!important;
    width:100%!important;
  }
  body.auth-active #auth:not(.form-mode) .mobile-welcome-actions{
    flex:0 0 auto!important;
    margin-top:8px!important;
    padding-bottom:max(2px,env(safe-area-inset-bottom))!important;
  }

  /* Verification choices remain readable on phones. */
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .auth-card{
    width:min(100%,560px)!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .au-inner{
    padding-inline:13px!important;
  }
  #au-verify .verification-option-grid,#au-verify .verification-option-grid.skill-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #au-verify .verification-option-grid .opt{
    min-height:48px!important;
    padding:7px 6px!important;
    font-size:11.5px!important;
  }

  /* Mobile home hero and long member names. */
  #screen-home .hero{
    min-height:0!important;
    padding:18px 16px!important;
  }
  #screen-home .home-brand-mark{
    width:72px!important;
    height:72px!important;
    margin:0 12px 6px 0!important;
  }
  #screen-home .hero .eyebrow{padding-top:3px!important}
  #screen-home #home-greeting{
    max-width:none!important;
    font-size:clamp(29px,var(--home-greeting-size,38px),38px)!important;
    line-height:1!important;
    margin-top:2px!important;
  }
  #screen-home #home-welcome{font-size:13px!important;line-height:1.4!important}

  /* Mobile directory cards retain equal height while making room for City. */
  #find-directory.discovery-grid>.directory-card{
    height:520px!important;
    min-height:520px!important;
    max-height:520px!important;
  }
  #find-directory .v58-table-card .v55-card-head{
    min-height:91px!important;
  }
  #find-directory .v58-table-card .v55-card-heading h3{
    min-height:43px!important;
  }
  #find-directory .v58-table-card .v55-card-people{
    height:58px!important;
    min-height:58px!important;
  }
  #find-directory .v58-participant-row{
    grid-template-columns:minmax(0,1fr) minmax(76px,96px)!important;
    gap:6px!important;
  }
  #find-directory .v58-city-badge{
    max-width:96px!important;
    min-height:43px!important;
    padding:4px 5px!important;
  }
  #find-directory .v58-table-card .v55-seat-panel{
    height:79px!important;
    min-height:79px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    padding:8px!important;
  }
  #find-directory .v58-table-card .v55-seat-badge{
    width:55px!important;
    min-width:55px!important;
    height:59px!important;
    min-height:59px!important;
  }
  .table-status-stamp{top:101px!important;right:52px!important}

  
  
  

  /* Full mobile chat audit: safe-area header, flexible list and reachable input. */
  #screen-chats{
    width:100%!important;
    max-width:100%!important;
    padding:8px 0 calc(108px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
  }
  #screen-chats .chat-page-heading{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 2px!important;
    text-align:left!important;
  }
  #screen-chats .chat-page-heading>div{min-width:0!important}
  #screen-chats .chat-page-heading .section-title{
    font-size:clamp(30px,9vw,39px)!important;
    line-height:1!important;
    overflow-wrap:anywhere!important;
  }
  #screen-chats .chat-page-heading .community-intro{
    font-size:12px!important;
    line-height:1.4!important;
  }
  #screen-chats .chat-live-pill{
    flex:0 0 auto!important;
    margin:2px 0 0!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
  #screen-chats .chat-desktop-shell{
    width:100%!important;
    min-width:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  #screen-chats .chat-list-panel{
    width:100%!important;
    min-width:0!important;
    padding:11px!important;
    box-sizing:border-box!important;
  }
  #screen-chats .chat-list-toolbar .searchbar{
    width:100%!important;
    min-width:0!important;
  }
  #screen-chats .chat-item{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    min-width:0!important;
    min-height:76px!important;
    padding:10px!important;
    gap:9px!important;
  }
  #screen-chats .chat-item>*{min-width:0!important}
  #screen-chats .ci-name,#screen-chats .ci-last{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #chatview{
    position:fixed!important;
    inset:0!important;
    z-index:11000!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    background:#fffdf8!important;
    box-shadow:none!important;
    overflow:hidden!important;
    flex-direction:column!important;
  }
  #chatview.open{display:flex!important}
  #chatview .cv-head{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto 38px!important;
    gap:7px!important;
    align-items:center!important;
    min-height:calc(62px + env(safe-area-inset-top))!important;
    padding:calc(10px + env(safe-area-inset-top)) 9px 10px!important;
    box-sizing:border-box!important;
  }
  #chatview .cv-head>div{min-width:0!important}
  #chatview .cv-name,#chatview .cv-sub{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #chatview .cv-tablebtn{
    max-width:104px!important;
    min-height:36px!important;
    padding:6px 8px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #chatview #cv-close{
    position:static!important;
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  #chatview .cv-msgs{
    min-height:0!important;
    flex:1 1 auto!important;
    padding:12px 10px!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #chatview .msg{max-width:88%!important}
  #chatview .bubble{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  #chatview .reply-preview{
    flex:0 0 auto!important;
    min-width:0!important;
    padding:8px 10px!important;
  }
  #chatview .cv-input{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:end!important;
    flex:0 0 auto!important;
    width:100%!important;
    padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    background:#fffdf8!important;
  }
  #chatview .cv-input textarea{
    width:100%!important;
    min-width:0!important;
    max-height:112px!important;
    font-size:16px!important;
  }
  #chatview .cv-input .btn{
    min-height:42px!important;
    padding-inline:12px!important;
  }
  #chatview .cv-photo-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
}

@media(max-width:380px){
  #au-verify .verification-option-grid .opt{font-size:10.5px!important;padding-inline:4px!important}
  #find-directory .v58-participant-row{grid-template-columns:minmax(0,1fr) 82px!important}
  #find-directory .v58-city-badge{max-width:82px!important}
  #chatview .cv-head{grid-template-columns:38px minmax(0,1fr) 36px!important}
  #chatview .cv-tablebtn{display:none!important}
  #chatview .cv-input{grid-template-columns:40px minmax(0,1fr) auto!important;padding-inline:7px!important}
  #chatview .cv-input .btn{padding-inline:9px!important;font-size:12px!important}
}

/* Ver 63 chat panel reset: older modal rules treated every direct child as a full panel. */
#chatview > .cv-head,#chatview > .cv-msgs,#chatview > .reply-preview,#chatview > .cv-input{
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#chatview > .cv-head,#chatview > .reply-preview,#chatview > .cv-input{flex:0 0 auto!important}
#chatview > .cv-msgs{flex:1 1 auto!important;min-height:0!important}

/* Mahjong Radar Ver 63 — owned-table discovery markers */
.mine-table-stamp{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;max-width:100%;
  padding:5px 10px;border:2px double #b78225;border-radius:8px;background:#fff9e9;color:#123b61;
  font-size:10px;font-weight:900;line-height:1.1;letter-spacing:.075em;text-transform:uppercase;
  box-shadow:0 3px 10px rgba(66,45,19,.08),inset 0 0 0 2px rgba(255,255,255,.72);
  transform:rotate(-1deg);white-space:normal;text-align:center
}
#find-filters .fchip[data-f="mine"]{font-weight:800;border-color:rgba(183,130,37,.58)}
#find-filters .fchip[data-f="mine"].on{background:linear-gradient(135deg,#123b61,#0d2b47);color:#f6d67c;border-color:#d4aa50;box-shadow:0 7px 17px rgba(18,59,97,.16)}
@media(max-width:430px){.mine-table-stamp{font-size:9px;padding:5px 8px;letter-spacing:.055em}}

/* =========================================================
   Mahjong Radar Ver 63 — hosted tables, requests & venues
   ========================================================= */
.directory-view-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.mine-filter-main{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:9px 15px;border:1.5px solid rgba(181,138,59,.62);border-radius:13px;background:linear-gradient(145deg,#fffdf8,#f4ead7);color:#173b63;font-weight:850;letter-spacing:.02em;box-shadow:0 6px 16px rgba(23,59,99,.08)}
.mine-filter-main .mine-filter-icon{color:#b58a3b;font-size:13px}.mine-filter-main b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#173b63;color:#fff7df;font-size:12px}.mine-filter-main.on{background:linear-gradient(135deg,#173b63,#0e2438);color:#fff7df;border-color:#d2a855;box-shadow:0 9px 22px rgba(14,36,56,.18)}.mine-filter-main.on b{background:#d2a855;color:#0e2438}

.v58-table-card{position:relative!important;isolation:isolate}
.mine-table-stamp{display:none!important}
.mine-table-watermark{position:absolute;z-index:3;left:50%;top:46%;width:min(72%,360px);padding:9px 16px;border:4px double rgba(23,59,99,.72);border-radius:8px;background:rgba(255,253,248,.42);color:rgba(23,59,99,.78);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:950;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.12em;transform:translate(-50%,-50%) rotate(-8deg);opacity:.48;box-shadow:inset 0 0 0 2px rgba(181,138,59,.25);pointer-events:none;white-space:nowrap;backdrop-filter:blur(.5px)}
.detail-owned-stamp{position:absolute;z-index:5;left:53%;top:31%;width:min(58%,560px);padding:12px 22px;border:5px double rgba(23,59,99,.68);border-radius:10px;background:rgba(255,253,248,.34);color:rgba(23,59,99,.74);font-family:Inter,system-ui,sans-serif;font-size:clamp(15px,2vw,24px);font-weight:950;text-align:center;text-transform:uppercase;letter-spacing:.14em;transform:translate(-50%,-50%) rotate(-7deg);opacity:.42;pointer-events:none;white-space:nowrap}
.v55-hosted-table{position:relative!important;overflow:hidden}

.v62-card-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0!important;margin:2px 0 6px!important;font-family:"Cormorant Garamond",serif!important;font-size:var(--v62-title-size,24px)!important;line-height:.92!important;font-weight:700!important;letter-spacing:.015em!important;color:#0f365d!important}
.v62-card-title>span{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font:inherit!important;line-height:1.02!important}
.v62-card-title>span+span{margin-top:2px!important}
.v55-card-head{min-height:176px!important;align-items:flex-start!important}
.v55-card-heading{min-width:0!important;padding-right:4px!important}
.v55-card-heading>p{margin-top:8px!important;line-height:1.25!important}
.v58-participant-row{grid-template-columns:minmax(0,1fr) minmax(235px,42%)!important;gap:16px!important;align-items:center!important}
.v58-city-badge{width:100%!important;min-width:235px!important;max-width:none!important;min-height:82px!important;padding:12px 20px!important;border-radius:17px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.v58-city-badge small{font-size:11px!important;letter-spacing:.14em!important}.v58-city-badge b{font-size:var(--v58-city-font,16px)!important;line-height:1.08!important;max-width:100%!important}
.v55-card-chips{position:relative;z-index:4;overflow:visible!important;align-content:flex-start!important}.v55-card-chips .match-chip{opacity:1!important;visibility:visible!important;color:#725720!important;background:#fff8e9!important;border-color:#d6b875!important;font-weight:750!important}
.v55-card-people{position:relative;z-index:2;overflow:visible!important}.participant-strip{position:relative;z-index:4}.participant-stack{position:relative;z-index:4}
.v55-card-footer{position:relative!important;z-index:5!important}

/* Genuine horizontal list layout; no hidden avatars or cropped footer. */













/* Home request box */
#home-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.stat-action{font:inherit;cursor:pointer;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.stat-action small{display:block;margin-top:3px;color:#9a6a25;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stat-action:hover{transform:translateY(-2px);border-color:#b58a3b!important;box-shadow:0 10px 24px rgba(23,59,99,.10)}

/* Host request inbox */
.screen-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.page-intro{max-width:720px;color:#6c6250}.seat-request-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.seat-request-summary button{border:1px solid rgba(181,138,59,.36);border-radius:17px;background:linear-gradient(145deg,#fffdf8,#f3e8d2);padding:16px;text-align:left;color:#173b63}.seat-request-summary b{display:block;font-family:"Cormorant Garamond",serif;font-size:32px;line-height:1}.seat-request-summary span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#71624b}.seat-request-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.seat-request-tabs button{border:1px solid rgba(181,138,59,.42);border-radius:999px;background:#fffdf8;padding:8px 14px;color:#6c6250;font-weight:750}.seat-request-tabs button.on{background:#173b63;color:#fff7df;border-color:#173b63}
#seat-request-list{display:grid;gap:14px}.seat-request-card{overflow:hidden;border:1px solid rgba(181,138,59,.38);border-radius:20px;background:linear-gradient(145deg,#fffdf8,#f5ebd9);box-shadow:0 12px 28px rgba(23,59,99,.08)}.seat-request-game{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);column-gap:13px;row-gap:2px;border:0;border-bottom:1px solid rgba(181,138,59,.28);background:linear-gradient(135deg,#0e304f,#194f64);padding:14px 17px;color:#fff;text-align:left}.seat-request-game>span{grid-row:1/3;align-self:center;border:1px solid rgba(226,187,98,.7);border-radius:999px;padding:6px 9px;color:#f6d67c;font-size:10px;font-weight:850;letter-spacing:.08em}.seat-request-game b{font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.1}.seat-request-game small{color:#dbe8e9}.seat-request-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px}.seat-request-player h3{margin:0;font-size:22px}.seat-request-player p{color:#6c6250;font-size:13px}.seat-request-type{align-self:start;border-radius:999px;background:#fff5da;border:1px solid #d6b875;padding:6px 10px;color:#7d5b1f;font-size:11px;font-weight:800}.seat-request-message{margin:0 16px 14px;padding:11px 13px;border-left:4px solid #b58a3b;background:rgba(255,255,255,.66);border-radius:8px}.seat-request-message p{margin-top:4px;color:#6c6250}.seat-request-actions{display:flex;gap:8px;padding:0 16px 16px}.seat-request-actions .btn{flex:1}.seat-request-history{display:flex;justify-content:space-between;align-items:center;padding:0 16px 16px}

/* Venue directory */
.venue-directory-filters{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;gap:12px;align-items:end;margin-bottom:18px;padding:14px;border:1px solid rgba(181,138,59,.34);border-radius:18px;background:rgba(255,253,248,.72)}.venue-directory-filters .field{margin:0}.venue-verified-filter{min-height:48px;align-items:center;padding:10px 12px;border:1px solid rgba(181,138,59,.32);border-radius:12px;background:#fffdf8}.venue-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.venue-directory-card{overflow:hidden;border:1px solid rgba(181,138,59,.42);border-radius:22px;background:linear-gradient(145deg,#fffdf8,#f3ead9);box-shadow:0 14px 32px rgba(23,59,99,.09)}.venue-directory-media{position:relative;height:205px;display:grid;place-items:center;background:linear-gradient(135deg,#173b63,#0b4f56);color:#f5d883;font-size:56px}.venue-directory-media img{width:100%;height:100%;object-fit:cover}.venue-directory-media b{position:absolute;left:12px;bottom:12px;border-radius:999px;background:rgba(14,36,56,.88);border:1px solid #d2a855;color:#f6d67c;padding:6px 10px;font-size:11px}.venue-directory-copy{padding:17px}.venue-directory-copy h3{font-size:26px;margin:2px 0 7px}.venue-directory-copy>p:not(.eyebrow){min-height:48px;color:#6c6250}.venue-card-actions,.venue-detail-actions,.venue-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.venue-card-actions .btn,.venue-detail-actions .btn{flex:1}.venue-profile-actions{margin-top:8px}.venue-detail-hero{width:100%;height:min(34vh,300px);object-fit:cover;border-radius:18px}.venue-detail-placeholder{height:170px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#173b63,#0b4f56);font-size:70px}.venue-detail-sheet>.eyebrow{margin-top:14px}.venue-address{font-weight:750;color:#173b63;margin-top:8px}.venue-description{margin-top:10px;color:#6c6250}

/* Hosted detail cards always behave as one exact table target. */
.hosted-table-card{cursor:pointer}.hosted-table-card:focus-visible{outline:3px solid #d2a855;outline-offset:3px}

@media(max-width:980px){
  .directory-viewbar{align-items:stretch!important}.directory-view-actions{width:100%;justify-content:space-between}.mine-filter-main{flex:1}.venue-directory-filters{grid-template-columns:1fr 1fr}.venue-verified-filter{grid-column:1/-1}
  #home-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .directory-view-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mine-filter-main{grid-column:1/-1;width:100%;justify-content:center;min-height:45px}
  #find-directory.discovery-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;min-width:0!important}
  #find-directory>.v58-table-card{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important}
  #find-directory .v58-table-card>.v55-card-head{order:1!important;display:grid!important;grid-template-columns:78px minmax(0,1fr) 48px!important;min-height:164px!important;height:auto!important;padding:13px!important;border-radius:0!important}
  #find-directory .v58-table-card .v55-card-avatar{width:78px!important;min-width:78px!important}.v55-card-heading{padding-right:0!important}
  #find-directory .v62-card-title{font-size:min(var(--v62-title-size,22px),22px)!important;line-height:.94!important;margin-top:3px!important}
  #find-directory .v58-table-card>.v55-card-meta{order:2!important;position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;min-height:76px!important;height:auto!important;margin:11px 12px 0!important;padding:11px!important;border-radius:15px!important;overflow:visible!important}
  #find-directory .v55-card-meta>span:last-child{flex:1 0 100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important}
  #find-directory .v58-table-card>.v55-card-chips{order:3!important;position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;min-height:0!important;height:auto!important;margin:10px 12px 0!important;padding:0!important;overflow:visible!important}
  #find-directory .v58-table-card>.v55-card-people{order:4!important;position:relative!important;inset:auto!important;min-height:96px!important;height:auto!important;margin:8px 12px 0!important;padding:0!important;overflow:visible!important}
  #find-directory .v58-participant-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(145px,47%)!important;gap:10px!important;align-items:center!important}
  #find-directory .v58-city-badge{min-width:145px!important;max-width:none!important;min-height:82px!important;padding:9px 10px!important}
  #find-directory .v58-table-card>.v55-seat-panel{order:5!important;position:relative!important;inset:auto!important;display:flex!important;min-height:145px!important;height:auto!important;margin:12px!important;padding:15px!important;border-radius:18px!important}
  #find-directory .v58-table-card>.v55-card-stats{order:6!important;position:relative!important;inset:auto!important;min-height:78px!important;height:auto!important;margin:0 12px 12px!important}
  #find-directory .v58-table-card>.v55-card-footer{order:7!important;position:relative!important;inset:auto!important;min-height:62px!important;height:auto!important;margin:0 12px 14px!important;border-radius:16px!important}
  #find-directory .mine-table-watermark{top:45%!important;width:72%!important;font-size:10px!important;padding:8px 9px!important;opacity:.38!important}
  .detail-owned-stamp{top:23%;left:51%;width:72%;font-size:12px;padding:9px 10px;opacity:.36}
  .screen-page-head{align-items:flex-start;flex-direction:column}.screen-page-head>.btn{align-self:flex-end}.seat-request-summary{grid-template-columns:repeat(3,1fr);gap:7px}.seat-request-summary button{padding:11px 8px}.seat-request-summary b{font-size:26px}.seat-request-summary span{font-size:9px}.seat-request-player{grid-template-columns:auto minmax(0,1fr);padding:13px}.seat-request-type{grid-column:2}.seat-request-actions{display:grid;grid-template-columns:1fr 1fr}.seat-request-actions .btn:last-child{grid-column:1/-1}
  .venue-directory-filters{grid-template-columns:1fr;padding:11px}.venue-verified-filter{grid-column:auto}.venue-directory-grid{grid-template-columns:1fr}.venue-directory-media{height:185px}.venue-card-actions{display:grid;grid-template-columns:1fr 1fr}
  .mine-table-watermark{white-space:normal;line-height:1.15}
}

@media(max-width:390px){
  #find-directory .v58-participant-row{grid-template-columns:minmax(0,1fr) 132px!important}.v58-city-badge{min-width:132px!important}.v62-card-title{font-size:min(var(--v62-title-size,20px),20px)!important}
  .seat-request-summary{grid-template-columns:1fr}.seat-request-summary button{text-align:center}.venue-card-actions{grid-template-columns:1fr}
}

/* ========================================================================
   MAHJONG RADAR VERSION 63 — AUTH, OWNED TABLES, REQUESTS & CONTACT SHARING
   ======================================================================== */

/* Country selector: always show a readable flag and full country name. */
.phone-country-control{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 22px!important;
  align-items:center!important;
  min-height:48px!important;
  padding:0 12px!important;
  border:1px solid var(--gold-line)!important;
  border-radius:12px!important;
  background:var(--card,#fffdf8)!important;
  overflow:hidden!important;
}
.phone-selected-flag{font-size:21px!important;line-height:1!important}
.phone-selected-country{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--navy,#173b63)!important;
  font-weight:750!important;
  font-size:14px!important;
}
.phone-country-caret{justify-self:end;color:var(--navy,#173b63);font-size:18px}
.phone-country-control select{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:3!important;
}
.phone-country-control:focus-within{outline:3px solid rgba(181,138,59,.22)!important;border-color:var(--gold,#b58a3b)!important}

/* Auth pages: one scrolling surface, no clipped bottom content. */
body.auth-active #auth.form-mode .public-main{
  height:calc(100dvh - 82px)!important;
  min-height:0!important;
  padding:10px 0!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.auth-active #auth.form-mode .auth-card{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 104px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scroll-padding-block:28px 72px!important;
  scrollbar-gutter:stable!important;
}
body.auth-active #auth.form-mode .au-inner{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-bottom:42px!important;
  overflow:visible!important;
  justify-content:flex-start!important;
}
body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden),body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:28px!important;
}
body.auth-active #auth.form-mode .registration-scroll,body.auth-active #auth.form-mode .verification-flow{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:28px!important;
}
body.auth-active #auth.form-mode .registration-submit{position:relative!important;bottom:auto!important}

/* Owned table label: readable normal red box rather than a watermark. */
.mine-table-watermark,.detail-owned-stamp{display:none!important}
.mine-table-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 12px!important;
  border:1.5px solid #b54242!important;
  border-radius:9px!important;
  background:rgba(255,245,242,.96)!important;
  color:#a72f2f!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.detail-owned-label{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:12px auto 14px!important;
  padding:8px 18px!important;
  border:2px solid #b54242!important;
  border-radius:10px!important;
  background:#fff6f2!important;
  color:#a72f2f!important;
  font:900 13px/1.1 Inter,system-ui,sans-serif!important;
  letter-spacing:.09em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

/* Grid card sections stay in normal document flow. */
#find-directory.discovery-grid>.v58-table-card{
  overflow:hidden!important;
}
#find-directory.discovery-grid .v55-card-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  align-content:flex-start!important;
  overflow:visible!important;
}
#find-directory.discovery-grid .v58-participant-row{
  grid-template-columns:minmax(0,1fr) minmax(180px,42%)!important;
  align-items:center!important;
  gap:12px!important;
}
#find-directory.discovery-grid .v58-city-badge{
  min-width:180px!important;
  width:100%!important;
  max-width:none!important;
  min-height:72px!important;
}


@media(min-width:761px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  .mine-table-label{font-size:10px!important}
}

/* Attention state on Home. */
#home-stats .stat-action.needs-attention{
  border:2px solid #b54242!important;
  background:linear-gradient(145deg,#fff6f2,#f7ded6)!important;
  box-shadow:0 0 0 4px rgba(181,66,66,.08),0 12px 25px rgba(143,48,48,.14)!important;
}
#home-stats .stat-action.needs-attention .n,#home-stats .stat-action.needs-attention small{color:#a72f2f!important;font-weight:900!important}

/* Seat-request wishlist and shared contact. */
.seat-request-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.seat-request-card.status-wishlist{border-color:#b58a3b!important;background:linear-gradient(145deg,#fffaf0,#f2e1b9)!important}
.seat-request-time,.seat-request-phone{margin-top:5px!important;font-size:12px!important;color:#665a48!important}
.seat-request-phone a,.request-phone-shared a{color:#0d5d55!important;font-weight:850!important;text-decoration:underline!important}
.seat-request-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.request-decision-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.host-phone-share-option{margin:5px 0 16px!important;padding:14px!important;border:1px solid rgba(181,138,59,.36)!important;border-radius:14px!important;background:rgba(255,251,240,.75)!important}
.host-phone-contact{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:12px 0!important;padding:14px 16px!important;border:1px solid rgba(181,138,59,.42)!important;border-radius:16px!important;background:linear-gradient(135deg,#fff9e9,#f0e1be)!important}
.host-phone-contact b,.host-phone-contact span{display:block!important}.host-phone-contact span{margin-top:3px;color:#6c6250;font-size:12px}

/* QR card now previews before download. */
.qr-card-preview{text-align:center!important}
.qr-card-preview>img{display:block!important;width:min(100%,460px)!important;max-height:65vh!important;object-fit:contain!important;margin:16px auto!important;border:1px solid var(--gold-line)!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(23,59,99,.15)!important}
.qr-card-preview .inline-actions{justify-content:center!important}.qr-card-preview .inline-actions .btn{min-width:160px!important}
.phone-share-choice{max-width:540px!important;margin:auto!important;text-align:center!important}.phone-share-choice .inline-actions{margin-top:16px!important}.phone-share-choice .btn{flex:1!important}

/* Mobile: complete auth panels, vertical cards and a usable chat composer. */
@media(max-width:760px){
  body.auth-active #auth.form-mode .public-main{height:100dvh!important;padding:0!important;overflow:hidden!important}
  body.auth-active #auth.form-mode .auth-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding-top:max(12px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;scroll-padding-bottom:110px!important}
  body.auth-active #auth.form-mode .au-inner{padding:12px 16px 96px!important}
  body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden),body.auth-active #auth.form-mode #au-login:not(.hidden){padding-bottom:90px!important}
  .phone-country-control{min-height:54px!important}.phone-selected-country{font-size:16px!important}
  #find-directory.discovery-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  #find-directory>.directory-card.v58-table-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px!important;
    overflow:hidden!important;
  }
  #find-directory>.v58-table-card>.v55-card-head,#find-directory>.v58-table-card>.v55-card-meta,#find-directory>.v58-table-card>.v55-card-chips,#find-directory>.v58-table-card>.v55-card-people,#find-directory>.v58-table-card>.v55-seat-panel,#find-directory>.v58-table-card>.v55-card-stats,#find-directory>.v58-table-card>.v55-card-footer{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;margin:0 0 10px!important;overflow:visible!important}
  #find-directory>.v58-table-card>.v55-card-head{order:1!important;min-height:132px!important}
  #find-directory>.v58-table-card>.v55-card-meta{order:2!important;min-height:78px!important}
  #find-directory>.v58-table-card>.v55-card-chips{order:3!important;min-height:0!important}
  #find-directory>.v58-table-card>.v55-card-people{order:4!important;min-height:110px!important}
  #find-directory>.v58-table-card>.v55-seat-panel{order:5!important;min-height:145px!important}
  #find-directory>.v58-table-card>.v55-card-stats{order:6!important;min-height:78px!important}
  #find-directory>.v58-table-card>.v55-card-footer{order:7!important;min-height:62px!important;margin-bottom:0!important}
  #find-directory .v58-participant-row{grid-template-columns:minmax(0,1fr) minmax(148px,44%)!important;gap:10px!important}
  #find-directory .v58-city-badge{min-width:148px!important;min-height:84px!important}
  #find-directory .participant-strip{min-width:0!important;padding:5px 0!important;overflow:visible!important}
  #find-directory .participant-stack{display:flex!important;overflow:visible!important}
  #find-directory .participant-caption{display:block!important;margin-top:7px!important;overflow:visible!important}
  .mine-table-label{white-space:normal!important;text-align:center!important;font-size:10px!important;max-width:100%!important}
  .detail-owned-label{width:100%!important;font-size:11px!important}
  .seat-request-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .seat-request-actions{grid-template-columns:1fr 1fr!important}
  .request-decision-grid{grid-template-columns:1fr!important}
  .host-phone-contact{align-items:stretch!important;flex-direction:column!important;text-align:center!important}
  .host-phone-contact .btn{width:100%!important}
  #chatview>.cv-input{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 64px!important;
    align-items:end!important;
    gap:8px!important;
    min-height:92px!important;
    padding:10px 10px max(12px,env(safe-area-inset-bottom))!important;
    background:#fffdf8!important;
  }
  #chatview>.cv-input textarea{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:64px!important;
    max-height:150px!important;
    padding:12px 14px!important;
    font-size:16px!important;
    line-height:1.35!important;
    resize:none!important;
  }
  #chatview>.cv-input .btn,#chatview>.cv-input button{min-height:58px!important;padding:8px!important;font-size:13px!important}
}

@media(max-width:390px){
  #find-directory .v58-participant-row{grid-template-columns:1fr!important}
  #find-directory .v58-city-badge{min-width:0!important;width:100%!important}
  .seat-request-actions{grid-template-columns:1fr!important}
  .seat-request-summary{grid-template-columns:1fr 1fr!important}
}

/* Verification content must remain inside the auth card at every width. */
#au-verify,#au-verify *{min-width:0!important;box-sizing:border-box!important}
#au-verify .verification-option-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#au-verify .verification-option-grid .opt{width:100%!important;min-height:48px!important;padding:8px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.18!important}
#au-verify .verification-code-card,#au-verify .verification-preferences,#au-verify .verification-code-section{width:100%!important;max-width:100%!important;overflow:visible!important}
.host-phone-contact.compact{margin:12px 0!important;padding:11px 13px!important}
@media(max-width:390px){#au-verify .verification-option-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}#au-verify .verification-option-grid .opt{font-size:12px!important}}


/* =========================================================
   Mahjong Radar Ver 63 — final auth, contact and responsive fixes
   ========================================================= */
/* Use one predictable scroll container. The complete card, including its
   final action and support links, remains reachable at every viewport. */
body.auth-active #auth.form-mode .public-main{
  grid-template-columns:minmax(0,1fr) minmax(420px,620px)!important;
  height:calc(100dvh - 118px)!important;
  min-height:0!important;
  padding:8px 18px 18px!important;
  align-items:start!important;
  overflow:hidden!important;
}
body.auth-active #auth.form-mode .auth-card{
  position:relative!important;
  top:auto!important;
  align-self:start!important;
  width:100%!important;
  max-width:620px!important;
  height:auto!important;
  max-height:calc(100dvh - 142px)!important;
  margin:0 auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior:contain!important;
  scroll-padding:24px 0 120px!important;
}
body.auth-active #auth.form-mode[data-auth-panel="au-login"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-forgot"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-reset"] .auth-card{
  max-width:470px!important;
}
body.auth-active #auth.form-mode .au-inner{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:20px 22px 88px!important;
  overflow:visible!important;
}
body.auth-active #auth.form-mode .au-inner>div:not(.hidden),body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden),body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden){
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:8px 4px 54px!important;
  overflow:visible!important;
}
body.auth-active #auth.form-mode .registration-scroll,body.auth-active #auth.form-mode .verification-flow,body.auth-active #auth.form-mode .verification-preferences,body.auth-active #auth.form-mode .verification-code-section{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
body.auth-active #auth.form-mode .registration-next-note,body.auth-active #auth.form-mode .au-switch:last-child,body.auth-active #auth.form-mode .verification-flow>:last-child{
  margin-bottom:28px!important;
}
/* Country selector must visibly show flag + full country name. */
.phone-country-control{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  padding:0 14px!important;
  border:1px solid var(--gold-line,#dec28c)!important;
  border-radius:13px!important;
  background:#fffdfa!important;
}
.phone-selected-flag{position:static!important;transform:none!important;font-size:23px!important;line-height:1!important}
.phone-selected-country{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important;font-weight:750!important;color:#173b63!important}
.phone-country-caret{font-size:18px!important}
.phone-country-control select{padding:0!important}

/* Hosted-by-you is intentionally a normal red label, never a watermark. */
.mine-table-watermark,.mine-table-stamp,.detail-owned-stamp{display:none!important}
.mine-table-label,.detail-owned-label{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  opacity:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:30px!important;
  margin:0!important;
  padding:6px 12px!important;
  border:1.5px solid #b93c3c!important;
  border-radius:8px!important;
  background:#fff5f3!important;
  color:#a72f2f!important;
  box-shadow:none!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.detail-owned-label{margin:8px 0 12px!important}

/* Desktop list cards: keep people, city and footer in separate non-overlapping cells. */


/* Grid cards retain readable people and city blocks. */
#find-directory.discovery-grid .v58-participant-row{grid-template-columns:minmax(0,1fr) minmax(190px,43%)!important}
#find-directory.discovery-grid .v58-city-badge{min-width:190px!important;min-height:82px!important}

/* Highlight pending requests with unmistakable action colour. */
#home-stats .stat-action.needs-attention{animation:mrRequestPulse 2.2s ease-in-out infinite}
@keyframes mrRequestPulse{0%,100%{box-shadow:0 0 0 4px rgba(181,66,66,.08),0 12px 25px rgba(143,48,48,.14)}50%{box-shadow:0 0 0 8px rgba(181,66,66,.13),0 14px 30px rgba(143,48,48,.20)}}

/* Mobile chat composer: a real text area, not a narrow single-line sliver. */
@media(max-width:760px){
  body.auth-active #auth.form-mode .public-main{
    display:block!important;
    height:100dvh!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    padding:max(10px,env(safe-area-inset-top)) 8px max(18px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    scroll-padding-bottom:180px!important;
  }
  body.auth-active #auth.form-mode .au-inner{padding:12px 12px 170px!important}
  body.auth-active #auth.form-mode .au-inner>div:not(.hidden),body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden),body.auth-active #auth.form-mode #au-login:not(.hidden){padding-bottom:130px!important}
  .registration-submit{position:static!important;margin-top:16px!important}
  #chatview>.cv-input{
    grid-template-columns:42px minmax(0,1fr) 72px!important;
    min-height:112px!important;
    padding:12px 10px max(18px,env(safe-area-inset-bottom))!important;
  }
  #chatview>.cv-input textarea{
    min-height:78px!important;
    max-height:180px!important;
    padding:14px!important;
    border-radius:17px!important;
    font-size:16px!important;
  }
  #chatview>.cv-input .btn,#chatview>.cv-input button{min-height:64px!important}
  #find-directory>.directory-card.v58-table-card{overflow:visible!important}
  #find-directory .v58-participant-row{grid-template-columns:1fr!important}
  #find-directory .v58-city-badge{width:100%!important;min-width:0!important;max-width:none!important}
  #find-directory .participant-strip{min-height:86px!important}
  .mine-table-label{font-size:10px!important;white-space:normal!important;text-align:center!important}
}

@media(min-width:761px) and (max-width:1120px){
  body.auth-active #auth.form-mode .public-main{
    display:block!important;
    height:calc(100dvh - 96px)!important;
    padding:8px 14px 20px!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    max-width:680px!important;
    max-height:calc(100dvh - 120px)!important;
  }
}

/* Tablet auth mode is a dedicated full-screen card; the marketing hero must
   never push the form below the viewport. */
@media(min-width:761px) and (max-width:1120px){
  body.auth-active #auth.form-mode .public-shell{
    display:block!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .public-topbar,body.auth-active #auth.form-mode .public-hero,body.auth-active #auth.form-mode .public-values{display:none!important}
  body.auth-active #auth.form-mode .public-main{
    position:fixed!important;
    inset:0!important;
    display:grid!important;
    place-items:start center!important;
    width:100%!important;
    height:100dvh!important;
    margin:0!important;
    padding:12px 14px 22px!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    align-self:start!important;
    width:min(680px,100%)!important;
    max-width:680px!important;
    max-height:calc(100dvh - 34px)!important;
    margin:0 auto!important;
  }
}

/* =========================================================
   Mahjong Radar Ver 69 — compact auth and directory rebuild
   ========================================================= */

/* Authentication: use a small wordmark instead of a second oversized emblem. */
body.auth-active #auth.form-mode .auth-card .auth-emblem,body.auth-active #auth.form-mode .auth-card .auth-emblem.mr-radar-logo{
  display:none!important;
}
body.auth-active #auth.form-mode .auth-card .au-inner>h1{
  display:block!important;
  margin:0 48px 8px!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:clamp(20px,2vw,25px)!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-align:center!important;
  color:#173b63!important;
  white-space:nowrap!important;
}
body.auth-active #auth.form-mode .auth-card .brand-domain,body.auth-active #auth.form-mode .auth-card .au-inner>.sub{
  display:none!important;
}
body.auth-active #auth.form-mode .auth-card{
  overflow:hidden!important;
}
body.auth-active #auth.form-mode .au-inner{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  max-height:100%!important;
  padding:16px 18px 18px!important;
  overflow:hidden!important;
}
body.auth-active #auth.form-mode .au-inner>div:not(.hidden){
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
}
body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden),body.auth-active #auth.form-mode #au-closed:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:6px 4px 18px!important;
}
body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden){
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  scroll-padding-block:18px 96px!important;
  padding:4px 7px 104px 4px!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll,body.auth-active #auth.form-mode #au-verify.verification-flow{
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
  padding-bottom:32px!important;
}
body.auth-active #auth.form-mode .auth-panel-heading{
  margin:0 0 12px!important;
}
body.auth-active #auth.form-mode .auth-panel-heading h2{
  font-size:clamp(22px,2.2vw,28px)!important;
  line-height:1.06!important;
  margin:3px 0 5px!important;
}
body.auth-active #auth.form-mode .auth-panel-heading>span,body.auth-active #auth.form-mode .auth-panel-heading+p{
  line-height:1.35!important;
}
body.auth-active #auth.form-mode[data-auth-panel="au-login"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-forgot"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-reset"] .auth-card{
  max-width:450px!important;
  max-height:min(690px,calc(100dvh - 124px))!important;
}
body.auth-active #auth.form-mode[data-auth-panel="au-register"] .auth-card,body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .auth-card{
  max-height:calc(100dvh - 126px)!important;
}

/* Country selector: visible flag + full name, with India as the visual default. */
.phone-country-control{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:54px!important;
  padding:0 14px!important;
  overflow:hidden!important;
}
.phone-selected-flag{
  position:static!important;
  transform:none!important;
  display:block!important;
  width:30px!important;
  text-align:center!important;
  font-size:23px!important;
}
.phone-selected-country{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  color:#173b63!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  visibility:visible!important;
}
.phone-country-caret{
  display:block!important;
  justify-self:end!important;
}
.phone-country-control select{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}

/* Owned-table label: deliberately softer, compact and non-dominant. */
.mine-table-label,.detail-owned-label{
  opacity:.72!important;
  background:rgba(255,245,243,.62)!important;
  border-color:rgba(185,60,60,.78)!important;
  color:#a72f2f!important;
  box-shadow:none!important;
}

/* Grid cards: city is a compact metadata tab, not a tall panel. */
#find-directory.discovery-grid .v58-participant-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(128px,40%)!important;
  align-items:center!important;
  gap:10px!important;
}
#find-directory.discovery-grid .v58-city-badge{
  width:100%!important;
  min-width:128px!important;
  min-height:54px!important;
  max-height:58px!important;
  padding:6px 10px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
#find-directory.discovery-grid .v58-city-badge small{
  font-size:9px!important;
  line-height:1!important;
  margin-bottom:3px!important;
}
#find-directory.discovery-grid .v58-city-badge b{
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#find-directory.discovery-grid .v55-card-people{
  min-height:64px!important;
  padding:4px 0!important;
}
#find-directory.discovery-grid .participant-strip{
  min-height:54px!important;
  padding:2px 0!important;
}




/* Mobile More: always open at the top and keep the first row below the safe area. */
@media(max-width:760px){
  .more-overlay{
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .more-panel{
    height:100dvh!important;
    max-height:100dvh!important;
    padding:calc(10px + env(safe-area-inset-top)) 12px calc(105px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scroll-padding-top:88px!important;
  }
  .more-page-head{
    position:sticky!important;
    top:0!important;
    margin:0 0 10px!important;
    padding:8px 2px 10px!important;
    background:rgba(255,253,248,.98)!important;
  }
  .more-intro{margin:0 auto 10px!important;font-size:12px!important}
  .more-grid{gap:10px!important}
  .more-item{
    min-height:104px!important;
    padding:12px 7px!important;
  }
}

/* Mobile Grid card: compact single-screen composition. */
@media(max-width:760px){
  #find-directory.discovery-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
  }
  #find-directory.discovery-grid>.directory-card.v58-table-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:104px 64px auto 64px 92px 54px 54px!important;
    grid-template-areas:
      "head"
      "meta"
      "chips"
      "people"
      "seat"
      "stats"
      "footer"!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:610px!important;
    padding:10px!important;
    gap:7px!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  #find-directory.discovery-grid>.v58-table-card>.v55-card-head{
    grid-area:head!important;
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr) 40px!important;
    min-height:104px!important;
    height:104px!important;
    margin:0!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  #find-directory.discovery-grid .v55-card-avatar .avatar,#find-directory.discovery-grid .v55-card-avatar .avatar.lg{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
  }
  #find-directory.discovery-grid .v55-card-overline{
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #find-directory.discovery-grid .v62-card-title{
    font-size:21px!important;
    line-height:1.02!important;
    margin:4px 0!important;
  }
  #find-directory.discovery-grid .v62-card-title span{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #find-directory.discovery-grid .v55-card-heading p{
    font-size:11px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #find-directory.discovery-grid .v55-card-save{width:38px!important;height:38px!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-card-meta{
    grid-area:meta!important;
    min-height:64px!important;
    height:64px!important;
    margin:0!important;
    padding:8px 10px!important;
    gap:5px!important;
    border-radius:13px!important;
    font-size:11px!important;
    overflow:hidden!important;
  }
  #find-directory.discovery-grid>.v58-table-card>.v55-card-chips{
    grid-area:chips!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
    gap:5px!important;
    min-height:0!important;
    max-height:72px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #find-directory.discovery-grid .v55-card-chips .chip,#find-directory.discovery-grid .mine-table-label{
    min-height:26px!important;
    padding:4px 8px!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #find-directory.discovery-grid>.v58-table-card>.v55-card-people{
    grid-area:people!important;
    min-height:64px!important;
    height:64px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #find-directory.discovery-grid .v58-participant-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(118px,39%)!important;
    gap:8px!important;
    align-items:center!important;
    height:64px!important;
  }
  #find-directory.discovery-grid .participant-strip{
    min-height:58px!important;
    height:58px!important;
    padding:3px 0!important;
    overflow:hidden!important;
  }
  #find-directory.discovery-grid .participant-stack{height:34px!important;overflow:visible!important}
  #find-directory.discovery-grid .mini-avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:10px!important}
  #find-directory.discovery-grid .participant-caption{margin-top:4px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
  #find-directory.discovery-grid .v58-city-badge{
    min-width:118px!important;
    width:100%!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:5px 8px!important;
    border-radius:12px!important;
  }
  #find-directory.discovery-grid .v58-city-badge small{font-size:8px!important;margin-bottom:2px!important}
  #find-directory.discovery-grid .v58-city-badge b{font-size:min(var(--v58-city-font,14px),14px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-seat-panel{
    grid-area:seat!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:92px!important;
    height:92px!important;
    margin:0!important;
    padding:9px 11px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  #find-directory.discovery-grid .v55-seat-badge{width:64px!important;height:64px!important;min-width:64px!important;border-radius:12px!important}
  #find-directory.discovery-grid .v55-seat-badge b{font-size:29px!important}
  #find-directory.discovery-grid .v55-seat-copy b{font-size:15px!important;line-height:1.1!important}
  #find-directory.discovery-grid .v55-seat-copy span{font-size:10px!important;line-height:1.15!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-card-stats{
    grid-area:stats!important;
    min-height:54px!important;
    height:54px!important;
    margin:0!important;
    gap:5px!important;
  }
  #find-directory.discovery-grid .v55-card-stats span{padding:5px 4px!important;border-radius:11px!important;font-size:8px!important}
  #find-directory.discovery-grid .v55-card-stats b{font-size:15px!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-card-footer{
    grid-area:footer!important;
    min-height:54px!important;
    height:54px!important;
    margin:0!important;
    padding:7px 8px!important;
    border-radius:12px!important;
  }
  #find-directory.discovery-grid .v55-card-action{font-size:11px!important}
  #find-directory.discovery-grid .v55-verified,#find-directory.discovery-grid .v55-manage{font-size:8.5px!important}
  #find-directory.discovery-grid .v55-card-arrow{width:36px!important;height:36px!important;min-width:36px!important}
}

@media(max-width:390px){
  body.auth-active #auth.form-mode .auth-card .au-inner>h1{font-size:19px!important;margin-inline:38px!important}
  .phone-country-control{grid-template-columns:28px minmax(0,1fr) 20px!important;padding-inline:11px!important}
  .phone-selected-country{font-size:14px!important}
  #find-directory.discovery-grid>.directory-card.v58-table-card{
    grid-template-rows:98px 60px auto 60px 86px 50px 50px!important;
    padding:8px!important;
    gap:6px!important;
  }
  #find-directory.discovery-grid>.v58-table-card>.v55-card-head{height:98px!important;min-height:98px!important;grid-template-columns:56px minmax(0,1fr) 36px!important}
  #find-directory.discovery-grid .v55-card-avatar .avatar,#find-directory.discovery-grid .v55-card-avatar .avatar.lg{width:52px!important;height:52px!important;min-width:52px!important}
  #find-directory.discovery-grid .v62-card-title{font-size:19px!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-card-meta{height:60px!important;min-height:60px!important}
  #find-directory.discovery-grid .v58-participant-row{grid-template-columns:minmax(0,1fr) 110px!important;height:60px!important}
  #find-directory.discovery-grid .v58-city-badge{min-width:110px!important;height:50px!important;min-height:50px!important;max-height:50px!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-seat-panel{height:86px!important;min-height:86px!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-card-stats{height:50px!important;min-height:50px!important}
  #find-directory.discovery-grid>.v58-table-card>.v55-card-footer{height:50px!important;min-height:50px!important}
}

/* Reset legacy grid-area assignments inside the Version 58 people/city row. */
#find-directory .v58-participant-row>.participant-strip,#find-directory .v58-participant-row>.v58-city-badge{
  grid-area:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
}


/* =========================================================
   Mahjong Radar Ver 65 — requested UI refinements only
   ========================================================= */

/* PC auth forms: remove the nested inner scroller so the complete
   registration form can be filled naturally. */
@media (min-width: 761px){
  body.auth-active #auth.form-mode .public-main{
    height:auto!important;
    min-height:calc(100dvh - 118px)!important;
    overflow:visible!important;
    align-items:start!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .au-inner,body.auth-active #auth.form-mode .registration-scroll,body.auth-active #auth.form-mode .verification-flow,body.auth-active #auth.form-mode .verification-preferences,body.auth-active #auth.form-mode .verification-code-section{
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Country selector: always show flag + full readable country name. */
.phone-country-control{
  position:relative!important;
  overflow:hidden!important;
}
.phone-selected-flag{
  display:block!important;
  width:24px!important;
  text-align:center!important;
}
.phone-selected-country{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.phone-country-control select{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}

/* Hosted table detail: give the city its own long full-width strip so
   long names stay inside the card on both desktop and mobile. */
.v55-hosted-kpis{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.v55-hosted-kpis>div:nth-child(4){order:3!important}
.v55-hosted-kpis>div:nth-child(3){
  order:4!important;
  grid-column:1 / -1!important;
  align-items:flex-start!important;
  text-align:left!important;
  padding-inline:18px!important;
}
.v55-hosted-kpis>div:nth-child(3) b{
  width:100%!important;
  font-size:18px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media (max-width:760px){
  .v55-hosted-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .v55-hosted-kpis>div:nth-child(4){
    grid-column:1 / -1!important;
    order:4!important;
  }
  .v55-hosted-kpis>div:nth-child(3){
    order:3!important;
    grid-column:1 / -1!important;
    min-height:82px!important;
  }
  .v55-hosted-kpis>div:nth-child(4) b{
    white-space:normal!important;
  }
}





/* Mobile auth form: use the full viewport and remove the wasted blank area. */
@media (max-width:760px){
  html:has(body.auth-active),body.auth-active,body.auth-active #auth{min-height:100dvh!important}
  body.auth-active #auth.form-mode .public-shell{
    min-height:100dvh!important;
  }
  body.auth-active #auth.form-mode .public-main{
    display:block!important;
    height:auto!important;
    min-height:100dvh!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    border-radius:0!important;
    padding:max(10px,env(safe-area-inset-top)) 8px max(18px,env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .au-inner{
    padding:10px 12px 30px!important;
  }
  body.auth-active #auth.form-mode .au-inner>div:not(.hidden),body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden),body.auth-active #auth.form-mode #au-login:not(.hidden),body.auth-active #auth.form-mode #au-forgot:not(.hidden),body.auth-active #auth.form-mode #au-reset:not(.hidden){
    padding:4px 4px 22px!important;
  }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* Mobile chat composer: a wide textarea with a normal send button. */
  #chatview>.cv-input{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 110px!important;
    align-items:stretch!important;
    gap:10px!important;
    min-height:96px!important;
    padding:10px 12px max(14px,env(safe-area-inset-bottom))!important;
  }
  #chatview>.cv-input .cv-photo-btn{
    width:48px!important;
    min-width:48px!important;
    height:auto!important;
    min-height:60px!important;
  }
  #chatview>.cv-input textarea{
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    max-height:160px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  #chatview>.cv-input #cv-send,#chatview>.cv-input .btn,#chatview>.cv-input button{
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    padding-inline:14px!important;
    align-self:stretch!important;
  }

  /* Chat conversation list: reserve space for the chat-type chip in the top-right. */
  #chat-list .chat-item{
    align-items:flex-start!important;
  }
  #chat-list .ci-main{
    min-width:0!important;
  }
  #chat-list .ci-head-row{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
  }
  #chat-list .ci-name{
    min-width:0!important;
    flex:1 1 auto!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #chat-list .ci-type-chip{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:9px!important;
    min-height:22px!important;
    padding:4px 8px!important;
    white-space:nowrap!important;
  }
}

/* =========================================================
   Mahjong Radar Ver 69 — desktop registration page scrolling
   ========================================================= */
@media (min-width:761px){
  html:has(body.auth-active #auth.form-mode),body.auth-active:has(#auth.form-mode){
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  body.auth-active #auth.form-mode{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .public-shell{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .public-main{
    height:auto!important;
    min-height:calc(100dvh - 118px)!important;
    max-height:none!important;
    overflow:visible!important;
    align-items:start!important;
    padding-bottom:48px!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin-bottom:32px!important;
  }
  body.auth-active #auth.form-mode .au-inner,body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden),body.auth-active #auth.form-mode .registration-scroll,body.auth-active #auth.form-mode .verification-flow,body.auth-active #auth.form-mode .verification-preferences,body.auth-active #auth.form-mode .verification-code-section{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* =========================================================
   Mahjong Radar Ver 69 — desktop auth page scrolling hotfix
   ========================================================= */
@media (min-width:761px){
  html:has(body.auth-active #auth.form-mode),body.auth-active:has(#auth.form-mode){
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  body.auth-active #auth.form-mode{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .public-shell{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.auth-active #auth.form-mode .public-main{
    height:auto!important;
    min-height:calc(100dvh - 118px)!important;
    max-height:none!important;
    overflow:visible!important;
    align-items:start!important;
    padding-bottom:56px!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin-bottom:32px!important;
  }
  body.auth-active #auth.form-mode .au-inner,body.auth-active #auth.form-mode #au-register:not(.hidden),body.auth-active #auth.form-mode #au-verify:not(.hidden),body.auth-active #auth.form-mode .registration-scroll,body.auth-active #auth.form-mode .verification-flow,body.auth-active #auth.form-mode .verification-preferences,body.auth-active #auth.form-mode .verification-code-section{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* =========================================================
   Mahjong Radar Ver 69 — mobile chat composer size fix only
   ========================================================= */
@media (max-width:760px){
  #chatview > .cv-input{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-areas:
      "message message"
      "photo send"!important;
    grid-template-rows:auto 56px!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-height:158px!important;
    padding:10px 12px max(14px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    background:#fffdf8!important;
  }
  #chatview > .cv-input textarea#cv-text{
    grid-area:message!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:92px!important;
    min-height:92px!important;
    max-height:180px!important;
    resize:none!important;
    padding:14px 16px!important;
    border-radius:16px!important;
    font-size:17px!important;
    line-height:1.4!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
  }
  #chatview > .cv-input .cv-photo-btn{
    grid-area:photo!important;
    width:52px!important;
    min-width:52px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0!important;
    align-self:stretch!important;
    justify-self:start!important;
  }
  #chatview > .cv-input #cv-send{
    grid-area:send!important;
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    padding:10px 18px!important;
    font-size:16px!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
}

/* =========================================================
   Mahjong Radar Ver 69 — bounded chat directory and group controls
   ========================================================= */
@media (min-width:761px){
  #screen-chats .chat-desktop-shell{
    height:min(720px,calc(100dvh - 185px))!important;
    min-height:560px!important;
    max-height:720px!important;
  }
  #screen-chats .chat-nav-panel{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c9a45c transparent!important;
  }
  #screen-chats .chat-list-panel{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  #screen-chats #seg-chats,
  #screen-chats #seg-groups{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-right:6px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c9a45c transparent!important;
  }
  #screen-chats #seg-chats::-webkit-scrollbar,
  #screen-chats #seg-groups::-webkit-scrollbar,
  #screen-chats .chat-nav-panel::-webkit-scrollbar{width:8px!important}
  #screen-chats #seg-chats::-webkit-scrollbar-thumb,
  #screen-chats #seg-groups::-webkit-scrollbar-thumb,
  #screen-chats .chat-nav-panel::-webkit-scrollbar-thumb{
    background:#c9a45c!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important;
  }
  #screen-chats .chat-preview-panel{min-height:0!important;height:100%!important;overflow:hidden!important}
  #screen-chats .chat-preview-empty{min-height:0!important;overflow:auto!important}
}
#screen-chats .group-card-actions{gap:7px!important;flex-wrap:wrap!important}
#screen-chats .group-leave-btn{border-color:#c98787!important;color:#9e3232!important;background:#fff8f6!important}
#screen-chats .group-directory-card .chip.red{border-color:#cf7777!important;color:#9b2e2e!important;background:#fff2f0!important}

/* =========================================================
   Mahjong Radar Ver 70 — Referral Points & Rewards
   ========================================================= */
.rewards-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.rewards-page-head .community-intro{margin:4px 0 0}.rewards-hero{border:1px solid var(--gold-line);border-radius:24px;padding:24px;background:linear-gradient(135deg,#fffdf8,#f4ead4);display:grid;grid-template-columns:minmax(190px,.65fr) minmax(300px,1.5fr);gap:22px;align-items:center;box-shadow:0 16px 38px rgba(23,59,99,.09);position:relative;overflow:hidden}.rewards-hero::after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(181,138,59,.16);border-radius:50%;right:-125px;top:-165px;box-shadow:0 0 0 44px rgba(181,138,59,.05),0 0 0 90px rgba(181,138,59,.035)}.reward-balance{font-family:'Cormorant Garamond',serif;font-size:74px;line-height:.9;color:var(--navy);font-weight:700}.reward-title-card{display:flex;gap:16px;align-items:center;background:rgba(255,255,255,.74);border:1px solid var(--gold-line);border-radius:18px;padding:18px;position:relative;z-index:1}.reward-title-card>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),#225b72);color:#f7d985;font-size:27px;border:2px solid var(--gold)}.reward-title-card small{display:block;text-transform:uppercase;letter-spacing:.13em;color:var(--gold-dark);font-size:10px}.reward-title-card h3{font-size:25px;margin:2px 0}.reward-title-card p{margin:0;color:var(--ink-soft)}.city-role-list{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.city-role-pill{padding:7px 11px;border-radius:999px;background:#eef7f1;border:1px solid #86b79c;color:#235c45;font-size:12px;font-weight:800}.reward-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.referral-reward-panel .invite-code-box{margin:14px 0}.reward-big-stat{font-family:'Cormorant Garamond',serif;font-size:42px;text-align:center;color:var(--navy)}.reward-big-stat small{display:block;font:700 9px/1.1 system-ui;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.reward-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.reward-funnel span{border:1px solid var(--gold-line);background:#fffdf8;border-radius:12px;padding:10px;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.reward-funnel b{display:block;font-family:'Cormorant Garamond',serif;font-size:25px;color:var(--navy)}.title-progress{height:8px;background:#e8e0d1;border-radius:999px;overflow:hidden;margin:16px 0 9px}.title-progress span{display:block;height:100%;background:linear-gradient(90deg,#b68021,#e0b74f);border-radius:inherit}.reward-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.reward-item-card{border:1px solid var(--gold-line);border-radius:18px;background:#fffdf8;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(23,59,99,.06)}.reward-item-card.featured{border-color:#b68021;box-shadow:0 11px 30px rgba(181,138,59,.16)}.reward-item-card>img,.reward-item-card>.reward-placeholder{width:100%;height:155px;object-fit:cover}.reward-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#fff,#f0e3c7);font-size:52px;color:#b68021}.reward-item-copy{padding:15px;display:flex;flex-direction:column;gap:9px;flex:1}.reward-item-copy h3{font-size:21px}.reward-item-copy p{color:var(--ink-soft);font-size:13px;line-height:1.45;flex:1}.reward-category{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--gold-dark);font-weight:900}.reward-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--gold-line);padding-top:10px}.reward-cost b{color:var(--navy)}.reward-cost span{font-size:10px;color:var(--ink-soft)}.reward-contest-list{display:grid;gap:12px}.reward-contest-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;border:1px solid var(--gold-line);border-radius:16px;background:#fffdf8;padding:12px}.reward-contest-card>img,.reward-contest-card>.reward-placeholder{width:110px;height:110px;border-radius:12px;object-fit:cover}.reward-contest-card h3{font-size:21px;margin:7px 0 4px}.reward-contest-card p{color:var(--ink-soft);margin-bottom:7px}.reward-lower-grid .heritage-panel{min-width:0}.earn-rules-grid{display:grid;gap:8px;margin-top:10px}.earn-rule{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;border:1px solid var(--gold-line);border-radius:12px;background:rgba(255,255,255,.65)}.earn-rule>span{grid-column:1/-1;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-dark)}.earn-rule p{font-size:11px;color:var(--ink-soft)}.earn-rule strong{color:#247053;white-space:nowrap}.reward-scroll-list{max-height:390px;overflow:auto;display:grid;gap:8px;padding-right:4px;margin-top:10px}.reward-invite-row,.points-ledger-row,.reward-redemption-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--gold-line);border-radius:12px;background:#fffdf8}.reward-redemption-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto}.reward-redemption-row img,.reward-redemption-row .reward-placeholder{width:46px;height:46px;border-radius:10px;object-fit:cover;font-size:20px}.reward-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eee5d3;color:#765d28;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.reward-status.status-approved,.reward-status.status-fulfilled,.reward-status.status-qualified{background:#e1f2e9;color:#27654c}.reward-status.status-declined,.reward-status.status-rejected{background:#f8e2de;color:#9a3c31}.reward-status.status-pending,.reward-status.status-review{background:#fff1c8;color:#815c12}.points-ledger-row strong{font-size:18px}.points-ledger-row strong.positive{color:#28704f}.points-ledger-row strong.negative{color:#a44336}.profile-reward-strip{margin:10px 0}.profile-reward-strip button{width:100%;border:1px solid var(--gold-line);border-radius:13px;background:linear-gradient(90deg,#fff8e7,#f5e5be);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--navy)}.profile-reward-strip b{font-size:15px}.profile-reward-strip span{font-family:'Cormorant Garamond',serif;font-size:17px}.profile-style-jade{background:linear-gradient(145deg,#f7fff9,#dcefe4)!important;border-color:#79a88b!important}.profile-style-navy{background:linear-gradient(145deg,#173b63,#0e263e)!important;color:#fff!important;border-color:#d7ad52!important}.profile-style-navy .meta,.profile-style-navy b,.profile-style-navy .display{color:#fff!important}.profile-style-rose{background:linear-gradient(145deg,#fffafa,#f2dce1)!important;border-color:#c88f9d!important}.profile-style-plum{background:linear-gradient(145deg,#fff9ff,#e8d8e8)!important;border-color:#916b91!important}.profile-style-emerald{background:linear-gradient(145deg,#f7fffb,#d4eadf)!important;border-color:#398060!important}
@media(max-width:760px){.rewards-page-head{display:block}.rewards-page-head .btn{margin-top:10px}.rewards-hero{grid-template-columns:1fr;padding:18px}.reward-balance{font-size:58px}.reward-title-card h3{font-size:21px}.reward-grid-two{grid-template-columns:1fr}.reward-catalog-grid{grid-template-columns:1fr}.reward-contest-card{grid-template-columns:82px 1fr}.reward-contest-card>img,.reward-contest-card>.reward-placeholder{width:82px;height:82px}.reward-funnel span{padding:8px 4px}.profile-reward-strip button{align-items:flex-start;flex-direction:column;gap:2px}}
.member-reward-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;padding:8px 10px;border:1px solid var(--gold-line);border-radius:12px;background:rgba(255,255,255,.58)}.member-reward-line b{font-size:12px;color:var(--lapis)}.member-reward-line span{font-size:10px;color:var(--muted);text-align:right}.member-public-profile{margin:-4px;padding:16px;border-radius:18px}.public-reward-strip{margin:12px 0;border:1px solid var(--gold-line);border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.7)}.public-reward-strip b,.public-reward-strip span{display:block}.public-reward-strip b{color:var(--lapis);font-size:16px}.public-reward-strip span{font-size:12px;color:var(--muted);margin-top:3px}


/* =========================================================
   Mahjong Radar Ver 72 — referral code validation fix (registration scrolling retained)
   One scrolling surface only: the full authentication overlay.
   The registration card and fields expand naturally without a
   nested scrollbar, so every field and submit action is reachable.
   ========================================================= */
html:has(body.auth-active #auth.form-mode),
body.auth-active:has(#auth.form-mode){
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
body.auth-active #auth.form-mode{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scroll-padding-bottom:96px!important;
}
body.auth-active #auth.form-mode .public-shell{
  height:auto!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow:visible!important;
}
body.auth-active #auth.form-mode .public-main{
  height:auto!important;
  min-height:calc(100dvh - 112px)!important;
  max-height:none!important;
  overflow:visible!important;
  align-items:start!important;
  padding-bottom:96px!important;
}
body.auth-active #auth.form-mode .auth-card,
body.auth-active #auth.form-mode .au-inner,
body.auth-active #auth.form-mode #au-register:not(.hidden),
body.auth-active #auth.form-mode #au-verify:not(.hidden),
body.auth-active #auth.form-mode #au-login:not(.hidden),
body.auth-active #auth.form-mode #au-forgot:not(.hidden),
body.auth-active #auth.form-mode #au-reset:not(.hidden),
body.auth-active #auth.form-mode .registration-scroll,
body.auth-active #auth.form-mode .verification-flow,
body.auth-active #auth.form-mode .verification-preferences,
body.auth-active #auth.form-mode .verification-code-section{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
@media (max-width:760px){
  body.auth-active #auth.form-mode .public-main{
    min-height:100dvh!important;
    padding-bottom:max(110px,calc(42px + env(safe-area-inset-bottom)))!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    min-height:100dvh!important;
    margin-bottom:0!important;
  }
}

/* =========================================================
   Mahjong Radar Ver 73 — registration form internal scrolling
   Keep the authentication card at its existing viewport size.
   The page remains fixed; only the form body scrolls, with
   additional bottom breathing room so the final note is readable.
   ========================================================= */
html:has(body.auth-active #auth.form-mode),
body.auth-active:has(#auth.form-mode){
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.auth-active #auth.form-mode{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:auto!important;
}
body.auth-active #auth.form-mode .public-shell{
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
body.auth-active #auth.form-mode .public-main{
  height:calc(100dvh - 118px)!important;
  min-height:0!important;
  max-height:calc(100dvh - 118px)!important;
  overflow:hidden!important;
  align-items:start!important;
  padding-bottom:18px!important;
}
body.auth-active #auth.form-mode .auth-card{
  height:calc(100dvh - 142px)!important;
  min-height:0!important;
  max-height:calc(100dvh - 142px)!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.auth-active #auth.form-mode .au-inner{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:14px!important;
}
body.auth-active #auth.form-mode .auth-card .au-inner>h1{
  flex:0 0 auto!important;
}
body.auth-active #auth.form-mode #au-register:not(.hidden){
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:4px 5px 0 4px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.auth-active #auth.form-mode #au-register .registration-heading,
body.auth-active #auth.form-mode #au-register #register-errors{
  flex:0 0 auto!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  scroll-padding-top:12px!important;
  scroll-padding-bottom:112px!important;
  padding:2px 10px 92px 3px!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll::after{
  content:""!important;
  display:block!important;
  width:100%!important;
  height:34px!important;
  flex:0 0 34px!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll::-webkit-scrollbar,
body.auth-active #auth.form-mode #au-verify:not(.hidden)::-webkit-scrollbar{
  width:8px!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll::-webkit-scrollbar-track,
body.auth-active #auth.form-mode #au-verify:not(.hidden)::-webkit-scrollbar-track{
  background:rgba(181,138,59,.08)!important;
  border-radius:999px!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll::-webkit-scrollbar-thumb,
body.auth-active #auth.form-mode #au-verify:not(.hidden)::-webkit-scrollbar-thumb{
  background:rgba(181,138,59,.55)!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}
body.auth-active #auth.form-mode #au-register .registration-scroll,
body.auth-active #auth.form-mode #au-verify:not(.hidden){
  scrollbar-width:thin!important;
  scrollbar-color:rgba(181,138,59,.58) rgba(181,138,59,.08)!important;
}
/* Verification remains reachable without making the page itself scroll. */
body.auth-active #auth.form-mode #au-verify:not(.hidden){
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-padding-bottom:112px!important;
  padding:4px 10px 100px 4px!important;
}

@media (min-width:761px) and (max-width:1120px){
  body.auth-active #auth.form-mode .public-main{
    height:100dvh!important;
    max-height:100dvh!important;
    padding:12px 14px 18px!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    height:calc(100dvh - 30px)!important;
    max-height:calc(100dvh - 30px)!important;
  }
}

@media (max-width:760px){
  html:has(body.auth-active #auth.form-mode),
  body.auth-active:has(#auth.form-mode),
  body.auth-active #auth.form-mode,
  body.auth-active #auth.form-mode .public-shell,
  body.auth-active #auth.form-mode .public-main{
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .public-main{
    padding:0!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  body.auth-active #auth.form-mode .au-inner{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-scroll{
    padding-right:7px!important;
    padding-bottom:max(118px,calc(78px + env(safe-area-inset-bottom)))!important;
    scroll-padding-bottom:max(132px,calc(92px + env(safe-area-inset-bottom)))!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-scroll::after{
    height:42px!important;
    flex-basis:42px!important;
  }
  body.auth-active #auth.form-mode #au-verify:not(.hidden){
    padding-bottom:max(120px,calc(84px + env(safe-area-inset-bottom)))!important;
  }
}

/* =========================================================
   Mahjong Radar Ver 74 — targeted verification, rewards,
   venue and Find Games card refinements
   ========================================================= */

/* Final verification: keep the heading fixed and scroll only the content
   inside the existing auth card. This prevents clipped choices on desktop. */
body.auth-active #auth.form-mode #au-verify:not(.hidden){
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:4px 5px 0 4px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.auth-active #auth.form-mode #au-verify .verification-heading{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding-inline:4px!important;
}
body.auth-active #auth.form-mode #au-verify .verification-scroll{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:4px 12px 104px 4px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  scroll-padding-bottom:118px!important;
  box-sizing:border-box!important;
}
body.auth-active #auth.form-mode #au-verify .verification-scroll::after{
  content:""!important;
  display:block!important;
  width:100%!important;
  height:30px!important;
}
body.auth-active #auth.form-mode #au-verify .verification-scroll::-webkit-scrollbar{width:9px!important}
body.auth-active #auth.form-mode #au-verify .verification-scroll::-webkit-scrollbar-track{background:rgba(181,138,59,.08)!important;border-radius:999px!important}
body.auth-active #auth.form-mode #au-verify .verification-scroll::-webkit-scrollbar-thumb{background:rgba(181,138,59,.58)!important;border:2px solid transparent!important;background-clip:padding-box!important;border-radius:999px!important}
body.auth-active #auth.form-mode #au-verify .verification-scroll{scrollbar-width:thin!important;scrollbar-color:rgba(181,138,59,.58) rgba(181,138,59,.08)!important}
#au-verify .verification-scroll,#au-verify .verification-scroll>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#au-verify .verification-preferences,#au-verify .verification-code-section,#au-verify .verification-code-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#au-verify .verification-option-grid,#au-verify .verification-option-grid.skill-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#au-verify .verification-option-grid .opt{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:46px!important;
  padding:7px 6px!important;
  box-sizing:border-box!important;
  font-size:11.5px!important;
  line-height:1.16!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}

/* Venue type custom entry. */
#hg-venue-other-wrap:not(.hidden){display:block!important}

/* Find Games grid: rounded table-name header, slightly smaller title,
   more room for date/time/venue, and a shorter seat summary panel. */
#find-directory.discovery-grid>.v58-table-card>.v55-card-head{
  border-radius:15px!important;
  overflow:hidden!important;
}
#find-directory.discovery-grid .v62-card-title{
  font-size:calc(var(--v62-title-size,22px) * .80)!important;
  line-height:1!important;
}
#find-directory.discovery-grid>.v58-table-card>.v55-card-meta{
  min-height:62px!important;
  height:62px!important;
  padding:8px 10px!important;
  align-content:center!important;
  overflow:hidden!important;
}
#find-directory.discovery-grid>.v58-table-card>.v55-card-meta>span:last-child{
  flex:1 0 100%!important;
  width:100%!important;
  min-width:0!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}
#find-directory.discovery-grid>.v58-table-card>.v55-seat-panel{
  min-height:82px!important;
  height:82px!important;
  padding:8px 10px!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  gap:9px!important;
}
#find-directory.discovery-grid>.v58-table-card>.v55-seat-panel .v55-seat-badge{
  width:58px!important;
  min-width:58px!important;
  height:62px!important;
  min-height:62px!important;
}
#find-directory.discovery-grid>.v58-table-card>.v55-seat-panel .v55-seat-copy>b{font-size:14px!important}
#find-directory.discovery-grid>.v58-table-card>.v55-seat-panel .v55-seat-copy>span{font-size:10.5px!important}

@media(max-width:760px){
  body.auth-active #auth.form-mode #au-verify .verification-scroll{
    padding-right:7px!important;
    padding-bottom:max(122px,calc(84px + env(safe-area-inset-bottom)))!important;
    scroll-padding-bottom:max(136px,calc(98px + env(safe-area-inset-bottom)))!important;
  }
  #au-verify .verification-option-grid .opt{font-size:11px!important;min-height:44px!important}
  #find-directory.discovery-grid .v62-card-title{
    font-size:calc(var(--v62-title-size,20px) * .80)!important;
  }
  #find-directory.discovery-grid>.v58-table-card>.v55-card-meta{
    min-height:70px!important;
    height:70px!important;
  }
  #find-directory.discovery-grid>.v58-table-card>.v55-seat-panel{
    min-height:84px!important;
    height:84px!important;
  }
}

/* Ver 74 release hardening: keep verification choices inside the fixed card,
   make the inner scrollbar explicit, and keep compact grid rows aligned. */
@media (min-width:761px){
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .auth-card{
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode #au-verify .verification-scroll{
    overflow-y:scroll!important;
    scrollbar-gutter:stable!important;
  }
}
#au-verify .verification-option-grid .opt,
#au-verify .verification-option-grid.skill-grid .opt{
  inline-size:100%!important;
  max-inline-size:100%!important;
}
@media(max-width:760px){
  #find-directory.discovery-grid>.directory-card.v58-table-card{
    grid-template-rows:104px 70px auto 64px 84px 54px 54px!important;
  }
}
@media(max-width:390px){
  #find-directory.discovery-grid>.directory-card.v58-table-card{
    grid-template-rows:98px 70px auto 60px 84px 50px 50px!important;
  }
}


/* =========================================================
   Mahjong Radar Ver 77 — redeemed collection and recognition experience
   Keep the fixed outer authentication card and internal scrollbar,
   while ensuring both option columns stay fully inside the card.
   ========================================================= */
@media (min-width:761px){
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .auth-card{
    width:100%!important;
    max-width:620px!important;
    min-width:0!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .au-inner,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] #au-verify,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-scroll{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-scroll{
    padding-left:4px!important;
    padding-right:18px!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-preferences,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-code-section,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-code-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-option-grid,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-option-grid.skill-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .verification-option-grid>.opt{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    inline-size:auto!important;
    max-inline-size:none!important;
    box-sizing:border-box!important;
  }
}

/* =========================================================
   VER 77 — REDEEMED COLLECTION & RECOGNITION EXPERIENCE
   ========================================================= */
.reward-feather-rail{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:28px}
.player-cover>.reward-feather-rail{position:absolute;left:18px;bottom:14px;z-index:4;max-width:calc(100% - 36px)}
.reward-feather{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fffdf5,#f2dfae);border:1px solid rgba(192,132,27,.75);box-shadow:0 5px 14px rgba(4,43,73,.24),inset 0 0 0 2px rgba(255,255,255,.72);color:#073657;font-size:16px;line-height:1;cursor:help}
.reward-feather:nth-child(even){transform:translateY(-4px) rotate(5deg)}
.reward-feather:nth-child(odd){transform:rotate(-4deg)}
.reward-feather.more{font-size:11px;font-family:Arial,sans-serif;font-weight:800;transform:none;background:#0a3d60;color:#fff}
.public-recognition-section{margin:12px 0;padding:14px;border:1px solid rgba(191,137,31,.35);border-radius:18px;background:linear-gradient(145deg,rgba(255,253,246,.96),rgba(245,229,195,.52))}
.recognition-showcase{display:grid;gap:9px;margin-top:8px}
.recognition-detail{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(190,137,31,.28);border-radius:15px;background:rgba(255,255,255,.72)}
.recognition-medallion{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff6cc,#d39a2b 68%,#805211);border:2px solid #f6e4a8;box-shadow:0 6px 14px rgba(7,54,87,.18);font-size:23px;color:#073657}
.recognition-detail b{display:block;color:#073657;font-family:'Cormorant Garamond',serif;font-size:19px;line-height:1.08}
.recognition-detail small{display:block;margin-top:2px;color:#8b6822;text-transform:capitalize}
.recognition-detail p{margin:5px 0 0;color:#665f53;font-size:13px;line-height:1.4}
.reward-disclaimer{text-align:left;padding:6px 2px}
.reward-disclaimer-seal{width:70px;height:70px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f9eab8,#c88c1c);border:4px double #073657;color:#073657;font-size:34px;box-shadow:0 12px 30px rgba(7,54,87,.18)}
.reward-disclaimer h2{text-align:center;margin-bottom:12px}
.reward-disclaimer>.eyebrow{text-align:center}
.reward-disclaimer p{line-height:1.6;color:#5e574d}
.reward-disclaimer .notice{border-radius:16px;background:#fff8e6;border-color:rgba(190,132,25,.45)}
.reward-programme-notice{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid rgba(190,132,25,.35);border-radius:16px;background:linear-gradient(90deg,#fffaf0,#f4e6c5)}
.reward-programme-notice>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#073657;color:#fff;font-weight:800;flex:0 0 auto}
.reward-programme-notice p{margin:0;flex:1;line-height:1.35;color:#5f574c;font-size:13px}
.redeemed-experience{position:relative;overflow:hidden;margin:20px 0 28px;padding:24px;border:1px solid rgba(199,143,33,.5);border-radius:28px;background:radial-gradient(circle at 84% 4%,rgba(233,194,104,.28),transparent 26%),linear-gradient(145deg,#fffdf8,#f5ead2 52%,#fffdf7);box-shadow:0 20px 55px rgba(15,53,73,.11)}
.redeemed-experience:before{content:"";position:absolute;inset:10px;border:1px solid rgba(199,143,33,.2);border-radius:21px;pointer-events:none}
.collection-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:19px}
.collection-head h2{margin:2px 0 5px;font-size:clamp(28px,3vw,42px);color:#073657}
.collection-head p{max-width:720px;margin:0;color:#655e53;line-height:1.5}
.collection-head>span{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:#073657;color:#fff;font-family:'Cormorant Garamond',serif;font-size:29px;box-shadow:inset 0 0 0 4px rgba(223,174,65,.55)}
.collection-head>span small{display:block;font:700 9px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-top:-23px;color:#f2cf78}
.collection-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.collection-card{min-width:0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:14px;border:1px solid rgba(192,139,34,.38);border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 9px 25px rgba(7,54,87,.07);transition:.2s ease}
.collection-card.is-active{border-color:#2c8a70;box-shadow:0 0 0 2px rgba(44,138,112,.17),0 12px 28px rgba(7,54,87,.11)}
.collection-art{position:relative;min-height:115px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#fff7db,#ebc46b);border:1px solid rgba(190,132,25,.35)}
.collection-art .reward-image,.collection-art img{width:100%;height:100%;min-height:115px;object-fit:cover}
.collection-art .reward-placeholder{font-family:'Cormorant Garamond',serif;font-size:32px;color:#073657}
.collection-icon{position:absolute;right:7px;bottom:7px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#073657;color:#f6d171;border:2px solid #f4d27e;font-size:20px;box-shadow:0 5px 13px rgba(7,54,87,.25)}
.collection-copy{min-width:0;display:flex;flex-direction:column}
.collection-copy h3{font-size:21px;line-height:1.08;margin:3px 0 6px;color:#073657}
.collection-copy p{font-size:13px;line-height:1.4;color:#665f54;margin:0 0 8px}
.collection-copy small{color:#947329;margin-top:auto;margin-bottom:7px}
.reward-category{font:800 9px/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#a87213}
.collection-switch{width:100%;min-height:37px;margin-top:auto;border:1px solid rgba(7,54,87,.25);border-radius:999px;background:#fff;color:#073657;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.collection-switch span{width:17px;height:17px;border:2px solid #a88235;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #fff}
.collection-switch.on{background:#e8f6ef;border-color:#2d8c71;color:#17614e}
.collection-switch.on span{background:#2d8c71;border-color:#2d8c71}
.collection-switch:disabled{opacity:1;cursor:default}
.collection-physical{margin-top:auto;padding:8px 10px;border-radius:12px;background:#fff4d9;color:#825b0e;font-size:12px;font-weight:700;text-align:center}
.collection-empty{grid-column:1/-1;text-align:center;padding:28px;border:1px dashed rgba(190,132,25,.48);border-radius:20px;background:rgba(255,255,255,.55)}
.collection-empty>span{font-size:34px;color:#b67b11}
.reward-catalog-title{display:flex;align-items:center;gap:9px}
.reward-catalog-title .reward-title-icon,.redeem-sheet-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#073657;color:#f5cd69;border:2px solid #d8a336;font-size:20px;flex:0 0 auto}
.reward-status.status-reversed{background:#f0e5f7;color:#6f3f83;border-color:#b591c2}

@media(max-width:760px){
  .player-cover>.reward-feather-rail{left:12px;bottom:10px;max-width:calc(100% - 24px)}
  .reward-feather{width:27px;height:27px;font-size:14px}
  .reward-programme-notice{align-items:flex-start;flex-wrap:wrap}
  .reward-programme-notice button{width:100%}
  .redeemed-experience{padding:18px 14px;border-radius:22px}
  .collection-head{align-items:center}
  .collection-head>span{width:62px;height:62px;font-size:24px}
  .collection-head>span small{margin-top:-18px}
  .collection-grid{grid-template-columns:1fr}
  .collection-card{grid-template-columns:88px minmax(0,1fr);padding:11px;gap:11px}
  .collection-art,.collection-art .reward-image,.collection-art img{min-height:106px}
  .recognition-detail{grid-template-columns:42px minmax(0,1fr);padding:9px}
  .recognition-medallion{width:40px;height:40px;font-size:19px}
}
.reward-catalog-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#073657;color:#f5cd69;border:2px solid #d8a336;font-size:20px;flex:0 0 auto}

/* =========================================================
   Mahjong Radar Ver 80 — mobile Login and Create Profile only
   Restore a compact, responsive auth layout. The outer page stays fixed;
   registration scrolls inside the card and login is centred without overlap.
   ========================================================= */
@media (max-width:760px){
  html:has(body.auth-active #auth.form-mode),
  body.auth-active:has(#auth.form-mode){
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.auth-active #auth.form-mode{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.auth-active #auth.form-mode .public-shell,
  body.auth-active #auth.form-mode .public-main{
    display:block!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.auth-active #auth.form-mode .auth-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode .au-inner{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:5px 10px 7px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode .auth-card .au-inner>h1{
    display:block!important;
    position:static!important;
    flex:0 0 auto!important;
    margin:5px 48px 10px!important;
    padding:0!important;
    font-size:clamp(18px,5.1vw,22px)!important;
    line-height:1.08!important;
    letter-spacing:.15em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.auth-active #auth.form-mode .auth-close{
    position:absolute!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:13px!important;
    z-index:30!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
  }
  body.auth-active #auth.form-mode #au-register:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-heading{
    display:block!important;
    position:static!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:3px 0 10px!important;
    padding:0 44px 0 2px!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-heading p{
    margin:0 0 2px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-heading h2{
    margin:0 0 4px!important;
    font-size:clamp(25px,7.2vw,31px)!important;
    line-height:1.04!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-heading span{
    display:block!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  body.auth-active #auth.form-mode #au-register #register-errors{
    flex:0 0 auto!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-scroll{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:2px 8px max(92px,calc(70px + env(safe-area-inset-bottom))) 2px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-padding-top:8px!important;
    scroll-padding-bottom:max(112px,calc(88px + env(safe-area-inset-bottom)))!important;
    scrollbar-gutter:stable!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode #au-register .registration-scroll::after{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:34px!important;
  }
  body.auth-active #auth.form-mode #au-login:not(.hidden),
  body.auth-active #auth.form-mode #au-forgot:not(.hidden),
  body.auth-active #auth.form-mode #au-reset:not(.hidden),
  body.auth-active #auth.form-mode #au-closed:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:430px!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0 auto!important;
    padding:10px 5px max(22px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }
  body.auth-active #auth.form-mode #au-login .auth-panel-heading,
  body.auth-active #auth.form-mode #au-forgot .auth-panel-heading,
  body.auth-active #auth.form-mode #au-reset .auth-panel-heading{
    position:static!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
    text-align:center!important;
    transform:none!important;
  }
  body.auth-active #auth.form-mode #au-login .auth-panel-heading h2,
  body.auth-active #auth.form-mode #au-forgot .auth-panel-heading h2,
  body.auth-active #auth.form-mode #au-reset .auth-panel-heading h2{
    margin:4px 0 0!important;
    font-size:clamp(25px,7vw,31px)!important;
    line-height:1.08!important;
    white-space:normal!important;
  }
  body.auth-active #auth.form-mode #au-login .field{
    margin-bottom:13px!important;
  }
  body.auth-active #auth.form-mode #au-login input,
  body.auth-active #auth.form-mode #au-forgot input,
  body.auth-active #auth.form-mode #au-reset input{
    min-height:54px!important;
    font-size:16px!important;
  }
  body.auth-active #auth.form-mode #au-login .btn,
  body.auth-active #auth.form-mode #au-forgot .btn,
  body.auth-active #auth.form-mode #au-reset .btn{
    min-height:52px!important;
  }
}
@media (max-width:760px) and (max-height:690px){
  body.auth-active #auth.form-mode #au-login:not(.hidden),
  body.auth-active #auth.form-mode #au-forgot:not(.hidden),
  body.auth-active #auth.form-mode #au-reset:not(.hidden){
    justify-content:flex-start!important;
    padding-top:13px!important;
  }
  body.auth-active #auth.form-mode #au-login .auth-panel-heading,
  body.auth-active #auth.form-mode #au-forgot .auth-panel-heading,
  body.auth-active #auth.form-mode #au-reset .auth-panel-heading{margin-bottom:11px!important}
  body.auth-active #auth.form-mode #au-login .field{margin-bottom:9px!important}
  body.auth-active #auth.form-mode #au-login input,
  body.auth-active #auth.form-mode #au-forgot input,
  body.auth-active #auth.form-mode #au-reset input{min-height:48px!important}
  body.auth-active #auth.form-mode #au-login .btn,
  body.auth-active #auth.form-mode #au-forgot .btn,
  body.auth-active #auth.form-mode #au-reset .btn{min-height:48px!important}
}

/* =========================================================
   Mahjong Radar Ver 81 — permanent mobile auth viewport fix
   Root cause: older, more-specific panel rules kept max-height at
   calc(100dvh - 124/126px), leaving the lower part of the mobile
   viewport outside the Login/Create Profile card. These final rules
   use the measured visual viewport and override every auth panel with
   equal-or-higher selector specificity.
   ========================================================= */
@media (max-width:760px){
  body.auth-active #auth.form-mode,
  body.auth-active #auth.form-mode .public-shell,
  body.auth-active #auth.form-mode .public-main{
    width:100%!important;
    height:var(--mr-auth-viewport-height,100dvh)!important;
    min-height:var(--mr-auth-viewport-height,100dvh)!important;
    max-height:var(--mr-auth-viewport-height,100dvh)!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.auth-active #auth.form-mode[data-auth-panel="au-register"] .auth-card,
  body.auth-active #auth.form-mode[data-auth-panel="au-login"] .auth-card,
  body.auth-active #auth.form-mode[data-auth-panel="au-forgot"] .auth-card,
  body.auth-active #auth.form-mode[data-auth-panel="au-reset"] .auth-card,
  body.auth-active #auth.form-mode[data-auth-panel="au-closed"] .auth-card,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .auth-card{
    width:100%!important;
    max-width:none!important;
    height:var(--mr-auth-viewport-height,100dvh)!important;
    min-height:var(--mr-auth-viewport-height,100dvh)!important;
    max-height:var(--mr-auth-viewport-height,100dvh)!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.auth-active #auth.form-mode[data-auth-panel="au-register"] .au-inner,
  body.auth-active #auth.form-mode[data-auth-panel="au-login"] .au-inner,
  body.auth-active #auth.form-mode[data-auth-panel="au-forgot"] .au-inner,
  body.auth-active #auth.form-mode[data-auth-panel="au-reset"] .au-inner,
  body.auth-active #auth.form-mode[data-auth-panel="au-closed"] .au-inner,
  body.auth-active #auth.form-mode[data-auth-panel="au-verify"] .au-inner{
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.auth-active #auth.form-mode[data-auth-panel="au-register"] #au-register:not(.hidden){
    flex:1 1 auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  body.auth-active #auth.form-mode[data-auth-panel="au-register"] #au-register .registration-scroll{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  body.auth-active #auth.form-mode[data-auth-panel="au-login"] #au-login:not(.hidden),
  body.auth-active #auth.form-mode[data-auth-panel="au-forgot"] #au-forgot:not(.hidden),
  body.auth-active #auth.form-mode[data-auth-panel="au-reset"] #au-reset:not(.hidden),
  body.auth-active #auth.form-mode[data-auth-panel="au-closed"] #au-closed:not(.hidden){
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
}