/* Platform design system: owner-approved cute community target, DEV rollout.
   Scope tokens to the platform so game tables/auth keep their existing contract. */
#platformLobby {
  --social-ink:var(--theme-ink); --social-muted:var(--theme-muted); --social-pink:var(--theme-pink);
  --social-aqua:var(--theme-aqua); --social-blue:var(--theme-blue); --social-lilac:var(--theme-lilac);
  --social-paper:var(--theme-paper); --social-line:var(--theme-line); --social-radius:var(--theme-radius);
  --social-shadow:var(--theme-shadow);
  --ink:var(--social-ink); --muted:var(--social-muted);
  color:var(--social-ink); color-scheme:light;
  background:radial-gradient(ellipse at top left,#e5f6ff,transparent 45%),linear-gradient(#f3fcff,#fff5e9 65%);
  border-radius:24px; font-family:"Segoe UI","Noto Sans TC",system-ui,sans-serif;
}
body:has(#platformLobby:not(.hidden)){background:#fff7ed!important;}
body:has(#platformLobby:not(.hidden)) .shell{width:100%;max-width:none;padding:0;}
#platformLobby .platform-header{max-width:1440px;min-height:86px;padding:14px 24px;border:0;gap:18px;grid-template-columns:260px minmax(0,1fr) auto;}
#platformLobby .platform-brand{color:var(--social-ink);gap:12px;}
#platformLobby .platform-brand strong{font-size:27px;font-weight:900;}
#platformLobby .platform-brand small{font-size:12px;color:var(--social-muted);}
#platformLobby .platform-brand-mark{background:#fff2d8;border:2px solid #e9bb92;border-radius:40% 40% 46% 46%;width:58px;height:58px;flex-basis:58px;font-size:37px;}
#platformLobby .social-heart{color:var(--social-pink);font-size:21px;}
#platformLobby .platform-brand-mark{overflow:hidden;}
#platformLobby .platform-brand-mark img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;transform:scale(1.65);}
#platformLobby .platform-nav{gap:8px;justify-content:center;}
#platformLobby .platform-nav a{color:var(--social-ink);font-size:16px;border-radius:17px;padding:12px 15px;font-weight:750;min-height:48px;}
#platformLobby .platform-nav svg{width:23px;height:23px;flex-basis:23px;color:var(--social-aqua);}
#platformLobby .platform-nav a[href="#shop"] svg{color:var(--social-pink);}
#platformLobby .platform-nav a[href="#leaderboard"] svg{color:#e99c3d;}
#platformLobby .platform-nav a[aria-current="page"]{background:linear-gradient(135deg,#73d6df,#44b3c4);border-color:transparent;color:white;}
#platformLobby .platform-nav a[aria-current="page"] svg{color:white;}
#platformLobby .platform-nav a:hover{background:#dff4f6;color:#293866;}
#platformLobby #signOut{background:#fff;color:var(--social-muted);border:1px solid #dde5f0;border-radius:18px;}
#platformLobby .platform-content{width:100%;max-width:1440px;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(250px,.7fr);gap:16px;padding:0 24px 32px;}
#platformLobby .platform-hero{grid-column:1/3;grid-row:1;min-height:300px;border-radius:24px;overflow:hidden;background:#fae6c6 url('/images/social-hero.png') center/cover no-repeat;}
#platformLobby .platform-hero-copy{padding:32px;max-width:52%;background:linear-gradient(90deg,#fff8eae8,#fff8ea55,transparent);height:100%;}
#platformLobby .platform-hero h1{font-size:clamp(30px,3.7vw,52px);line-height:1.18;letter-spacing:-1px;margin:12px 0;color:var(--social-ink);font-weight:900;text-shadow:0 2px white;}
#platformLobby .platform-hero h1 span{color:var(--social-pink);}
#platformLobby .platform-hero p{color:var(--social-ink);font-size:15px;line-height:1.6;margin:0 0 16px;}
#platformLobby .social-kicker{font-size:12px!important;color:var(--social-muted)!important;margin:8px 0;}
#platformLobby .social-cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 24px;background:linear-gradient(#ff8a9e,#ef5b82);border:3px solid white;border-radius:30px;color:white;font-weight:800;text-decoration:none;box-shadow:0 5px 14px #ef5b8228;}
#platformLobby :is(.platform-games,.platform-invite-card,.platform-history-card,.platform-leaderboard-card,.platform-profile-card,.social-panel){border:1px solid var(--social-line);background:#fffdfa;box-shadow:var(--social-shadow);border-radius:var(--social-radius);padding:18px;min-width:0;align-self:stretch;color:var(--social-ink);}
#platformLobby .platform-games{grid-column:1/3;grid-row:2;gap:12px;}
#platformLobby .platform-section-heading{align-items:center;gap:8px;}
#platformLobby h2{font-size:20px;margin:0;color:var(--social-ink);line-height:1.4;}
#platformLobby h3{font-size:17px;}
#platformLobby h2 svg{color:var(--social-blue);width:24px;height:24px;vertical-align:middle;}
#platformLobby small{color:var(--social-muted);font-size:12px;}
#platformLobby .platform-section-heading>p{color:var(--social-muted);font-size:12px;}
#platformLobby .catalog-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,.4fr);}
#platformLobby :is(input,select){color:var(--social-ink);background:#f5f6f9;border:1px solid #e0e4ed;border-radius:14px;min-height:44px;}
#platformLobby input::placeholder{color:#75809b;}
#platformLobby .catalog-search svg{color:var(--social-muted);}
#platformLobby .catalog-filter{color:var(--social-muted);}
#platformLobby .game-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#platformLobby .game-entry{display:flex;flex-direction:column;padding:5px;gap:0;border:1px solid #eee6df;border-radius:18px;background:#fff;box-shadow:none;}
#platformLobby .game-entry-cover{height:auto;aspect-ratio:1.8;border:0;border-radius:14px;overflow:hidden;background:#dcf3f2;}
#platformLobby .game-entry-cover img{width:100%;height:100%;object-fit:cover;}
#platformLobby .game-entry[data-game='big-two'] .game-entry-cover img{object-fit:contain;}
#platformLobby .game-entry-detail{padding:10px 8px 8px;flex:1;}
#platformLobby .game-entry h2{font-size:20px;margin:3px 0 6px;}
#platformLobby .game-entry p{color:var(--social-muted);font-size:12px;margin:4px 0;}
#platformLobby .game-entry-status{color:#40767a!important;font-weight:700;}
#platformLobby .game-entry button{min-height:44px;border-radius:14px;margin:0 4px 4px;background:linear-gradient(#ff8399,#ee5e79);color:white;font-size:13px;font-weight:750;border:0;}
#platformLobby .game-entry[data-game="big-two"] button{background:linear-gradient(#789dff,#527ce5);}
#platformLobby .game-entry[data-game="test-dice"] button{background:linear-gradient(#b595f1,#9470d7);}
#platformLobby .platform-meta-grid{display:contents;}
#platformLobby .platform-profile-card{grid-column:3;grid-row:1;display:block;padding:0 18px 18px;overflow:hidden;}
#platformLobby .social-room-cover{height:74px;margin:0 -18px 8px;background:#ffedcb url('/images/social-hero.png') 85% 35%/cover;display:flex;align-items:center;justify-content:space-around;font-size:38px;border-bottom:1px solid #f3dfcd;}
#platformLobby .social-room-cover span{visibility:hidden;}
#platformLobby #metaNickname{font-size:22px;color:var(--social-ink);margin:6px 0;}
#platformLobby #metaAccountType{color:var(--social-muted);font-size:12px;margin:4px 0 12px;}
#platformLobby #editProfileName{background:#ffebd1;color:#795233;border:0;border-radius:14px;font-size:12px;}
#platformLobby .platform-profile-stats{margin-top:8px;}
#platformLobby #profileGameLabel{font-size:12px;color:var(--social-muted);}
#platformLobby .platform-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
#platformLobby .platform-stat-grid>div{background:#f5f6fc;border:0;border-radius:12px;padding:8px;text-align:center;}
#platformLobby .platform-stat-grid span{color:var(--social-muted);font-size:11px;}
#platformLobby .platform-stat-grid strong{color:var(--social-ink);font-size:16px;}
#platformLobby .profile-extras{border-color:var(--social-line);margin-top:12px;}
#platformLobby .profile-extras summary,#platformLobby .profile-extras dt,#platformLobby .profile-extras dl>div{color:var(--social-muted);}
#platformLobby .platform-invite-card{grid-column:1;grid-row:3;display:block;}
#platformLobby .platform-invite-card p{color:var(--social-muted);font-size:13px;}
#platformLobby .platform-invite-card .join-row{margin-top:14px;}
#platformLobby button{background:var(--social-blue);border-radius:14px;color:white;}
#platformLobby .secondary{background:#fff;color:var(--social-ink);border:1px solid #dce3f1;}
#platformLobby .platform-history-card{grid-column:1;grid-row:4;}
#platformLobby .platform-leaderboard-card{grid-column:2;grid-row:4;}
#platformLobby .platform-meta-list{padding-left:0;list-style:none;}
#platformLobby .platform-meta-list li{color:var(--social-muted);border-color:var(--social-line);font-size:13px;padding:12px 0;overflow-wrap:anywhere;}
#platformLobby .rating-leader-row{background:transparent;}
#platformLobby .rating-leader-avatar{background:#ffeddf;color:var(--social-ink);}
#platformLobby .rating-leader-score,#platformLobby .rating-leader-identity{color:var(--social-ink);}
#platformLobby .leaderboard-tabs button{color:var(--social-muted);background:#f1f2f7;}
#platformLobby .leaderboard-tabs button[aria-pressed="true"]{background:#ff8d87;color:#fff;}
#platformLobby .leaderboard-scope{color:var(--social-muted);font-size:12px;}
#platformLobby .social-friends{grid-column:3;grid-row:2;}
#platformLobby .social-community{grid-column:2;grid-row:3;}
#platformLobby .social-shop{grid-column:3;grid-row:3/5;}
#platformLobby .social-panel p{font-size:13px;line-height:1.7;color:var(--social-muted);}
#platformLobby .social-empty-art{font-size:35px;text-align:center;padding:30px 0 10px;}
#platformLobby .social-text-link{color:#4665b4;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;min-height:44px;align-items:center;}
#platformLobby .social-shop-preview{display:flex;gap:10px;margin:20px 0;}
#platformLobby .social-shop-preview span{flex:1;background:#fff0da;border:3px solid white;box-shadow:0 0 0 1px #f7e6d5;border-radius:18px;text-align:center;padding:16px 4px;font-size:30px;}
#platformLobby .social-soon{display:inline-block;background:#ffecd6;border-radius:20px;padding:8px 16px;font-size:12px;color:#835633;}
#platformLobby .announcement-bar,#platformLobby #returnOriginalRoom{grid-column:1/-1;}
#platformLobby>.announcement-bar{width:calc(100% - 48px);max-width:1392px;margin:1px auto 16px;}
#platformLobby :is(.catalog-search input,.catalog-filter select,.leaderboard-scope select){color:var(--social-ink);background:#f5f6f9;border-color:#e0e4ed;border-radius:14px;}
#platformLobby .platform-brand-mark,#platformLobby .social-empty-art,#platformLobby .social-shop-preview{font-family:"Segoe UI Emoji",sans-serif;}
#platformLobby :is(a,button,input,select,summary):focus-visible{outline:3px solid #436ccd;outline-offset:3px;}
@container platform-shell (max-width:1100px){
  #platformLobby .platform-header{grid-template-columns:230px minmax(0,1fr) auto;gap:8px;}
  #platformLobby .platform-brand strong{font-size:22px;}
  #platformLobby .platform-nav{gap:2px;}
  #platformLobby .platform-nav a{padding:10px 9px;font-size:14px;}
  #platformLobby .platform-content{grid-template-columns:repeat(2,minmax(0,1fr));}
  #platformLobby :is(.platform-hero,.platform-games){grid-column:1/-1;}
  #platformLobby .platform-profile-card{grid-column:2;grid-row:3/5;}
  #platformLobby .social-friends{grid-column:1;grid-row:4;}
  #platformLobby .social-community{grid-column:1;grid-row:5;}
  #platformLobby .social-shop{grid-column:2;grid-row:5;}
  #platformLobby .platform-history-card{grid-column:1;grid-row:6;}
  #platformLobby .platform-leaderboard-card{grid-column:2;grid-row:6;}
}
@container platform-shell (max-width:760px){
  #platformLobby .platform-header{grid-template-columns:minmax(0,1fr) auto;padding:12px;}
  #platformLobby .platform-brand-mark{width:44px;height:44px;flex-basis:44px;font-size:29px;}
  #platformLobby .platform-brand strong{font-size:20px;}
  #platformLobby .platform-brand small{font-size:10px;}
  #platformLobby .platform-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;}
  #platformLobby .platform-nav a{flex-direction:column;font-size:11px;padding:7px 0;min-height:54px;gap:3px;}
  #platformLobby .platform-content{display:flex;flex-direction:column;padding:0 12px 24px;gap:12px;}
  #platformLobby .platform-hero{min-height:290px;background-position:60% center;}
  #platformLobby .platform-hero-copy{max-width:80%;padding:24px 18px;background:linear-gradient(90deg,#fff8eaf0,#fff8ea8c,transparent);}
  #platformLobby .platform-hero h1{font-size:34px;}
  #platformLobby .platform-hero p{font-size:13px;}
  #platformLobby .platform-games{padding:12px;}
  #platformLobby .platform-section-heading{flex-wrap:wrap;}
  #platformLobby .catalog-toolbar{grid-template-columns:minmax(0,1fr);}
  #platformLobby .catalog-filter select{max-width:none;}
  #platformLobby .game-catalog{grid-template-columns:minmax(0,1fr);}
  #platformLobby .game-entry-cover{aspect-ratio:1.9;}
  #platformLobby .platform-profile-card{order:5;}
  #platformLobby .social-friends{order:6;}
  #platformLobby .social-community{order:7;}
  #platformLobby .social-shop{order:8;}
  #platformLobby .game-entry button{font-size:15px;}
  #platformLobby .platform-meta-grid{display:contents;}
}
@media(prefers-reduced-motion:reduce){#platformLobby *{scroll-behavior:auto;transition:none;}}
/* Section 41: one social-home hierarchy, shared cozy tokens. */
#platformLobby .platform-content{grid-template-columns:minmax(0,2.6fr) minmax(250px,1fr);}
#platformLobby .platform-hero{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:350px;background:linear-gradient(135deg,#fff2df,#e8f7f5);position:relative;}
#platformLobby .platform-hero-copy{max-width:none;padding:28px 12px 20px 28px;background:none;height:auto;align-self:center;z-index:1;}
#platformLobby .platform-hero h1{font-size:clamp(27px,3vw,42px);letter-spacing:-.5px;overflow-wrap:anywhere;}
#platformLobby .hero-subject{width:100%;height:100%;min-height:0;max-height:310px;object-fit:contain;align-self:center;pointer-events:none;border-radius:24px;}
#platformLobby .platform-hero[data-slide="1"]{background:linear-gradient(135deg,#fff0e8,#e5f0ff);}
#platformLobby .platform-hero[data-slide="2"]{background:linear-gradient(135deg,#f3f8d9,#e1f5f8);}
#platformLobby .platform-hero[data-slide="3"]{background:linear-gradient(135deg,#ffe9f3,#edeaff);}
#platformLobby .hero-controls{grid-column:1/-1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 12px 12px;}
#platformLobby .hero-controls button{min-width:44px;min-height:44px;background:#ffffffd9;color:#38518b;border:1px solid #d4deed;border-radius:15px;}
#platformLobby [data-hero-dots]{display:flex;gap:2px;}
#platformLobby .hero-controls .hero-dot{position:relative;border:none;background:transparent;min-width:28px;width:28px;padding:0;}
#platformLobby .hero-dot::after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#bbc7df;margin:auto;}
#platformLobby .hero-dot[aria-pressed="true"]::after{background:#ed6788;width:17px;border-radius:6px;}
#platformLobby [data-hero-count]{font-size:12px;color:#526181;padding:0 4px;}
#platformLobby [data-hero-pause]{font-size:12px;padding:4px 10px;}
#platformLobby .platform-profile-card{grid-column:2;grid-row:1;padding:16px;}
#platformLobby .platform-games{grid-column:1/-1;grid-row:2;}
#platformLobby .social-hub{grid-column:1;grid-row:3;}
#platformLobby .platform-leaderboard-card{grid-column:2;grid-row:3;}
#platformLobby .social-shop{grid-column:1/-1;grid-row:4;}
#platformLobby .catalog-code-join{border:1px solid var(--social-line);border-radius:14px;padding:10px 14px;background:#fff7ee;}
#platformLobby .catalog-code-join summary{cursor:pointer;font-weight:750;min-height:36px;display:flex;align-items:center;color:#78554c;}
#platformLobby .catalog-code-join .join-row{display:flex;gap:8px;}
#platformLobby .catalog-code-join input{flex:1;min-width:0;}
#platformLobby .catalog-code-join button{min-height:44px;flex-shrink:0;}
#platformLobby .social-hub-tabs{display:flex;gap:8px;margin-top:14px;}
#platformLobby .social-hub-tabs button{min-height:44px;min-width:90px;background:#f0f3fc;color:#536381;}
#platformLobby .social-hub-tabs button[aria-pressed="true"]{background:#d7f2ef;color:#286165;box-shadow:inset 0 0 0 1px #addad5;}
#platformLobby .social-hub [data-social-panel]{min-height:210px;}
#platformLobby .social-shop-preview{max-width:800px;margin:16px 0;}
#platformLobby .social-shop-preview small{display:block;margin-top:8px;overflow-wrap:anywhere;}
#platformLobby .profile-stat-details{margin-top:12px;font-size:13px;}
#platformLobby .profile-stat-details summary{min-height:44px;cursor:pointer;color:#4665b4;}
#platformLobby .cozy-room-preparation{font-size:11px;color:var(--social-muted);line-height:1.5;}
#platformLobby .cozy-room-preview{position:relative;display:block;min-height:156px;border-radius:18px;background:linear-gradient(0deg,#efd3b4 0 25%,#fff0df 25% 100%);border:2px solid #f1ddce;overflow:hidden;text-decoration:none;box-shadow:inset 0 0 20px #f9dfcf;}
#platformLobby .cozy-room-window{position:absolute;top:15px;left:18px;width:52px;height:55px;border:5px solid white;border-radius:10px;background:linear-gradient(#a8e5ef,#d7f3ff);font-size:30px;text-align:center;color:#e9a94b;}
#platformLobby .cozy-room-wall-art{position:absolute;right:20px;top:17px;border:4px solid #edc7b9;background:#fff8ef;padding:4px 10px;font-size:22px;color:#df7895;}
#platformLobby .cozy-room-sofa{position:absolute;left:26%;bottom:28px;font-size:60px;}
#platformLobby .cozy-room-plant{position:absolute;left:6px;bottom:30px;font-size:35px;}
#platformLobby .cozy-room-character{position:absolute;left:45%;bottom:42px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:4px solid white;background:#fad7e2;color:#754f72;font-size:21px;box-shadow:0 2px 6px #bd839c30;}
#platformLobby .cozy-room-pet{position:absolute;right:14px;bottom:29px;font-size:30px;}
#platformLobby .cozy-room-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:12px;color:#76554a;background:#fff8e6d9;padding:4px;}
#upcomingGameDialog{max-width:min(460px,calc(100vw - 32px));border:1px solid var(--theme-line);border-radius:24px;background:var(--theme-paper);color:var(--theme-ink);padding:24px;}
#upcomingGameDialog p{line-height:1.7;}
#upcomingGameDialog button{min-height:44px;background:var(--theme-pink);border-radius:15px;}
@container platform-shell (max-width:1100px){
 #platformLobby .platform-content{grid-template-columns:minmax(0,2fr) minmax(230px,1fr);}
 #platformLobby .platform-hero{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);}
 #platformLobby .hero-subject{height:150px;}
 #platformLobby .platform-profile-card{grid-column:2;grid-row:1;}
 #platformLobby .platform-games{grid-column:1/-1;grid-row:2;}
 #platformLobby .platform-leaderboard-card{grid-column:2;grid-row:3;}
 #platformLobby .social-shop{grid-column:1/-1;grid-row:4;}
}
@container platform-shell (max-width:760px){
 #platformLobby .platform-hero{order:0;min-height:0;grid-template-columns:minmax(0,1fr);}
 #platformLobby .platform-hero-copy{padding:20px 20px 8px;}
 #platformLobby .platform-hero h1{font-size:30px;}
 #platformLobby .hero-subject{height:150px;max-height:150px;}
 #platformLobby .hero-controls{gap:2px;padding-inline:4px;}
 #platformLobby .platform-profile-card{order:1;}
 #platformLobby .platform-games{order:2;}
 #platformLobby .social-hub{order:3;}
 #platformLobby .platform-leaderboard-card{order:4;}
 #platformLobby .social-shop{order:5;}
 #platformLobby .catalog-code-join .join-row{flex-wrap:wrap;}
 #platformLobby .catalog-code-join button{flex:1;}
 #platformLobby .cozy-room-preview{min-height:170px;}
}
#platformLobby .cozy-room-plant svg{width:35px;height:42px;color:#63a782;fill:#d5ebc8;stroke-width:1.5;}
#platformLobby .cozy-room-sofa svg{width:76px;height:60px;color:#ce8e92;fill:#ffd7d1;stroke-width:1.4;}
#platformLobby .cozy-room-pet{font-family:"Segoe UI Emoji",sans-serif;}

/* Sections46-49: single full-frame promotional region, live readable copy. */
#platformLobby .platform-hero{display:block;min-height:420px;isolation:isolate;background:#eaf5f2;position:relative}
#platformLobby .hero-subject{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:65% center;border-radius:0;z-index:-2}
#platformLobby .platform-hero-copy{position:relative;max-width:64%;padding:28px 28px 80px;margin:0;min-height:420px;height:auto;background:linear-gradient(90deg,#fffaf3fa 0%,#fffaf3e8 52%,#fffaf300 100%);z-index:0}
#platformLobby .platform-hero h1{font-size:clamp(27px,3vw,40px);text-shadow:none}#platformLobby .platform-hero p{max-width:350px}
#platformLobby .hero-controls{position:absolute;bottom:12px;left:0;right:0;padding:0 12px;z-index:2}
#platformLobby .hero-controls .hero-dot{min-width:44px;width:44px}
@media(max-width:760px){#platformLobby .platform-hero{min-height:410px}#platformLobby .platform-hero-copy{max-width:none;min-height:410px;padding:24px 18px 84px;background:linear-gradient(90deg,#fffaf3f0 0%,#fffaf3cc 48%,#fffaf340 100%)}#platformLobby .hero-subject{height:100%;max-height:none;object-position:67% center}#platformLobby .platform-hero h1{font-size:30px;max-width:260px}#platformLobby .platform-hero p{max-width:240px}#platformLobby .hero-controls{gap:0;padding:0 4px}#platformLobby .hero-controls .hero-dot{min-width:36px;width:36px}}
/* Sections52–54: one fixed copy grid and compact, truthful homepage summaries. */
#platformLobby[data-pages] .platform-hero-copy{display:grid;grid-template-rows:24px 36px 94px 72px 54px;gap:9px;height:420px;min-height:420px;box-sizing:border-box;padding:24px 28px 68px;align-content:start;max-width:64%}
#platformLobby[data-pages] .platform-hero-copy [data-hero-badge]{grid-row:1;justify-self:start;align-self:start;margin:0}
#platformLobby[data-pages] .platform-hero-copy [data-hero-eyebrow]{grid-row:2;margin:0;line-height:18px;font-size:12px;align-self:start;max-width:350px}
#platformLobby[data-pages] .platform-hero-copy h1{grid-row:3;margin:0;line-height:1.18;font-size:36px;align-self:start;max-width:470px}
#platformLobby[data-pages] .platform-hero-copy [data-hero-copy]{grid-row:4;margin:0;font-size:14px;line-height:1.6;max-width:350px;align-self:start}
#platformLobby[data-pages] .platform-hero-copy [data-hero-cta]{grid-row:5;justify-self:start;align-self:start;margin:0;min-height:52px;box-sizing:border-box;white-space:nowrap}
#platformLobby[data-pages] .platform-hero[data-slide="1"] .hero-subject{object-position:72% center}
#platformLobby[data-pages] .platform-hero[data-slide="2"] .hero-subject{object-position:70% center}
#platformLobby[data-pages] .home-hub-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0}
#platformLobby[data-pages] .home-hub-module{min-width:0;padding:20px;border-radius:24px;background:#fffdf9;border:1px solid #eee0d7;box-shadow:var(--theme-shadow)}
#platformLobby[data-pages] .home-hub-module header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#platformLobby[data-pages] .home-hub-module h2{font-size:22px;margin:0;color:var(--theme-ink)}
#platformLobby[data-pages] .home-hub-kicker{font-size:12px;line-height:1.6;margin:0 0 4px;color:var(--theme-muted)}
#platformLobby[data-pages] .home-hub-module header .home-destination-preview{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;padding:0;background:none;border:0;border-radius:8px;box-shadow:none;gap:0;color:#397d89;font-size:13px;white-space:nowrap}
#platformLobby[data-pages] .home-hub-games,#platformLobby[data-pages] .home-hub-ranking{grid-column:1/-1}
#platformLobby[data-pages] .home-hub-note{font-size:12px;line-height:1.65;color:var(--theme-muted);margin:8px 0 14px}
.home-games-grid{display:grid;grid-template-columns:repeat(var(--home-game-columns,2),minmax(0,1fr));gap:12px;min-width:0;container-type:inline-size;overflow:visible}
.home-game-card{display:flex;align-items:center;gap:14px;padding:12px;background:#fff6ed;border:1px solid #f0dfd3;border-radius:20px;min-width:0}
.home-game-cover{display:grid;place-items:center;flex:0 0 140px;height:126px;border-radius:16px;background:#e2f2e9;overflow:hidden;color:#638d85;font-size:40px}
.home-game-cover img{width:100%;height:100%;object-fit:contain}
.home-game-detail{min-width:0}.home-game-detail h3{font-size:21px;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}.home-game-detail p{font-size:13px;line-height:1.6;margin:0 0 5px}.home-game-detail small{display:block;color:#4e8274;font-size:12px}
#platformLobby .home-game-detail button{min-height:44px;margin-top:10px;padding:8px 18px;border:0;border-radius:14px;background:#ed7890;color:#fff;box-shadow:0 3px 8px #ed789022}
#platformLobby .home-game-card[data-home-game="catan"] button{background:#438e93}
.home-social-scene{display:flex;align-items:center;justify-content:center;gap:12px;font-size:42px;background:linear-gradient(110deg,#fce3e1,#e4f3ec);border-radius:18px;height:88px;margin-bottom:12px}.home-social-scene span{color:#e9859c;font-size:28px}
.home-key-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.home-key-list li{display:grid;gap:4px}.home-key-list strong{font-size:15px}.home-key-list span{font-size:13px;color:var(--theme-muted);line-height:1.6}.home-key-list a{font-size:13px;min-height:40px;display:flex;align-items:center;color:#397d89;text-decoration:none}
.home-shop-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-shop-rail a{display:grid;justify-items:center;align-content:center;gap:8px;min-height:150px;padding:10px 6px;text-align:center;background:#fce9dd;border:1px solid #edddcb;border-radius:18px;color:#6c5264;text-decoration:none;min-width:0}.home-shop-rail a:nth-child(2){background:#ffe8ec}.home-shop-rail a:nth-child(3){background:#e5f2e5}.home-shop-rail svg{width:46px;height:46px;color:#af7874;stroke-width:1.6;fill:#fff8f0}.home-shop-rail strong{font-size:13px;line-height:1.5}.home-shop-rail small{font-size:11px;color:#716971}
.home-ranking-scope{font-size:13px;line-height:1.6;color:#57848b;margin:0 0 12px}.home-ranking-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-ranking-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;background:#edf5f2;padding:14px;border-radius:16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.home-ranking-list strong{flex-shrink:0;color:#618e82}
#platformLobby[data-pages] .home-info-hub #profile{min-height:0}.home-personal-summary{padding-top:16px;line-height:1.65}.home-personal-summary>strong{font-size:18px;color:var(--theme-ink)}.home-personal-summary p{font-size:13px;color:var(--theme-muted);margin:6px 0 12px}.home-personal-summary>small{display:block;font-size:11px;color:var(--theme-muted);margin-top:10px}.home-personal-tags{display:flex;flex-wrap:wrap;gap:8px}.home-personal-tags span{background:#e4f2e9;color:#4a7b71;font-size:12px;padding:5px 10px;border-radius:20px}.home-personal-tags span:nth-child(2){background:#ffebe2;color:#ac726d}
#platformLobby[data-pages] .home-info-hub #profile[data-room-theme="rose"] .cozy-room-preview{background:linear-gradient(#fbe7ea 0 70%,#ead3c9 70%)}
@media(max-width:1100px) and (min-width:761px){#platformLobby[data-pages] .platform-hero-copy{max-width:83%;padding-inline:24px}#platformLobby[data-pages] .platform-hero-copy h1{font-size:32px}.home-game-cover{flex-basis:110px;height:112px}}
@media(max-width:760px){
 #platformLobby[data-pages] .platform-hero{min-height:446px}
 #platformLobby[data-pages] .platform-hero-copy{max-width:none;height:446px;min-height:446px;grid-template-rows:24px 40px 102px 72px 52px;gap:8px;padding:24px 18px 80px}
 #platformLobby[data-pages] .platform-hero-copy h1{font-size:28px;max-width:270px}
 #platformLobby[data-pages] .platform-hero-copy [data-hero-eyebrow],#platformLobby[data-pages] .platform-hero-copy [data-hero-copy]{max-width:270px}
 #platformLobby[data-pages] .home-info-hub .home-hub-grid{grid-template-columns:minmax(0,1fr);order:1;gap:12px}
 #platformLobby[data-pages] .home-info-hub #profile{order:2}
 #platformLobby[data-pages] .home-hub-module{padding:16px}
 #platformLobby[data-pages] .home-hub-module h2{font-size:20px}
 #platformLobby[data-pages] .home-hub-kicker{font-size:11px}
 #platformLobby[data-pages] .home-hub-module header{gap:8px;align-items:flex-start}
 #platformLobby[data-pages] .home-hub-module header .home-destination-preview{font-size:12px}
 .home-games-grid{gap:10px}
 .home-game-card{gap:10px;padding:10px;scroll-snap-align:start}.home-game-cover{flex-basis:92px;height:116px}.home-game-detail h3{font-size:18px}.home-game-detail p{font-size:12px}.home-game-detail small{font-size:11px}#platformLobby .home-game-detail button{padding:8px 12px}
 .home-ranking-list{grid-template-columns:1fr}.home-shop-rail{gap:6px}.home-shop-rail a{min-height:126px}.home-shop-rail svg{width:36px;height:36px}.home-shop-rail strong{font-size:12px}
}
/* Fixed playable preview: no rail, clones, rotation or hidden extra cards. */
.home-games-grid .home-game-card{flex-direction:column;align-items:stretch;gap:10px;padding:12px;}
.home-games-grid .home-game-cover{flex:0 0 auto;width:100%;height:auto;aspect-ratio:16/9;}
.home-games-grid .home-game-cover img{object-fit:cover;}
.home-games-grid .home-game-detail{display:flex;flex-direction:column;flex:1;}
.home-games-grid .home-game-detail h3{font-size:20px;}
.home-games-grid .home-game-detail p{font-size:14px;}
.home-games-grid .home-game-detail small{font-size:12px;line-height:1.6;}
#platformLobby .home-games-grid .home-game-detail button{width:100%;margin-top:auto;min-height:45px;font-size:15px;}
.home-games-grid .home-game-detail small:last-of-type{margin-bottom:10px;}
@container (max-width:400px){
 .home-games-grid .home-game-card{grid-column:1/-1;flex-direction:row;gap:10px;padding:10px;}
 .home-games-grid .home-game-cover{width:92px;align-self:center;aspect-ratio:1;}
 .home-games-grid .home-game-detail h3{font-size:18px;}
 .home-games-grid .home-game-detail p{font-size:13px;}
 .home-games-grid .home-game-detail small{font-size:12px;}
}/* Pre-PROD polish: existing member data and a focused character vignette. */
.platform-member,.home-member-identity{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--theme-ink)}
.platform-member{margin-left:auto;max-width:180px;min-height:44px}.platform-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-member-avatar],[data-home-avatar]{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:#f8d7df;color:#785366;font-weight:800}
.character-vignette>canvas{display:block;width:100%;height:auto;max-height:240px;object-fit:cover}
#platformLobby .home-personal-summary{order:-1}.home-member-identity strong{font-size:20px}
#platformLobby .home-personal-summary{padding-bottom:16px}
.big-two-character[data-art="heart-duel"]{padding:0;overflow:hidden;border-radius:50%;background:#fff4e7}.heart-duel-portrait{display:block;width:100%;height:100%;border-radius:inherit}
@media(max-width:760px){.platform-member{max-width:132px;margin-left:auto;font-size:13px}.platform-member [data-member-avatar]{width:32px;height:32px;flex-basis:32px}}
.big-two-hand-heading>strong{display:flex;align-items:center;gap:5px;min-width:0}.big-two-hand-heading [data-own-portrait]{display:inline-flex;flex:none}.big-two-hand-heading [data-own-portrait] .big-two-avatar{width:26px;height:26px;min-width:26px;border-width:1px}
#platformLobby[data-pages] .platform-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center}
#platformLobby[data-pages] #platformNavigation{min-width:0;width:auto;flex-wrap:nowrap;justify-content:center}
#platformLobby[data-pages] .platform-member{grid-column:4;grid-row:1}
#platformLobby[data-pages] #signOut{grid-column:3;grid-row:1}
@media(max-width:1100px){#platformLobby[data-pages] .platform-header{grid-template-columns:minmax(0,1fr) auto auto}#platformLobby[data-pages] #platformNavigation{grid-column:1/-1;grid-row:2;justify-content:flex-start}#platformLobby[data-pages] .platform-member{grid-column:3}#platformLobby[data-pages] #signOut{grid-column:2}}
@media(max-width:760px){#platformLobby[data-pages] .platform-header{gap:6px;padding:10px 12px}#platformLobby[data-pages] #signOut span{display:none}#platformLobby[data-pages] #signOut{padding:8px;min-width:36px}#platformLobby[data-pages] .platform-member{max-width:94px;gap:4px}.platform-member [data-member-avatar]{flex-basis:28px;width:28px;height:28px}#platformLobby[data-pages] .platform-brand strong{font-size:20px}}
#bigTwoRoomTitle:has([data-own-portrait])::before{content:none}#bigTwoRoomTitle>[data-own-portrait]{display:inline-flex;vertical-align:middle;margin-right:6px;pointer-events:none}#bigTwoRoomTitle>[data-own-portrait] .big-two-avatar{width:30px;height:30px;min-width:30px;border-width:2px}@media(max-width:600px){#bigTwoRoomTitle>[data-own-portrait] .big-two-avatar{width:14px;height:14px;min-width:14px;border-width:1px}#bigTwoRoomTitle>[data-own-portrait]{margin-right:4px}}
/* Compact catalogue proportions from the approved social visual target. */
@media(min-width:761px){
 #platformLobby[data-pages] .home-hub-games{width:max-content;max-width:min(1040px,100%);justify-self:start;padding:14px;box-sizing:border-box}
 #platformLobby[data-pages] .home-hub-games header{margin-bottom:6px}
 #platformLobby[data-pages] .home-hub-games .home-hub-note{margin:4px 0 10px}
 .home-games-grid{grid-template-columns:repeat(var(--home-game-columns,2),minmax(0,330px))}
 .home-games-grid .home-game-card{padding:8px;gap:8px;border-radius:18px}
 .home-games-grid .home-game-cover{aspect-ratio:2.15;border-radius:12px}
 .home-games-grid .home-game-detail h3{margin-bottom:4px}
 .home-games-grid .home-game-detail p{font-size:13px;line-height:1.45;margin-bottom:4px}
 .home-games-grid .home-game-detail small{line-height:1.4}
 .home-games-grid .home-game-detail small:last-of-type{margin-bottom:8px}
 #platformLobby .home-games-grid .home-game-detail button{min-height:45px;font-size:14px;border-radius:12px}
}

/* Owner correction: four fixed slots, including clearly unavailable previews. */
#platformLobby[data-pages] .home-hub-games{width:100%;max-width:none}
.home-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#platformLobby .home-games-grid [data-availability="coming-soon"] button{background:#e4e6ed;color:#60677c;box-shadow:none;cursor:default;opacity:1}
.home-games-grid [data-availability="coming-soon"] .home-game-cover{background:linear-gradient(135deg,#fbe9ed,#e7ecfa);color:#ae83a0}
@media(max-width:1100px){.home-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-games-grid .home-game-card{grid-column:auto;flex-direction:column;align-items:stretch;gap:8px;padding:8px}.home-games-grid .home-game-cover{width:100%;align-self:stretch;aspect-ratio:1.6}.home-games-grid .home-game-detail h3{font-size:17px}.home-games-grid .home-game-detail p{font-size:12px}#platformLobby .home-games-grid .home-game-detail button{font-size:13px;min-height:45px}}
/* Keep the three truthful community previews together beneath the four game cards. */
@media(min-width:1101px){
 #platformLobby[data-pages] .home-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 #platformLobby[data-pages] .home-hub-games{grid-column:1/-1}
 #platformLobby[data-pages] .home-hub-social,#platformLobby[data-pages] .home-hub-shop,#platformLobby[data-pages] .home-hub-ranking{grid-column:auto}
 #platformLobby[data-pages] .home-ranking-list{grid-template-columns:minmax(0,1fr);gap:8px}
 #platformLobby[data-pages] .home-ranking-list li{padding:10px 12px}
 #platformLobby[data-pages] .home-social-scene{height:72px;font-size:36px}
 #platformLobby[data-pages] .home-shop-rail a{min-height:116px}
}
/* A retained-seat entry is a separate lobby row, outside the pinned Back hitbox. */
[data-resume-game]{position:relative;display:block;margin:76px auto 12px;min-height:45px;max-width:calc(100% - 32px);}
#gameExitDialog .dialog-actions{display:grid;gap:12px;}
#gameExitDialog .dialog-actions button{min-height:45px;white-space:normal;}