:root{--bg:#f5f5f8;--card:#fff;--ink:#16151d;--muted:#757280;--line:#e8e6ed;--accent:#6d4aff;--soft:#eee9ff;--school:#fff7d8;--night:#0e1530}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 760px)/2));position:sticky;top:0;z-index:3}.brand{font-size:28px;font-weight:900;letter-spacing:-1.5px}.brand.big{font-size:46px;text-align:center;margin-bottom:8px}nav{display:flex;gap:18px;font-size:14px}main{max-width:760px;margin:28px auto;padding:0 18px}.welcome,.panel,.composer,.post,.mode-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:0 8px 28px rgba(25,20,45,.04)}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome h1{margin:3px 0;font-size:30px}.welcome p,.muted,small{color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--accent)}.avatar,.mini-avatar{display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:800;border-radius:50%}.avatar{width:62px;height:62px;font-size:25px}.mini-avatar{width:42px;height:42px}.composer textarea{width:100%;border:0;resize:vertical;min-height:96px;font:inherit;font-size:17px;outline:none}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.row select,input,textarea{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}button,.family{border:0;border-radius:14px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer}.ghost{background:#f2f0f6;color:#47434f}.ghost.active{background:var(--soft);color:var(--accent)}.post-head{display:flex;gap:11px;align-items:center}.post-head small,.person small{display:block;margin-top:3px}.post-body{font-size:17px;line-height:1.55}.post-actions{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0}.comment{background:#f6f5f8;padding:10px 13px;border-radius:15px;margin:8px 0}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-form input{flex:1}.mode-card{display:flex;gap:16px;background:var(--school)}.mode-icon{font-size:42px}.mode-card h2{margin:0 0 6px}.people{display:grid;gap:10px}.person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}label{display:grid;gap:7px;font-weight:650}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#f0ebff,#faf9ff 55%,#f4f8ff)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 24px 70px rgba(44,29,90,.12)}.auth-card h1{text-align:center;margin-bottom:4px}.auth-card>p{text-align:center}.auth-card form{display:grid;gap:14px;margin-top:24px}.error,.success{padding:12px;border-radius:13px;margin:12px 0}.error{background:#ffe7e7;color:#8b2424}.success{background:#e6faee;color:#23663b}.sleep-screen{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#27345f,var(--night) 58%,#080d20);color:#fff;display:grid;place-items:center;overflow:hidden}.night{text-align:center;padding:28px;max-width:620px;animation:fadein 1.4s ease}.night.compact{max-width:520px}.moon{font-size:110px;line-height:1;animation:float 5s ease-in-out infinite}.stars{font-size:30px;letter-spacing:13px;opacity:.7;animation:twinkle 3s ease-in-out infinite}.night h1{font-size:42px;margin:22px 0 8px}.night p{opacity:.82;font-size:18px}.night strong{display:block;margin:25px 0}.family{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}@keyframes float{50%{transform:translateY(-8px)}}@keyframes twinkle{50%{opacity:.35}}@keyframes fadein{from{opacity:0;transform:translateY(12px)}}@media(max-width:620px){nav{gap:10px;font-size:12px}.grid2{grid-template-columns:1fr}.night h1{font-size:34px}.comment-form{flex-direction:column}}
.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.button{display:inline-block;border-radius:14px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:750}.empty{padding:20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.messages-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;min-height:430px}.contacts{display:grid;align-content:start;gap:7px;border-right:1px solid var(--line);padding-right:14px}.contact{display:flex;gap:9px;align-items:center;padding:9px;border-radius:14px}.contact.selected{background:var(--soft);color:var(--accent);font-weight:750}.thread{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto;padding:8px 2px}.bubble{max-width:78%;padding:11px 13px;border-radius:17px;background:#f1f0f4;line-height:1.4}.bubble.mine{align-self:flex-end;background:var(--accent);color:#fff}.bubble.theirs{align-self:flex-start}.bubble small{display:block;font-size:10px;margin-top:5px;opacity:.7;color:inherit}.message-form{display:flex;gap:9px;margin-top:14px}.message-form textarea{flex:1;min-height:55px;resize:vertical}.profile-card{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:25px;margin-bottom:18px}.avatar.large{width:88px;height:88px;font-size:36px;flex:0 0 auto}.pill{display:inline-block;background:var(--soft);color:var(--accent);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.safety-card,.notice{padding:14px 16px;border-radius:16px;margin:14px 0}.safety-card{background:#e9f8ef;color:#245f3a}.notice{background:#fff7d8;color:#6d5a18}.night-panel{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.night-panel .muted{color:rgba(255,255,255,.75)}.night-panel .person{border-color:rgba(255,255,255,.16)}@media(max-width:700px){header{height:auto;min-height:68px;align-items:flex-start;padding-top:16px;padding-bottom:12px;gap:12px}nav{flex-wrap:wrap;justify-content:flex-end}.messages-layout{grid-template-columns:1fr}.contacts{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.person{grid-template-columns:auto 1fr}.person>.actions,.person>form,.person>.button{grid-column:1/-1}.message-form{flex-direction:column}}

.media-picker{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--muted);margin:10px 0}.media-picker input{max-width:250px}.post-media{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:12px 0;border:1px solid var(--line)}.danger{background:#b42318}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.button-like{display:inline-block;border-radius:14px;padding:11px 16px;font-weight:750}.tabs,.chips,.weekday-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.day-check{display:flex;align-items:center;gap:5px;background:#f3f1f7;padding:8px 10px;border-radius:12px;font-size:13px}.day-check input{padding:0}.chip{display:flex;align-items:center;gap:6px;background:#f3f1f7;padding:5px 8px;border-radius:999px}.tiny{padding:3px 8px;border-radius:999px}.report-card{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}.report-card p{line-height:1.5}hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.avatar-img{object-fit:cover;overflow:hidden}.avatar.large.avatar-img{display:block}.media-row{display:flex;gap:14px;flex-wrap:wrap}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.community-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.community-card strong{display:block;font-size:17px}.community-card small{display:block;margin:5px 0 8px}.community-card p{margin:0;line-height:1.45;color:var(--muted)}.danger-pill{background:#ffe7e7;color:#9f271f}.priority-high{border-color:#e59b94;box-shadow:0 0 0 3px rgba(180,35,24,.06)}.reported-content{padding:12px;border-radius:12px;background:#f6f5f8;margin:10px 0}.form-end{display:flex;align-items:end}@media(max-width:620px){.community-grid{grid-template-columns:1fr}.media-row{flex-direction:column}}


.feed-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:0 0 1rem}.chip{padding:.5rem .75rem;border-radius:999px;background:#fff;border:1px solid #ddd;text-decoration:none;color:inherit}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.story-card{background:#fff;border-radius:22px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.06)}.story-media{width:100%;max-height:420px;object-fit:cover;border-radius:18px}.chat-box{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.chat-message{max-width:75%;background:#fff;padding:.75rem 1rem;border-radius:18px;box-shadow:0 5px 18px rgba(0,0,0,.05)}.chat-message.mine{align-self:flex-end;background:#f2efff}.chat-message p{margin:.3rem 0}.chat-compose{display:flex;gap:.5rem}.chat-compose input{flex:1}
.demo-mail{margin:14px 0;padding:14px;border:1px dashed var(--accent);border-radius:14px;background:var(--soft)}.demo-mail small{display:block;margin-top:8px}.shorts-feed{display:grid;gap:22px;max-width:520px;margin:0 auto}.short-card{background:#111;border-radius:26px;overflow:hidden;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.16)}.short-card video{display:block;width:100%;max-height:72vh;background:#000}.short-meta{display:flex;gap:12px;align-items:center;padding:14px}.short-meta p{margin:3px 0 0;color:#ddd}.notice a{text-decoration:underline;font-weight:800}

.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:22px 0;flex-wrap:wrap}.pagination span{color:var(--muted,#666);font-size:.95rem}

.search-form{display:flex;gap:10px}.search-form input{flex:1}.search-post{box-shadow:none;margin:12px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.stat-card{background:#f6f5f8;border:1px solid var(--line);border-radius:18px;padding:18px}.stat-card strong{display:block;font-size:28px}.stat-card span{display:block;color:var(--muted);margin-top:4px}@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-form{flex-direction:column}}

/* v1.4 */
.settings-list{display:grid;gap:10px}.check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(127,127,127,.2);border-radius:12px}.check-row input{width:auto}.audit-list{display:grid;gap:8px}.audit-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.18)}.audit-row small{opacity:.7}.audit-row span{word-break:break-word}@media(max-width:700px){.audit-row{grid-template-columns:1fr}.audit-row small{margin-top:-6px}}

.child-verified{display:inline-flex;align-items:center;justify-content:center;margin-left:.35rem;font-size:.82em;background:#e8f3ff;border:1px solid #b7d8ff;border-radius:999px;padding:.1rem .35rem;vertical-align:middle}
.public-name{font-weight:750}.reaction-picker{display:flex;gap:.35rem;flex-wrap:wrap;padding:.4rem 0}.reaction-picker button{font-size:1.35rem;min-width:2.55rem;padding:.4rem;border-radius:999px}.reaction-summary{display:flex;gap:.45rem;flex-wrap:wrap;font-size:.9rem}.verified-profile-card{border:1px solid #b7d8ff;border-radius:18px;padding:1rem;background:linear-gradient(180deg,#f8fcff,#fff)}

.mobile-bottom{display:none}@media(max-width:760px){body{padding-bottom:76px}.mobile-bottom{display:flex;position:fixed;z-index:50;left:0;right:0;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #ddd;justify-content:space-around;padding:.45rem .2rem max(.45rem,env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-decoration:none;font-size:1.25rem}.mobile-bottom a span{font-size:.67rem}.post-head strong{display:flex;align-items:center}.reaction-picker{border-top:1px solid #eee;margin-top:.5rem;padding-top:.55rem}}

.call-screen{max-width:900px;margin:0 auto}.video-stage{position:relative;background:#111;border-radius:24px;overflow:hidden;min-height:320px}.video-stage #remote{width:100%;max-height:70vh;display:block}.video-stage #local{position:absolute;right:16px;bottom:16px;width:min(28%,180px);border-radius:16px;background:#222}.call-controls{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.danger{background:#b42318!important;color:#fff!important}

/* BAPMU Messenger v1.8 */
.messenger-shell{max-width:1280px;margin:0 auto;padding:1rem}.messenger{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 110px);background:var(--card,#fff);border:1px solid #e7e7eb;border-radius:24px;overflow:hidden}.messenger-sidebar{border-right:1px solid #e7e7eb;padding:1rem}.messenger-title{display:flex;align-items:center;justify-content:space-between}.messenger-title h1{margin:.25rem 0}.messenger-title a,.icon-button{font-size:1.35rem;text-decoration:none}.chat-search{width:100%;box-sizing:border-box;border:0;background:#f2f3f5;border-radius:999px;padding:.8rem 1rem;margin:.6rem 0 1rem}.contacts{display:flex;flex-direction:column;gap:.25rem}.contact{display:flex;gap:.7rem;align-items:center;padding:.65rem;border-radius:14px;text-decoration:none}.contact.selected,.contact:hover{background:#f1f4ff}.contact>span:last-child{display:flex;flex-direction:column;min-width:0}.contact small{opacity:.68}.mini-avatar{position:relative}.online-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#20a464;border:2px solid #fff;right:-1px;bottom:-1px}.chat-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #e7e7eb}.chat-header h2{margin:0}.chat-header-actions{display:flex;align-items:center;gap:.35rem}.chat-header-actions form{margin:0}.chat-header-actions button,.icon-button{border:0;background:#f1f4ff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;padding:0}.thread{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.4rem;min-height:380px;max-height:calc(100vh - 280px)}.bubble{max-width:min(72%,620px);padding:.6rem .8rem;border-radius:18px;background:#eee;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#6757e8;color:#fff}.bubble small{display:block;font-size:.68rem;opacity:.7;margin-top:.25rem}.chat-media{display:block;max-width:min(100%,440px);max-height:420px;border-radius:14px;margin:.3rem 0}.typing-line{padding:0 1.2rem .35rem;font-size:.85rem;opacity:.7}.message-form.modern{position:relative;display:flex;align-items:flex-end;gap:.45rem;padding:.7rem 1rem;border-top:1px solid #e7e7eb}.message-form.modern textarea{flex:1;resize:none;min-height:42px;max-height:130px;border:0;background:#f2f3f5;border-radius:22px;padding:.72rem 1rem}.attach-button,.emoji-button,.send-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer}.emoji-button{border:0}.send-button{border:0}.emoji-tray{position:absolute;bottom:64px;left:54px;right:54px;background:#fff;border:1px solid #ddd;border-radius:16px;padding:.8rem;font-size:1.5rem;line-height:2;box-shadow:0 12px 40px rgba(0,0,0,.14)}.messenger-empty{margin:auto;text-align:center;padding:3rem}.messenger-empty>div{font-size:4rem}
@media(max-width:760px){.messenger-shell{padding:0}.messenger{display:block;border:0;border-radius:0;min-height:calc(100vh - 70px)}.messenger-sidebar{display:none}.chat-pane{min-height:calc(100vh - 70px)}.thread{max-height:none;min-height:0}.bubble{max-width:84%}.chat-header{position:sticky;top:0;background:#fff;z-index:3}.message-form.modern{position:sticky;bottom:0;background:#fff}.chat-media{max-height:320px}}

/* BAPMU v1.9 social/profile */
.profile-cover{height:260px;border-radius:24px 24px 0 0;overflow:hidden;background:#e8e9f1}.profile-cover img{width:100%;height:100%;object-fit:cover}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-top:1rem}.album-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none}.album-cover{aspect-ratio:1.3;background:#f0f1f5;border-radius:16px;display:grid;place-items:center;font-size:2rem;overflow:hidden}.album-cover img{width:100%;height:100%;object-fit:cover}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.photo-grid figure{margin:0}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.hashtags{display:flex;gap:.4rem;flex-wrap:wrap;margin:.4rem 0}.hashtags a{text-decoration:none;font-weight:700}.link-preview{display:flex;flex-direction:column;padding:.85rem;border:1px solid #e3e4eb;border-radius:14px;text-decoration:none;margin:.6rem 0;background:#fafbff}.poll-card{border:1px solid #e3e4eb;border-radius:16px;padding:.8rem;margin:.7rem 0}.poll-card form{margin:.35rem 0}.poll-option{width:100%;display:flex;justify-content:space-between}.shared-post{border:1px solid #ddd;border-radius:16px;padding:.85rem;margin:.7rem 0;background:#fafafa}.share-box{position:relative}.share-box form{padding:.6rem;background:#fff;border:1px solid #ddd;border-radius:12px;margin-top:.4rem}.composer-more{margin:.5rem 0}.composer-more summary{cursor:pointer;font-weight:700}.poll-compose{margin:.6rem 0}.inline-form{display:inline}.profile-actions form{display:inline}

/* BAPMU v2.0 platform surfaces */
.card-grid,.game-grid,.market-grid,.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:1rem}
.feature-card,.game-card,.market-card,.live-card{border:1px solid #e5e6ec;border-radius:20px;padding:1rem;background:#fff;text-decoration:none;display:flex;flex-direction:column;gap:.45rem}
.game-card:hover,.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.games-hero{padding:2rem 1rem;max-width:900px;margin:0 auto}.game-icon{font-size:3rem}.market-card img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:16px}.market-card .button{margin-top:auto}
.live-pill{display:inline-flex;align-self:flex-start;background:#d92d20;color:#fff;border-radius:999px;padding:.2rem .55rem;font-weight:800;font-size:.76rem}.live-card video{width:100%;border-radius:14px;background:#111}.live-placeholder{aspect-ratio:16/9;background:#111;color:#fff;display:grid;place-items:center;border-radius:14px;padding:1rem;text-align:center}.stream-key{display:block;padding:.75rem;background:#111;color:#fff;border-radius:10px;overflow-wrap:anywhere;margin:.5rem 0}
.game-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem}.game-stage{background:#fff;border:1px solid #e5e6ec;border-radius:24px;padding:1rem}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(62px,1fr));gap:.7rem;max-width:620px;margin:1rem auto}.memory-card{aspect-ratio:1;border:0;border-radius:18px;font-size:2.2rem;background:#6757e8;color:#fff}.memory-card.open,.memory-card.matched{background:#f1f4ff;color:#111}.memory-card.matched{opacity:.7}.game-status{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap}.leaderboard{align-self:start}.leader-row{display:grid;grid-template-columns:32px 1fr auto;gap:.4rem;padding:.5rem 0;border-bottom:1px solid #eee;align-items:center}
@media(max-width:800px){.game-layout{display:block}.leaderboard{margin-top:1rem}.memory-board{grid-template-columns:repeat(4,1fr);gap:.45rem}.memory-card{font-size:1.6rem}.mobile-bottom{overflow-x:auto;justify-content:flex-start;gap:.55rem}.mobile-bottom a{min-width:62px}}

/* BAPMU Farvekamp */
.social-game-feature{max-width:1100px;margin:0 auto 1rem;padding:1.2rem 1.4rem;border-radius:24px;background:linear-gradient(135deg,#f4efff,#eef7ff);display:flex;justify-content:space-between;align-items:center;gap:1rem}.color-game-shell{max-width:1200px;margin:0 auto;padding:1rem}.color-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.invite-grid{display:flex;flex-wrap:wrap;gap:.5rem}.big-game-button{margin-top:1rem;font-size:1.05rem;padding:.8rem 1.4rem}.game-player{display:flex;justify-content:space-between;padding:.65rem .75rem;border-bottom:1px solid #eee}.color-table{min-height:70vh;border-radius:28px;background:radial-gradient(circle at center,#316c52,#174535);padding:1rem;box-shadow:inset 0 0 70px rgba(0,0,0,.25);position:relative;color:#fff}.opponents{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;min-height:110px}.opponent{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .8rem;border-radius:16px;background:rgba(0,0,0,.18)}.opponent.active-turn{outline:3px solid #fff}.opponent-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#333;font-weight:800}.table-center{min-height:330px;display:flex;align-items:center;justify-content:center;gap:1.5rem;position:relative;flex-wrap:wrap}.turn-label{position:absolute;top:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.35);padding:.45rem .8rem;border-radius:999px;font-weight:800}.color-card,.deck-card{width:78px;aspect-ratio:2/3;border-radius:14px;border:5px solid rgba(255,255,255,.88);box-shadow:0 7px 15px rgba(0,0,0,.3);display:grid;place-items:center;font-size:1.8rem;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);transform-origin:center bottom}.color-card.violet{background:#7457e8}.color-card.blue{background:#2878d8}.color-card.green{background:#2b9b65}.color-card.orange{background:#e77b28}.color-card.wild{background:conic-gradient(#7457e8,#2878d8,#2b9b65,#e77b28,#7457e8)}.color-card.large{width:110px;font-size:2.5rem}.deck-card{background:#171925;text-align:center;font-size:.75rem;cursor:pointer}.deck-card.your-turn{outline:4px solid #ffd95a;animation:gamepulse 1.2s infinite}.player-hand{display:flex;justify-content:center;align-items:flex-end;gap:-10px;gap:.15rem;flex-wrap:wrap;padding:1rem}.player-hand .color-card{cursor:pointer;transition:transform .15s;margin-left:-12px}.player-hand .color-card:first-child{margin-left:0}.player-hand .color-card:hover{transform:translateY(-16px) rotate(0deg);z-index:3}.wild-chooser{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:.4rem;background:#fff;padding:.5rem;border-radius:999px;z-index:5}.wild-chooser button{font-size:1.5rem;border:0;background:transparent}.winner-banner{position:absolute;inset:40% auto auto 50%;transform:translate(-50%,-50%);z-index:8;background:#fff;color:#111;border-radius:20px;padding:1.2rem 2rem;font-size:1.5rem;font-weight:900;box-shadow:0 20px 60px rgba(0,0,0,.35)}@keyframes gamepulse{50%{transform:scale(1.05)}}@media(max-width:700px){.social-game-feature,.color-topbar{align-items:flex-start;flex-direction:column}.color-table{border-radius:0;min-height:calc(100vh - 90px)}.color-card{width:58px;border-width:3px;font-size:1.35rem}.color-card.large{width:82px}.player-hand{padding:.6rem}.table-center{min-height:260px}.opponents{gap:.4rem}.opponent{font-size:.75rem}.opponent-avatar{width:34px;height:34px}}

/* BAPMU v2.2 Games social layer */
.game-room-side{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.game-chat{min-width:0}.game-chat-messages{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem;margin:.6rem 0}.game-chat-line{display:flex;flex-direction:column;padding:.45rem .6rem;border-radius:12px;background:#f5f6fa}.game-chat-line strong{font-size:.78rem}.game-emoji-row{display:flex;gap:.35rem;margin:.4rem 0}.game-emoji-row button{border:0;background:#f1f2f7;border-radius:999px;font-size:1.1rem}.quiz-shell{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.quiz-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:1rem 0}.quiz-player{display:flex;justify-content:space-between;padding:.6rem .75rem;border:1px solid #e6e6ec;border-radius:14px}.quiz-player.me{outline:2px solid #6757e8}.quiz-question{padding:1rem;border-radius:20px;background:#f7f8ff}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.quiz-answers button{padding:1rem;border-radius:16px}.tournament-bracket{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1rem}.match-card{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid #e4e5eb;border-radius:16px}.now-playing{border:1px solid #d9d5ff;background:linear-gradient(135deg,#f8f6ff,#fff)}
@media(max-width:800px){.quiz-shell{display:block}.quiz-shell>.game-chat{margin-top:1rem}.quiz-answers{grid-template-columns:1fr}.game-chat-messages{max-height:180px}}

/* BAPMU v2.3 Games */
.match-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:1rem 0}.match-buttons button{padding:1rem;border-radius:18px;font-size:1.05rem}.spectator-panel{max-width:950px;margin:1rem auto}.spectator-board{min-height:280px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-radius:20px;background:#f6f7fb}.spectator-board canvas,#drawCanvas{width:100%;max-width:760px;aspect-ratio:760/460;background:#fff;border:2px solid #ddd;border-radius:18px;touch-action:none}.draw-shell{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.achievement-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1rem;border:1px solid #e4e5ec;border-radius:18px;background:linear-gradient(180deg,#fffdf2,#fff)}.achievement-card>div{font-size:2.2rem}.winner-banner.static{position:static;transform:none;display:inline-block;margin:1rem 0}.match-card form{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.tournament-bracket{align-items:start}
@media(max-width:820px){.draw-shell{display:block}.draw-shell>.game-chat{margin-top:1rem}.spectator-board{min-height:220px}}

/* BAPMU v2.4 Messenger */
.group-chat-shortcuts{border-bottom:1px solid #ececf1;margin-bottom:.5rem;padding-bottom:.5rem}.group-chat-shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem}.group-thread{min-height:55vh;max-height:70vh;overflow-y:auto}.group-bubble strong{display:block;font-size:.78rem;margin-bottom:.2rem}.message-actions{display:flex;gap:.25rem;opacity:.65;margin-top:.25rem}.message-actions button{font-size:.75rem;padding:.2rem .35rem;border:0;border-radius:8px}.message-reactions{display:flex;gap:.25rem;flex-wrap:wrap}.message-reactions span{font-size:.75rem;background:rgba(0,0,0,.07);padding:.15rem .35rem;border-radius:999px}.reply-banner{padding:.45rem .7rem;border-left:3px solid #6757e8;background:#f5f3ff;margin:.4rem 0}.live-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;padding:0 4px;background:#d93025;color:#fff;font-size:.7rem;font-weight:800}@media(max-width:800px){.group-chat-shell{display:block}.group-chat-shell>aside{margin-top:1rem}}

/* BAPMU v2.5 Feed 2.0 */
.post-gallery{display:grid;gap:.35rem;margin:.7rem 0;border-radius:18px;overflow:hidden}.post-gallery img,.post-gallery video{width:100%;height:100%;max-height:560px;object-fit:cover;background:#111}.post-gallery.count-2{grid-template-columns:1fr 1fr}.post-gallery.count-3,.post-gallery.count-4{grid-template-columns:1fr 1fr}.post-gallery.count-3>*:first-child{grid-row:span 2}.feed-controls .chip.active{font-weight:800;outline:2px solid currentColor}.feed-reason{opacity:.55}.comment-thread{margin-top:.45rem}.comment-thread.depth-1,.comment-thread.depth-2,.comment-thread.depth-3{margin-left:1.25rem;border-left:2px solid #ececf2;padding-left:.65rem}.comment-card{padding:.55rem .65rem;border-radius:14px;background:#f6f7f9}.comment-main{display:flex;gap:.35rem;flex-wrap:wrap;align-items:baseline}.comment-main strong{margin-right:.25rem}.comment-actions{display:flex;gap:.35rem;align-items:center;margin-top:.25rem}.comment-actions form,.comment-actions details{margin:0}.comment-actions button,.comment-actions summary{font-size:.75rem;border:0;background:transparent;cursor:pointer;padding:.2rem .3rem}.comment-reactions{display:flex;gap:.25rem;margin-top:.25rem}.comment-reactions span{font-size:.72rem;background:#fff;border:1px solid #e2e3e8;border-radius:999px;padding:.12rem .35rem}.reply-form{display:flex;gap:.35rem;margin-top:.35rem}.reply-form input{flex:1}.post-edit-box form{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;border:1px solid #ddd;border-radius:12px;background:#fff}.post-edit-box textarea{min-height:100px}.history-current,.history-version{padding:.8rem;border:1px solid #e4e5eb;border-radius:14px;margin:.6rem 0}.history-version{background:#fafafa}.composer .media-row small{align-self:center;opacity:.65}
@media(max-width:700px){.post-gallery.count-2,.post-gallery.count-3,.post-gallery.count-4{grid-template-columns:1fr 1fr}.post-gallery img,.post-gallery video{max-height:320px}.comment-thread.depth-1,.comment-thread.depth-2,.comment-thread.depth-3{margin-left:.55rem;padding-left:.45rem}}

/* BAPMU v2.6 Communities, Events, Stories & Shorts */
.community-tools{display:grid;gap:.8rem}.community-tool-links,.community-files{display:flex;gap:.5rem;flex-wrap:wrap}.community-files a{padding:.45rem .65rem;border:1px solid #e2e3e9;border-radius:12px}.member-review{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem 0}.member-review strong{margin-right:auto}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem}.event-card{background:#fff;border:1px solid #e3e4e9;border-radius:20px;padding:1rem}.event-date{font-size:1.05rem;font-weight:700}.event-comments{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0;padding-top:.5rem;border-top:1px solid #eee}.people-mini{display:flex;gap:.5rem;flex-wrap:wrap}.people-mini span{display:flex;align-items:center;gap:.3rem}.story-reel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.story-full{flex:0 0 min(390px,88vw);scroll-snap-align:center;background:#111;color:#fff;border-radius:24px;padding:.8rem;min-height:560px;display:flex;flex-direction:column}.story-full .story-media{width:100%;max-height:460px;object-fit:contain;border-radius:18px;background:#000}.story-owner{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}.story-owner small{margin-left:auto}.story-reactions,.short-actions{display:flex;gap:.25rem;flex-wrap:wrap}.story-reactions form,.short-actions form{margin:0}.story-reactions button,.short-actions button{border:0;border-radius:999px;padding:.45rem .55rem;font-size:1.1rem}.reaction-summary{display:flex;gap:.35rem;flex-wrap:wrap;margin:.4rem 0}.reaction-summary span{font-size:.78rem;padding:.2rem .4rem;border-radius:999px;background:rgba(127,127,127,.18)}.shorts-page{max-width:900px}.shorts-snap{height:calc(100vh - 150px);overflow-y:auto;scroll-snap-type:y mandatory;border-radius:22px}.short-modern{height:100%;min-height:620px;scroll-snap-align:start;position:relative;background:#090909;border-radius:22px;overflow:hidden;margin-bottom:.5rem}.short-modern>video{width:100%;height:100%;object-fit:contain;background:#000}.short-overlay{position:absolute;left:0;right:0;bottom:0;padding:1rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}.short-actions{justify-content:flex-end}@media(max-width:700px){.event-grid{grid-template-columns:1fr}.shorts-snap{height:calc(100vh - 120px)}.short-modern{min-height:560px}}

/* BAPMU v2.7 Search, Notifications, Pages & Creator */
.discovery-hero .search-form{display:grid;grid-template-columns:1fr auto auto;gap:.5rem}.recent-searches,.tag-cloud{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.recent-searches form{margin:0}.notification-day{display:grid;gap:.45rem;margin:1rem 0}.notification-day h2{font-size:.85rem;opacity:.6}.notification-card{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border-radius:16px;text-decoration:none}.notification-card:hover,.notification-card.unread{background:#f4f5f8}.notification-card.unread{font-weight:700}.notification-icon{font-size:1.3rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #e5e6eb}.page-studio{margin:1rem 0;padding:1rem;border-radius:18px;background:#f7f7fa}.page-feed{display:grid;gap:.7rem;margin-top:1rem}.creator-post-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #eee;text-decoration:none}.analytics-bars{height:180px;display:flex;align-items:flex-end;gap:.25rem;overflow-x:auto;padding-top:1rem}.analytics-day{height:100%;min-width:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem}.analytics-day span{display:block;width:14px;min-height:4px;background:currentColor;border-radius:8px 8px 2px 2px}.analytics-day small{font-size:.6rem;writing-mode:vertical-rl}@media(max-width:700px){.discovery-hero .search-form{grid-template-columns:1fr}.creator-post-row{flex-direction:column;gap:.2rem}}

/* BAPMU v2.8 Marketplace, Live & Trust */
.market-search{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.market-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}.market-actions form{margin:0}.live-social{margin-top:.7rem;padding-top:.7rem;border-top:1px solid #e6e6ea}.live-reactions{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.live-reactions form{margin:0}.live-reactions button{border:0;border-radius:999px;font-size:1.05rem;padding:.35rem .5rem}.live-chat{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:.3rem;padding:.5rem 0}.live-chat div{padding:.35rem .5rem;border-radius:10px;background:#f5f5f7}

/* BAPMU v2.9 Security, Moderation & Jobs */
.session-list{display:grid;gap:.55rem}.session-card,.security-event{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.7rem;border:1px solid #e4e5ea;border-radius:14px}.session-card>div,.security-event{flex-wrap:wrap}.session-card small{display:block}.moderation-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:1rem;padding:1rem 0;border-bottom:1px solid #e6e6ea}.moderation-case form{display:flex;flex-direction:column;gap:.4rem}@media(max-width:760px){.moderation-case{grid-template-columns:1fr}.session-card{align-items:flex-start}}

/* BAPMU v3.0 Platform foundation */
.mobile-bottom-nav{display:none}.auth-shell{max-width:520px;margin:7vh auto;padding:1rem}.auth-card{display:grid;gap:.8rem}.auth-card form{display:grid;gap:.65rem}
@media(max-width:760px){body{padding-bottom:76px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #dedfe5;padding:max(.35rem,env(safe-area-inset-bottom)) .25rem .35rem}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-decoration:none;font-size:1.25rem}.mobile-bottom-nav span{font-size:.62rem;font-weight:700}}

/* BAPMU v3.1 3D Avatar Studio */
.avatar-studio{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:1.5rem}.avatar-studio form{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.avatar-studio form button{grid-column:1/-1}.avatar-stage{height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:900px;border-radius:24px;background:radial-gradient(circle at 50% 30%,#fff,#e8e9f2);overflow:hidden;touch-action:none}.avatar-figure{--skin:#d9a27e;--hair:#5a3827;--top:#6078df;position:relative;width:180px;height:330px;transform-style:preserve-3d;transition:transform .08s linear}.avatar-head{position:absolute;width:112px;height:132px;left:34px;top:45px;border-radius:48% 48% 44% 44%;background:var(--skin);box-shadow:inset -8px -5px 15px rgba(0,0,0,.08)}.avatar-hair{position:absolute;z-index:2;width:122px;height:75px;left:29px;top:35px;border-radius:60px 60px 25px 25px;background:var(--hair)}.avatar-figure[data-hair="long"] .avatar-hair,.avatar-figure[data-hair="braids"] .avatar-hair{height:150px}.avatar-eye{position:absolute;top:55px;width:9px;height:12px;border-radius:50%;background:#27232a}.avatar-eye.left{left:30px}.avatar-eye.right{right:30px}.avatar-smile{position:absolute;left:45px;top:87px;width:24px;height:10px;border-bottom:3px solid #9b5159;border-radius:50%}.avatar-body{position:absolute;left:38px;top:166px;width:104px;height:105px;border-radius:30px 30px 16px 16px;background:var(--top)}.avatar-legs{position:absolute;left:52px;top:265px;width:76px;height:64px;border-left:26px solid #4c526b;border-right:26px solid #4c526b}.avatar-arm{position:absolute;z-index:3;right:18px;top:175px;width:25px;height:95px;border-radius:20px;background:var(--skin);transform-origin:50% 10%}.avatar-figure.wave .avatar-arm{animation:avatarWave 1s ease-in-out infinite alternate}.avatar-figure.clap .avatar-arm{animation:avatarClap .5s ease-in-out infinite alternate}.avatar-figure.dance{animation:avatarDance .8s ease-in-out infinite alternate}.avatar-figure.heart .avatar-arm{transform:rotate(-55deg)}@keyframes avatarWave{to{transform:rotate(-55deg) translateY(-12px)}}@keyframes avatarClap{to{transform:rotate(45deg) translateX(-35px)}}@keyframes avatarDance{to{transform:rotateY(15deg) rotateZ(4deg) translateY(-8px)}}.profile-avatar-trigger{position:relative;border:0;background:transparent;padding:0;cursor:pointer}.avatar-badge{position:absolute;right:-4px;bottom:2px;background:#20212a;color:#fff;border:2px solid #fff;border-radius:999px;padding:.18rem .35rem;font-size:.65rem;font-weight:800}.avatar-dialog{border:0;border-radius:26px;padding:0;max-width:min(440px,92vw);box-shadow:0 24px 80px rgba(0,0,0,.35)}.avatar-dialog::backdrop{background:rgba(15,16,22,.65);backdrop-filter:blur(6px)}.avatar-dialog .avatar-stage{width:min(420px,90vw);height:560px}.avatar-close{position:absolute;right:12px;top:12px;z-index:10;border:0;border-radius:50%;width:38px;height:38px;font-size:1.5rem}.profile-greeting .avatar-figure{animation-duration:.8s}@media(max-width:760px){.avatar-studio{grid-template-columns:1fr}.avatar-studio form{grid-template-columns:1fr}.avatar-stage{height:430px}}

/* BAPMU v3.2 Rooms & Together */
.rooms-hero{background:linear-gradient(135deg,#fff,#f0efff)}.room-create{display:grid;grid-template-columns:1fr auto auto;gap:.5rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem}.room-card{min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;border:1px solid #e1e2e9;border-radius:20px;text-decoration:none;background:#fff}.room-type{font-size:2rem}.room-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;max-width:1300px}.room-world{min-height:650px;background:radial-gradient(circle at 50% 45%,#fff,#eeeff7)}.avatar-circle{display:flex;justify-content:center;align-items:flex-end;gap:0;flex-wrap:wrap;min-height:380px}.room-avatar{width:150px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.room-avatar .avatar-figure{margin:-65px}.room-activities{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.activity{padding:.7rem 1rem;border-radius:999px;border:1px solid #ddd;text-decoration:none;background:#fff}.room-chat{display:flex;flex-direction:column}.room-messages{display:flex;flex-direction:column;gap:.4rem;overflow:auto;max-height:520px;flex:1}.room-messages div{display:flex;flex-direction:column;padding:.5rem;background:#f5f5f8;border-radius:12px}.together-invite{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid #eee}.together-invite form{display:flex;gap:.35rem}.live-pill{font-size:.72rem;font-weight:800;padding:.35rem .55rem;border-radius:999px;background:#fff;border:1px solid #ddd}@media(max-width:800px){.room-shell{grid-template-columns:1fr}.room-create{grid-template-columns:1fr}.room-world{min-height:520px}.together-invite{grid-template-columns:auto 1fr}.together-invite form{grid-column:1/-1}}

/* BAPMU v3.3 Together Activities */
.activity-picker{position:relative}.activity-picker form{position:absolute;z-index:20;min-width:300px;padding:.7rem;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.15);display:grid;gap:.4rem}.together-stage{min-width:min(520px,100%);padding:1rem 1.2rem;text-align:center;border-radius:22px;background:linear-gradient(135deg,#222536,#4c3c77);color:#fff}.together-stage a{color:inherit}.spatial-talk{margin:1rem auto 0;max-width:650px;display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem 1rem;background:rgba(255,255,255,.75);border:1px solid #ddd;border-radius:18px}.spatial-talk small{display:block}@media(max-width:760px){.spatial-talk{flex-direction:column;align-items:stretch}.activity-picker form{position:fixed;left:1rem;right:1rem;bottom:90px;min-width:0}}

/* BAPMU v3.4 Avatar interaction & multiplayer */
.room-emote-bar{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;margin:1rem 0}.room-emote-bar form{margin:0}.room-emote-bar button{border:1px solid #ddd;background:#fff;border-radius:999px;font-size:1.15rem;padding:.45rem .6rem}.room-game{max-width:650px;margin:1rem auto;padding:1rem;background:rgba(255,255,255,.82);border:1px solid #ddd;border-radius:20px}.scoreboard{display:grid;gap:.35rem}.scoreboard div{display:flex;justify-content:space-between;padding:.45rem .6rem;background:#f3f3f7;border-radius:10px}

/* BAPMU v3.5 Embedded Room Games */
.room-game-picker{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.embedded-game-stage{padding:1rem;border-radius:22px;background:linear-gradient(145deg,#fff,#f5f3ff);border:1px solid #ded9ff;transition:transform .2s ease,box-shadow .2s ease}.embedded-game-stage.game-updated{transform:scale(1.01);box-shadow:0 10px 30px rgba(70,55,160,.16)}.embedded-game-title{font-size:1.35rem;font-weight:850;margin-bottom:.35rem}.embedded-game-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.7rem}.embedded-game-actions form{margin:0}.room-game .scoreboard div{transition:background .2s ease,transform .2s ease}.room-game .scoreboard div:has(strong){background:#fff}
@media(max-width:700px){.room-game-picker{align-items:stretch;flex-direction:column}.embedded-game-actions{display:grid;grid-template-columns:1fr 1fr}.embedded-game-actions button{width:100%}}

/* BAPMU v4.0 Worlds & Discovery */
.worlds-hero,.discover-hero{background:linear-gradient(135deg,#fff,#eef0ff)}.world-create,.discover-hero form{display:flex;gap:.5rem;flex-wrap:wrap}.world-grid,.discovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.world-card,.discovery-card{min-height:170px;padding:1rem;border-radius:22px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.theme-park{background:linear-gradient(#bce5ff,#b9e6b0)}.theme-space{background:radial-gradient(circle at 30% 20%,#5b5c94,#17192d);color:#fff}.theme-cozy{background:linear-gradient(135deg,#f4d7c1,#f6eadc)}.theme-arcade{background:linear-gradient(135deg,#20194a,#6c2f87);color:#fff}.theme-fantasy{background:linear-gradient(135deg,#b8d9d0,#dcc9ed)}.world-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;max-width:1500px}.world-canvas{position:relative;min-height:720px;border-radius:28px;overflow:hidden;border:1px solid #ddd}.world-hud{position:absolute;z-index:50;left:1rem;right:1rem;top:1rem;display:flex;justify-content:space-between;pointer-events:none}.world-hud h1{margin:.1rem 0}.world-person{position:absolute;width:100px;height:170px;transform:translate(-50%,-70%);transition:left .35s linear,top .35s linear;z-index:20;text-align:center}.world-person .avatar-figure{transform:scale(.42);transform-origin:top center}.world-person strong{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.85);padding:.15rem .4rem;border-radius:999px;font-size:.7rem}.world-person.is-me strong{font-weight:900}.world-object{position:absolute;transform:translate(-50%,-50%);z-index:10;border:0;background:rgba(255,255,255,.85);border-radius:16px;padding:.45rem .65rem;box-shadow:0 6px 20px rgba(0,0,0,.12)}.world-object span{font-size:1.7rem;display:block}.world-builder form{display:grid;gap:.5rem}.discovery-card span{font-size:.75rem;font-weight:850;letter-spacing:.06em}.discovery-card h2{margin:.3rem 0}@media(max-width:900px){.world-shell{grid-template-columns:1fr}.world-canvas{min-height:600px}.world-hud{font-size:.75rem}.world-builder{order:-1}}

/* BAPMU v4.1 Room WebRTC & Watch Together */
.room-call-panel{max-width:760px;margin:1rem auto;padding:1rem;border:1px solid #dfe1e8;border-radius:20px;background:rgba(255,255,255,.88)}.room-call-panel small{display:block;margin-top:.2rem}.room-call-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.room-remote-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.7rem}.remote-peer{position:relative;min-height:100px;border-radius:16px;background:#171922;color:#fff;overflow:hidden;display:flex;align-items:flex-end;padding:.5rem}.remote-peer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}.remote-peer strong,.remote-peer span{position:relative;z-index:2;background:rgba(0,0,0,.45);padding:.2rem .4rem;border-radius:999px}.remote-peer span{margin-left:auto}.watch-player{width:min(760px,100%);max-height:430px;background:#000;border-radius:18px;display:block;margin:.7rem auto}
@media(max-width:700px){.room-call-actions{display:grid;grid-template-columns:1fr 1fr}.room-call-actions button{width:100%}.room-remote-media{grid-template-columns:1fr 1fr}}

/* BAPMU v5.0 Facebook-parity surfaces */
.feature-form{display:grid;gap:.55rem;margin-top:.8rem}.feature-form input,.feature-form textarea,.feature-form select,.market-search input{width:100%}.feature-grid,.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin-top:1rem}.feature-card{display:flex;flex-direction:column;gap:.45rem}.feature-card>span{font-size:.78rem;font-weight:850;letter-spacing:.04em}.market-search{display:flex;gap:.5rem;margin:.8rem 0}.market-card{background:#fff;border:1px solid #e1e1e8;border-radius:20px;padding:.8rem}.market-photo{aspect-ratio:4/3;border-radius:15px;background:#f0f1f5;display:grid;place-items:center;font-size:3rem}.reels-page{background:#111;color:#fff}.reels-page header{background:#111}.reel-create{max-width:600px;margin:1rem auto;color:#222}.reel-feed{max-width:520px;margin:auto;display:grid;gap:1rem}.reel{position:relative;background:#000;border-radius:24px;overflow:hidden;min-height:70vh}.reel video{width:100%;height:70vh;object-fit:contain;background:#000}.reel-meta{padding:.8rem}.creator-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.creator-stats>div{padding:1rem;border-radius:18px;background:#f5f5fa;text-align:center}.creator-stats strong,.creator-stats span{display:block}.creator-stats strong{font-size:1.5rem}.quick-links{display:flex;gap:.6rem;flex-wrap:wrap}.quick-links a{padding:.8rem 1rem;border-radius:14px;background:#f3f3f8;text-decoration:none}@media(max-width:700px){.creator-stats{grid-template-columns:1fr 1fr}.market-search{display:grid}.reel,.reel video{min-height:60vh;height:60vh}}

/* BAPMU v5.1 remaining parity categories */
.dating-deck{max-width:650px;margin:1rem auto;display:grid;gap:1rem}.dating-card{text-align:center}.dating-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.campaign-list{display:grid;gap:.5rem}.campaign-list article{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid #e2e3e8;border-radius:14px}.campaign-list small{display:block}.ai-shell{max-width:900px}.ai-thread{display:flex;flex-direction:column;gap:.65rem;max-height:60vh;overflow:auto;padding:.5rem 0}.ai-message{max-width:85%;padding:.75rem 1rem;border-radius:18px;background:#f1f2f6}.ai-message.role-user{margin-left:auto;background:#e8e5ff}.ai-message p{margin:.3rem 0 0}.ai-compose{display:grid;grid-template-columns:1fr auto;gap:.5rem}.ai-compose textarea{min-height:80px}@media(max-width:700px){.campaign-list article{flex-direction:column}.ai-compose{grid-template-columns:1fr}.dating-actions{grid-template-columns:1fr}}

/* =========================================================
   BAPMU v10 – Social Blue design system
   Familiar social-network clarity, with BAPMU's own identity.
   ========================================================= */
:root{
  --bg:#f0f2f5;
  --card:#ffffff;
  --ink:#1c1e21;
  --muted:#65676b;
  --line:#dddfe2;
  --accent:#1877f2;
  --accent-dark:#166fe5;
  --soft:#e7f3ff;
  --success:#42b72a;
  --danger:#e41e3f;
  --shadow:0 2px 8px rgba(0,0,0,.10);
}
body{background:var(--bg);color:var(--ink)}
header{height:60px;border-bottom:0;box-shadow:0 1px 8px rgba(0,0,0,.10);padding:0 max(16px,calc((100vw - 1180px)/2));}
.brand{color:var(--accent);font-weight:900;letter-spacing:-1.4px}
main{max-width:760px;margin:22px auto}
.panel,.composer,.post,.welcome,.profile-card,.community-card,.market-card{border-color:#e3e6ea;border-radius:12px;box-shadow:var(--shadow)}
button,.button,.family{background:var(--accent);border-radius:8px}
button:hover,.button:hover{background:var(--accent-dark)}
.ghost{background:#e4e6eb;color:#050505}.ghost:hover{background:#d8dadf}
input,textarea,select,.row select,.row input,.row textarea{border-color:#ccd0d5;border-radius:8px}
.pill{background:var(--soft);color:var(--accent);border-radius:999px}
.comment{background:#f0f2f5;border-radius:18px}
.bubble.mine{background:var(--accent)}
.story-card{border-radius:12px;box-shadow:var(--shadow)}
.mobile-bottom{box-shadow:0 -1px 8px rgba(0,0,0,.08)}
.stats-grid .stat-card{border-radius:10px;background:#f7f8fa}
.eyebrow{color:var(--accent)}

/* Animated pre-login landing page */
.landing-auth{
  min-height:100vh;overflow-x:hidden;position:relative;
  background:
    radial-gradient(circle at 8% 18%,rgba(24,119,242,.14),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(66,183,42,.10),transparent 25%),
    #f0f2f5;
}
.landing-shell{
  min-height:100vh;max-width:1120px;margin:0 auto;padding:70px 28px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:84px;align-items:center;position:relative;z-index:2;
}
.landing-brand{font-size:58px;line-height:.95;margin-bottom:22px;animation:landingIn .75s cubic-bezier(.2,.8,.2,1) both}
.landing-story h1{font-size:45px;line-height:1.05;letter-spacing:-1.6px;margin:0 0 18px;max-width:650px;animation:landingIn .8s .08s cubic-bezier(.2,.8,.2,1) both}
.landing-story>p{font-size:21px;line-height:1.48;color:#4b4f56;max-width:590px;margin:0;animation:landingIn .8s .16s both}
.social-login-card{width:100%;max-width:410px;border-radius:12px;padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.14);animation:loginCardIn .8s .2s cubic-bezier(.2,.8,.2,1) both}
.social-login-card h2{text-align:left;font-size:22px;margin:0 0 18px}
.social-login-card form{margin-top:0}
.social-login-card input{font-size:17px;padding:14px}
.primary-login{font-size:18px;padding:13px}
.forgot-link{display:block;text-align:center;color:var(--accent);font-weight:650;margin:15px 0}
.auth-divider{height:1px;background:#dadde1;margin:20px 0;position:relative}.auth-divider span{display:none}
.create-account{display:block;width:max-content;margin:0 auto;background:var(--success);color:#fff;padding:12px 18px;border-radius:8px;font-weight:800}
.login-security{text-align:center!important;font-size:12px;color:var(--muted);margin:18px 0 0!important}
.landing-demo{height:210px;position:relative;margin-top:35px;max-width:570px}
.demo-card{position:absolute;background:#fff;border-radius:14px;padding:15px 18px;box-shadow:0 10px 28px rgba(0,0,0,.11);min-width:155px;display:grid;gap:4px}
.demo-card span{font-size:12px;color:var(--muted)}.d1{left:15px;top:35px;animation:floatCard 5s ease-in-out infinite}.d2{left:190px;top:95px;animation:floatCard 5.8s .7s ease-in-out infinite}.d3{left:365px;top:20px;animation:floatCard 5.3s 1.2s ease-in-out infinite}
.demo-avatar{position:absolute;width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 8px 22px rgba(0,0,0,.12);z-index:2}
.a1{left:120px;top:10px;animation:avatarBounce 4.6s ease-in-out infinite}.a2{left:330px;top:105px;animation:avatarBounce 5s .6s ease-in-out infinite}.a3{left:475px;top:110px;animation:avatarBounce 4.8s 1.1s ease-in-out infinite}
.landing-orb{position:fixed;border-radius:50%;filter:blur(2px);opacity:.5;pointer-events:none}.orb-one{width:360px;height:360px;background:rgba(24,119,242,.10);left:-170px;top:-110px;animation:orbDrift 13s ease-in-out infinite}.orb-two{width:320px;height:320px;background:rgba(66,183,42,.08);right:-120px;bottom:-130px;animation:orbDrift 15s 2s ease-in-out infinite reverse}
.security-icon{font-size:52px;text-align:center;margin-bottom:8px}.security-setup{max-width:500px}
.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.recovery-grid code{display:block;background:#f0f2f5;padding:10px;border-radius:8px;text-align:center;font-weight:750}
.ai-search-answer{background:var(--soft);border:1px solid #cfe3ff;border-radius:12px;padding:16px}
.control-auth{min-height:100vh;display:grid;place-items:center;max-width:none;padding:20px;background:linear-gradient(145deg,#e7f3ff,#f0f2f5 50%,#f7fbff)}
.control-auth .panel{width:min(480px,100%);padding:28px}

@keyframes landingIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes loginCardIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes floatCard{50%{transform:translateY(-10px) rotate(.5deg)}}
@keyframes avatarBounce{50%{transform:translateY(-12px) scale(1.04)}}
@keyframes orbDrift{50%{transform:translate(35px,25px) scale(1.08)}}

@media(max-width:850px){
  .landing-shell{grid-template-columns:1fr;gap:28px;padding:40px 20px;text-align:center}
  .landing-story h1,.landing-story>p{margin-left:auto;margin-right:auto}
  .landing-login{display:flex;justify-content:center}.landing-demo{display:none}
  .landing-brand{font-size:50px}.landing-story h1{font-size:35px}
}
@media(prefers-reduced-motion:reduce){
  .landing-brand,.landing-story h1,.landing-story>p,.social-login-card,.demo-card,.demo-avatar,.landing-orb{animation:none!important}
}

/* BAPMU v10.1 – full-screen living social sky */
.landing-auth{background:linear-gradient(180deg,#dcecff 0%,#eef5ff 48%,#f0f2f5 100%);isolation:isolate}
.bapmu-sky{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.sky-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.55}
.glow-a{width:52vw;height:52vw;left:-18vw;top:-25vw;background:rgba(24,119,242,.22);animation:skyBreath 12s ease-in-out infinite}
.glow-b{width:44vw;height:44vw;right:-16vw;bottom:-23vw;background:rgba(103,157,255,.18);animation:skyBreath 15s 2s ease-in-out infinite reverse}
.sky-cloud{position:absolute;width:240px;height:58px;border-radius:999px;background:rgba(255,255,255,.58);filter:blur(.2px);box-shadow:70px 14px 0 4px rgba(255,255,255,.42),130px -8px 0 -4px rgba(255,255,255,.48)}
.cloud-a{top:13%;left:-320px;animation:cloudTravel 34s linear infinite}
.cloud-b{top:49%;left:-360px;transform:scale(.72);opacity:.62;animation:cloudTravel 43s 8s linear infinite}
.cloud-c{top:76%;left:-300px;transform:scale(.5);opacity:.45;animation:cloudTravel 51s 18s linear infinite}
.sky-bubble,.sky-world{position:absolute;display:grid;place-items:center;background:rgba(255,255,255,.74);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 12px 35px rgba(24,70,130,.12);border:1px solid rgba(255,255,255,.75)}
.sky-bubble{width:54px;height:54px;border-radius:18px;font-size:24px}
.sky-world{width:68px;height:68px;border-radius:50%;font-size:29px}
.bubble-a{left:7%;top:69%;animation:skyFloat 7s ease-in-out infinite}
.bubble-b{right:8%;top:18%;animation:skyFloat 8.5s 1s ease-in-out infinite reverse}
.bubble-c{right:20%;bottom:11%;animation:skyFloat 9s 2s ease-in-out infinite}
.world-a{left:24%;top:14%;animation:skyFloatWide 10s ease-in-out infinite}
.world-b{right:34%;top:62%;animation:skyFloatWide 11.5s 1.5s ease-in-out infinite reverse}
.sky-horizon{position:absolute;left:-5%;right:-5%;bottom:-15%;height:38%;border-radius:50% 50% 0 0/35% 35% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.72));filter:blur(1px)}
.landing-shell{z-index:2}
.social-login-card{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.82)}
.landing-story{filter:drop-shadow(0 1px 0 rgba(255,255,255,.65))}
@keyframes cloudTravel{from{translate:0 0}to{translate:calc(100vw + 720px) 0}}
@keyframes skyBreath{50%{transform:scale(1.1) translate(2vw,1.5vw);opacity:.72}}
@keyframes skyFloat{50%{transform:translateY(-22px) rotate(4deg)}}
@keyframes skyFloatWide{50%{transform:translate(18px,-25px) scale(1.05)}}
@media(max-width:700px){
 .sky-cloud{transform:scale(.62)} .cloud-b{transform:scale(.48)} .cloud-c{transform:scale(.38)}
 .sky-bubble{width:46px;height:46px;font-size:20px}.sky-world{width:56px;height:56px;font-size:24px}
 .bubble-a{left:3%;top:76%}.bubble-b{right:3%;top:9%}.world-a{left:8%;top:29%}.world-b{right:8%;top:68%}
}
@media(prefers-reduced-motion:reduce){
 .sky-glow,.sky-cloud,.sky-bubble,.sky-world{animation:none!important}
}