:root{
  --bg:#abd2f3;--panel:#131a21;--panel2:#18212a;--line:#26313b;--line2:#313d48;
  --text:#f4f7fa;--muted:#8d9aa7;--accent:#ef5b50;--blue:#58aee8;--green:#55c88a;
  --radius:14px;--max:1530px
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:#abd2f3;color:var(--text);font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.muted{color:var(--muted)}.grow{flex:1;min-width:0}.hidden{display:none!important}
.topbar{height:66px;border-bottom:1px solid #202932;background:rgba(10,15,20,.94);backdrop-filter:blur(15px);position:sticky;top:0;z-index:50}.topbar-inner{width:min(calc(100% - 36px),var(--max));height:100%;margin:auto;display:flex;align-items:center;gap:34px}.brand{font-size:20px;font-weight:950;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{width:31px;height:25px;background:#f5f7f9;color:#111;display:grid;place-items:center;font-weight:950;font-style:italic;transform:skew(-7deg);border-radius:3px}.topnav{display:flex;gap:31px;font-size:13px;font-weight:850}.topnav a{color:#c8d0d8}.topnav a:hover,.topnav a.active{color:#fff}.top-spacer{flex:1}.search{width:min(320px,25vw);position:relative}.search input{width:100%;background:#151d25;border:1px solid #25313b;border-radius:11px;color:#e9eef3;padding:10px 13px 10px 35px;outline:none;font-size:12px}.search:before{content:'⌕';position:absolute;left:13px;top:8px;color:#7b8995;font-size:18px}.auth-area{display:flex;align-items:center;gap:11px}.top-login{font-size:12px;color:#b9c4cd;font-weight:800}.avatar{width:31px;height:31px;border:2px solid #8ca0b2;background:linear-gradient(145deg,#7193ae,#263a4d);border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:950}.avatar.guest{opacity:.85}.mobile-menu{display:none;background:transparent;border:0;color:#fff;font-size:22px}.mobile-overlay{display:none}
.site{width:min(calc(100% - 36px),var(--max));margin:18px auto 0;display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:18px}.panel{background:linear-gradient(180deg,#141b22,#11171d);border:1px solid #222d36;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.16)}.sidebar{position:sticky;top:84px;height:max-content;padding:13px}.side-head{padding:8px 10px 15px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #222c35}.side-head .cube{width:34px;height:34px;background:linear-gradient(145deg,#f4f6f8,#cfd6db);transform:rotate(12deg);position:relative}.side-head .cube:after{content:'';position:absolute;width:10px;height:10px;background:#111820;left:12px;top:12px}.side-head b{font-size:15px}.side-head small{display:block;color:#7f8b96;margin-top:4px}.side-nav{padding-top:11px;display:grid;gap:4px}.side-nav a{padding:10px 11px;border-radius:9px;color:#c2cbd3;font-size:13px;font-weight:750;display:flex;align-items:center;gap:10px}.side-nav a:hover,.side-nav a.selected{background:#252f39;color:#fff}.side-nav .ico{width:20px;text-align:center;color:#cbd5dd}.write-main{display:block;margin-top:12px;background:linear-gradient(180deg,#5b6671,#444f59);border-radius:10px;padding:13px;text-align:center;font-weight:900}.side-ad{margin-top:14px;padding:17px;min-height:118px;display:flex;align-items:end;background:linear-gradient(145deg,#1a2d45,#101722);position:relative;overflow:hidden}.side-ad:after{content:'';position:absolute;width:85px;height:85px;background:#060a0e;right:19px;top:19px;transform:rotate(15deg)}.side-ad b{position:relative;z-index:2;font-size:15px;line-height:1.45}.maincol{min-width:0}.rightcol{display:grid;gap:14px;align-content:start}.hero{height:276px;border-radius:var(--radius);border:1px solid #283541;position:relative;overflow:hidden;background:linear-gradient(120deg,#264d67 0,#182937 40%,#263844 68%,#1a2834 100%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,11,.92),transparent 64%),radial-gradient(circle at 73% 30%,rgba(121,176,207,.22),transparent 25%)}.hero-world{position:absolute;bottom:0;height:105px;border-radius:7px 7px 0 0;background:#315063;box-shadow:60px -24px 0 #3a5d70,130px 10px 0 #263f50,210px -42px 0 #355568,300px -7px 0 #2b4657}.hero-world.a{left:48%;width:68px}.hero-world.b{left:71%;width:85px;height:135px;opacity:.7}.hero-avatar{position:absolute;left:35%;bottom:-5px;width:130px;height:197px;background:linear-gradient(#080d12,#111820);clip-path:polygon(38% 0,62% 0,74% 12%,88% 17%,94% 35%,82% 46%,87% 100%,13% 100%,18% 47%,6% 35%,12% 17%,28% 12%);filter:drop-shadow(0 12px 16px #0008)}.hero-copy{position:absolute;left:30px;bottom:23px;z-index:3}.hero-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid #ffffff16;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:900;letter-spacing:.9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#5bd391}.hero h1{font-size:40px;line-height:1.04;margin:11px 0 8px;letter-spacing:-1.3px}.hero p{margin:0;color:#cbd5dd;font-size:13px}.hero-scribble{position:absolute;right:43px;top:56px;z-index:2;transform:rotate(-8deg);font-size:17px;line-height:1.4;color:#eef6ff;font-style:italic;opacity:.86}.chips{display:flex;gap:9px;overflow:auto;padding:15px 4px 16px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid #29343e;background:#161e26;color:#c7d0d8;border-radius:99px;padding:9px 16px;font-size:11px;font-weight:850}.chip:hover,.chip.on{background:#f3f6f8;color:#111;border-color:#f3f6f8}.section{padding:16px;margin-bottom:14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2{margin:0;font-size:16px}.section-title p{margin:4px 0 0;color:#7f8b96;font-size:10px}.section-title a{font-size:11px;color:#8d99a4}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{border:1px solid #27323b;border-radius:11px;overflow:hidden;background:#111820;transition:.18s}.feature-card:hover{transform:translateY(-2px);border-color:#43515d}.thumb{height:128px;position:relative;overflow:hidden;background:linear-gradient(145deg,#304d61,#15212b)}.generated-thumb.t2{background:linear-gradient(145deg,#253342,#111921)}.generated-thumb.t3{background:linear-gradient(145deg,#36546d,#18232d)}.thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1118dd,transparent 58%)}.thumb-badge,.thumb-label{position:absolute;z-index:3}.thumb-badge{left:9px;top:9px;background:#ef5b50;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:900}.thumb-badge.blue{background:#458fca}.thumb-badge.green{background:#3fa36e}.thumb-label{left:11px;bottom:9px;font-size:10px;font-weight:900}.pixel-scene{position:absolute;inset:0}.pixel-scene i{position:absolute;bottom:0;border-radius:5px 5px 0 0;background:#4a7255}.pixel-scene i:nth-child(1){left:7%;width:47px;height:57px}.pixel-scene i:nth-child(2){left:28%;width:64px;height:83px;background:#2b4b54}.pixel-scene i:nth-child(3){left:50%;width:42px;height:67px;background:#527b5a}.pixel-scene i:nth-child(4){left:68%;width:54px;height:93px;background:#324d5a}.pixel-scene i:nth-child(5){right:4%;width:43px;height:52px;background:#637c53}.feature-body{padding:12px}.feature-cat{font-size:9px;color:#ff9389;font-weight:900}.feature-body h3{font-size:13px;margin:6px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-body p{font-size:10px;line-height:1.45;color:#8f9aa4;margin:0;min-height:30px}.feature-foot{margin-top:10px;padding-top:9px;border-top:1px solid #222c35;display:flex;justify-content:space-between;color:#82909c;font-size:9px}.latest-head{display:grid;grid-template-columns:72px minmax(0,1fr) 120px 82px 72px;padding:8px 4px;color:#66737e;font-size:9px;border-top:1px solid #222c35}.latest-row{display:grid;grid-template-columns:72px minmax(0,1fr) 120px 82px 72px;gap:7px;align-items:center;padding:10px 4px;border-top:1px solid #202932;font-size:11px}.latest-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-row:hover{background:#ffffff05}.tag{display:inline-flex;width:max-content;align-items:center;justify-content:center;border-radius:7px;padding:5px 8px;background:#2f83c3;color:#eaf6ff;font-size:9px;font-weight:900}.tag.green{background:#3a9a69}.tag.orange{background:#b96f38}.tag.yellow{background:#c49723}.tag.purple{background:#7746c8}.tag.violet{background:#635cc4}.tag.pink{background:#ad4e7a}.tag.notice{background:#ef5b50}.pin{font-size:8px;background:#ef5b50;color:white;border-radius:4px;padding:3px 5px}.empty-state,.loading{padding:40px 18px;text-align:center;color:#7d8994;font-size:12px}.span-all{grid-column:1/-1}.login-card,.quote-card,.news-card,.rank-card,.ad-card{padding:16px}.login-kicker{font-size:8px;letter-spacing:1.2px;color:#68b8ec;font-weight:950}.login-card h3{font-size:19px;margin:5px 0 8px}.login-card p{font-size:11px;line-height:1.55;color:#9aa6b1}.login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.login-buttons.single{grid-template-columns:1fr}.login-buttons a{display:block;text-align:center;border-radius:9px;padding:10px;background:#f4f7f9;color:#12171c;font-size:11px;font-weight:900}.login-buttons a+ a{background:#161e26;color:#d5dce2;border:1px solid #394550}.login-sub{text-align:center;font-size:9px;color:#7d8994;margin-top:10px}.login-sub button{border:0;background:none;color:#9aa6b1}.quote-card{min-height:118px;background:linear-gradient(145deg,#293e58,#182332);position:relative;overflow:hidden}.quote-card:after{content:'';position:absolute;width:72px;height:72px;background:#05090d;right:23px;top:23px;transform:rotate(14deg)}.quote-card b{position:relative;z-index:2;display:block;font-size:17px;line-height:1.2}.quote-card small{position:relative;z-index:2;color:#a7c5df}.news-list{display:grid;gap:11px}.news-item{padding-bottom:10px;border-bottom:1px solid #25303a}.news-item:last-child{border:0;padding-bottom:0}.news-item b{font-size:11px}.news-item span{display:block;color:#7f8b96;font-size:9px;margin-top:4px}.rank-row{display:grid;grid-template-columns:22px 31px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #202932;font-size:10px}.rank-row:first-of-type{border-top:0}.rank-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#8aa1b8,#35495e);display:grid;place-items:center;font-size:8px}.ad-card{min-height:90px;border-style:dashed;display:grid;place-items:center;text-align:center;color:#74808b}.ad-card b{display:block;color:#8e9aa5;font-size:11px}.ad-card small{font-size:8px}.page{width:min(calc(100% - 36px),1200px);margin:18px auto 40px}.page.with-side{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.board-shell{padding:17px}.board-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px}.board-title-row h1{margin:0;font-size:22px}.board-title-row p{margin:5px 0 0;color:#788590;font-size:10px}.board-tools{display:flex;gap:8px;align-items:center}.board-search{background:#0f151b;border:1px solid #2b3640;color:#fff;border-radius:9px;padding:9px 11px;font-size:11px;outline:none}.board-toolbar{display:flex;gap:7px;margin-bottom:10px}.board-row{display:grid;grid-template-columns:80px minmax(0,1fr) 125px 58px 65px 78px;gap:8px;align-items:center;padding:11px 6px;border-top:1px solid #202932;font-size:11px}.board-row:hover{background:#ffffff05}.title-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.title-link small{color:#67b5e8}.post-card{padding:24px}.post-head{padding-bottom:17px;border-bottom:1px solid #29343e}.post-head h1{font-size:24px;margin:11px 0}.post-meta{display:flex;gap:12px;color:#8996a1;font-size:10px}.post-content{min-height:250px;padding:28px 4px;white-space:pre-wrap;line-height:1.75;font-size:14px;color:#d8dfe5}.post-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #29343e}.action-group{display:flex;gap:8px}.btn{border:1px solid #34414c;background:#151d24;color:#dce4ea;border-radius:9px;padding:9px 12px;font-weight:850;font-size:10px}.btn.primary{background:#f3f6f8;color:#111;border-color:#f3f6f8}.btn.danger{color:#ff9e98;border-color:#633a3a;background:#291719}.btn.liked{background:#f3f6f8;color:#111}.owner-actions[hidden],#adminPanel[hidden]{display:none}.comments-box{margin-top:14px;padding:18px}.comment-form{display:flex;gap:9px}.comment-form textarea{flex:1;min-height:72px;resize:vertical;background:#0f151a;border:1px solid #2c3842;color:#fff;border-radius:9px;padding:11px;outline:none}.comment-item{padding:13px 2px;border-top:1px solid #26313a}.comment-top{display:flex;justify-content:space-between;color:#8d99a4;font-size:9px}.comment-top b{color:#e6ebef;font-size:11px}.comment-body{margin-top:7px;font-size:12px;line-height:1.55}.comment-actions{text-align:right;margin-top:7px}.comment-actions button{border:0;background:none;color:#71808c;font-size:9px}.comment-actions button:hover{color:#fff}.editor{padding:20px}.editor-head h1{margin:0 0 5px;font-size:22px}.editor-head p{margin:0 0 17px;color:#7f8c97;font-size:10px}.form-grid{display:grid;gap:11px}.field label{display:block;font-size:10px;font-weight:850;margin-bottom:6px;color:#aeb9c2}.field input,.field textarea,.field select{width:100%;background:#0f151b;border:1px solid #2d3943;border-radius:9px;color:#fff;padding:11px;outline:none}.field textarea{min-height:360px;resize:vertical;line-height:1.65}.editor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.editor-actions>div{display:flex;gap:8px}.auth-page{width:min(calc(100% - 30px),460px);margin:54px auto}.auth-card{padding:26px}.auth-logo{text-align:center;font-size:24px;font-weight:950;margin-bottom:20px}.auth-card h1{font-size:21px;margin:0 0 6px}.auth-card>p{color:#87939e;font-size:11px;margin:0 0 18px}.auth-card .field{margin-bottom:11px}.auth-card button[type=submit]{width:100%;margin-top:8px;background:#f2f5f7;color:#111;border:0;border-radius:9px;padding:12px;font-weight:950}.auth-card button:disabled{opacity:.6}.auth-bottom{text-align:center;color:#7e8a95;font-size:10px;margin-top:15px}.password-help{font-size:9px;color:#70808b;margin-top:5px}.legal{padding:26px}.legal h1{margin-top:0}.legal h2{font-size:16px;margin-top:26px}.legal p,.legal li{font-size:12px;line-height:1.7;color:#aeb8c1}.mypage-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px}.profile-id{display:flex;align-items:center;gap:13px}.profile-big{width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#87a7c1,#2a4357);display:grid;place-items:center;font-weight:950}.profile-id h1{font-size:20px;margin:0}.profile-id p{font-size:10px;color:#7f8b95;margin:5px 0 0}.stats{display:flex;gap:20px}.stat{text-align:center}.stat b{display:block;font-size:18px}.stat small{color:#74818d;font-size:8px}.tabs{display:flex;gap:7px;border-bottom:1px solid #27323c;padding:0 18px}.tabs button{background:none;border:0;color:#86939f;padding:12px 8px;border-bottom:2px solid transparent;font-size:10px;font-weight:850}.tabs button.on{color:#fff;border-color:#fff}.tab-panel{padding:17px}.my-row{display:flex;gap:10px;align-items:center;padding:11px 2px;border-top:1px solid #26313a;font-size:11px}.hidden-row{opacity:.45;pointer-events:none}.profile-form{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:450px}.profile-form input{background:#0f151b;border:1px solid #2d3943;border-radius:9px;color:#fff;padding:10px}.report-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #26313a}.report-row p{margin:5px 0 0;color:#8b98a3;font-size:10px}.report-row a,.report-row button{border:1px solid #34414b;background:#151d24;color:#dce4e9;border-radius:7px;padding:6px 8px;font-size:9px;margin-left:5px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#1d2730;border:1px solid #3c4a56;color:#fff;padding:11px 15px;border-radius:10px;z-index:9999;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#713f3b;background:#2a1716;color:#ffbbb6}.toast.success{border-color:#356549;background:#14251b;color:#a8efc4}footer{width:min(calc(100% - 36px),var(--max));margin:18px auto 30px;padding-top:15px;border-top:1px solid #1f2830;display:flex;justify-content:space-between;color:#66737e;font-size:9px}footer nav{display:flex;gap:13px}
@media(max-width:1180px){.site{grid-template-columns:220px minmax(0,1fr)}.rightcol{display:none}.search{width:260px}.hero-avatar{left:auto;right:22%}.featured-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.topbar-inner{gap:18px}.topnav{display:none}.search{display:none}.mobile-menu{display:block}.site,.page.with-side{display:block;width:min(calc(100% - 22px),760px)}.sidebar{position:fixed;left:-280px;top:66px;width:260px;height:calc(100vh - 66px);z-index:80;border-radius:0;overflow:auto;transition:.2s}.menu-open .sidebar{left:0}.menu-open .mobile-overlay{display:block;position:fixed;inset:66px 0 0;background:#0008;z-index:70}.hero{height:260px}.hero-avatar{right:7%;opacity:.38}.hero-scribble{display:none}.featured-grid{grid-template-columns:1fr}.thumb{height:150px}.latest-head{display:none}.latest-row{grid-template-columns:72px minmax(0,1fr) 58px}.latest-row .hide-mobile{display:none}.board-row{grid-template-columns:74px minmax(0,1fr) 56px 60px}.board-row .author-col,.board-row .date-col{display:none}.page{width:min(calc(100% - 22px),760px)}.mypage-head{align-items:flex-start;flex-direction:column}.board-title-row{align-items:flex-start;flex-direction:column}.board-tools{width:100%}.board-search{flex:1}}
@media(max-width:520px){.topbar{height:60px}.topbar-inner{width:calc(100% - 20px)}.brand{font-size:18px}.auth-area .top-login{display:none}.site{margin-top:11px}.hero{height:230px}.hero h1{font-size:31px}.hero-copy{left:20px;right:20px}.hero p{font-size:11px}.hero-avatar{width:100px;height:160px}.chips{padding-top:11px}.section{padding:13px}.feature-body h3{font-size:14px}.latest-row{grid-template-columns:64px minmax(0,1fr) 52px;font-size:10px}.board-shell,.post-card,.comments-box,.editor{padding:14px}.board-row{grid-template-columns:65px minmax(0,1fr) 48px;font-size:10px}.board-row>span:nth-child(5){display:none}.post-head h1{font-size:20px}.post-content{font-size:13px;min-height:180px}.post-actions{align-items:flex-start;gap:12px;flex-direction:column}.comment-form{display:block}.comment-form .btn{margin-top:8px;width:100%}.field textarea{min-height:300px}.editor-actions{display:block}.editor-actions>div{margin-top:8px}.editor-actions .btn{flex:1}.auth-page{margin-top:25px}.stats{width:100%;justify-content:space-around}footer{display:block}footer nav{margin-top:8px;flex-wrap:wrap}}

/* Release 2.0 additions */
.btn.active{border-color:#ffd54a;color:#ffd54a}.owner-actions{flex-wrap:wrap}.my-row button{margin-left:8px}.admin-grid{display:grid;gap:14px;padding:16px}.admin-action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.admin-action-row:last-child{border-bottom:0}.admin-action-row .meta{font-size:12px;color:#8f9bad}.profile-link{color:inherit;text-decoration:none}.profile-link:hover{text-decoration:underline}.status-pill{font-size:11px;padding:3px 7px;border-radius:999px;background:#263241;color:#b9c6d8}.status-pill.danger{background:#4a2025;color:#ffadb5}.ad-slot{min-height:90px;border:1px dashed #394452;border-radius:12px;display:grid;place-items:center;color:#667386;background:#0d131b;margin:14px 0;font-size:12px}@media(max-width:760px){.admin-action-row{align-items:flex-start;flex-direction:column}}

/* ==========================================================
   RELEASE 2.1 - 읽기 편한 UI / 접근성 개선
   ========================================================== */
body{font-size:15px;line-height:1.62;letter-spacing:-.12px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{height:70px}.brand{font-size:22px}.topnav{font-size:14px;gap:30px}.search input{font-size:14px;padding-top:11px;padding-bottom:11px}.top-login{font-size:14px}
.side-head b{font-size:16px}.side-head small{font-size:12px}.side-nav a{font-size:14px;line-height:1.4;padding:11px 12px}.write-main{font-size:15px}
.hero h1{font-size:42px;line-height:1.08}.hero p{font-size:15px;line-height:1.6}.hero-pill{font-size:11px}.hero-scribble{font-size:18px}.chip{font-size:13px;padding:9px 17px}
.section{padding:19px}.section-title h2{font-size:18px}.section-title p{font-size:12px;line-height:1.5}.section-title a{font-size:13px}
.feature-cat{font-size:11px}.feature-body h3{font-size:15px;line-height:1.45}.feature-body p{font-size:13px;line-height:1.6;min-height:40px}.feature-foot{font-size:11px}
.latest-head{font-size:11px;padding:10px 6px}.latest-row{font-size:13px;line-height:1.5;padding:12px 6px}.tag{font-size:11px;padding:5px 9px}.pin{font-size:10px}
.empty-state,.loading{font-size:14px;line-height:1.7}.login-kicker{font-size:10px}.login-card h3{font-size:20px}.login-card p{font-size:13px;line-height:1.65}.login-buttons a{font-size:13px;padding:11px}.login-sub{font-size:11px}.news-list,.rank-card,.quote-card{line-height:1.55}
.page h1{line-height:1.25}.page p,.muted{line-height:1.6}input,textarea,select{font-size:15px;line-height:1.5}.btn{font-size:14px;line-height:1.35}.post-title,.editor-head h1,.mypage-head h1{letter-spacing:-.45px}.post-content,.comment-body{font-size:15px;line-height:1.85;word-break:break-word}.comment-top,.post-meta{font-size:12px}.comment-actions button{font-size:12px}.profile-form{align-items:stretch}.profile-form input{min-height:44px}.profile-form .btn{min-height:44px}.nickname-help{margin:9px 0 0;color:#aab6c1;font-size:13px;line-height:1.55}.nickname-help.ok{color:#69d69a}.btn:disabled{opacity:.5;cursor:not-allowed}
footer{font-size:12px;line-height:1.6}
@media(max-width:760px){body{font-size:15px}.topbar{height:62px}.brand{font-size:19px}.hero h1{font-size:32px}.hero p{font-size:14px}.section{padding:15px}.section-title h2{font-size:17px}.feature-body h3{font-size:14px}.feature-body p{font-size:12.5px}.latest-row{font-size:13px}.post-content,.comment-body{font-size:15px;line-height:1.8}.btn{font-size:14px}}

/* ==========================================================
   RELEASE 2.2 - 작은 보조 글씨 집중 가독성 개선
   너무 작은 8~11px 텍스트를 실제 읽기 편한 크기로 상향
   ========================================================== */
:root{--micro:12px;--small:13px;--small-strong:14px}

/* 우측 사이드 패널 */
.rightcol .section-title h2{font-size:18px;line-height:1.35}
.rightcol .section-title a{font-size:13px;line-height:1.4;color:#aeb9c3}
.news-list{gap:0}
.news-item{padding:13px 0;border-bottom:1px solid #2b3640}
.news-item b{font-size:14px;line-height:1.45;font-weight:850;color:#f1f5f8}
.news-item span{font-size:12.5px;line-height:1.55;color:#9da9b4;margin-top:5px}
.rank-row{font-size:13px;line-height:1.45;padding:11px 0}
.rank-row small{font-size:11px;line-height:1.3;color:#a5b1bb;font-weight:800}
.rank-avatar{font-size:10px}
.quote-card small{font-size:11px;line-height:1.4;letter-spacing:.7px}
.ad-card b{font-size:13px}.ad-card small{font-size:11px;line-height:1.45}
.login-kicker{font-size:11px}.login-sub{font-size:12px;line-height:1.5}

/* 카드/목록의 보조 텍스트 */
.section-title p{font-size:13px;line-height:1.55;color:#98a5b0}
.feature-cat{font-size:12px}.feature-foot{font-size:12px;line-height:1.45}
.thumb-badge{font-size:10px}.thumb-label{font-size:12px}
.latest-head{font-size:12px;color:#8996a1}.latest-row{font-size:14px}
.tag{font-size:12px}.pin{font-size:11px}

/* 게시판/상세/댓글의 작은 메타 텍스트 */
.board-title-row p{font-size:13px;line-height:1.55;color:#98a5b0}
.board-search{font-size:14px}
.board-row{font-size:13px;line-height:1.55}
.post-meta{font-size:13px;line-height:1.5}
.comment-top{font-size:13px;line-height:1.45}.comment-top b{font-size:14px}
.comment-actions button{font-size:12px;padding:4px 5px}
.editor-head p{font-size:13px;line-height:1.55}
.field label{font-size:13px;line-height:1.4}

/* 회원/마이페이지/관리자 */
.auth-card>p{font-size:13px;line-height:1.6}.auth-bottom{font-size:12px;line-height:1.55}.password-help{font-size:12px;line-height:1.5}
.profile-id p{font-size:13px;line-height:1.5}.stat small{font-size:11px;line-height:1.35}.tabs button{font-size:13px}
.my-row{font-size:13px;line-height:1.55}.report-row p{font-size:12px;line-height:1.55}.report-row a,.report-row button{font-size:12px}
.status-pill{font-size:12px}.admin-action-row .meta{font-size:13px;line-height:1.55}

/* 법적문서/푸터도 너무 작지 않게 */
.legal p,.legal li{font-size:14px;line-height:1.8}
footer{font-size:12px;line-height:1.6;color:#8996a1}

@media(max-width:760px){
  .news-item b{font-size:14px}.news-item span{font-size:13px}
  .rank-row{font-size:13px}.section-title p{font-size:12.5px}
  .latest-row,.board-row{font-size:13px}.post-meta,.comment-top{font-size:12.5px}
}

/* v2.3 - Naver Cafe inspired post view, adapted for Roblpang dark UI */
.post-view-wrap{min-width:0}
.cafe-post{padding:0 30px 24px;overflow:hidden}
.post-breadcrumb{height:52px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #25313b;color:#87c9f4;font-size:14px;font-weight:800}
.post-breadcrumb .dot{font-size:9px;color:#ff5b6a}.post-breadcrumb a:hover{text-decoration:underline}
.cafe-head{padding:24px 0 19px;border-bottom:1px solid #2a3540}
.title-line{display:flex;align-items:flex-start;gap:11px}.title-line .tag{margin-top:5px;flex:0 0 auto;font-size:11px;padding:5px 8px}.post-head h1{margin:0;font-size:29px;line-height:1.35;letter-spacing:-.7px;font-weight:800;color:#f4f7f9}
.author-row{display:flex;align-items:center;margin-top:17px;gap:11px}.author-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7ca2bf,#2e4558);font-size:14px;font-weight:950;color:white;box-shadow:inset 0 0 0 1px #ffffff16}.author-info{min-width:0}.author-name{display:flex;align-items:center;gap:8px;font-size:13.5px}.author-name b{font-size:14px;color:#f2f5f7}.author-badge{font-size:10px;color:#69d59a;background:#123323;border:1px solid #23573d;border-radius:5px;padding:2px 5px}.post-meta{margin-top:5px;gap:10px;font-size:12.5px;color:#7f8c97}.post-head-tools{margin-left:auto;display:flex;align-items:center;gap:12px}.text-tool{border:0;background:none;color:#b9c4cc;font-size:12.5px;font-weight:700;padding:4px 0;cursor:pointer}.text-tool:hover{color:#fff}.more-tool{color:#8d99a4}
.cafe-content{min-height:170px;padding:36px 4px 64px;max-width:900px;font-size:16px;line-height:1.95;color:#edf1f4;white-space:pre-wrap;word-break:break-word}.cafe-content img{max-width:100%;height:auto;border-radius:10px;margin:12px 0}.cafe-content a{color:#73bff0;text-decoration:underline}
.cafe-actions{padding:16px 0 0;border-top:1px solid #2a3540}.action-pill{border-radius:20px;padding:9px 15px;background:#111920;border-color:#33414d;font-size:13px}.action-pill:hover{background:#1a2530;border-color:#4c5f6f}.action-pill.liked{background:#edf3f7;color:#111;border-color:#edf3f7}
.cafe-comments{margin-top:16px;padding:20px 22px}.comments-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.comments-title-row h2{margin:0;font-size:18px}.comments-title-row h2 span{color:#69b6e8}.comments-title-row>span{font-size:12px;color:#74818d}.cafe-comment-form{background:#0e151b;border:1px solid #2e3b46;border-radius:10px;padding:10px;gap:10px;align-items:stretch}.cafe-comment-form textarea{border:0;background:transparent;min-height:72px;padding:8px 9px;font-size:14px;line-height:1.6}.cafe-comment-form .btn{width:68px;border-radius:8px;font-size:13px}.comment-item{padding:16px 4px}.comment-top{font-size:12px}.comment-top b{font-size:13.5px}.comment-body{font-size:14.5px;line-height:1.75;margin-top:8px}
@media(max-width:760px){.cafe-post{padding:0 18px 18px}.post-breadcrumb{height:46px;font-size:13px}.post-head h1{font-size:23px}.title-line{gap:8px}.author-row{align-items:flex-start}.post-head-tools{gap:9px}.text-tool{font-size:11.5px}.author-badge{display:none}.cafe-content{padding:28px 1px 48px;font-size:15.5px;line-height:1.85}.comments-title-row>span{display:none}.cafe-comments{padding:16px}.cafe-comment-form{display:flex}.cafe-comment-form .btn{width:62px;margin-top:0}.post-head-tools .more-tool{display:none}}

/* v2.5 member level + explicit edit UX */
.level-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:6px;background:#18344a;border:1px solid #2b5c7d;color:#86cff8;font-size:11px;font-weight:900;line-height:1.2;white-space:nowrap}
.level-mini{display:inline-flex;margin-left:4px;color:#70c8f4;font-size:10px;font-style:normal;font-weight:900;vertical-align:middle;white-space:nowrap}
.name-level-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.name-level-line h1{margin:0}
.edit-tool{color:#78c9f6}.edit-tool:hover{color:#bce9ff}.text-tool[hidden]{display:none!important}
.btn[hidden],.text-tool[hidden],.feedback-password-input[hidden],.profile-social-links[hidden],.post-subcategory[hidden],
.room-info-action[hidden],.room-kick-list-btn[hidden],.chat-tab-unread[hidden],.mobile-nav-badge[hidden],
.post-head-tools .edit-tool[hidden]{display:none!important}
.editor-head p b{color:#8cd4fa}.owner-actions .btn:first-child{border-color:#356787;color:#9edbfc;background:#122534}
@media(max-width:760px){.level-badge{font-size:10px;padding:3px 6px}.level-mini{font-size:9px}.post-head-tools .edit-tool{display:inline-flex!important}}


/* v2.6 competitive member tiers + progressive XP */
.tier-badge{--tier:#a86f4c;--tier2:#5a3828;display:inline-flex;align-items:center;gap:5px;height:24px;padding:2px 8px 2px 4px;border-radius:7px;border:1px solid color-mix(in srgb,var(--tier) 62%,#202a32);background:linear-gradient(135deg,color-mix(in srgb,var(--tier2) 64%,#10161c),#111920 72%);color:#f5f8fa;font-size:10px;font-weight:950;line-height:1;white-space:nowrap;vertical-align:middle;box-shadow:inset 0 0 0 1px #ffffff08,0 2px 8px #0003}.tier-emblem{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(145deg,var(--tier),var(--tier2));color:#fff;font-size:11px;line-height:1;box-shadow:0 0 0 1px #ffffff16 inset,0 0 9px color-mix(in srgb,var(--tier) 28%,transparent)}.tier-label{letter-spacing:-.2px}.tier-badge.compact{height:18px;padding:1px 5px 1px 2px;border-radius:5px;gap:3px;margin-left:5px;font-size:8px}.tier-badge.compact .tier-emblem{width:14px;height:14px;border-radius:4px;font-size:8px}
.tier-bronze{--tier:#b67952;--tier2:#60402d}.tier-silver{--tier:#b7c4cf;--tier2:#596976}.tier-gold{--tier:#f0bd45;--tier2:#93661b}.tier-platinum{--tier:#57d2c8;--tier2:#216e70}.tier-diamond{--tier:#79bfff;--tier2:#395ca4}.tier-master{--tier:#a976ff;--tier2:#623a9f}.tier-grandmaster{--tier:#ff6b66;--tier2:#9f302f}.tier-champion{--tier:#ff5aa8;--tier2:#91396a}.tier-mythic{--tier:#8f76ff;--tier2:#4b38aa}.tier-legend{--tier:#ffd85f;--tier2:#b2541d}.tier-legend .tier-emblem{animation:legendPulse 2s ease-in-out infinite}.tier-mythic .tier-emblem,.tier-legend .tier-emblem{box-shadow:0 0 0 1px #ffffff22 inset,0 0 13px color-mix(in srgb,var(--tier) 52%,transparent)}@keyframes legendPulse{50%{filter:brightness(1.22);transform:scale(1.04)}}
.xp-progress-wrap{width:min(360px,100%);margin:7px 0 3px}.xp-progress{height:7px;border-radius:99px;background:#0b1116;border:1px solid #26323b;overflow:hidden}.xp-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#3ba6e9,#75d8ff);transition:width .35s ease}.xp-progress-wrap small{display:block;margin-top:5px;color:#93a1ad;font-size:10px;font-weight:750}
.author-name{flex-wrap:wrap}.author-name .tier-badge{margin-left:2px}.profile-link{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
@media(max-width:760px){.tier-badge{height:22px;font-size:9px;padding-right:6px}.tier-emblem{width:16px;height:16px}.tier-badge.compact .tier-label{display:none}.tier-badge.compact{padding-right:2px}.xp-progress-wrap{width:100%}}

/* Release 2.7 member role marks */
.role-badge{--role:#28b36a;--role2:#12613a;display:inline-flex;align-items:center;gap:5px;height:24px;padding:2px 8px 2px 4px;border-radius:7px;border:1px solid color-mix(in srgb,var(--role) 60%,#202a32);background:linear-gradient(135deg,color-mix(in srgb,var(--role2) 68%,#10161c),#111920 72%);color:#f7fbff;font-size:10px;font-weight:950;line-height:1;white-space:nowrap;vertical-align:middle;box-shadow:inset 0 0 0 1px #ffffff08,0 2px 8px #0003}.role-emblem{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(145deg,var(--role),var(--role2));color:white;font-size:10px;font-weight:1000;box-shadow:0 0 0 1px #ffffff18 inset,0 0 10px color-mix(in srgb,var(--role) 32%,transparent)}.role-label{letter-spacing:-.2px}.role-user{--role:#20b96a;--role2:#12643d}.role-creator{--role:#bf69ff;--role2:#6733a2}.role-developer{--role:#27d4df;--role2:#137783}.role-creator .role-emblem{box-shadow:0 0 0 1px #ffffff20 inset,0 0 12px #bf69ff55}.role-developer .role-emblem{box-shadow:0 0 0 1px #ffffff20 inset,0 0 12px #27d4df55}.role-badge.compact{height:18px;padding:1px 5px 1px 2px;border-radius:5px;gap:3px;margin-left:5px;font-size:8px}.role-badge.compact .role-emblem{width:14px;height:14px;border-radius:4px;font-size:8px}.admin-user-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.role-select{height:38px;border:1px solid #31404d;border-radius:9px;background:#0e151b;color:#eef6fb;padding:0 10px;font-weight:800}@media(max-width:760px){.role-badge{height:22px;font-size:9px;padding-right:6px}.role-emblem{width:16px;height:16px}.role-badge.compact .role-label{display:none}.role-badge.compact{padding-right:2px}}


/* Release 2.8 - grouped game boards */
.game-board-group{margin:14px -2px 0;padding-top:13px;border-top:1px solid #29343e}.side-group-title{display:flex;align-items:center;gap:7px;padding:0 9px 8px;color:#d8e7f4;font-size:12px}.side-group-title b{font-size:12px}.game-board-link{padding:8px 10px!important;font-size:11px!important;border-radius:8px!important;gap:8px!important}.game-board-link .game-board-ico{width:19px;text-align:center;font-size:12px}.game-board-link.selected{background:linear-gradient(90deg,#15334b,#1c2730)!important;color:#fff!important;box-shadow:inset 3px 0 #4eb7f1}.sidebar .side-nav{max-height:calc(100vh - 230px);overflow:auto;padding-right:3px}.sidebar .side-nav::-webkit-scrollbar{width:5px}.sidebar .side-nav::-webkit-scrollbar-thumb{background:#33424e;border-radius:99px}

/* Release 2.8 - blog inspired writer */
.writer-page{background:#0d1217}.writer-toolbar-shell{position:sticky;top:66px;z-index:40;background:#10171d;border-bottom:1px solid #27323b;box-shadow:0 5px 18px #0005}.writer-toolbar{width:min(calc(100% - 32px),1180px);height:58px;margin:auto;display:flex;align-items:center;gap:12px}.toolbar-group{display:flex;align-items:center;gap:3px}.write-tool{min-width:52px;height:39px;border:0;background:transparent;color:#aeb9c3;border-radius:8px;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.write-tool span{font-size:14px}.write-tool:hover{background:#1d2831;color:#fff}.text-tools .write-tool{min-width:38px;font-size:14px}.toolbar-sep{width:1px;height:25px;background:#2b3741}.toolbar-spacer{flex:1}.toolbar-hint{font-size:11px;color:#71808d}.writer-workspace{min-height:calc(100vh - 124px);padding:34px 18px 70px;background:radial-gradient(circle at 50% 0,#18232d 0,#0e1419 38%,#0b1015 100%)}.writer-document{width:min(880px,100%);min-height:760px;margin:auto;background:#141b22;border:1px solid #28343e;border-radius:16px;box-shadow:0 24px 60px #0005;padding:42px 64px 30px;display:flex;flex-direction:column}.writer-doc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}.writer-kicker{font-size:10px;font-weight:950;letter-spacing:1.5px;color:#58aee8}.writer-doc-top h1{margin:4px 0 5px;font-size:24px;letter-spacing:-.7px}.writer-doc-top p{margin:0;color:#7e8b96;font-size:12px}.writer-close{font-size:31px;color:#677582;line-height:1}.writer-close:hover{color:#fff}.writer-category-row{display:flex;align-items:center;gap:13px;margin-bottom:19px}.writer-category-row label{font-size:12px;font-weight:900;color:#8ea0ae}.writer-category-row select{min-width:265px;background:#0e151b;border:1px solid #303d47;color:#e9f1f6;border-radius:9px;padding:9px 12px;outline:none;font-size:12px;font-weight:800}.writer-title{width:100%;border:0;background:transparent;color:#fff;outline:none;font-size:30px;font-weight:800;letter-spacing:-1px;padding:14px 0 18px}.writer-title::placeholder{color:#65727d}.writer-divider{height:1px;background:#2b3740;margin-bottom:15px}.writer-content{width:100%;flex:1;min-height:440px;resize:none;border:0;background:transparent;color:#e9eef2;outline:none;padding:13px 0 20px;font-size:16px;line-height:1.95;letter-spacing:-.2px}.writer-content::placeholder{color:#697681;line-height:1.9}.writer-status{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #26313a;padding:12px 0;color:#6f7e8a;font-size:10px}.writer-status b{color:#8fa0ac}.writer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.writer-bottom-actions{display:flex;gap:8px}.publish-btn{min-width:72px;background:#f3f6f8!important;color:#0b1116!important;border-color:#f3f6f8!important;font-weight:950}.publish-btn:hover{filter:brightness(.94)}
@media(max-width:760px){.writer-toolbar{overflow-x:auto;gap:6px}.toolbar-hint{display:none}.writer-workspace{padding:16px 8px 50px}.writer-document{padding:25px 20px 22px;border-radius:12px;min-height:680px}.writer-title{font-size:25px}.writer-category-row{align-items:flex-start;flex-direction:column;gap:7px}.writer-category-row select{width:100%;min-width:0}.writer-content{font-size:15px;min-height:390px}.writer-bottom{gap:10px}.writer-bottom-actions{gap:5px}.writer-bottom .btn{padding:10px 11px}.game-board-link{font-size:12px!important}}

/* v2.9 readability + sidebar persistence + Korean labels */
.sidebar{max-height:calc(100vh - 96px);overflow:hidden;display:flex;flex-direction:column}
.sidebar .side-nav{max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding-right:6px}
.side-nav a{font-size:15px!important;padding:12px 13px!important;line-height:1.45!important}
.side-group-title{font-size:14px!important;padding:4px 10px 10px!important;position:sticky;top:0;background:#121920;z-index:2}
.side-group-title b{font-size:14px!important}
.game-board-group{margin-top:16px!important;padding-top:14px!important}
.game-board-link{font-size:14px!important;padding:11px 12px!important;gap:10px!important}
.game-board-link .game-board-ico{font-size:15px!important;width:22px!important}
.game-board-link.selected{box-shadow:inset 4px 0 #4eb7f1!important}

.writer-toolbar-shell{top:66px}
.writer-toolbar{height:64px;gap:14px}
.write-tool{min-width:60px;height:46px;font-size:13px!important;gap:3px}
.write-tool span{font-size:16px}
.text-tools .write-tool{min-width:44px;font-size:16px!important}
.toolbar-hint{font-size:13px!important}
.writer-workspace{padding:28px 18px 64px;background:#0d1217}
.writer-document{width:min(980px,100%);min-height:720px;padding:34px 48px 28px;border-radius:14px}
.writer-doc-top{margin-bottom:22px}
.writer-kicker{font-size:12px!important;letter-spacing:.2px;color:#6cc2f1}
.writer-doc-top h1{font-size:28px!important;margin:5px 0 7px}
.writer-doc-top p{font-size:14px!important;color:#95a3ae}
.writer-category-row{display:grid;grid-template-columns:86px minmax(0,420px);gap:12px;align-items:center;margin-bottom:20px;padding:15px 16px;background:#10171d;border:1px solid #2a3640;border-radius:11px}
.writer-category-row label{font-size:14px!important;color:#d0dae1}
.writer-category-row select{width:100%;min-width:0;font-size:14px!important;padding:11px 13px;border-radius:8px}
.writer-title{font-size:34px!important;padding:15px 2px 18px;line-height:1.25}
.writer-content{font-size:17px!important;line-height:1.85!important;min-height:390px;padding:20px 2px 24px}
.writer-status{font-size:12px!important;padding:13px 2px}
.writer-bottom .btn{font-size:13px!important;padding:11px 15px}
.publish-btn{min-width:84px}
@media(max-width:760px){
  .writer-toolbar{height:58px;padding:0 4px}.write-tool{min-width:54px;font-size:12px!important}
  .writer-document{padding:24px 18px 20px}.writer-doc-top h1{font-size:25px!important}.writer-doc-top p{font-size:13px!important}
  .writer-category-row{grid-template-columns:1fr;padding:12px;gap:7px}.writer-title{font-size:28px!important}.writer-content{font-size:16px!important}
}


/* Release 3.0 - 세부 게시판 / 프로필 액션 / 쪽지 / 1:1 채팅 */
.top-mini-link{display:inline-flex;align-items:center;gap:5px;color:#b9c7d2;font-size:13px;font-weight:850;padding:7px 8px;border-radius:8px}
.top-mini-link:hover{background:#1a242c;color:#fff}
.post-author-link{font-weight:950;color:#f2f8fc;text-decoration:none;font-size:15px}
.post-author-link:hover{color:#68c4f4;text-decoration:underline}
.post-subcategory{display:inline-flex;margin:22px 0 -6px;padding:5px 10px;border-radius:999px;background:#1b2b36;border:1px solid #2f4657;color:#9edcff;font-size:12px;font-weight:900}
.subtag{display:block;margin-top:5px;color:#7f93a3;font-size:10px;font-weight:800;white-space:nowrap}
.subcategory-bar{display:flex;gap:8px;flex-wrap:wrap;padding:13px 0 17px;border-bottom:1px solid #27333c}
.sub-chip{border:1px solid #31404b;background:#0e151b;color:#9eacb8;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:850;cursor:pointer}
.sub-chip:hover,.sub-chip.on{background:#1d4057;border-color:#3d88b5;color:#eaf8ff}
.community-special .side-group-title{color:#ffe69b}
.trade-safety-note{margin:-7px 0 10px;color:#a4b0ba;font-size:12px;line-height:1.6}
.writer-category-row{grid-template-columns:86px minmax(0,1fr) 86px minmax(0,1fr)!important}
.writer-category-row select{min-width:0!important}
.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.profile-actions .btn{font-size:13px}

.message-page{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:16px;min-width:0}
.message-list-panel,.note-compose{padding:22px;min-width:0}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #29353e}
.section-head h1{margin:0 0 6px;font-size:24px}.section-head p{margin:0;color:#8e9da9;font-size:13px;line-height:1.6}
.message-tabs{display:flex;gap:8px;padding:14px 0}
.message-list{display:flex;flex-direction:column;gap:7px;max-height:630px;overflow:auto}
.message-row{width:100%;border:1px solid #27343d;background:#0e151b;color:#eaf2f7;border-radius:10px;padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;cursor:pointer}
.message-row:hover{background:#16212a;border-color:#3a4b58}.message-row.unread{box-shadow:inset 3px 0 #50bdf2;background:#11202a}
.message-row b{font-size:14px}.message-row p{margin:5px 0 0;color:#8d9ca7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-row>span{display:flex;flex-direction:column;align-items:flex-end;color:#b7c4ce;font-size:12px;font-weight:800}.message-row small{margin-top:6px;color:#71818d;font-weight:600}
.note-compose h2{margin:0 0 15px;font-size:20px}
.note-compose form{display:grid;gap:11px;padding-bottom:20px;border-bottom:1px solid #29353e}.note-compose label{display:grid;gap:6px;color:#b8c7d2;font-size:12px;font-weight:850}
.note-compose input,.note-compose textarea{width:100%;background:#0d141a;color:#eaf3f8;border:1px solid #31404b;border-radius:9px;padding:11px 12px;outline:none;font:inherit}
.note-compose textarea{min-height:130px;resize:vertical;line-height:1.7}
.note-viewer{padding-top:20px}.note-view-head{display:flex;justify-content:space-between;gap:12px}.note-view-head div{display:flex;gap:8px;align-items:center}.note-view-head span,.note-view-head small{color:#7e8e9a;font-size:11px}
.note-view-head a{color:#8fd8ff}.note-viewer h2{font-size:19px;margin:16px 0}.note-view-body{min-height:120px;color:#e3ebf0;font-size:14px;line-height:1.85;white-space:normal}.note-view-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}

.chat-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:680px;overflow:hidden;padding:0}
.chat-people-wrap{border-right:1px solid #2a3640;background:#10171d;min-width:0}.chat-side-head{padding:19px 17px;border-bottom:1px solid #2a3640;display:flex;align-items:center;justify-content:space-between}
.chat-side-head h1{font-size:19px;margin:0}.chat-side-head a{color:#7dcdf8;font-size:12px;font-weight:850}
.chat-people{padding:9px;display:flex;flex-direction:column;gap:5px;max-height:620px;overflow:auto}
.chat-person{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px;color:#dce7ed}.chat-person:hover,.chat-person.on{background:#1a2b37}
.chat-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#5c91b1,#263e50);font-size:12px;font-weight:950}
.chat-person>span:last-child{display:flex;flex-direction:column;min-width:0}.chat-person b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person small{color:#7f909d;margin-top:2px;font-size:10px}
.chat-main{min-width:0;background:#0d141a}.chat-empty{height:680px;display:grid;place-content:center;text-align:center;color:#8495a1;padding:30px}.chat-empty b{color:#dbe7ed;font-size:18px}.chat-empty p{max-width:420px;line-height:1.7}
.chat-head{height:70px;border-bottom:1px solid #29353e;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.chat-head>div{display:flex;flex-direction:column}.chat-head b{font-size:16px}.chat-head small{color:#788995;margin-top:3px}
.chat-messages{height:530px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 50% 0,#111d25 0,#0d141a 52%)}
.chat-bubble{max-width:min(70%,560px);display:flex;flex-direction:column;gap:4px}.chat-bubble>div{padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.6;word-break:break-word}.chat-bubble small{font-size:9px;color:#6f808c}
.chat-bubble.mine{align-self:flex-end;align-items:flex-end}.chat-bubble.mine>div{background:#2479ad;color:#fff;border-bottom-right-radius:4px}
.chat-bubble.theirs{align-self:flex-start}.chat-bubble.theirs>div{background:#1b252d;color:#eaf1f5;border:1px solid #2c3943;border-bottom-left-radius:4px}
.chat-form{height:80px;border-top:1px solid #29353e;display:flex;gap:9px;padding:10px}.chat-form textarea{flex:1;resize:none;background:#0b1217;border:1px solid #31404b;border-radius:10px;padding:10px 12px;color:#eaf3f8;outline:none;font:inherit;line-height:1.5}.chat-form .btn{min-width:68px}
.empty-state.small{font-size:11px;line-height:1.6;padding:20px 8px}

@media(max-width:980px){
  .message-page{grid-template-columns:1fr}.chat-shell{grid-template-columns:210px minmax(0,1fr)}
  .writer-category-row{grid-template-columns:1fr 1fr!important}.writer-category-row label{display:none}
}
@media(max-width:760px){
  .top-mini-link span{display:none}.top-mini-link{padding:6px}
  .writer-category-row{grid-template-columns:1fr!important}
  .message-page{display:block}.note-compose{margin-top:12px}
  .chat-shell{display:block;min-height:0}.chat-people-wrap{border-right:0;border-bottom:1px solid #2a3640}.chat-people{max-height:180px;flex-direction:row;overflow-x:auto;overflow-y:hidden}.chat-person{min-width:150px}.chat-empty{height:430px}.chat-messages{height:430px}
  .profile-actions{width:100%;margin-left:0;margin-top:12px}
}

/* === v3.1 미디어 첨부 + 게시판 목록 정렬 === */
.board-shell .latest-head{grid-template-columns:80px minmax(0,1fr) 125px 58px 65px 78px;gap:8px;align-items:center;padding:10px 6px}
.board-shell .latest-head span:nth-child(4),.board-shell .latest-head span:nth-child(5){text-align:center}
.board-shell .latest-head span:last-child{text-align:right}
.board-row .metric-col{text-align:center;font-variant-numeric:tabular-nums}
.board-row .date-col{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.title-link-wrap{min-width:0;display:flex;align-items:center;gap:12px}
.title-link-wrap>.title-link{min-width:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.post-preview-text{display:block;flex-basis:100%;margin-top:3px;color:#74828e;font-size:11px;font-style:normal;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-media-thumb{width:72px;height:54px;flex:0 0 72px;overflow:hidden;border-radius:8px;border:1px solid #34414c;background:#0a0f13;position:relative;display:block}
.board-media-thumb img,.board-media-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.board-media-thumb.video-thumb i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:20px;color:#fff;text-shadow:0 2px 8px #000;background:#0003}
.real-thumb img,.real-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.real-thumb.video .video-play{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:white;text-shadow:0 3px 12px #000;z-index:2;background:#0002}
.post-content{white-space:normal}
.post-text-block{white-space:pre-wrap;word-break:break-word}
.post-text-block:not(:empty){margin:0 0 20px}
.post-media{margin:22px 0;max-width:100%}
.post-media img,.post-media video{display:block;max-width:100%;width:auto;height:auto;max-height:780px;margin:0 auto;border-radius:12px;border:1px solid #303c47;background:#090d10;box-shadow:0 8px 24px #0004}
.post-media video{width:min(100%,920px)}
.media-upload-status{margin:8px 0 0;padding:11px 13px;border:1px solid #31536a;background:#102332;border-radius:9px;color:#9ddcff;font-size:13px;font-weight:800}
.writer-media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:4px 0 16px}
.writer-media-item{position:relative;min-height:100px;border:1px solid #303d47;border-radius:10px;overflow:hidden;background:#0b1116}
.writer-media-item img,.writer-media-item video{display:block;width:100%;height:145px;object-fit:cover}
.writer-media-item button{position:absolute;right:7px;top:7px;width:28px;height:28px;border:1px solid #ffffff40;border-radius:50%;background:#000b;color:white;font-size:19px;line-height:1;cursor:pointer}
.write-tool:disabled{opacity:.45;cursor:wait}

@media(max-width:860px){
  .board-shell .latest-head{display:none}
  .board-row{grid-template-columns:74px minmax(0,1fr) 58px 64px}
  .board-row .author-col,.board-row .date-col{display:none}
  .post-preview-text{font-size:10px}
  .board-media-thumb{width:62px;height:47px;flex-basis:62px}
}
@media(max-width:520px){
  .board-row{grid-template-columns:64px minmax(0,1fr) 48px}
  .board-row>span:nth-child(5){display:none}
  .board-media-thumb{width:54px;height:42px;flex-basis:54px}
  .title-link-wrap{gap:8px}
  .writer-media-preview{grid-template-columns:1fr 1fr}
  .writer-media-item img,.writer-media-item video{height:120px}
  .post-media{margin:16px 0}.post-media img,.post-media video{border-radius:9px}
}

/* v3.2 inline block editor */
.writer-block-editor{display:block;min-height:470px;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.writer-block-editor:empty:before{content:attr(data-placeholder);color:#667786;pointer-events:none}
.writer-block-editor:focus{outline:none}
.editor-media-block{position:relative;width:min(100%,760px);margin:22px auto;padding:0;border:1px solid #32414d;border-radius:14px;overflow:hidden;background:#0c1217;box-shadow:0 8px 26px #0003}
.editor-media-block img,.editor-media-block video{display:block;width:100%;max-height:560px;object-fit:contain;background:#080c10}
.editor-media-controls{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;background:transparent;border:0;padding:0;margin:0}
.editor-media-remove{pointer-events:auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,15,20,.78);backdrop-filter:blur(6px);color:#fff;font-size:22px;font-weight:700;cursor:pointer;line-height:1;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.editor-media-remove:hover{background:rgba(31,42,53,.92);color:#fff;transform:scale(1.04)}
.editor-line{min-height:32px}
.media-upload-status{position:sticky;top:132px;z-index:5;margin:0 0 10px;padding:10px 13px;border:1px solid #2d79a8;border-radius:10px;background:#123047;color:#bfe7ff;font-size:13px;font-weight:800}
@media(max-width:760px){.writer-block-editor{min-height:390px}.editor-media-block{margin:16px 0}.editor-media-block img,.editor-media-block video{max-height:420px}.editor-media-controls{}}
/* v3.3 실제 리치 텍스트 편집기 */
.writer-block-editor p{margin:.45em 0;min-height:1.5em}
.writer-block-editor strong{font-weight:900;color:#fff}
.writer-block-editor h2{margin:1.1em 0 .45em;font-size:1.38em;line-height:1.4;color:#f5f8fa;font-weight:900;letter-spacing:-.4px}
.writer-block-editor ul,.writer-block-editor ol{margin:.7em 0 .9em 1.6em;padding-left:.6em}
.writer-block-editor li{margin:.32em 0;padding-left:.18em}
.writer-block-editor a{color:#61b8f4;text-decoration:underline;text-underline-offset:3px}
.writer-block-editor hr{border:0;border-top:1px solid #3a4650;margin:1.7em 0}
.writer-block-editor:empty:before{content:attr(data-placeholder);color:#667785;pointer-events:none}
.post-rich-content{font-size:inherit;line-height:inherit;word-break:break-word}
.post-rich-content p{margin:.6em 0;min-height:1.4em}
.post-rich-content strong{font-weight:900;color:#fff}
.post-rich-content h2{font-size:1.42em;line-height:1.4;margin:1.25em 0 .55em;font-weight:900;color:#fff;letter-spacing:-.4px}
.post-rich-content ul,.post-rich-content ol{margin:.8em 0 1em 1.7em;padding-left:.6em}
.post-rich-content li{margin:.35em 0}
.post-rich-content a{color:#63bdf7;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.post-rich-content hr{border:0;border-top:1px solid #34414c;margin:1.8em 0}
.write-tool.is-active{background:#24323e;color:#fff}

.profile-link-help{margin:4px 0 12px;color:#8fa0ad;font-size:13px;line-height:1.55}
.social-links-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:820px}
.social-links-form label{display:grid;gap:6px}
.social-links-form label span{font-size:13px;font-weight:850;color:#bac6cf}
.social-links-form input{width:100%;min-height:44px;background:#0f151b;border:1px solid #2d3943;border-radius:9px;color:#fff;padding:10px 12px;outline:none}
.social-links-form input:focus{border-color:#4ca9e8;box-shadow:0 0 0 3px rgba(76,169,232,.08)}
.social-links-form .btn{grid-column:1/-1;justify-self:start;min-height:42px}
.profile-social-links{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #26313a}
.social-link-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #34414c;border-radius:10px;background:#121a21;color:#e6edf2;font-size:13px;font-weight:850;transition:.15s}
.social-link-btn:hover{background:#1a2630;border-color:#4b6274;transform:translateY(-1px)}
.social-link-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}.social-link-icon img{display:block;width:20px;height:20px;object-fit:contain;border-radius:4px}.social-link-btn.social-roblox .social-link-icon img,.social-link-btn.social-medal .social-link-icon img{width:21px;height:21px}
@media(max-width:700px){.social-links-form{grid-template-columns:1fr}.social-links-form .btn{grid-column:1}.profile-social-links{gap:7px}.social-link-btn{font-size:12px}}

/* v3.5 custom tier emblems */
.tier-emblem{padding:0;background:transparent!important;box-shadow:none!important;overflow:visible;border-radius:0!important}
.tier-icon-img{display:block;width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.tier-badge.compact .tier-icon-img{width:15px;height:15px}
.tier-legend .tier-icon-img{animation:legendIconPulse 2s ease-in-out infinite}
@keyframes legendIconPulse{50%{filter:drop-shadow(0 0 7px rgba(255,216,95,.75)) brightness(1.15);transform:scale(1.07)}}
.tier-guide-card{margin:0 0 22px;padding:18px;border:1px solid #27343e;border-radius:14px;background:#10171d}
.tier-guide-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.tier-guide-head h3{margin:0!important;font-size:16px}.tier-guide-head p{margin:5px 0 0;color:#83919d;font-size:12px}
.tier-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.tier-guide-item{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid #27343e;border-radius:11px;background:#0c1319;min-width:0}
.tier-guide-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}.tier-guide-icon .tier-icon-img{width:32px;height:32px}
.tier-guide-copy{display:grid;gap:4px;min-width:0}.tier-guide-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-guide-copy small{font-size:10px;color:#82919d}
@media(max-width:850px){.tier-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.tier-guide{grid-template-columns:1fr}.tier-guide-item{padding:10px 12px}}

/* 로블팡 공식 로고 */
.brand.brand-logo{display:flex;align-items:center;height:100%;padding:0;flex:0 0 auto}
.brand.brand-logo img{display:block;width:auto;height:46px;max-width:190px;object-fit:contain}
.side-brand-icon{width:44px;height:44px;object-fit:contain;flex:0 0 44px}
.auth-logo-image{display:flex;justify-content:center;align-items:center;margin-bottom:22px}
.auth-logo-image img{display:block;width:min(260px,82%);height:auto;max-height:82px;object-fit:contain}
@media(max-width:900px){.brand.brand-logo img{height:40px;max-width:160px}.side-brand-icon{width:40px;height:40px;flex-basis:40px}}
@media(max-width:520px){.brand.brand-logo img{height:36px;max-width:142px}}

/* v3.7 profile avatar */
.avatar,.profile-big,.post-avatar,.comment-avatar,.author-mini-avatar{overflow:hidden;flex:0 0 auto}
.avatar-photo{width:100%;height:100%;display:block;object-fit:cover}
.avatar-initials{width:100%;height:100%;display:grid;place-items:center}
.profile-avatar-wrap{display:grid;grid-template-columns:72px;gap:7px;justify-items:center}
.profile-avatar-wrap .profile-big{width:72px;height:72px;border:2px solid #43576a;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.avatar-edit-btn,.avatar-remove-btn{border:0;background:none;color:#68b8ec;font-size:11px;font-weight:850;cursor:pointer;padding:0}
.avatar-remove-btn{color:#82919d;font-size:10px}
.avatar-edit-btn:hover,.avatar-remove-btn:hover{color:#fff}
.post-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#87a7c1,#2a4357);display:grid;place-items:center;font-weight:950;border:1px solid #405263;margin-right:11px}
.author-mini-avatar{width:26px;height:26px;border-radius:50%;background:#253541;display:inline-grid;place-items:center;vertical-align:middle;margin-right:7px}
.author-col{display:flex!important;align-items:center;min-width:0}
.author-col>span:last-child{min-width:0}
.comment-profile{display:inline-flex;align-items:center;gap:8px}
.comment-avatar{width:30px;height:30px;border-radius:50%;background:#253541;display:grid;place-items:center;font-size:9px}
@media(max-width:720px){.profile-avatar-wrap{grid-template-columns:62px}.profile-avatar-wrap .profile-big{width:62px;height:62px}.post-avatar{width:40px;height:40px}}

.editorial-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;border-radius:999px;background:#12334b;border:1px solid #235d84;color:#8dd3ff;font-size:9px;font-weight:900;vertical-align:middle}.editorial-badge[hidden]{display:none!important}

/* v3.8 readability / custom nav icons / cleaner authors */
.sidebar .side-nav a{font-size:15px!important;min-height:44px;gap:11px!important;padding:10px 12px!important;line-height:1.2}
.sidebar .side-nav .ico,.game-board-ico,.side-icon-wrap{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:#a9c7dd}
.sidebar .side-nav .ico img,.game-board-ico img,.side-icon-wrap img{width:20px;height:20px;display:block;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}
.game-board-ico{overflow:hidden;border-radius:6px}.game-board-ico img{width:22px;height:22px;object-fit:cover}
.side-group-title{font-size:13px!important;padding:2px 10px 10px!important}.side-group-title b{font-size:13px!important}
.write-main{display:flex!important;align-items:center;justify-content:center;gap:8px}.write-icon{width:20px;height:20px;display:grid;place-items:center}.write-icon img{width:18px;height:18px;filter:brightness(0) invert(1)}
.role-emblem img{width:12px;height:12px;display:block;filter:brightness(0) invert(1)}

/* board list is card-like, avoids overlapping title/badges */
.board-shell>.latest-head{display:none!important}
.board-row-v2{display:grid!important;grid-template-columns:92px minmax(0,1fr) 184px 58px 58px 82px!important;gap:14px!important;align-items:center!important;min-height:108px;padding:14px 10px!important;border-bottom:1px solid #26323c!important;text-decoration:none!important}
.board-row-v2:hover{background:#111b23}
.board-type-col{display:grid;gap:7px;align-content:center;justify-items:start;min-width:0}.board-type-col .tag{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-type-col .subtag{font-size:11px!important;color:#8fa4b4;margin:0!important;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-main-col{display:flex;align-items:center;gap:13px;min-width:0}.board-title-copy{display:grid;gap:7px;min-width:0}.title-line-v2{display:flex;align-items:center;gap:5px;min-width:0}.title-line-v2>b{font-size:15px;color:#f3f8fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.comment-count{font-size:11px;color:#4ab8ff;flex:0 0 auto}.post-preview-text{font-size:12.5px!important;line-height:1.45!important;color:#8fa3b2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.board-media-thumb{width:100px!important;height:68px!important;flex:0 0 100px!important;border-radius:10px!important;border:1px solid #30404d!important;background:#0a1015!important}.board-media-thumb img,.board-media-thumb video{width:100%;height:100%;object-fit:cover}.video-play-icon{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0004;font-size:22px}
.board-author-v2{display:flex;align-items:center;gap:9px;min-width:0}.board-author-v2 .author-mini-avatar{width:34px;height:34px;flex:0 0 34px;margin:0}.author-copy{display:grid;gap:5px;min-width:0}.author-copy>b{font-size:12.5px;color:#dce8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-badges{display:flex;align-items:center;gap:4px;min-width:0}.board-author-v2 .role-badge{display:none!important}.board-author-v2 .tier-badge.compact{margin-left:0}.board-author-v2 .editorial-badge{margin-left:0!important;font-size:8.5px}.board-row-v2 .metric-col{display:grid!important;justify-items:center;gap:2px}.board-row-v2 .metric-col b{font-size:13px;color:#dbe7ef}.board-row-v2 .metric-col small{font-size:9px;color:#708494}.board-row-v2 .date-col{font-size:11px!important;color:#8da0ae!important;text-align:right!important}

/* post author card */
.cafe-head{padding-bottom:16px}.post-head .title-line{align-items:flex-start;gap:10px}.post-head .title-line h1{font-size:27px!important;line-height:1.3!important;letter-spacing:-.5px}
.author-row{margin-top:18px!important;padding:13px 14px!important;border:1px solid #283640;border-radius:12px;background:#0d151b;align-items:center!important;gap:12px!important}.post-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;border:1px solid #3a4d5d}.author-info{min-width:0;flex:1}.author-name{display:flex!important;align-items:center!important;gap:6px!important;min-height:24px}.post-author-link{font-size:15px!important}.post-meta{margin-top:5px;display:flex;gap:10px;color:#869aa9;font-size:11.5px}.post-head-tools{margin-left:auto;display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.post-head-tools .text-tool{padding:7px 8px!important;border-radius:7px!important;background:#121d25!important;border:1px solid #2a3945!important;font-size:11px!important;color:#bad0df!important}.post-head-tools .text-tool:hover{background:#192630!important;color:#fff!important}.author-name .role-badge,.author-name .tier-badge{height:22px!important}.author-name .role-badge{font-size:9px!important;padding-right:6px!important}.author-name .tier-badge{font-size:9px!important;padding-right:6px!important}.editorial-badge{font-size:9px!important;padding:4px 7px!important}.level-badge{height:22px!important;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;background:#13314a;border:1px solid #285b80;color:#7ed0ff;font-size:10px;font-weight:900}
.post-subcategory{display:inline-flex!important;margin:4px 0 14px!important;padding:5px 9px!important;border-radius:7px!important;background:#17232c!important;color:#a9c2d4!important;font-size:11px!important}.post-content{font-size:16px!important;line-height:1.9!important;color:#e6edf3!important}.post-content p{margin:0 0 17px}.editorial-guide-cover{margin:8px 0 28px!important}.editorial-guide-cover img{width:100%;max-height:460px;object-fit:cover;border-radius:12px}

/* guide artwork should actually appear in seeded guide lists */
.editorial-thumb{background:#0c1319}.feature-card .real-thumb img{width:100%;height:100%;object-fit:cover}

@media(max-width:1100px){.board-row-v2{grid-template-columns:82px minmax(0,1fr) 150px 52px 52px!important;gap:10px!important}.board-row-v2 .date-col{display:none!important}.board-media-thumb{width:82px!important;height:58px!important;flex-basis:82px!important}}
@media(max-width:780px){.board-row-v2{grid-template-columns:70px minmax(0,1fr) 46px!important;min-height:92px;padding:10px 6px!important}.board-author-v2,.board-row-v2 .metric-col:nth-of-type(5),.board-row-v2 .date-col{display:none!important}.board-media-thumb{width:66px!important;height:48px!important;flex-basis:66px!important}.title-line-v2>b{font-size:14px}.post-preview-text{font-size:11px!important}.author-row{align-items:flex-start!important;flex-wrap:wrap}.post-head-tools{width:100%;margin-left:60px;justify-content:flex-start}.post-head .title-line h1{font-size:22px!important}}

/* v3.8 editorial guide formatting */
.editorial-article{display:grid;gap:18px}.editorial-article>p{margin:0!important;line-height:1.85}.guide-section,.guide-summary,.guide-check,.guide-note{border:1px solid #2a3944;border-radius:12px;background:#0d151b;padding:17px 18px}.guide-section h3,.guide-summary h3,.guide-check h3{margin:0 0 10px!important;font-size:15px;color:#f0f7fc}.guide-section p,.guide-summary p{margin:0!important;color:#d7e2e9;line-height:1.75}.guide-steps{display:grid;gap:8px;margin-top:12px;counter-reset:step}.guide-steps>div{position:relative;padding:10px 12px 10px 42px;border-radius:9px;background:#121e27;color:#dce8ef;line-height:1.5;counter-increment:step}.guide-steps>div:before{content:counter(step);position:absolute;left:11px;top:9px;width:22px;height:22px;border-radius:6px;background:#1e7db8;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.guide-section.warn{border-color:#5c4430;background:#17130f}.guide-section.warn ul{margin:0;padding-left:20px;display:grid;gap:8px}.guide-section.warn li{color:#e8d7c5}.guide-summary{border-color:#255d7e;background:#0d1b24}.guide-summary h3{color:#78ccff}.guide-note{color:#91a5b3;font-size:12px;line-height:1.65;background:#0b1116}.guide-check>div{display:flex;flex-wrap:wrap;gap:7px}.guide-check span{padding:7px 9px;border-radius:8px;background:#15222b;border:1px solid #2b3b47;font-size:12px;color:#c2d2dd;line-height:1.3}


/* === v3.8.1 visibility & board/post polish === */
.sidebar .side-nav a{min-height:46px;padding:11px 12px;border-radius:10px;font-size:15px;font-weight:850;color:#d7e0e7}
.sidebar .side-nav a:hover,.sidebar .side-nav a.selected{background:#1a2833;color:#fff}
.sidebar .side-nav .ico,.game-board-ico,.side-icon-wrap{width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#0e171e;border:1px solid #263744;display:grid;place-items:center}
.sidebar .side-nav .ico img,.game-board-ico img,.side-icon-wrap img{width:21px;height:21px;display:block;filter:none!important;opacity:1!important}
.game-board-group{margin-top:16px;padding-top:14px;border-top:1px solid #2b3944}
.side-group-title{position:static!important;background:transparent!important;display:flex;align-items:center;gap:9px;padding:5px 9px 10px!important;color:#ecf6fc!important}
.side-group-title b{font-size:14px!important;letter-spacing:-.15px}
.game-board-link{min-height:45px!important;padding:9px 10px!important;font-size:14px!important;font-weight:820!important;gap:10px!important}
.game-board-ico{background:#101a22!important;border-color:#2a3b48!important;border-radius:7px!important;overflow:visible!important}
.game-board-ico img{width:26px!important;height:26px!important;object-fit:contain!important;border-radius:0!important}
.game-board-link.selected{background:linear-gradient(90deg,#14334a,#182630)!important;box-shadow:inset 3px 0 #55c9ff!important}
.sidebar .side-nav{max-height:calc(100vh - 205px)!important;padding-right:6px!important}

.board-shell .latest-head{grid-template-columns:minmax(0,1fr) 180px 120px 86px!important;gap:16px!important;padding:12px 14px!important}
.board-shell .latest-head span:first-child{grid-column:1}.board-shell .latest-head span:nth-child(2){display:none}.board-shell .latest-head span:nth-child(3){grid-column:2}.board-shell .latest-head span:nth-child(4){grid-column:3}.board-shell .latest-head span:nth-child(5){display:none}.board-shell .latest-head span:nth-child(6){grid-column:4;text-align:right}
.board-row-v3{display:grid;grid-template-columns:minmax(0,1fr) 180px 120px 86px;gap:16px;align-items:center;min-height:112px;padding:14px;border-bottom:1px solid #25323c;text-decoration:none}
.board-row-v3:hover{background:#111a21}
.board-main-v3{min-width:0;display:flex;align-items:center;gap:14px}
.board-main-v3 .board-media-thumb{width:104px!important;height:70px!important;flex:0 0 104px!important;border-radius:10px;border:1px solid #344856;background:#091016;overflow:hidden}
.board-main-v3 .board-media-thumb img,.board-main-v3 .board-media-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.board-title-copy{min-width:0;display:grid;gap:6px;align-content:center}
.board-kickers{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:24px}
.board-kickers .tag{font-size:10px;padding:5px 8px;border-radius:6px;max-width:none!important}
.board-kickers .subtag{display:inline-flex;margin:0!important;padding:4px 7px;border:1px solid #30404c;border-radius:6px;background:#111b23;color:#93a8b7!important;font-size:10px!important;max-width:180px!important}
.board-kickers .editorial-badge{margin:0!important;height:22px;padding:3px 7px!important;font-size:9px!important}
.title-line-v3{display:flex;align-items:center;gap:6px;min-width:0}
.title-line-v3>b:not(.pin){font-size:15px;line-height:1.35;color:#f5f8fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.title-line-v3 .comment-count{flex:0 0 auto;color:#55bff4;font-size:11px;font-weight:900}
.board-row-v3 .post-preview-text{margin:0;color:#7f909d;font-size:11.5px;line-height:1.45;max-width:100%}
.board-author-v3{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 9px;border:1px solid #273743;border-radius:10px;background:#0e161c}
.board-author-v3 .author-mini-avatar{width:38px;height:38px;flex:0 0 38px;margin:0}
.board-author-v3 .author-copy{display:grid;gap:5px;min-width:0}.board-author-v3 .author-copy>b{font-size:12.5px;color:#e6eef3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-author-v3 .author-badges{display:flex;gap:5px;align-items:center;min-width:0}.board-author-v3 .level-mini{font-size:9.5px;margin:0}.board-author-v3 .tier-badge.compact{margin:0;height:21px;max-width:94px}
.board-stats-v3{display:flex;justify-content:center;gap:10px;padding:8px;border:1px solid #263641;border-radius:10px;background:#0e161c}
.board-stats-v3>span{min-width:38px;display:grid;justify-items:center;gap:2px}.board-stats-v3 b{font-size:12px;color:#e5eef4}.board-stats-v3 small{font-size:8.5px;color:#768b9a}
.board-row-v3 .date-col{font-size:11px!important;color:#91a3b0!important;text-align:right!important;white-space:nowrap}
.video-play-icon,.video-play,.play-glyph{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.2)}
.video-play-icon:after,.video-play:after,.play-glyph:after{content:"";display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}

/* post author information */
.author-row{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:12px!important;padding:14px!important;background:linear-gradient(180deg,#0f181f,#0c141a)!important;border:1px solid #2a3a46!important;border-radius:13px!important}
.post-avatar{width:52px!important;height:52px!important;border-radius:50%!important;margin:0!important;align-self:start}
.author-info{display:grid;gap:7px;min-width:0}.author-name{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.post-author-link{font-size:16px!important;color:#f5f8fa!important}.post-meta{margin:0!important;display:flex!important;align-items:center;gap:12px!important;color:#8da0ae!important;font-size:11.5px!important}
.author-name .level-badge,.author-name .role-badge,.author-name .tier-badge,.author-name .editorial-badge{height:23px!important;margin:0!important}
.author-name .role-badge{background:#10251d!important;border-color:#245a43!important}.author-name .tier-badge{background:#171d23!important;border-color:#344451!important}
.post-head-tools{align-self:center!important;display:flex!important;gap:6px!important;max-width:260px!important}.post-head-tools .text-tool{min-height:34px!important;padding:8px 10px!important}
.post-subcategory{margin:18px 0 0!important}
.cafe-content{padding-top:24px!important;line-height:1.9!important;font-size:15.5px!important;color:#e8eef2!important}
.editorial-guide-cover{margin:0 0 28px!important;max-width:920px!important}.editorial-guide-cover img{width:100%!important;max-height:460px!important;object-fit:cover!important;border-radius:14px!important}
.editorial-article{max-width:920px}.editorial-article .guide-section,.editorial-article .guide-summary,.editorial-article .guide-check,.editorial-article .guide-note{border-radius:12px!important}

@media(max-width:1050px){.board-row-v3{grid-template-columns:minmax(0,1fr) 160px 102px}.board-row-v3 .date-col{display:none!important}.board-shell .latest-head{grid-template-columns:minmax(0,1fr) 160px 102px!important}.board-shell .latest-head span:nth-child(6){display:none}}
@media(max-width:780px){.board-shell .latest-head{display:none!important}.board-row-v3{grid-template-columns:1fr;gap:9px;padding:12px;min-height:0}.board-author-v3,.board-stats-v3{display:none}.board-main-v3 .board-media-thumb{width:86px!important;height:60px!important;flex-basis:86px!important}.title-line-v3>b:not(.pin){font-size:14px}.board-row-v3 .post-preview-text{font-size:10.5px}.author-row{grid-template-columns:48px minmax(0,1fr)!important}.post-avatar{width:48px!important;height:48px!important}.post-head-tools{grid-column:2;margin:0!important;max-width:none!important;justify-content:flex-start!important}}
/* v3.8.1 board header final alignment */
.board-shell .latest-head{display:grid!important;grid-template-columns:minmax(0,1fr) 180px 120px 86px!important;gap:16px!important;padding:12px 14px!important}
.board-shell .latest-head span{display:block!important;grid-column:auto!important;text-align:left!important}
.board-shell .latest-head span:nth-child(3){text-align:center!important}
.board-shell .latest-head span:nth-child(4){text-align:right!important}
@media(max-width:1050px){.board-shell .latest-head{grid-template-columns:minmax(0,1fr) 160px 102px!important}.board-shell .latest-head span:nth-child(4){display:none!important}}
@media(max-width:780px){.board-shell .latest-head{display:none!important}}


/* === v3.8.2 cache-busted board redesign === */
.board-shell{overflow:hidden}
.board-shell .latest-head{display:grid!important;grid-template-columns:minmax(0,1fr) 168px 170px!important;gap:18px!important;padding:13px 18px!important;border-top:1px solid #26343e!important;border-bottom:1px solid #26343e!important;background:#0f171d!important;color:#8ea2b0!important;font-size:11px!important;font-weight:850!important}
.board-shell .latest-head span{display:none!important}
.board-shell .latest-head span:nth-child(1){display:block!important;grid-column:1!important;text-align:left!important}
.board-shell .latest-head span:nth-child(2){display:block!important;grid-column:2!important;text-align:left!important}
.board-shell .latest-head span:nth-child(3){display:block!important;grid-column:3!important;text-align:center!important}
.board-shell .latest-head span:nth-child(2)::after{content:"작성자";font-size:0}.board-shell .latest-head span:nth-child(2){font-size:0}.board-shell .latest-head span:nth-child(2)::before{content:"작성자";font-size:11px}
.board-shell .latest-head span:nth-child(3){font-size:0}.board-shell .latest-head span:nth-child(3)::before{content:"활동 / 작성일";font-size:11px}

.board-row-v4{display:grid!important;grid-template-columns:minmax(0,1fr) 168px 170px!important;gap:18px!important;align-items:center!important;padding:16px 18px!important;min-height:124px!important;border-bottom:1px solid #25333d!important;text-decoration:none!important;background:#11181e!important;transition:background .15s ease,border-color .15s ease!important}
.board-row-v4:hover{background:#151f27!important;border-bottom-color:#344651!important}
.board-main-v4{min-width:0!important;display:flex!important;gap:15px!important;align-items:center!important}
.board-row-v4 .board-media-thumb{width:116px!important;height:78px!important;flex:0 0 116px!important;border-radius:11px!important;border:1px solid #344957!important;background:#0a1116!important;overflow:hidden!important;position:relative!important}
.board-row-v4 .board-media-thumb img,.board-row-v4 .board-media-thumb video{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.board-media-placeholder{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#13212c,#0b1218)!important}.board-media-placeholder img{width:44px!important;height:44px!important;object-fit:contain!important;opacity:.7!important}
.board-title-copy-v4{min-width:0!important;display:grid!important;gap:7px!important;align-content:center!important}
.board-kickers-v4{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;min-width:0!important}
.board-kickers-v4 .tag{font-size:10px!important;padding:5px 8px!important;border-radius:6px!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.subtag-v4{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:4px 7px!important;border:1px solid #344550!important;border-radius:6px!important;background:#172129!important;color:#a9bac6!important;font-size:10px!important;font-weight:800!important}
.board-kickers-v4 .editorial-badge{margin:0!important;height:22px!important;display:inline-flex!important;align-items:center!important}
.title-line-v4{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.title-line-v4>b:not(.pin){font-size:16px!important;line-height:1.35!important;color:#f5f8fa!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
.title-line-v4 .comment-count{display:inline-grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#18364a!important;color:#79cbfa!important;font-size:10px!important;font-weight:900!important;flex:0 0 auto!important}
.post-preview-v4{display:block!important;max-width:100%!important;color:#8295a3!important;font-size:12px!important;line-height:1.45!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.board-author-v4{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;min-width:0!important;border:1px solid #2b3b47!important;border-radius:11px!important;background:#0d151b!important}
.board-author-v4 .author-mini-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0!important;border:1px solid #3a5161!important}
.author-copy-v4{display:grid!important;gap:6px!important;min-width:0!important}.author-copy-v4>b{font-size:13px!important;color:#edf4f8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.author-copy-v4>span{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}.author-copy-v4 em{font-size:9.5px!important;font-style:normal!important;font-weight:900!important;color:#78cff9!important}.author-copy-v4 .tier-badge.compact{margin:0!important;max-width:92px!important;height:22px!important}
.board-meta-v4{display:grid!important;grid-template-columns:54px 54px!important;justify-content:end!important;gap:7px!important 8px!important;align-items:center!important}.board-meta-v4>span{display:grid!important;place-items:center!important;gap:2px!important;height:48px!important;border:1px solid #293945!important;border-radius:9px!important;background:#0d151b!important}.board-meta-v4>span b{font-size:13px!important;color:#e5eef3!important}.board-meta-v4>span small{font-size:8.5px!important;color:#748895!important}.board-meta-v4 time{grid-column:1/-1!important;text-align:right!important;color:#8fa2af!important;font-size:11px!important;padding-right:2px!important}
.video-play-icon,.video-play,.play-glyph{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.18)!important;font-size:0!important}.video-play-icon:after,.video-play:after,.play-glyph:after{content:""!important;width:0!important;height:0!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:13px solid #fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))!important}

/* Sidebar visibility: all icons have their own visible tile */
.sidebar .side-nav .ico,.game-board-ico,.side-icon-wrap{background:#16232c!important;border:1px solid #334957!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.sidebar .side-nav .ico img,.game-board-ico img,.side-icon-wrap img{filter:none!important;opacity:1!important}
.sidebar .side-nav a{font-size:14px!important;min-height:48px!important;color:#d4dee5!important}.sidebar .side-nav a:hover,.sidebar .side-nav a.selected{background:#1b2a35!important;color:#fff!important}

@media(max-width:1100px){.board-shell .latest-head{grid-template-columns:minmax(0,1fr) 154px!important}.board-shell .latest-head span:nth-child(3){display:none!important}.board-row-v4{grid-template-columns:minmax(0,1fr) 154px!important}.board-meta-v4{display:none!important}.board-row-v4 .board-media-thumb{width:96px!important;height:68px!important;flex-basis:96px!important}}
@media(max-width:780px){.board-shell .latest-head{display:none!important}.board-row-v4{grid-template-columns:1fr!important;min-height:0!important;padding:12px!important}.board-author-v4{display:none!important}.board-main-v4{gap:11px!important}.board-row-v4 .board-media-thumb{width:82px!important;height:58px!important;flex-basis:82px!important}.title-line-v4>b:not(.pin){font-size:14px!important}.post-preview-v4{font-size:10.5px!important}.board-kickers-v4 .editorial-badge{display:none!important}}


/* === v3.8.3 HOME 최신 게시글 전면 정리 === */
#latestList{display:grid;gap:0}
#latestList .home-latest-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 104px;gap:18px;align-items:center;min-height:104px;padding:14px 8px;border-top:1px solid #24313b;text-decoration:none;background:transparent;transition:.15s}
#latestList .home-latest-row:hover{background:#ffffff04}
.home-latest-main{display:flex;align-items:center;gap:13px;min-width:0}
.home-latest-main .board-media-thumb,.home-latest-placeholder{width:92px;height:64px;flex:0 0 92px;border-radius:10px;border:1px solid #30414e;overflow:hidden;background:#0d151b;display:grid;place-items:center;position:relative}
.home-latest-main .board-media-thumb img,.home-latest-main .board-media-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.home-latest-placeholder img{width:30px;height:30px;opacity:.72;filter:none}
.home-latest-copy{display:grid;gap:6px;min-width:0;align-content:center}
.home-latest-kickers{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}
.home-latest-kickers .tag{font-size:9.5px!important;padding:4px 7px!important;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-latest-kickers .editorial-badge{margin:0!important;height:21px!important;padding:3px 6px!important;font-size:8.5px!important}
.home-latest-kickers .subtag-v4{height:21px!important;min-height:21px!important;font-size:9px!important;padding:3px 6px!important}
.home-latest-title{font-size:14.5px;line-height:1.35;color:#f3f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-latest-preview{font-style:normal;font-size:11px;line-height:1.45;color:#7f929f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-latest-author{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid #293a46;border-radius:10px;background:#0e161c}
.home-latest-author .author-mini-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;margin:0!important}
.home-latest-author>span:last-child{display:grid;gap:4px;min-width:0}.home-latest-author b{font-size:12px;color:#e6eef3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-latest-author small{display:flex;align-items:center;gap:4px;min-width:0}.home-latest-author small>em{font-style:normal;font-size:9px;font-weight:900;color:#75cef9}.home-latest-author .role-badge{display:none!important}.home-latest-author .tier-badge.compact{margin:0!important;height:20px!important;max-width:78px!important;font-size:8px!important}
.home-latest-meta{display:grid;grid-template-columns:1fr;gap:6px;justify-items:end}.home-latest-meta time{font-size:10.5px;color:#91a4b1;white-space:nowrap}.home-latest-meta>span{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #293a46;border-radius:8px;background:#0e161c}.home-latest-meta b{font-size:12px;color:#e9f0f4}.home-latest-meta small{font-size:9px;color:#7f929e}
/* old homepage list header is irrelevant for new card layout */
.section:has(#latestList) .latest-head{display:none!important}
@media(max-width:900px){#latestList .home-latest-row{grid-template-columns:minmax(0,1fr) 156px}.home-latest-meta{display:none}.home-latest-main .board-media-thumb,.home-latest-placeholder{width:78px;height:56px;flex-basis:78px}}
@media(max-width:680px){#latestList .home-latest-row{grid-template-columns:1fr;min-height:0;padding:11px 4px}.home-latest-author{display:none}.home-latest-main{gap:10px}.home-latest-main .board-media-thumb,.home-latest-placeholder{width:70px;height:50px;flex-basis:70px}.home-latest-title{font-size:13.5px}.home-latest-preview{font-size:10px}.home-latest-kickers .editorial-badge{display:none!important}}


/* === v3.8.4 대형 사이트 푸터 === */
.site-footer{margin-top:54px;border-top:1px solid #24303a;background:#0d1319;color:#d5dee6}
.footer-inner{width:min(calc(100% - 40px),1530px);margin:0 auto;display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(150px,.75fr));gap:64px;padding:46px 12px 38px}
.footer-brand-col{min-width:0}.footer-logo{display:inline-flex;align-items:center;width:188px;max-width:100%;margin-bottom:14px}.footer-logo img{display:block;width:100%;height:auto;object-fit:contain}
.footer-desc{max-width:470px;margin:0;color:#8f9da9;font-size:13px;line-height:1.75;word-break:keep-all}.footer-domain{margin-top:17px;color:#5faee0;font-size:11px;font-weight:900;letter-spacing:1.25px}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-col h3{margin:0 0 4px;color:#f2f6f9;font-size:13px;font-weight:900}.footer-col a{color:#9cabba;font-size:12px;line-height:1.35;transition:.16s}.footer-col a:hover{color:#fff;transform:translateX(2px)}
.footer-bottom{border-top:1px solid #202b34;background:#0a1015}.footer-bottom-inner{width:min(calc(100% - 40px),1530px);margin:0 auto;padding:20px 12px 26px}.footer-bottom p{margin:0}.footer-bottom-inner>p:first-child{color:#84929e;font-size:11px;font-weight:700}.footer-legal{max-width:980px;margin-top:11px!important;color:#5f6e7a!important;font-size:10.5px!important;line-height:1.75!important;word-break:keep-all}
@media(max-width:900px){.footer-inner{grid-template-columns:1.45fr 1fr 1fr;gap:34px}.footer-brand-col{grid-column:1/-1}.footer-desc{max-width:650px}}
@media(max-width:620px){.site-footer{margin-top:34px}.footer-inner{width:min(calc(100% - 28px),1530px);grid-template-columns:1fr 1fr;gap:28px 22px;padding:34px 4px 28px}.footer-brand-col{grid-column:1/-1}.footer-logo{width:160px}.footer-desc{font-size:12px}.footer-col h3{font-size:12px}.footer-col a{font-size:11.5px}.footer-bottom-inner{width:min(calc(100% - 28px),1530px);padding:18px 4px 22px}.footer-legal{font-size:9.5px!important}}

/* === v3.8.5 creator / promo / admin dashboard === */
.creator-only-notice{display:block;margin-top:8px;color:#9edcff;font-weight:800}
.creator-only-notice[hidden]{display:none!important}
.disabled-link{opacity:.55!important;cursor:not-allowed!important;pointer-events:auto!important}
.top-admin-link{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:8px;background:#2a1f13;border:1px solid #6e4c21;color:#ffd78a;font-size:11px;font-weight:900;white-space:nowrap}
.top-admin-link:hover{background:#392817;color:#fff0c8}
.admin-page{max-width:1500px!important}
.admin-dashboard{padding:0;overflow:hidden}
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid #26323c;background:linear-gradient(135deg,#17232c,#111820)}
.admin-kicker{display:block;color:#6ec8f6;font-size:10px;font-weight:950;letter-spacing:1.5px;margin-bottom:7px}
.admin-hero h1{margin:0;font-size:28px;letter-spacing:-.5px}.admin-hero p{margin:8px 0 0;color:#8fa0ad;font-size:13px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:20px 24px}
.admin-stat{min-height:112px;border:1px solid #293640;border-radius:12px;background:#0f171d;padding:16px;display:flex;flex-direction:column;justify-content:center}
.admin-stat span{color:#8da0ae;font-size:11px;font-weight:800}.admin-stat b{font-size:27px;margin:7px 0 3px}.admin-stat small{font-size:10px;color:#617381}.admin-stat.skeleton{opacity:.45}
.admin-tabs{display:flex;gap:8px;overflow:auto;padding:0 24px 16px;border-bottom:1px solid #26323c}
.admin-tab{border:1px solid #31404b;background:#0f161c;color:#a7b5c0;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:900;white-space:nowrap}.admin-tab.on{background:#eaf4fa;color:#10161b;border-color:#eaf4fa}
.admin-tab-page{display:none;padding:22px 24px 28px}.admin-tab-page.on{display:block}
.admin-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.admin-section-head h2{margin:0;font-size:19px}.admin-section-head p{margin:5px 0 0;color:#7e909d;font-size:11px}
.admin-search{display:flex;gap:8px;min-width:min(100%,430px)}.admin-search input{flex:1;min-width:0;background:#0d141a;color:#eef5f8;border:1px solid #31404b;border-radius:9px;padding:10px 12px;outline:none}
.admin-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;border-top:1px solid #222d36}.admin-action-row:first-child{border-top:0}.admin-action-row>div:first-child{min-width:0}.admin-action-row b{font-size:13px}.admin-action-row p{margin:7px 0 0;color:#a7b4be;font-size:12px;line-height:1.55;max-width:760px}.admin-row-actions,.admin-user-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.admin-comment-preview{max-width:720px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-user-identity{display:flex;align-items:center;gap:10px}.admin-user-row .author-mini-avatar{width:36px;height:36px;flex-basis:36px}.role-select{background:#0d141a;color:#e8f0f5;border:1px solid #34424d;border-radius:8px;padding:8px 10px;font-size:12px}
.btn.danger{border-color:#753b3b!important;background:#351a1a!important;color:#ffb4b4!important}.btn.danger:hover{background:#4a2222!important}
@media(max-width:1180px){.admin-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-hero{align-items:flex-start;flex-direction:column;padding:22px 18px}.admin-stat-grid{grid-template-columns:repeat(2,1fr);padding:16px}.admin-tabs{padding:0 16px 14px}.admin-tab-page{padding:18px 16px}.admin-section-head{align-items:stretch;flex-direction:column}.admin-search{min-width:0;width:100%}.admin-action-row{align-items:flex-start;flex-direction:column}.admin-row-actions,.admin-user-actions{justify-content:flex-start}.top-admin-link{display:none}}

/* === v3.8.6 visitor / traffic analytics === */
.visitor-card{padding:16px;background:linear-gradient(145deg,#101923,#0d141a);border-color:#293844;overflow:hidden;position:relative}
.visitor-card:after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;background:#2ba9e51a;right:-45px;top:-52px;filter:blur(2px)}
.visitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;position:relative;z-index:1}
.visitor-head>div{display:flex;align-items:baseline;gap:8px}.visitor-head span{font-size:10px;letter-spacing:1.5px;color:#5cc7ff;font-weight:1000}.visitor-head b{font-size:15px;color:#eef8ff}.visitor-live{width:8px;height:8px;border-radius:50%;background:#48d58b;box-shadow:0 0 0 5px #48d58b16,0 0 12px #48d58b88}
.visitor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #293741;border-radius:10px;overflow:hidden;background:#0b1218;position:relative;z-index:1}.visitor-grid>div{min-width:0;padding:10px 5px;text-align:center;border-left:1px solid #24313a}.visitor-grid>div:first-child{border-left:0}.visitor-grid span{display:block;color:#718695;font-size:8px;font-weight:950;letter-spacing:.6px}.visitor-grid b{display:block;margin-top:5px;color:#eaf7ff;font-size:16px;font-variant-numeric:tabular-nums}.visitor-grid>div:first-child b{color:#5edaff}.visitor-note{display:block;margin-top:9px;color:#657684;font-size:8.5px;position:relative;z-index:1}

.traffic-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:18px}.traffic-stat{min-height:112px;border:1px solid #2b3944;border-radius:12px;background:linear-gradient(145deg,#101a22,#0d141a);padding:16px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.traffic-stat:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-27px;top:-28px;background:#45bdf516}.traffic-stat span{color:#63c9f7;font-size:10px;font-weight:1000;letter-spacing:1.1px}.traffic-stat b{font-size:30px;line-height:1;margin:9px 0 6px;font-variant-numeric:tabular-nums}.traffic-stat small{color:#778b99;font-size:10px}.traffic-stat.skeleton{opacity:.4}
.traffic-chart-card{border:1px solid #293740;border-radius:14px;background:#0d151b;padding:18px 18px 14px}.traffic-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.traffic-chart-head>div{display:grid;gap:4px}.traffic-chart-head b{font-size:15px}.traffic-chart-head span,.traffic-chart-head small{color:#788c9a;font-size:10px}.traffic-chart{height:255px;display:flex;align-items:stretch;gap:10px;border-top:1px solid #1f2b34;padding:18px 4px 0}.traffic-bar-col{flex:1;min-width:0;display:grid;grid-template-rows:22px 1fr 22px;align-items:end;text-align:center}.traffic-bar-value{font-size:10px;color:#9fb5c4;font-weight:850;font-variant-numeric:tabular-nums}.traffic-bar-track{height:100%;min-height:150px;display:flex;align-items:flex-end;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#13202a44,#0c1217);overflow:hidden}.traffic-bar-track i{display:block;width:min(46px,68%);min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#59d1ff,#2785d3);box-shadow:0 0 14px #38afff33;transition:height .25s ease}.traffic-bar-col>span{color:#728693;font-size:10px;padding-top:7px}
@media(max-width:1180px){.traffic-stat-grid{grid-template-columns:repeat(3,1fr)}.visitor-grid b{font-size:15px}}
@media(max-width:760px){.traffic-stat-grid{grid-template-columns:repeat(2,1fr)}.traffic-stat-grid .traffic-stat:last-child{grid-column:1/-1}.traffic-chart{height:220px;gap:5px}.traffic-bar-track i{width:72%}.visitor-grid{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.visitor-grid>div{padding:9px 4px}.visitor-grid b{font-size:14px}.visitor-note{font-size:8px}}


/* === v3.8.8 professional footer + policy pages === */
.site-footer-pro{width:100%!important;max-width:none!important;margin:64px 0 0!important;padding:0!important;border-top:1px solid #202a33!important;background:#10151b!important;color:#9aa7b4!important;display:block!important;font-size:13px!important}
.footer-pro-inner{width:min(calc(100% - 72px),1280px);margin:0 auto;display:grid;grid-template-columns:minmax(360px,1.55fr) repeat(3,minmax(150px,.72fr));gap:58px;padding:46px 0 36px}
.footer-pro-brand{min-width:0}.footer-pro-title{display:flex;align-items:center;gap:10px;width:max-content;color:#f4f7fa;font-size:18px;font-weight:950}.footer-pro-title img{width:34px;height:34px;object-fit:contain}.footer-pro-title b{font-size:14px;color:#b9c4cf}.footer-pro-sub{max-width:520px;margin:12px 0 0;color:#778693;line-height:1.75;font-size:12.5px}.footer-pro-meta{margin:11px 0 0;color:#677783;font-size:11px}.footer-pro-meta strong{color:#9ab2c5;letter-spacing:.45px}
.footer-pro-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.footer-pro-pills a{display:inline-flex;align-items:center;gap:6px;border:1px solid #2c3944;border-radius:999px;padding:7px 11px;background:#151c23;color:#b7c5d0;font-size:11px;font-weight:850;transition:.16s}.footer-pro-pills a:hover{border-color:#47789a;background:#192733;color:#fff;transform:translateY(-1px)}.footer-pro-pills img{width:15px;height:15px;object-fit:contain;filter:none!important}
.footer-pro-col{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;margin:0!important}.footer-pro-col h3{margin:0 0 4px;color:#dce5ec;font-size:12px;font-weight:950}.footer-pro-col a{color:#8fa0af;font-size:12px;line-height:1.35}.footer-pro-col a:hover{color:#fff}
.footer-pro-bottom{border-top:1px solid #202a33;background:#0d1217}.footer-pro-bottom-inner{width:min(calc(100% - 72px),1280px);margin:0 auto;padding:19px 0 30px}.footer-copy{margin:0;color:#7f8e9a;font-size:11px}.footer-disclaimer{margin-top:12px;color:#586671;font-size:10.5px;line-height:1.72}.footer-disclaimer p{margin:2px 0}
.legal-page-wrap{width:min(calc(100% - 36px),1120px)!important;margin:34px auto 0!important}.legal-pro{padding:0!important;overflow:hidden}.legal-hero{padding:38px 44px 32px;border-bottom:1px solid #26323b;background:linear-gradient(135deg,#17232d,#11181f 68%)}.legal-kicker{display:block;color:#61b9eb;font-size:10px;font-weight:950;letter-spacing:1.3px}.legal-hero h1{font-size:34px!important;margin:8px 0 10px!important}.legal-hero p{margin:0!important;color:#a9b6c0!important;font-size:14px!important}.legal-date{margin-top:18px;color:#71808c;font-size:11px}.legal-summary{margin:30px 44px 0;padding:22px 24px;border:1px solid #294254;border-radius:14px;background:#0f1b23}.legal-summary h2{margin:0 0 12px!important;color:#8fd8ff!important;font-size:15px!important}.legal-summary ul{margin:0;padding-left:20px}.legal-summary li{font-size:13px!important;line-height:1.8!important;color:#c1ccd4!important}.legal-toc{display:flex;flex-wrap:wrap;gap:7px;margin:22px 44px 4px}.legal-toc a{border:1px solid #2d3943;border-radius:999px;background:#111820;padding:7px 11px;color:#94a5b2;font-size:11px;font-weight:800}.legal-toc a:hover{color:#fff;border-color:#4b6476}.legal-pro>section{padding:24px 44px;border-top:1px solid #202a33}.legal-pro>section:first-of-type{border-top:0}.legal-pro section h2{margin:0 0 13px!important;font-size:18px!important;color:#f1f5f8}.legal-pro section p,.legal-pro section li{font-size:13.5px!important;line-height:1.9!important;color:#aebbc5!important}.legal-pro section ul{margin:0;padding-left:22px}.policy-steps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.policy-steps span{padding:8px 11px;border-radius:8px;background:#18232c;border:1px solid #2d3b46;color:#bcd0de;font-size:11px;font-weight:850}
@media(max-width:900px){.footer-pro-inner{grid-template-columns:1.3fr 1fr 1fr;gap:34px}.footer-pro-brand{grid-column:1/-1}.footer-pro-bottom-inner{width:min(calc(100% - 40px),1280px)}}
@media(max-width:620px){.footer-pro-inner{width:calc(100% - 30px);grid-template-columns:1fr 1fr;gap:28px 20px;padding:34px 0 28px}.footer-pro-brand{grid-column:1/-1}.footer-pro-title{font-size:16px}.footer-pro-sub{font-size:11.5px}.footer-pro-col h3{font-size:11.5px}.footer-pro-col a{font-size:11px}.footer-pro-bottom-inner{width:calc(100% - 30px);padding-bottom:24px}.legal-page-wrap{width:calc(100% - 20px)!important;margin-top:16px!important}.legal-hero{padding:28px 22px 24px}.legal-hero h1{font-size:27px!important}.legal-summary{margin:20px 18px 0;padding:18px}.legal-toc{margin:18px 18px 0}.legal-pro>section{padding:22px 20px}.legal-pro section h2{font-size:16px!important}.legal-pro section p,.legal-pro section li{font-size:12.5px!important}}

/* v3.8.9 footer business information */
.footer-business-info{display:grid;gap:5px;margin:14px 0 12px;max-width:420px}.footer-business-info p{margin:0;display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:start;color:#71808d;font-size:11px;line-height:1.55}.footer-business-info span{color:#687783}.footer-business-info strong,.footer-business-info a{color:#a9bac7;font-weight:700;word-break:break-all}.footer-business-info a:hover{color:#d9f2ff;text-decoration:underline}.policy-operator{border:1px solid #2b3945;background:#111a21;border-radius:12px;padding:18px 20px;margin:0 0 22px}.policy-operator h2{margin-top:0}.policy-operator a{color:#8fd7ff}@media(max-width:700px){.footer-business-info p{grid-template-columns:92px minmax(0,1fr);font-size:10.5px}}

/* === v3.9.0 홈 인기글 테마 필터 + 메인 광고 슬롯 === */
.home-popular-filters .chip{appearance:none;-webkit-appearance:none;font-family:inherit;cursor:pointer}
.home-popular-filters .chip:focus-visible{outline:2px solid #6ec7f5;outline-offset:2px}
.home-ad-break{margin:30px 0 30px;padding:0 8px}
.home-ad-inner{position:relative;min-height:132px;border-radius:14px;background:linear-gradient(180deg,#0d1319,#0b1116);border:1px solid #202c35;display:grid;place-items:center;overflow:hidden}
.home-ad-inner:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(85,174,232,.07),transparent 55%);pointer-events:none}
.home-ad-label{position:absolute;top:10px;left:14px;color:#566775;font-size:8px;font-weight:900;letter-spacing:1.25px}
.home-ad-slot{width:min(100% - 34px,760px);min-height:90px;display:grid;place-items:center;color:#52616d;font-size:10px;text-align:center}
.home-ad-slot>span{opacity:.7}
.rightcol .ad-card{display:none!important}
@media(max-width:760px){.home-ad-break{margin:22px 0;padding:0}.home-ad-inner{min-height:104px}.home-ad-slot{min-height:72px}.home-popular-filters{gap:7px}.home-popular-filters .chip{padding:8px 13px;font-size:11px}}

/* === v3.9.1 메인 Roblox 게임 TOP 10 === */
.game-trend-section{margin:30px 0 26px;padding:22px 22px 18px;overflow:hidden;background:linear-gradient(180deg,#121b23,#0f161d)}
.game-trend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.game-trend-kicker{display:inline-block;margin-bottom:6px;color:#5bc4ff;font-size:10px;font-weight:950;letter-spacing:1.4px}
.game-trend-head h2{margin:0;font-size:22px;letter-spacing:-.4px}.game-trend-head h2 strong{color:#7dd2ff}
.game-trend-head p{margin:7px 0 0;color:#8597a5;font-size:12px;line-height:1.55}
.game-trend-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.game-trend-tab{border:1px solid #2d3b46;background:#0c1319;color:#9aabb8;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900}
.game-trend-tab:hover,.game-trend-tab.on{background:#17354a;border-color:#397ca5;color:#e8f8ff}
.game-rank-status{min-height:34px;display:flex;align-items:center;gap:7px;border-top:1px solid #202d37;border-bottom:1px solid #202d37;color:#7f919e;font-size:10px;margin:0 -2px 15px;padding:8px 2px}
.game-rank-status b{color:#67d49a;font-size:9px;letter-spacing:.8px}.game-rank-status small{margin-left:auto;color:#6e808d}
.live-pulse{width:7px;height:7px;border-radius:50%;background:#4bd28c;box-shadow:0 0 0 4px rgba(75,210,140,.1);animation:rankPulse 1.7s infinite}
@keyframes rankPulse{50%{box-shadow:0 0 0 7px rgba(75,210,140,0)}}
.game-rank-wrap{position:relative;margin:0 -4px}.game-rank-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;scrollbar-width:none}.game-rank-track::-webkit-scrollbar{display:none}
.game-rank-loading{min-height:235px;display:grid;place-items:center;color:#768894;font-size:12px}
.game-rank-card{scroll-snap-align:start;min-width:0;border:1px solid #273640;border-radius:13px;overflow:hidden;background:#0e151b;transition:.18s;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.game-rank-card:hover{transform:translateY(-3px);border-color:#456174;background:#111b23}
.game-rank-thumb{height:150px;position:relative;overflow:hidden;background:linear-gradient(145deg,#193348,#0b131a)}
.game-rank-thumb:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(0deg,rgba(7,11,15,.88),transparent)}
.game-rank-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.game-rank-no{position:absolute;z-index:3;left:10px;top:10px;min-width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0b1118e8;border:1px solid #ffffff26;color:#fff;font-size:14px;font-weight:950;box-shadow:0 4px 14px #0006}
.game-rank-card:nth-child(1) .game-rank-no{background:#d39a18;border-color:#ffd86d;color:#15110a}.game-rank-card:nth-child(2) .game-rank-no{background:#8897aa;border-color:#dce5ef;color:#0c1116}.game-rank-card:nth-child(3) .game-rank-no{background:#a85d35;border-color:#e9a47d}
.game-rank-badge{position:absolute;z-index:3;right:9px;top:9px;padding:5px 7px;border-radius:6px;background:#167cb5;color:#eaf8ff;font-size:8px;font-weight:950;letter-spacing:.3px;box-shadow:0 4px 12px #0005}
.game-rank-body{padding:12px 12px 13px}.game-rank-body h3{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f5f8}.game-rank-body p{margin:5px 0 11px;color:#6f8290;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-rank-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:10px;border-top:1px solid #202b34;color:#8395a2;font-size:9px}.game-rank-meta span{display:flex;align-items:center;gap:5px;white-space:nowrap}.game-rank-meta b{font-size:11px;color:#dff4ff}.players-dot{width:6px;height:6px;border-radius:50%;background:#4fd48f;box-shadow:0 0 8px #4fd48f88}
.game-rank-arrow{position:absolute;z-index:6;top:63px;width:36px;height:36px;border-radius:50%;border:1px solid #486172;background:#101a22e8;color:#ddecf5;font-size:24px;display:grid;place-items:center;box-shadow:0 8px 20px #0006}.game-rank-arrow:hover{background:#1d3342}.game-rank-arrow.left{left:-12px}.game-rank-arrow.right{right:-12px}
.game-rank-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #202c35;padding-top:12px;color:#6f818e;font-size:9px}.game-rank-foot a{color:#86cdee;font-weight:850;white-space:nowrap}
.home-ad-break{display:none!important}
@media(min-width:1320px){.game-rank-track{grid-auto-columns:calc((100% - 48px)/5)}}
@media(max-width:900px){.game-trend-head{align-items:flex-start;flex-direction:column}.game-trend-tabs{justify-content:flex-start}.game-rank-track{grid-auto-columns:minmax(165px,42%)}.game-rank-arrow{display:none}.game-rank-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.game-trend-section{margin:22px 0;padding:17px 14px}.game-trend-head h2{font-size:19px}.game-rank-status>span:not(.live-pulse){display:none}.game-rank-track{grid-auto-columns:72%}.game-rank-thumb{height:135px}.game-rank-foot span{line-height:1.5}}

/* v3.9.3 Roblox Charts 실제 API 연결 */
.game-trend-tabs{flex-wrap:wrap}
.game-trend-tab{white-space:nowrap}
.game-rank-body p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-rank-status small{margin-left:auto;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.game-trend-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.game-trend-tab{padding:9px 7px;font-size:10px}.game-rank-status{align-items:flex-start;flex-wrap:wrap}.game-rank-status small{width:100%;max-width:none;margin-left:0}}

/* === v3.9.4 로블팡 추천 게임 히어로 캐러셀 === */
.recommend-hero{margin:0 0 14px;padding:22px 22px 16px;overflow:hidden;background:linear-gradient(180deg,#131d26,#0e151c);border-color:#293744}
.recommend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.recommend-kicker{display:block;color:#5bc5ff;font-size:10px;font-weight:950;letter-spacing:1.6px;margin-bottom:5px}
.recommend-head h1{margin:0;font-size:25px;letter-spacing:-.6px}.recommend-head h1 strong{color:#62c8ff}.recommend-head p{margin:7px 0 0;color:#8da0ae;font-size:12px}
.recommend-head-actions{display:flex;gap:7px}.recommend-arrow{width:38px;height:38px;border-radius:10px;border:1px solid #334451;background:#17232c;color:#dceaf3;font-size:24px;line-height:1;display:grid;place-items:center}.recommend-arrow:hover{background:#223440;border-color:#4e6b80;color:#fff}
.recommend-shell{position:relative;margin:0 -2px}.recommend-track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 6px;scrollbar-width:none}.recommend-track::-webkit-scrollbar{display:none}
.recommend-card{position:relative;height:300px;overflow:hidden;border-radius:16px;border:1px solid #334653;background:#0b1117;scroll-snap-align:start;isolation:isolate;box-shadow:0 16px 38px rgba(0,0,0,.26)}
.recommend-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);filter:saturate(.92) contrast(1.03)}
.recommend-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,14,.94) 0%,rgba(7,12,17,.83) 38%,rgba(8,13,18,.28) 68%,rgba(5,9,13,.18) 100%),linear-gradient(0deg,rgba(3,7,10,.8),transparent 55%);z-index:1}
.recommend-content{position:relative;z-index:2;height:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:28px 30px}
.recommend-rank{position:absolute;right:24px;top:20px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(9,16,22,.48);backdrop-filter:blur(10px)}.recommend-rank span{font-size:9px;font-weight:950;letter-spacing:1px;color:#bfe8ff}.recommend-rank b{font-size:16px;color:#fff}
.recommend-copy{max-width:520px}.recommend-reason{display:inline-flex;padding:5px 9px;border-radius:7px;background:#54bfee;color:#06131b;font-size:10px;font-weight:950;margin-bottom:10px}.recommend-copy h2{margin:0;max-width:620px;font-size:32px;line-height:1.1;letter-spacing:-.7px;text-shadow:0 3px 18px rgba(0,0,0,.65)}.recommend-copy>p{margin:8px 0 14px;color:#c2d0da;font-size:12px;font-weight:700}.recommend-metrics{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.recommend-metrics span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;background:rgba(13,22,29,.72);border:1px solid rgba(255,255,255,.12);font-size:10px;color:#c5d4de;backdrop-filter:blur(8px)}.recommend-metrics b{font-size:12px;color:#fff}.recommend-play{display:inline-flex;align-items:center;gap:8px;border-radius:9px;background:#f5f8fa;color:#10161b;padding:10px 14px;font-size:11px;font-weight:950}.recommend-play:hover{transform:translateY(-1px);background:#fff}.recommend-play span{font-size:14px}
.recommend-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.recommend-dots{display:flex;gap:6px;align-items:center}.recommend-dot{width:7px;height:7px;border:0;padding:0;border-radius:99px;background:#3a4854;transition:.18s}.recommend-dot.on{width:25px;background:#64caff}.recommend-bottom>span{color:#6f818e;font-size:10px}.recommend-loading{min-height:250px;display:grid;place-items:center;color:#7d8f9c;font-size:12px}
@media(max-width:900px){.recommend-track{grid-auto-columns:92%}.recommend-card{height:280px}.recommend-copy h2{font-size:27px}.recommend-head-actions{display:none}}
@media(max-width:560px){.recommend-hero{padding:17px 14px 13px}.recommend-head h1{font-size:20px}.recommend-head p{font-size:11px}.recommend-track{grid-auto-columns:94%;gap:10px}.recommend-card{height:270px;border-radius:13px}.recommend-content{padding:22px 18px}.recommend-rank{right:15px;top:14px}.recommend-rank span{display:none}.recommend-copy h2{font-size:24px;max-width:90%}.recommend-copy>p{font-size:11px}.recommend-bottom>span{display:none}}

/* === v3.9.7 추천 게임 1장 표시 + 관리자/트래픽 확장 === */
.recommend-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0!important;padding:0!important}
.recommend-track::-webkit-scrollbar{display:none}
.recommend-card{flex:0 0 100%!important;width:100%!important;min-width:100%!important;scroll-snap-align:start;margin:0!important;border-radius:16px}
.recommend-hero{overflow:hidden}
.recommend-head-actions{flex:0 0 auto}
.admin-recommend-list{display:grid;gap:12px;margin-top:14px}
.admin-recommend-row{display:grid;grid-template-columns:46px minmax(260px,.8fr) minmax(360px,1.2fr);gap:14px;align-items:center;padding:14px;border:1px solid #2a3741;border-radius:14px;background:#0e151b}
.admin-recommend-number{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#183349;border:1px solid #2f668b;color:#7fd1ff;font-size:17px;font-weight:950}
.admin-recommend-preview{display:flex;align-items:center;gap:12px;min-width:0}.admin-recommend-preview>img,.rec-empty-thumb{width:72px;height:72px;border-radius:12px;object-fit:cover;flex:0 0 72px;background:#17222b;border:1px solid #33424d;display:grid;place-items:center;color:#6e8190;font-size:11px;font-weight:900}.admin-recommend-preview>div{display:grid;gap:5px;min-width:0}.admin-recommend-preview b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-recommend-preview span,.admin-recommend-preview small{color:#8999a6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-recommend-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:8px}.admin-recommend-form input{min-width:0;background:#0a1117;border:1px solid #31404b;border-radius:9px;color:#e9f1f6;padding:10px 12px;outline:none}.admin-recommend-note{padding:12px 14px;border:1px solid #2d4352;background:#10202a;border-radius:11px;color:#9db0bd;font-size:12px;line-height:1.65}
.traffic-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.traffic-kpi-grid>div{padding:14px;border:1px solid #2b3842;border-radius:12px;background:#0d151b;display:grid;gap:6px}.traffic-kpi-grid span{color:#8193a1;font-size:11px}.traffic-kpi-grid b{font-size:20px}
.traffic-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.traffic-detail-card{border:1px solid #293640;border-radius:13px;background:#0d151b;padding:15px}.traffic-detail-card h3{margin:0 0 12px;font-size:14px}.traffic-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #1f2a32;font-size:12px}.traffic-detail-row:first-child{border-top:0}.traffic-detail-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7c5cf}.traffic-detail-row>span b{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:6px;background:#172630;color:#71caff;font-size:9px}.traffic-detail-row strong{font-size:12px;color:#f0f5f8;white-space:nowrap}.traffic-bar-track.dual{position:relative;display:flex;align-items:end;justify-content:center;gap:3px}.traffic-bar-track.dual i{position:static!important;width:34%!important;border-radius:4px 4px 0 0}.traffic-bar-track.dual .visitors{background:#57b7ed!important}.traffic-bar-track.dual .pageviews{background:#6dd59a!important}
@media(max-width:900px){.admin-recommend-row{grid-template-columns:42px 1fr}.admin-recommend-form{grid-column:1/-1;grid-template-columns:1fr 1fr}.admin-recommend-form input{grid-column:1/-1}.traffic-kpi-grid{grid-template-columns:repeat(2,1fr)}.traffic-detail-grid{grid-template-columns:1fr}}

/* v3.9.8 게시판/관리자 가독성 개선 */
.board-shell{overflow:hidden}
.board-shell .latest-head-v5{display:grid!important;grid-template-columns:105px minmax(0,1fr) 150px 110px 78px!important;gap:12px!important;align-items:center!important;padding:11px 14px!important;border-top:1px solid #2a3944!important;border-bottom:1px solid #2a3944!important;background:#0e161c!important;color:#8295a3!important;font-size:11px!important;font-weight:800!important}
.board-row-v5{display:grid!important;grid-template-columns:105px minmax(0,1fr) 150px 110px 78px!important;gap:12px!important;align-items:center!important;min-height:76px!important;padding:11px 14px!important;border-bottom:1px solid #23313b!important;background:#11181e!important;text-decoration:none!important;transition:background .15s ease!important}
.board-row-v5:hover{background:#151f26!important}
.board-kind-v5{display:grid!important;gap:5px!important;min-width:0!important;justify-items:start!important}
.board-kind-v5>b{display:inline-flex!important;max-width:96px!important;padding:4px 7px!important;border:1px solid #345164!important;border-radius:6px!important;background:#132330!important;color:#9bdcff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.board-kind-v5 .notice-pill{background:#3a1c22!important;border-color:#71323d!important;color:#ff9ba8!important}
.board-kind-v5>small{max-width:95px!important;color:#7f929f!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.board-main-v5{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
.board-row-v5 .board-media-thumb{width:58px!important;height:42px!important;flex:0 0 58px!important;border-radius:7px!important;border:1px solid #31424e!important;background:#0b1217!important;overflow:hidden!important}
.board-row-v5 .board-media-thumb img,.board-row-v5 .board-media-thumb video{width:100%!important;height:100%!important;object-fit:cover!important}
.board-title-copy-v5{display:grid!important;gap:5px!important;min-width:0!important}
.title-line-v5{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.title-line-v5>b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf4f8!important;font-size:14px!important;font-weight:900!important}
.title-line-v5>small{color:#50bfff!important;font-size:10px!important;font-weight:900!important;flex:0 0 auto!important}
.guide-pill{display:inline-flex!important;padding:2px 5px!important;border-radius:999px!important;background:#12334b!important;border:1px solid #245f86!important;color:#8bd3ff!important;font-size:8.5px!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important}
.post-preview-v5{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8093a1!important;font-size:10.5px!important;font-style:normal!important}
.board-author-v5{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.board-author-v5 .author-mini-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important;margin:0!important}
.board-author-v5>span:last-child{display:grid!important;gap:2px!important;min-width:0!important}
.board-author-v5 b{font-size:11.5px!important;color:#dce8ef!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.board-author-v5 small{font-size:9px!important;color:#718895!important;white-space:nowrap!important}
.board-stats-v5{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
.board-stats-v5>span{display:grid!important;justify-items:center!important;gap:1px!important;padding:5px 3px!important;border-left:1px solid #26343e!important}
.board-stats-v5 b{font-size:11.5px!important;color:#e6eff4!important}
.board-stats-v5 small{font-size:8px!important;color:#6f8492!important}
.board-date-v5{color:#8da0ac!important;font-size:10.5px!important;text-align:right!important;white-space:nowrap!important}

.admin-post-table{border:1px solid #293943;border-radius:12px;overflow:hidden;background:#0f171d}
.admin-post-head,.admin-post-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 100px 300px;gap:12px;align-items:center}
.admin-post-head{padding:10px 14px;background:#0b1217;border-bottom:1px solid #2c3a44;color:#7e93a1;font-size:10px;font-weight:900}
.admin-post-row{padding:10px 14px;border-bottom:1px solid #24323b;min-height:58px}
.admin-post-row:last-child{border-bottom:0}.admin-post-row:hover{background:#121d24}
.admin-post-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}
.admin-post-main a{color:#e8f0f4;font-size:12.5px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-post-main small{color:#758996;font-size:9.5px;white-space:nowrap}
.admin-post-cat{display:inline-flex;padding:3px 6px;border-radius:5px;background:#173047;border:1px solid #285a7d;color:#87cff9;font-size:9px;font-weight:900;white-space:nowrap}
.admin-post-author{color:#b8c8d2;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-post-state{display:flex;gap:5px;flex-wrap:wrap}.state-pill{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid}.state-pill.live{color:#85e4b0;background:#113225;border-color:#246946}.state-pill.pin{color:#ffd784;background:#3b2a0f;border-color:#74521d}.state-pill.hidden{color:#ff9b9b;background:#3c1717;border-color:#7b3030}
.admin-row-actions.compact{display:flex;justify-content:flex-end;gap:5px;flex-wrap:nowrap}.admin-row-actions.compact .btn{padding:7px 9px!important;font-size:10px!important;min-height:30px!important}

@media(max-width:1100px){.board-shell .latest-head-v5,.board-row-v5{grid-template-columns:90px minmax(0,1fr) 125px 90px!important}.board-shell .latest-head-v5 span:last-child,.board-date-v5{display:none!important}.admin-post-head,.admin-post-row{grid-template-columns:minmax(0,1fr) 110px 90px}.admin-post-head span:last-child,.admin-row-actions.compact{grid-column:1/-1;justify-content:flex-start}.admin-post-row{row-gap:8px}}
@media(max-width:780px){.board-shell .latest-head-v5{display:none!important}.board-row-v5{grid-template-columns:76px minmax(0,1fr)!important;padding:10px!important;min-height:68px!important}.board-author-v5,.board-stats-v5,.board-date-v5{display:none!important}.board-main-v5{gap:8px!important}.board-row-v5 .board-media-thumb{width:52px!important;height:38px!important;flex-basis:52px!important}.title-line-v5>b{font-size:13px!important}.post-preview-v5{font-size:9.8px!important}.admin-post-head{display:none}.admin-post-row{grid-template-columns:1fr!important;gap:7px}.admin-post-main{grid-template-columns:auto minmax(0,1fr)}.admin-post-main small{grid-column:2}.admin-post-author,.admin-post-state{padding-left:0}.admin-row-actions.compact{grid-column:auto;overflow-x:auto;padding-bottom:2px}}


/* v3.9.9 board bottom search / pagination */
.board-bottom-tools{margin-top:24px;padding:22px 16px 18px;border-top:1px solid #27343e;background:#0e151b;border-radius:0 0 13px 13px}
.board-pagination{display:flex;justify-content:center;align-items:center;gap:5px;min-height:38px;margin-bottom:18px}
.page-btn{min-width:34px;height:34px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c9d3db;font-size:12px;font-weight:850;cursor:pointer}
.page-btn:hover{background:#17232c;border-color:#2d3c48;color:#fff}.page-btn.on{background:#eef3f7;color:#10161b;border-color:#eef3f7}.page-btn.page-arrow{border-color:#2c3944;background:#121b22;font-size:18px;color:#95a6b3}
.board-search-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #24313b;border-radius:12px;background:#111920}
.board-search-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.board-bottom-select{height:42px;border:1px solid #2c3944;border-radius:8px;background:#0d141a;color:#dce5eb;padding:0 34px 0 12px;font-size:12px;font-weight:750;outline:none}
.board-bottom-searchbox{height:42px;display:flex;min-width:240px;max-width:430px;flex:1;border:1px solid #2c3944;border-radius:8px;overflow:hidden;background:#0d141a}.board-bottom-search{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:0 13px;font-size:12px;outline:none}.board-bottom-search::placeholder{color:#657480}.board-bottom-search-btn{width:64px;border:0;background:#2f91d0;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.board-bottom-search-btn:hover{background:#43a3df}
.board-page-size-label{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#8999a6;font-size:10px;font-weight:800}.board-page-size{min-width:128px}
.board-title-row{align-items:flex-end}.board-tools{margin-left:auto}.latest-head-v5{margin-top:12px}
@media(max-width:760px){.board-bottom-tools{padding:18px 8px 12px}.board-search-panel{align-items:stretch;flex-direction:column}.board-search-left{display:grid;grid-template-columns:1fr 1fr}.board-bottom-searchbox{grid-column:1/-1;max-width:none;min-width:0;width:100%}.board-page-size-label{justify-content:flex-end}.board-bottom-select{width:100%}.board-page-size{width:auto}.board-pagination{overflow-x:auto;justify-content:flex-start;padding-bottom:3px}}

/* === v4.0.0 게시판 컬럼 정렬 + 티어/역할 + 그룹채팅 === */
.board-shell .latest-head-v6{display:grid!important;grid-template-columns:105px minmax(0,1fr) 150px 58px 58px 58px 78px!important;gap:10px!important;align-items:center!important;padding:11px 14px!important;border-top:1px solid #2a3944!important;border-bottom:1px solid #2a3944!important;background:#0e161c!important;color:#8295a3!important;font-size:10px!important;font-weight:900!important}
.board-shell .latest-head-v6 span:nth-child(n+4){text-align:center}.board-shell .latest-head-v6 span:last-child{text-align:right}
.board-row-v6{display:grid!important;grid-template-columns:105px minmax(0,1fr) 150px 58px 58px 58px 78px!important;gap:10px!important;align-items:center!important;min-height:76px!important;padding:11px 14px!important;border-bottom:1px solid #23313b!important;background:#11181e!important;text-decoration:none!important;transition:background .15s ease!important}
.board-row-v6:hover{background:#151f26!important}
.board-kind-v6{display:grid!important;gap:5px!important;justify-items:start!important;min-width:0!important}.board-kind-v6>b{display:inline-flex!important;max-width:96px!important;padding:4px 7px!important;border:1px solid #345164!important;border-radius:6px!important;background:#132330!important;color:#9bdcff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.board-kind-v6>small{max-width:95px!important;color:#7f929f!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.board-kind-v6 .notice-pill{background:#3a1c22!important;border-color:#71323d!important;color:#ff9ba8!important}
.board-main-v6{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.board-main-v6 .board-media-thumb{width:58px!important;height:42px!important;flex:0 0 58px!important;border-radius:7px!important;border:1px solid #31424e!important;overflow:hidden!important}.board-main-v6 .board-media-thumb img,.board-main-v6 .board-media-thumb video{width:100%!important;height:100%!important;object-fit:cover!important}.board-title-copy-v6{display:grid!important;gap:5px!important;min-width:0!important}.title-line-v6{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.title-line-v6>b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf4f8!important;font-size:14px!important;font-weight:900!important}.title-line-v6>small{color:#50bfff!important;font-size:10px!important;font-weight:900!important}.post-preview-v6{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8093a1!important;font-size:10.5px!important;font-style:normal!important}
.board-author-v6{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.board-author-v6 .author-mini-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important;margin:0!important}.board-author-v6>span:last-child{display:grid!important;gap:2px!important;min-width:0!important}.board-author-v6 b{font-size:11.5px!important;color:#dce8ef!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.board-author-v6 small{font-size:9.5px!important;color:#77a9c6!important;font-weight:800!important;white-space:nowrap!important}
.board-metric-v6{display:grid!important;place-items:center!important;height:34px;border-left:1px solid #273640!important;font-variant-numeric:tabular-nums}.board-metric-v6 b{font-size:11.5px!important;color:#edf4f8!important}.board-date-v6{color:#8da0ac!important;font-size:10.5px!important;text-align:right!important;white-space:nowrap!important}
@media(max-width:1100px){.board-shell .latest-head-v6,.board-row-v6{grid-template-columns:90px minmax(0,1fr) 125px 50px 50px 50px!important}.board-shell .latest-head-v6 span:last-child,.board-date-v6{display:none!important}}
@media(max-width:780px){.board-shell .latest-head-v6{display:none!important}.board-row-v6{grid-template-columns:76px minmax(0,1fr)!important;padding:10px!important;min-height:68px!important}.board-author-v6,.board-metric-v6,.board-date-v6{display:none!important}.board-main-v6{gap:8px!important}.board-main-v6 .board-media-thumb{width:52px!important;height:38px!important;flex-basis:52px!important}.title-line-v6>b{font-size:13px!important}.post-preview-v6{font-size:9.8px!important}}

.chat-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 10px 10px}.chat-mode-tabs button{height:36px;border:1px solid #2b3a45;border-radius:8px;background:#0e171d;color:#8396a4;font-weight:900;font-size:11px;cursor:pointer}.chat-mode-tabs button.on{background:#18344a;border-color:#2e7098;color:#e8f7ff}.chat-create-room{width:calc(100% - 20px);margin:0 10px 10px;height:38px;border:1px solid #37769c;border-radius:9px;background:#17354a;color:#bde9ff;font-size:11px;font-weight:900;cursor:pointer}.chat-create-room:hover{background:#204861}
.chat-rooms{display:grid;gap:5px;padding:0 8px 12px;max-height:590px;overflow:auto}.chat-room-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid transparent;border-radius:9px;background:#0f171d}.chat-room-item:hover,.chat-room-item.on{border-color:#324754;background:#14212a}.chat-room-copy{display:grid;gap:4px;min-width:0}.chat-room-copy b{font-size:11.5px;color:#e7f0f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room-copy small{font-size:9px;color:#708693}.chat-room-open,.chat-room-join{display:inline-grid;place-items:center;min-width:48px;height:30px;border:1px solid #34546a;border-radius:7px;background:#152833;color:#a8dcf7;font-size:9.5px;font-weight:900;text-decoration:none;cursor:pointer}.chat-room-join:disabled{opacity:.45;cursor:not-allowed}
.room-head-actions{display:flex;gap:6px}.room-messages{padding:18px 22px!important}.room-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;margin:0 0 14px}.room-message.mine{grid-template-columns:minmax(0,1fr) 34px}.room-message.mine>.room-message-avatar{grid-column:2;grid-row:1}.room-message.mine>div{grid-column:1;grid-row:1;justify-self:end}.room-message-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#22333f;display:grid;place-items:center;color:#dcebf4;font-size:10px}.room-message-avatar img{width:100%;height:100%;object-fit:cover}.room-message>div{max-width:min(620px,78%)}.room-message-meta{display:flex;align-items:center;gap:7px;margin-bottom:4px}.room-message-meta b{font-size:10.5px;color:#bcd0dc}.room-message-meta small{font-size:8.5px;color:#667a88}.room-message p{margin:0;padding:9px 11px;border:1px solid #2b3b46;border-radius:10px;background:#101a21;color:#e3edf3;font-size:12px;line-height:1.55}.room-message.mine p{background:#183750;border-color:#2d678d}
.room-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,7,10,.72);backdrop-filter:blur(5px)}.room-modal[hidden]{display:none!important}.room-modal-card{width:min(460px,100%);padding:20px;border:1px solid #334653;border-radius:15px;background:#111a21;box-shadow:0 22px 70px #0009}.room-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.room-modal-head small{color:#55bff1;font-size:9px;font-weight:950;letter-spacing:1.3px}.room-modal-head h2{margin:4px 0 0;font-size:21px}.room-modal-head button{width:32px;height:32px;border:1px solid #344551;border-radius:8px;background:#18232b;color:#b9c8d2;font-size:20px}.room-modal-card label{display:grid;gap:7px;margin:12px 0;color:#a9bbc7;font-size:11px;font-weight:900}.room-modal-card input,.room-modal-card select{height:43px;border:1px solid #30414c;border-radius:8px;background:#0b1217;color:#edf4f7;padding:0 12px;outline:none}.room-modal-card p{color:#708591;font-size:10px}.room-modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}
@media(max-width:760px){.chat-rooms{max-height:210px}.room-messages{padding:14px!important}.room-message>div{max-width:86%}}

/* v4.0.1 room chat usability */
#roomPanel{height:680px;min-height:680px;display:flex;flex-direction:column}
#roomPanel[hidden]{display:none!important}
.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;min-height:0;flex:1}
.room-conversation{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #29353e}
.room-conversation .room-messages{height:auto!important;min-height:0;flex:1;overflow:auto;padding:18px 22px 20px!important}
.room-chat-form{height:auto!important;min-height:84px;position:sticky;bottom:0;z-index:5;background:#0d141a;padding:11px 12px!important;align-items:stretch}
.room-chat-form textarea{min-height:56px!important;max-height:130px!important;font-size:13px!important}
.room-chat-form .btn{min-width:76px!important;font-size:12px!important}
.room-members-panel{min-width:0;background:#10171d;display:flex;flex-direction:column}
.room-members-head{height:52px;padding:0 14px;border-bottom:1px solid #29353e;display:flex;align-items:center;justify-content:space-between}
.room-members-head b{font-size:12px;color:#e5eff5}.room-members-head span{font-size:10px;color:#7fcdf7;font-weight:900}
.room-members{padding:8px;display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:558px}
.room-member{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;color:#dce8ef;text-decoration:none}
.room-member:hover{background:#17242d}.room-member-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#22333f;display:grid;place-items:center;flex:0 0 34px;font-size:10px;font-weight:900}.room-member-avatar img{width:100%;height:100%;object-fit:cover}
.room-member-copy{min-width:0;display:grid;gap:3px}.room-member-copy b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-member-copy small{font-size:9px;color:#758895}.room-owner-mark{color:#64c9ff!important;font-weight:900}
.room-system-event{align-self:center;display:flex;align-items:center;gap:6px;margin:3px 0 9px;padding:5px 10px;border:1px solid #293943;border-radius:999px;background:#101920;color:#7f94a2;font-size:10px}.room-system-event b{color:#bcd8e8}.room-system-event.join{border-color:#244b3a;color:#7ec8a4}.room-system-event.leave{border-color:#4a3434;color:#c49696}
.room-message{width:100%}.room-message>div{max-width:min(620px,80%)}
@media(max-width:980px){.room-layout{grid-template-columns:minmax(0,1fr) 170px}.room-members{max-height:558px}}
@media(max-width:760px){#roomPanel{height:auto;min-height:560px}.room-layout{grid-template-columns:1fr}.room-conversation{border-right:0}.room-members-panel{border-top:1px solid #29353e;max-height:180px}.room-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:130px}.room-chat-form{position:sticky;bottom:0}.room-conversation .room-messages{min-height:380px}.room-member{padding:6px}}


/* v4.0.2 chat room layout hard fix */
.chat-main{position:relative;min-height:680px;height:680px;overflow:hidden}
.chat-empty[hidden],#chatPanel[hidden],#roomPanel[hidden],#chatDirectSide[hidden],#chatRoomSide[hidden]{display:none!important}
#chatEmpty:not([hidden]){height:100%;min-height:0}
#chatPanel:not([hidden]){height:100%;min-height:0;display:flex;flex-direction:column}
#chatPanel .chat-messages{flex:1;min-height:0;height:auto;overflow:auto}
#roomPanel:not([hidden]){position:absolute;inset:0;height:auto!important;min-height:0!important;display:grid!important;grid-template-rows:70px minmax(0,1fr);overflow:hidden;background:#0d141a}
#roomPanel>.room-chat-head{height:70px!important;min-height:70px;grid-row:1;border-bottom:1px solid #2b3943;background:#101820;padding:0 18px;z-index:4}
.room-chat-head>div:first-child{min-width:0}.room-chat-head #roomName{font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-chat-head #roomMeta{margin-top:5px;color:#6fc9f5;font-size:10px;font-weight:800}
#roomPanel>.room-layout{grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;min-height:0;height:100%;overflow:hidden}
.room-conversation{display:grid!important;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden;border-right:1px solid #29353e;background:#0d141a}
.room-conversation .room-messages{grid-row:1;min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding:20px 22px!important;display:flex;flex-direction:column;justify-content:flex-start}
.room-conversation .room-messages:empty::before{content:'아직 메시지가 없습니다. 첫 인사를 남겨보세요.';margin:auto;color:#607684;font-size:11px;text-align:center}
.room-chat-form{grid-row:2;position:relative!important;bottom:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 82px;gap:9px;min-height:78px!important;height:auto!important;margin:0;padding:10px 12px!important;border-top:1px solid #29353e;background:#101820;z-index:6}
.room-chat-form textarea{width:100%;min-height:56px!important;max-height:112px!important;resize:none;border-radius:10px!important;font-size:12.5px!important;padding:10px 12px!important}
.room-chat-form .btn{width:82px;min-width:82px!important;height:56px;align-self:end;border-radius:10px!important;font-size:12px!important}
.room-members-panel{height:100%;min-height:0;overflow:hidden;background:#10171d;display:grid!important;grid-template-rows:52px minmax(0,1fr)}
.room-members-head{grid-row:1;height:52px!important;padding:0 14px;border-bottom:1px solid #29353e;background:#111b22}
.room-members{grid-row:2;min-height:0;max-height:none!important;overflow-y:auto!important;padding:8px!important;align-content:start}
.room-member{min-height:50px;padding:7px 8px!important;border-radius:9px!important}.room-member+.room-member{margin-top:2px}.room-member-copy small{font-size:9px!important;line-height:1.35}
.room-system-event{flex:0 0 auto;margin:5px auto 12px!important;padding:5px 11px!important}
.room-message{flex:0 0 auto;margin-bottom:12px!important}
.room-head-actions .btn{height:34px;padding:0 11px;font-size:10.5px}
@media(max-width:980px){#roomPanel>.room-layout{grid-template-columns:minmax(0,1fr) 190px!important}}
@media(max-width:760px){
  .chat-main{height:auto;min-height:560px;overflow:visible}
  #roomPanel:not([hidden]){position:relative;inset:auto;min-height:620px!important;display:grid!important;grid-template-rows:64px minmax(0,1fr)}
  #roomPanel>.room-chat-head{height:64px!important;min-height:64px;padding:0 12px}
  #roomPanel>.room-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(420px,1fr) 170px;height:auto}
  .room-conversation{grid-row:1;border-right:0;border-bottom:1px solid #29353e;min-height:420px}
  .room-members-panel{grid-row:2;height:170px;grid-template-rows:44px minmax(0,1fr)}
  .room-members-head{height:44px!important}
  .room-members{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:none!important}
  .room-chat-form{grid-template-columns:minmax(0,1fr) 70px;padding:8px!important;min-height:72px!important}
  .room-chat-form .btn{width:70px;min-width:70px!important;height:52px}
  .room-chat-form textarea{min-height:52px!important}
}


/* === v4.0.3 chat/admin visual repair === */
/* 채팅 페이지: 잘림 없이 한 화면에서 방/메시지/참여자를 확인 */
#chatRoot.with-side{max-width:1540px!important;grid-template-columns:230px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
#chatRoot .chat-shell{width:100%!important;min-width:0!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:0!important;height:calc(100vh - 92px)!important;max-height:820px!important;border-radius:14px!important;overflow:hidden!important}
#chatRoot .chat-people-wrap{min-width:0!important;overflow:hidden!important}
#chatRoot .chat-main{position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important}
#chatRoot .chat-empty{height:100%!important;min-height:0!important}
#roomPanel:not([hidden]){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:68px minmax(0,1fr)!important;background:#0d141a!important;overflow:hidden!important}
#roomPanel>.room-chat-head{grid-row:1!important;height:68px!important;min-height:68px!important;padding:0 18px!important}
#roomPanel>.room-layout{grid-row:2!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;overflow:hidden!important}
#roomPanel .room-conversation{display:grid!important;grid-template-rows:minmax(0,1fr) 78px!important;min-height:0!important;height:100%!important;overflow:hidden!important;border-right:1px solid #29353e!important}
#roomPanel .room-messages{grid-row:1!important;min-height:0!important;height:100%!important;overflow-y:auto!important;padding:18px 22px!important;scrollbar-gutter:stable!important}
#roomPanel .room-chat-form{grid-row:2!important;min-height:78px!important;height:78px!important;position:static!important;margin:0!important;padding:10px 12px!important;border-top:1px solid #29353e!important;background:#101820!important;display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;gap:9px!important}
#roomPanel .room-chat-form textarea{height:56px!important;min-height:56px!important;max-height:56px!important;resize:none!important}
#roomPanel .room-chat-form .btn{width:78px!important;min-width:78px!important;height:56px!important;margin:0!important}
#roomPanel .room-members-panel{height:100%!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:52px minmax(0,1fr)!important;background:#10171d!important}
#roomPanel .room-members{min-height:0!important;height:100%!important;max-height:none!important;overflow-y:auto!important;padding:8px!important}
#roomPanel .room-system-event{margin:6px auto 15px!important}
#roomPanel .room-message>div{max-width:min(660px,82%)!important}
@media(max-width:1180px){#chatRoot.with-side{grid-template-columns:200px minmax(0,1fr)!important}#chatRoot .chat-shell{grid-template-columns:220px minmax(0,1fr)!important}#roomPanel>.room-layout{grid-template-columns:minmax(0,1fr) 205px!important}}
@media(max-width:900px){#chatRoot.with-side{display:block!important}#chatRoot.with-side>.sidebar{display:none!important}#chatRoot .chat-shell{height:calc(100vh - 72px)!important;max-height:none!important}}
@media(max-width:680px){#chatRoot .chat-shell{display:block!important;height:auto!important;max-height:none!important}.chat-people-wrap{border-right:0!important;border-bottom:1px solid #29353e!important}.chat-main{height:650px!important;min-height:650px!important}#roomPanel:not([hidden]){position:absolute!important;height:650px!important;grid-template-rows:62px minmax(0,1fr)!important}#roomPanel>.room-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 150px!important}.room-conversation{grid-row:1!important;border-right:0!important;border-bottom:1px solid #29353e!important}.room-members-panel{grid-row:2!important;height:150px!important;grid-template-rows:42px minmax(0,1fr)!important}.room-members{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.room-members-head{height:42px!important}.room-chat-form{grid-template-columns:minmax(0,1fr) 68px!important}.room-chat-form .btn{width:68px!important;min-width:68px!important}}

/* 관리자: 메뉴 복구 + 정보 밀도 개선 */
.admin-page{max-width:1500px!important;padding-left:18px!important;padding-right:18px!important}.admin-dashboard-v403{border-radius:16px!important;overflow:hidden!important}.admin-tabs-v403{display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:8px!important;padding:0 24px 18px!important;overflow:visible!important}.admin-tabs-v403 .admin-tab{border-radius:10px!important;height:42px!important;padding:0 12px!important}.admin-tabs-v403 .admin-tab-featured{border-color:#2d7299!important;color:#84d6ff!important;background:#112637!important}.admin-tabs-v403 .admin-tab-featured.on{background:#dff4ff!important;color:#0b1a24!important;border-color:#dff4ff!important}.admin-tab-page{padding:24px 26px 30px!important}.admin-section-head{padding-bottom:12px!important;border-bottom:1px solid #22303a!important;margin-bottom:16px!important}.admin-section-head h2{font-size:20px!important}.admin-section-head p{font-size:11.5px!important;line-height:1.55!important}.admin-post-table{border-radius:14px!important}.admin-post-head,.admin-post-row{grid-template-columns:minmax(300px,1fr) 140px 110px minmax(270px,auto)!important}.admin-post-row{min-height:66px!important;padding:12px 14px!important}.admin-row-actions.compact{display:grid!important;grid-template-columns:repeat(4,minmax(54px,1fr))!important;gap:6px!important}.admin-row-actions.compact .btn{height:34px!important;padding:0 8px!important;font-size:10.5px!important}.admin-action-row{border:1px solid #26353f!important;border-radius:12px!important;margin-bottom:8px!important;background:#0f171d!important;padding:13px 14px!important}.admin-recommend-list{gap:9px!important}.admin-recommend-row{grid-template-columns:42px minmax(250px,.8fr) minmax(420px,1.2fr)!important;padding:12px 14px!important;border-radius:12px!important}.admin-recommend-preview>img,.rec-empty-thumb{width:62px!important;height:62px!important;flex-basis:62px!important}.admin-recommend-form{grid-template-columns:minmax(220px,1fr) 78px 64px 64px!important}.admin-recommend-form .btn{height:38px!important;padding:0 9px!important;font-size:10px!important}.admin-recommend-form input{height:38px!important}.traffic-detail-grid-v403{grid-template-columns:repeat(3,minmax(0,1fr))!important}.traffic-detail-card{min-height:180px!important}.traffic-chart{overflow-x:auto!important}.traffic-bar-col{min-width:46px!important}
@media(max-width:1150px){.admin-tabs-v403{grid-template-columns:repeat(3,1fr)!important}.admin-recommend-row{grid-template-columns:42px 1fr!important}.admin-recommend-form{grid-column:1/-1!important}.traffic-detail-grid-v403{grid-template-columns:repeat(2,1fr)!important}.admin-post-head,.admin-post-row{grid-template-columns:minmax(0,1fr) 120px 90px!important}.admin-post-head span:last-child,.admin-row-actions.compact{grid-column:1/-1!important}}
@media(max-width:720px){.admin-page{padding:10px!important}.admin-tabs-v403{grid-template-columns:repeat(2,1fr)!important;padding:0 14px 14px!important}.admin-tab-page{padding:18px 14px 24px!important}.traffic-detail-grid-v403{grid-template-columns:1fr!important}.admin-recommend-row{grid-template-columns:36px 1fr!important;padding:10px!important}.admin-recommend-form{grid-template-columns:1fr 1fr!important}.admin-recommend-form input{grid-column:1/-1!important}.admin-post-head{display:none!important}.admin-post-row{grid-template-columns:1fr!important}.admin-row-actions.compact{grid-column:auto!important;grid-template-columns:repeat(2,1fr)!important}}

/* === v4.0.4 chat density / owner / home live strip === */
#roomPanel #roomMeta{display:block!important;margin-top:5px!important;color:#69d2ff!important;font-size:14px!important;font-weight:950!important;letter-spacing:.1px!important}
#roomPanel>.room-layout{grid-template-columns:minmax(0,1fr) 178px!important}
#roomPanel .room-members-panel{min-width:0!important}
#roomPanel .room-members-head{height:44px!important;grid-template-rows:none!important;padding:0 10px!important}
#roomPanel .room-members-head b{font-size:11px!important}#roomPanel .room-members-head span{font-size:11px!important}
#roomPanel .room-members{padding:5px!important;gap:2px!important}
#roomPanel .room-member{min-height:43px!important;padding:5px 6px!important;gap:6px!important;border-radius:8px!important}
#roomPanel .room-member-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
#roomPanel .room-member-copy{gap:2px!important}.room-member-name{display:flex;align-items:center;gap:4px;min-width:0}.room-member-name>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px!important}
.room-owner-badge{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;padding:2px 4px;border-radius:999px;border:1px solid #246b90;background:#102d3e;color:#8bdcff;font-size:7.5px;font-weight:950}.room-owner-badge img{width:11px;height:11px}.room-member.is-owner{background:linear-gradient(90deg,#102430,#111920);box-shadow:inset 2px 0 0 #56c8ff}
.room-normal-tier,.room-special-tier{display:flex;align-items:center;gap:4px;color:#8aa0af;font-size:8.5px;font-weight:850;white-space:nowrap}.room-tier-icon,.room-special-tier img{width:14px;height:14px;display:inline-grid;place-items:center;flex:0 0 14px}.room-tier-icon img{width:100%;height:100%}.room-special-tier.creator-tier{color:#72d8ff}.room-special-tier.developer-tier{color:#c89cff}.room-special-tier b,.room-normal-tier b{font-size:8.5px!important;font-weight:900!important}
.room-invite-btn{border-color:#246b90!important;background:#123248!important;color:#9ee0ff!important}.room-invite-btn:hover{background:#17415a!important}
#roomPanel .room-conversation{border-right:1px solid #26343e!important}
.invite-room-card{max-width:430px!important}

.home-utility-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px;margin:0 0 14px}
.live-chat-banner,.home-ad-slot{min-height:92px;border-radius:14px;overflow:hidden}
.live-chat-banner{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 18px;background:linear-gradient(115deg,#10293a,#13202b 55%,#182530);border-color:#28546c;position:relative}
.live-chat-banner:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:110px;top:-115px;background:radial-gradient(circle,#35c8ff28,transparent 68%)}
.live-chat-icon{width:44px;height:44px;border:1px solid #2e617c;border-radius:12px;background:#102430;display:grid;place-items:center;z-index:1}.live-chat-icon img{width:25px;height:25px}.live-chat-copy{min-width:0;display:grid;gap:3px;z-index:1}.live-chat-copy small{font-size:8px;letter-spacing:1.2px;color:#5ed2ff;font-weight:950}.live-chat-copy b{font-size:17px;color:#f2f7fa}.live-chat-copy span{font-size:10px;color:#8fa2b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-chat-go{z-index:1;border:1px solid #396578;background:#163346;border-radius:9px;padding:9px 12px;color:#a9e4ff;font-size:10px;font-weight:950;white-space:nowrap}.live-chat-banner:hover{border-color:#4e9ac1;transform:translateY(-1px)}
.home-ad-slot{display:flex;align-items:center;justify-content:center;position:relative;background:#0f161c;border:1px dashed #30404c;color:#687986}.home-ad-slot small{position:absolute;left:12px;top:10px;font-size:7px;letter-spacing:1.1px;color:#536675;font-weight:900}.home-ad-slot span{font-size:10px;color:#5e7180}
@media(max-width:1100px){.home-utility-row{grid-template-columns:1fr 260px}#roomPanel>.room-layout{grid-template-columns:minmax(0,1fr) 165px!important}}
@media(max-width:760px){.home-utility-row{grid-template-columns:1fr}.home-ad-slot{min-height:72px}.live-chat-banner{grid-template-columns:40px minmax(0,1fr);padding:13px}.live-chat-go{grid-column:2;width:max-content}.live-chat-copy span{white-space:normal}#roomPanel>.room-layout{grid-template-columns:1fr!important}.room-member{min-height:40px!important}}

/* === v4.0.6 Roblox live-chat popup === */
.live-chat-banner{width:100%;font-family:inherit;text-align:left;cursor:pointer;color:inherit}
.roblox-live-mark{background:linear-gradient(145deg,#111b24,#183144)!important;border-color:#3d7998!important;box-shadow:inset 0 0 0 1px #ffffff0b,0 7px 20px #0005}
.roblox-live-mark img{width:28px!important;height:28px!important;filter:drop-shadow(0 2px 6px #0008)}
.live-chat-go{min-width:104px!important;padding:10px 15px!important;background:linear-gradient(135deg,#1f8fc5,#29c0ec)!important;border:1px solid #62d9ff!important;color:#06131b!important;box-shadow:0 7px 20px #18a8d735!important;display:grid!important;place-items:center!important;gap:1px!important;text-align:center!important}
.live-chat-go b{font-size:12px!important;font-weight:1000!important;color:#041018!important}.live-chat-go small{font-size:8px!important;font-weight:900!important;color:#0a3142!important;opacity:.9}
.live-chat-banner:hover .live-chat-go{transform:translateY(-1px);filter:brightness(1.08)}
.live-chat-popup[hidden]{display:none!important}.live-chat-popup{position:fixed;right:22px;bottom:22px;z-index:9998;width:min(900px,calc(100vw - 44px));height:min(690px,calc(100vh - 90px));pointer-events:none}
.live-chat-popup-card{width:100%;height:100%;display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden;border:1px solid #365364;border-radius:16px;background:#0b1217;box-shadow:0 22px 70px #000b,0 0 0 1px #fff05;pointer-events:auto}
.live-chat-popup-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 15px;border-bottom:1px solid #263640;background:linear-gradient(90deg,#101b23,#0d151b)}
.live-chat-popup-head>div:first-child{display:flex;align-items:center;gap:10px}.live-chat-popup-head img{width:28px;height:28px}.live-chat-popup-head span{display:grid;gap:1px}.live-chat-popup-head small{font-size:8px;letter-spacing:1.3px;color:#5ed2ff;font-weight:950}.live-chat-popup-head b{font-size:14px;color:#f3f8fb}
.live-chat-popup-actions{display:flex;align-items:center;gap:6px}.live-chat-popup-actions a,.live-chat-popup-actions button{height:32px;border:1px solid #30434f;border-radius:8px;background:#111d25;color:#a8c4d4;font:800 10px/1 inherit;display:grid;place-items:center;text-decoration:none;padding:0 10px;cursor:pointer}.live-chat-popup-actions button{width:34px;padding:0;font-size:20px}.live-chat-popup-actions a:hover,.live-chat-popup-actions button:hover{border-color:#4c8bac;color:#e7f7ff;background:#172a36}
.live-chat-popup iframe{display:block;width:100%;height:100%;border:0;background:#0b1217}
body.live-chat-popup-open{overflow:auto}
body.embed-chat .topbar,body.embed-chat .site-footer,body.embed-chat #chatRoot>.sidebar{display:none!important}
body.embed-chat{background:#0b1217!important;min-width:0!important;overflow:hidden!important}
body.embed-chat #chatRoot.with-side{display:block!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;min-height:100vh!important}
body.embed-chat #chatRoot .chat-shell{height:100vh!important;max-height:none!important;border:0!important;border-radius:0!important;grid-template-columns:240px minmax(0,1fr)!important}
body.embed-chat .chat-main{height:100%!important}
@media(max-width:760px){.live-chat-popup{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100vh - 76px)}.live-chat-popup-card{border-radius:13px}.live-chat-go{min-width:90px!important}.live-chat-copy span{display:none}.live-chat-popup-head{height:54px}.live-chat-popup-actions a{display:none}body.embed-chat #chatRoot .chat-shell{grid-template-columns:185px minmax(0,1fr)!important}}


/* === v4.1.2 compact live-chat popup + in-page fullscreen + opacity === */
.live-chat-popup{
  --chat-popup-opacity:.92;
  right:18px!important;
  bottom:18px!important;
  width:min(650px,calc(100vw - 36px))!important;
  height:min(520px,calc(100vh - 98px))!important;
  transition:width .18s ease,height .18s ease,right .18s ease,bottom .18s ease,opacity .15s ease;
}
.live-chat-popup-card{
  opacity:var(--chat-popup-opacity);
  grid-template-rows:52px minmax(0,1fr)!important;
  border-radius:14px!important;
  transition:opacity .12s ease,border-radius .18s ease,box-shadow .18s ease;
}
.live-chat-popup:hover .live-chat-popup-card,
.live-chat-popup:focus-within .live-chat-popup-card{opacity:1}
.live-chat-popup-head{padding:0 9px 0 13px!important;gap:10px}
.live-chat-popup-head>div:first-child{gap:8px!important;min-width:0}
.live-chat-popup-head img{width:24px!important;height:24px!important}
.live-chat-popup-head b{font-size:13px!important;white-space:nowrap}
.live-chat-popup-actions{gap:5px!important;min-width:0}
.live-chat-popup-actions button{height:30px!important;font-size:9.5px!important;padding:0 9px!important;width:auto!important;white-space:nowrap}
.live-chat-popup-actions #closeLiveChat{width:31px!important;padding:0!important;font-size:18px!important}
.live-chat-opacity{height:30px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #30434f;border-radius:8px;background:#111d25;color:#87a6b8;white-space:nowrap}
.live-chat-opacity span{font-size:8.5px!important;font-weight:850!important;color:#8fa9b8!important}
.live-chat-opacity input{width:70px;height:3px;accent-color:#39b9eb;cursor:pointer}
.live-chat-opacity output{min-width:28px;font-size:8px;font-weight:900;color:#bfeaff;text-align:right}
.live-chat-fullscreen-btn[aria-pressed="true"]{border-color:#4e9ac1!important;background:#183244!important;color:#d9f4ff!important}
.live-chat-popup.is-fullscreen{
  inset:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  z-index:10020!important;
}
.live-chat-popup.is-fullscreen .live-chat-popup-card{
  border-radius:0!important;
  border-color:#2a3c48!important;
  box-shadow:none!important;
  opacity:var(--chat-popup-opacity);
}
body.live-chat-fullscreen{overflow:hidden!important}
@media(max-width:900px){
  .live-chat-opacity span{display:none}
  .live-chat-opacity input{width:56px}
}
@media(max-width:760px){
  .live-chat-popup:not(.is-fullscreen){right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;height:min(520px,calc(100vh - 82px))!important}
  .live-chat-popup-head{padding-left:9px!important}
  .live-chat-popup-head small{display:none}
  .live-chat-opacity{padding:0 5px}
  .live-chat-opacity output{display:none}
  .live-chat-popup-actions button{padding:0 7px!important}
}
@media(max-width:520px){
  .live-chat-opacity{display:none}
}

/* === v4.1.3 chat stability / resize / mypage security + board layout === */
/* Popup resize handle: popup is anchored to bottom-right, so top-left grip resizes naturally. */
.live-chat-resize-handle{
  position:absolute;
  left:-7px;
  top:-7px;
  width:24px;
  height:24px;
  z-index:5;
  border:1px solid #3b6074;
  border-radius:8px;
  background:#10202a;
  box-shadow:0 5px 16px #0008;
  cursor:nwse-resize;
  pointer-events:auto;
  touch-action:none;
}
.live-chat-resize-handle:before,
.live-chat-resize-handle:after{
  content:'';
  position:absolute;
  left:6px;
  top:6px;
  width:9px;
  height:1px;
  background:#73c9ee;
  transform:rotate(-45deg);
  transform-origin:center;
}
.live-chat-resize-handle:after{left:9px;top:9px;width:7px;opacity:.65}
.live-chat-popup.is-fullscreen .live-chat-resize-handle{display:none!important}
body.live-chat-resizing{user-select:none!important;cursor:nwse-resize!important}
body.live-chat-resizing iframe{pointer-events:none!important}

/* Keep room controls inside the header even in the compact embedded popup. */
#roomPanel .room-chat-head{
  height:auto!important;
  min-height:62px!important;
  padding:7px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  overflow:hidden!important;
}
#roomPanel .room-chat-head>div:first-child{min-width:0!important}
#roomPanel #roomName{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#roomPanel .room-head-actions{
  min-width:0!important;
  max-width:168px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:4px!important;
}
#roomPanel .room-head-actions .btn{
  height:28px!important;
  min-width:0!important;
  padding:0 8px!important;
  margin:0!important;
  border-radius:7px!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.embed-chat #chatRoot .chat-shell{
  grid-template-columns:190px minmax(0,1fr)!important;
}
body.embed-chat #roomPanel>.room-layout{
  grid-template-columns:minmax(0,1fr) 150px!important;
}
body.embed-chat #roomPanel .room-members-panel{min-width:0!important}
body.embed-chat #roomPanel .room-member{padding:4px 5px!important;gap:5px!important}
body.embed-chat #roomPanel .room-member-avatar{width:27px!important;height:27px!important;flex-basis:27px!important}
body.embed-chat #roomPanel .room-head-actions{max-width:145px!important}
body.embed-chat #roomPanel .room-head-actions .btn{padding:0 6px!important;font-size:9px!important}

@media(max-width:620px){
  #roomPanel .room-chat-head{grid-template-columns:1fr!important;align-items:start!important}
  #roomPanel .room-head-actions{max-width:none!important;width:100%!important;justify-content:flex-start!important}
  body.embed-chat #chatRoot .chat-shell{grid-template-columns:160px minmax(0,1fr)!important}
  body.embed-chat #roomPanel>.room-layout{grid-template-columns:1fr!important}
}

/* My page password change */
.account-security-card{
  margin-top:24px;
  padding:16px;
  border:1px solid #293842;
  border-radius:12px;
  background:#0f171d;
}
.account-security-head h3{margin:0 0 5px;font-size:16px}
.account-security-head p{margin:0 0 14px;color:#80909c;font-size:11px;line-height:1.55}
.password-change-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:9px;
  align-items:end;
}
.password-change-form label{display:grid;gap:6px;min-width:0}
.password-change-form label span{font-size:10px;font-weight:900;color:#9fb0bb}
.password-change-form input{
  width:100%;
  min-height:42px;
  border:1px solid #30404b;
  border-radius:9px;
  background:#0b1217;
  color:#edf5f9;
  padding:9px 11px;
  outline:none;
}
.password-change-form input:focus{border-color:#4286aa;box-shadow:0 0 0 2px #2d759822}
.password-change-form .btn{height:42px;white-space:nowrap}
.password-change-help{margin:9px 0 0;color:#6f818e;font-size:10px!important;line-height:1.55}

/* My posts: same information hierarchy as the main board, plus category filters. */
.my-posts-section{margin-top:28px}
.my-posts-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.my-posts-section-head h3{margin:0;font-size:17px}
.my-posts-section-head p{margin:5px 0 0;color:#7d8e99;font-size:10.5px}
.my-post-category-tabs{display:flex;gap:7px;overflow-x:auto;padding:5px 0 12px;scrollbar-width:none}
.my-post-category-tabs::-webkit-scrollbar{display:none}
.my-post-filter{
  flex:0 0 auto;
  height:34px;
  padding:0 13px;
  border:1px solid #2c3a44;
  border-radius:999px;
  background:#111a21;
  color:#9cabb5;
  font-size:10.5px;
  font-weight:900;
  cursor:pointer;
}
.my-post-filter:hover,.my-post-filter.on{background:#eef4f7;color:#0b1116;border-color:#eef4f7}
.my-post-board-head{
  display:grid;
  grid-template-columns:105px minmax(0,1fr) 150px 58px 58px 58px 78px;
  gap:10px;
  align-items:center;
  padding:10px 14px;
  border-top:1px solid #2a3944;
  border-bottom:1px solid #2a3944;
  background:#0e161c;
  color:#8295a3;
  font-size:10px;
  font-weight:900;
}
.my-post-board-head span:nth-child(n+4){text-align:center}
.my-post-board-head span:last-child{text-align:right}
.my-post-board-list{border-bottom:1px solid #23313b}
.my-post-board-list .board-row-v6{border-left:1px solid #23313b!important;border-right:1px solid #23313b!important}
.my-hidden-posts{margin-top:16px;border:1px solid #3b3031;border-radius:11px;overflow:hidden;background:#151113}
.my-hidden-posts-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #3b3031}
.my-hidden-posts-head b{font-size:12px;color:#f0c2bf}.my-hidden-posts-head small{font-size:9.5px;color:#927c7e}
.my-hidden-post-row{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid #302527;font-size:11px}
.my-hidden-post-row:first-child{border-top:0}.my-hidden-post-row .grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1100px){
  .password-change-form{grid-template-columns:1fr 1fr}.password-change-form .btn{grid-column:2}
  .my-post-board-head,.my-post-board-list .board-row-v6{grid-template-columns:90px minmax(0,1fr) 125px 50px 50px 50px!important}
  .my-post-board-head span:last-child,.my-post-board-list .board-date-v6{display:none!important}
}
@media(max-width:780px){
  .password-change-form{grid-template-columns:1fr}.password-change-form .btn{grid-column:auto;width:100%}
  .my-post-board-head{display:none}
  .my-post-board-list .board-row-v6{grid-template-columns:76px minmax(0,1fr)!important;padding:10px!important;min-height:68px!important}
  .my-post-board-list .board-author-v6,.my-post-board-list .board-metric-v6,.my-post-board-list .board-date-v6{display:none!important}
  .my-hidden-post-row{align-items:flex-start;flex-wrap:wrap}
  .my-hidden-post-row .grow{flex:1 1 calc(100% - 90px)}
}


/* === v4.1.4 chat readability / responsive popup / rank-role labels === */
.live-chat-popup:not(.is-fullscreen){
  width:min(760px,calc(100vw - 28px))!important;
  height:min(540px,calc(100vh - 82px))!important;
}
.live-chat-popup-card{grid-template-rows:50px minmax(0,1fr)!important}
.live-chat-popup-head b{font-size:13.5px!important}
.live-chat-popup-head small{font-size:8.5px!important}
.live-chat-popup-actions button{font-size:10px!important}
.live-chat-resize-handle{width:26px;height:26px}

/* Embedded chat uses the space for content instead of oversized empty padding. */
body.embed-chat{font-size:13px!important}
body.embed-chat #chatRoot .chat-shell{
  grid-template-columns:176px minmax(0,1fr)!important;
}
body.embed-chat .chat-people-head h2,
body.embed-chat .chat-head b{font-size:14px!important}
body.embed-chat .chat-mode-tabs button{font-size:10.5px!important;min-height:34px!important}
body.embed-chat .chat-room-item{padding:8px 7px!important;gap:5px!important}
body.embed-chat .chat-room-copy b{font-size:11.5px!important;line-height:1.25!important}
body.embed-chat .chat-room-copy small{font-size:9px!important;margin-top:3px!important}
body.embed-chat .chat-room-open,
body.embed-chat .chat-room-join{height:28px!important;padding:0 8px!important;font-size:9px!important}
body.embed-chat #roomPanel .room-chat-head{min-height:58px!important;padding:7px 9px!important}
body.embed-chat #roomPanel #roomName{font-size:14px!important}
body.embed-chat #roomPanel #roomMeta{font-size:11px!important;margin-top:4px!important}
body.embed-chat #roomPanel .room-head-actions{max-width:150px!important;gap:4px!important}
body.embed-chat #roomPanel .room-head-actions .btn{height:27px!important;padding:0 7px!important;font-size:9px!important}
body.embed-chat #roomPanel>.room-layout{
  grid-template-columns:minmax(0,1fr) 148px!important;
}
body.embed-chat #roomPanel .room-members-head{height:44px!important;padding:0 9px!important}
body.embed-chat #roomPanel .room-members-head b,
body.embed-chat #roomPanel .room-members-head span{font-size:10.5px!important}
body.embed-chat #roomPanel .room-members{padding:5px!important}
body.embed-chat #roomPanel .room-member{padding:5px!important;gap:5px!important;min-height:42px!important}
body.embed-chat #roomPanel .room-member-avatar{width:29px!important;height:29px!important;flex-basis:29px!important}
body.embed-chat #roomPanel .room-member-name b{font-size:10.5px!important}
body.embed-chat #roomPanel .room-owner-badge{font-size:8px!important;padding:2px 4px!important}
body.embed-chat #roomPanel .room-owner-badge img{width:10px!important;height:10px!important}
body.embed-chat #roomPanel .room-normal-tier{display:flex!important;align-items:center!important;gap:3px!important;margin-top:2px!important;min-width:0!important}
body.embed-chat #roomPanel .room-normal-tier b{font-size:9.5px!important;line-height:1!important;white-space:nowrap!important}
body.embed-chat #roomPanel .room-normal-tier em{font-style:normal;font-size:8.5px!important;font-weight:900!important;color:#5ecdf7!important;white-space:nowrap!important}
body.embed-chat #roomPanel .room-normal-tier em:before{content:' / ';color:#617582!important}
body.embed-chat #roomPanel .room-tier-icon,
body.embed-chat #roomPanel .room-tier-icon .tier-icon-img{width:13px!important;height:13px!important}
body.embed-chat #roomPanel .room-message{padding:7px 9px!important;gap:7px!important}
body.embed-chat #roomPanel .room-message-avatar{width:28px!important;height:28px!important;flex-basis:28px!important}
body.embed-chat #roomPanel .room-message-meta b{font-size:10.5px!important}
body.embed-chat #roomPanel .room-message-meta small{font-size:8.5px!important}
body.embed-chat #roomPanel .room-message p{font-size:12.5px!important;line-height:1.48!important;margin-top:3px!important}
body.embed-chat #roomPanel .room-system-event{font-size:9.5px!important;padding:6px 10px!important}
body.embed-chat #roomPanel .room-chat-form{height:70px!important;min-height:70px!important;padding:8px 9px!important;grid-template-columns:minmax(0,1fr) 68px!important}
body.embed-chat #roomPanel .room-chat-form textarea{height:52px!important;min-height:52px!important;max-height:52px!important;font-size:11.5px!important;padding:9px 10px!important}
body.embed-chat #roomPanel .room-chat-form .btn{width:68px!important;min-width:68px!important;height:52px!important;font-size:11px!important}

/* Base rank text: show the tier name only; creator/developer is appended after the tier. */
.room-normal-tier.has-role em{display:inline!important}
.room-special-tier{display:none!important}

/* Mobile popup behaves like a compact app: room list first, selected conversation full width. */
@media(max-width:700px){
  .live-chat-popup:not(.is-fullscreen){
    right:4px!important;
    bottom:4px!important;
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 68px)!important;
    max-height:none!important;
  }
  .live-chat-popup-card{border-radius:11px!important;grid-template-rows:48px minmax(0,1fr)!important}
  .live-chat-resize-handle{display:none!important}
  .live-chat-popup-head{padding:0 7px!important}
  .live-chat-popup-head img{width:22px!important;height:22px!important}
  .live-chat-popup-head b{font-size:12px!important}
  .live-chat-popup-actions{gap:4px!important}
  .live-chat-popup-actions button{height:28px!important;padding:0 7px!important;font-size:9px!important}
  .live-chat-popup-actions #closeLiveChat{width:29px!important}
  body.embed-chat #chatRoot .chat-shell{display:block!important;height:100vh!important}
  body.embed-chat:not(.embed-conversation-open) .chat-main{display:none!important}
  body.embed-chat:not(.embed-conversation-open) .chat-people-wrap{display:block!important;width:100%!important;height:100%!important;border-right:0!important}
  body.embed-chat.embed-conversation-open .chat-people-wrap{display:none!important}
  body.embed-chat.embed-conversation-open .chat-main{display:block!important;width:100%!important;height:100vh!important}
  body.embed-chat #roomPanel:not([hidden]){height:100vh!important;grid-template-rows:58px minmax(0,1fr)!important}
  body.embed-chat #roomPanel>.room-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 128px!important}
  body.embed-chat #roomPanel .room-conversation{border-right:0!important;border-bottom:1px solid #29353e!important}
  body.embed-chat #roomPanel .room-members-panel{height:128px!important;grid-template-rows:38px minmax(0,1fr)!important}
  body.embed-chat #roomPanel .room-members-head{height:38px!important}
  body.embed-chat #roomPanel .room-members{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;overflow-y:auto!important}
  body.embed-chat #roomPanel .room-member{min-height:38px!important}
  body.embed-chat #roomPanel .room-chat-head{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:58px!important}
  body.embed-chat #roomPanel .room-head-actions{width:auto!important;max-width:128px!important;justify-content:flex-end!important}
  body.embed-chat #roomPanel .room-head-actions .btn{font-size:8.5px!important;padding:0 6px!important}
}

@media(max-width:430px){
  body.embed-chat #roomPanel>.room-layout{grid-template-rows:minmax(0,1fr) 112px!important}
  body.embed-chat #roomPanel .room-members-panel{height:112px!important}
  body.embed-chat #roomPanel .room-member-avatar{width:25px!important;height:25px!important;flex-basis:25px!important}
  body.embed-chat #roomPanel .room-member-name b{font-size:9.5px!important}
  body.embed-chat #roomPanel .room-normal-tier b{font-size:8.8px!important}
  body.embed-chat #roomPanel .room-normal-tier em{font-size:8px!important}
}


/* === v4.1.5 chat member label cleanup === */
.chat-side-head{justify-content:flex-start!important}
body.embed-chat .chat-side-head>a[href="messages.html"]{display:none!important}
body.embed-chat #roomPanel .room-normal-tier{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:2px!important;
  min-width:0!important;
}
body.embed-chat #roomPanel .room-normal-tier>b{display:none!important}
body.embed-chat #roomPanel .room-normal-tier em{
  display:inline!important;
  margin:0!important;
  font-style:normal!important;
  font-size:8.5px!important;
  font-weight:900!important;
  color:#65d5ff!important;
  white-space:nowrap!important;
}
body.embed-chat #roomPanel .room-normal-tier em:before{content:''!important}
body.embed-chat #roomPanel .room-normal-tier:not(.has-role) em{display:none!important}
body.embed-chat #roomPanel .room-tier-icon,
body.embed-chat #roomPanel .room-tier-icon .tier-icon-img{width:13px!important;height:13px!important}

/* === v4.1.6 definitive embedded-chat cleanup === */
body.embed-chat .chat-side-head a[href*="messages"],
body.embed-chat .chat-side-head .chat-inbox-link,
body.embed-chat .chat-side-head [data-chat-inbox]{display:none!important}
body.embed-chat .chat-side-head{justify-content:flex-start!important}
/* Room participant row: never render tier name text in popup. */
body.embed-chat #roomMembers .room-normal-tier .tier-label,
body.embed-chat #roomMembers .room-normal-tier>b,
body.embed-chat #roomMembers .room-normal-tier>span:not(.room-tier-icon):not(.tier-emblem){display:none!important}
body.embed-chat #roomMembers .room-normal-tier{display:inline-flex!important;align-items:center!important;gap:4px!important}
body.embed-chat #roomMembers .room-normal-tier em{display:inline!important;font-style:normal!important;color:#64d5ff!important;font-weight:900!important}
body.embed-chat #roomMembers .room-normal-tier:not(.has-role) em{display:none!important}


/* v4.1.7 public profile: no site navigation, back only */
body.public-profile-view{min-height:100vh;background:#0b1015}
body.public-profile-view .profile-only-backbar{position:sticky;top:0;z-index:120;width:100%;padding:10px 14px;border-bottom:1px solid #22303a;background:rgba(10,15,20,.96);backdrop-filter:blur(14px)}
body.public-profile-view .profile-back-btn{appearance:none;border:1px solid #334554;background:#121b23;color:#edf5fb;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.18)}
body.public-profile-view .profile-back-btn:hover{border-color:#55c9ff;color:#fff;background:#152633}
body.public-profile-view #profileRoot{margin-top:14px;margin-bottom:28px}
@media(max-width:700px){body.public-profile-view .profile-only-backbar{padding:8px 10px}body.public-profile-view .profile-back-btn{width:auto;min-height:40px;font-size:13px}body.public-profile-view #profileRoot{width:calc(100% - 16px);margin:10px auto 18px}}

/* === v4.1.8 board list header hard alignment ===
   Legacy .latest-head rules are intentionally bypassed by board-head-v7. */
.board-shell .board-head-v7,
.board-shell .board-row-v6{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr) 150px 58px 58px 58px 78px!important;
  column-gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.board-shell .board-head-v7{
  min-height:39px!important;
  padding-top:11px!important;
  padding-bottom:11px!important;
  border-top:1px solid #2a3944!important;
  border-bottom:1px solid #2a3944!important;
  background:#0e161c!important;
  color:#8295a3!important;
  font-size:10px!important;
  font-weight:900!important;
}
.board-shell .board-head-v7 span{
  display:block!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.board-shell .board-head-v7 span::before,
.board-shell .board-head-v7 span::after{
  content:none!important;
  display:none!important;
}
.board-shell .board-head-v7 span:nth-child(4),
.board-shell .board-head-v7 span:nth-child(5),
.board-shell .board-head-v7 span:nth-child(6){text-align:center!important}
.board-shell .board-head-v7 span:nth-child(7){text-align:right!important}

@media(max-width:1100px){
  .board-shell .board-head-v7,
  .board-shell .board-row-v6{
    grid-template-columns:90px minmax(0,1fr) 125px 50px 50px 50px!important;
  }
  .board-shell .board-head-v7 span:nth-child(7),
  .board-shell .board-row-v6 .board-date-v6{display:none!important}
}
@media(max-width:780px){
  .board-shell .board-head-v7{display:none!important}
  .board-shell .board-row-v6{
    grid-template-columns:76px minmax(0,1fr)!important;
    padding:10px!important;
    min-height:68px!important;
  }
}

/* =========================================================
   v4.1.9 관리자 목록 정렬 + 게시판형 테이블
   ========================================================= */
.admin-data-table{
  width:100%;
  overflow-x:auto;
  border:1px solid #293943;
  border-radius:12px;
  background:#0f171d;
}
.admin-data-head,.admin-data-row{
  display:grid;
  align-items:center;
  gap:10px;
  min-width:980px;
}
.admin-data-head{
  min-height:38px;
  padding:0 14px;
  background:#0b1217;
  border-bottom:1px solid #2c3a44;
  color:#8095a3;
  font-size:10px;
  font-weight:950;
}
.admin-data-row{
  min-height:60px;
  padding:10px 14px;
  border-bottom:1px solid #24323b;
  color:#dbe6ed;
  font-size:11px;
}
.admin-data-row:last-child{border-bottom:0}
.admin-data-row:hover{background:#121d24}
.admin-post-grid-v419{
  grid-template-columns:90px minmax(240px,1fr) 110px 58px 58px 58px 100px 88px 278px;
  min-width:1180px;
}
.admin-report-grid-v419{
  grid-template-columns:90px 120px minmax(280px,1fr) 100px 190px;
  min-width:820px;
}
.admin-comment-grid-v419{
  grid-template-columns:120px minmax(360px,1fr) 100px 170px;
  min-width:800px;
}
.admin-user-grid-v419{
  grid-template-columns:minmax(180px,1fr) 180px 110px 100px 340px;
  min-width:1000px;
}
.admin-title-cell,.admin-comment-cell,.admin-reason-cell{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-title-cell a{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#ecf4f8;
  font-size:12px;
  font-weight:900;
}
.admin-title-cell a:hover{text-decoration:underline}
.admin-author-cell,.admin-date-cell,.admin-number-cell{
  white-space:nowrap;
}
.admin-number-cell{
  text-align:center;
  color:#eaf3f8;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.admin-date-cell{color:#8da2af;font-size:10px}
.admin-reason-cell,.admin-comment-cell{color:#b9c8d1;line-height:1.45}
.admin-role-cell{display:flex;align-items:center;gap:7px;white-space:nowrap}
.admin-data-row .admin-row-actions,
.admin-data-row .admin-user-actions{
  margin:0;
  justify-content:flex-end;
  min-width:0;
}
.admin-data-row .admin-row-actions.compact{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(50px,1fr))!important;
  gap:5px!important;
}
.admin-data-row .admin-row-actions .btn,
.admin-data-row .admin-user-actions .btn{
  min-height:31px!important;
  padding:0 9px!important;
  font-size:10px!important;
}
.admin-user-grid-v419 .admin-user-identity{min-width:0}
.admin-user-grid-v419 .profile-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-grid-v419 .role-select{height:32px;padding:0 8px;font-size:10px}

@media(max-width:780px){
  .admin-data-table{overflow:visible;border:0;background:transparent}
  .admin-data-head{display:none!important}
  .admin-data-row{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:9px;
    padding:12px!important;
    border:1px solid #293943!important;
    border-radius:10px;
    background:#0f171d;
  }
  .admin-data-row>div{min-width:0}
  .admin-number-cell{text-align:left}
  .admin-number-cell:before{content:'수치 ';color:#6f8492;font-weight:700}
  .admin-date-cell{padding-top:2px}
  .admin-data-row .admin-row-actions,
  .admin-data-row .admin-user-actions{justify-content:flex-start!important}
  .admin-data-row .admin-row-actions.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  .admin-user-grid-v419 .admin-user-actions{display:grid;grid-template-columns:1fr 72px 86px;width:100%}
  .admin-user-grid-v419 .role-select{width:100%}
}


/* =========================================================
   v4.2.0 관리자 게시글 관리 UX 정리
   ========================================================= */
.admin-post-tools-v420{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid #293943;
  border-radius:11px;
  background:#0d151b;
}
.admin-post-tools-left,.admin-post-tools-right{display:flex;align-items:center;gap:10px;min-width:0}
.admin-check-all-wrap,.admin-page-size-label{display:inline-flex;align-items:center;gap:7px;color:#aebfc9;font-size:10.5px;font-weight:800;white-space:nowrap}
.admin-check-all-wrap input,.admin-check-head input,.admin-check-cell input{width:16px;height:16px;accent-color:#46bff3;cursor:pointer}
.admin-post-tools-v420 .btn{min-height:34px!important;padding:0 11px!important;font-size:10.5px!important}
.admin-post-tools-v420 .btn:disabled{opacity:.42;cursor:not-allowed}
.admin-post-count{color:#7f96a5;font-size:10px;white-space:nowrap}
.admin-page-size-select{height:34px;border:1px solid #31414c;border-radius:8px;background:#101920;color:#e8f1f6;padding:0 28px 0 10px;font-size:10.5px;font-weight:800;outline:none}
.admin-post-table-v420{overflow-x:auto;scrollbar-width:thin}
.admin-post-grid-v420{
  grid-template-columns:30px 76px minmax(190px,1fr) 86px 45px 45px 45px 76px 70px 148px;
  gap:8px;
  min-width:920px;
}
.admin-post-grid-v420.admin-data-head{padding-left:10px;padding-right:10px}
.admin-post-grid-v420.admin-data-row{padding:9px 10px;min-height:58px}
.admin-check-head,.admin-check-cell{display:grid;place-items:center}
.admin-post-grid-v420 .admin-post-cat{max-width:76px;overflow:hidden;text-overflow:ellipsis}
.admin-post-grid-v420 .admin-author-cell{overflow:hidden;text-overflow:ellipsis}
.admin-post-actions-v420{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
.admin-post-actions-v420 .btn{min-height:26px!important;height:26px!important;padding:0 4px!important;font-size:9px!important;border-radius:7px!important}
.admin-data-row.is-selected{background:#122737!important;box-shadow:inset 3px 0 0 #45bff3}
.admin-pagination-v420{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;flex-wrap:wrap}
.admin-page-btn{min-width:32px;height:32px;border:1px solid #2d3e49;border-radius:8px;background:#111a21;color:#b9c8d1;font-size:10.5px;font-weight:900;cursor:pointer;padding:0 9px}
.admin-page-btn:hover:not(:disabled){border-color:#4b7087;color:#fff}.admin-page-btn.on{background:#e8f4fb;color:#0a151d;border-color:#e8f4fb}.admin-page-btn:disabled{opacity:.35;cursor:not-allowed}
.admin-page-dots{color:#637885;padding:0 2px}.admin-page-status{margin-left:6px;color:#778c99;font-size:10px;font-weight:800}
@media(max-width:1100px){
  .admin-post-tools-v420{align-items:flex-start;flex-direction:column}
  .admin-post-tools-left,.admin-post-tools-right{width:100%;justify-content:space-between;flex-wrap:wrap}
  .admin-post-grid-v420{min-width:860px;grid-template-columns:28px 70px minmax(170px,1fr) 78px 42px 42px 42px 70px 66px 136px}
}
@media(max-width:780px){
  .admin-post-tools-v420{padding:10px;gap:10px}
  .admin-post-tools-left,.admin-post-tools-right{align-items:stretch;flex-direction:column}
  .admin-check-all-wrap{height:32px}
  .admin-page-size-label{justify-content:space-between}
  .admin-page-size-select{flex:1;max-width:180px}
  .admin-post-table-v420{overflow:visible}
  .admin-post-grid-v420.admin-data-head{display:none!important}
  .admin-post-grid-v420.admin-data-row{min-width:0!important;grid-template-columns:28px 72px minmax(0,1fr)!important;gap:8px!important;padding:11px!important}
  .admin-post-grid-v420 .admin-check-cell{grid-row:1 / span 2;align-self:start;padding-top:4px}
  .admin-post-grid-v420 .admin-title-cell{grid-column:3}
  .admin-post-grid-v420 .admin-author-cell,.admin-post-grid-v420 .admin-number-cell,.admin-post-grid-v420 .admin-post-state,.admin-post-grid-v420 .admin-date-cell{grid-column:3;text-align:left!important}
  .admin-post-grid-v420 .admin-number-cell{display:inline-flex!important;margin-right:10px}
  .admin-post-grid-v420 .admin-number-cell:before{content:none!important}
  .admin-post-actions-v420{grid-column:2 / -1!important;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .admin-pagination-v420{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .admin-page-status{white-space:nowrap}
}

/* =========================================================
   v4.2.1 게임 추천받기 + 관리자 표 정렬
   ========================================================= */
.topnav a.game-finder-link{
  color:#79d5ff;
  border:1px solid #2f789f;
  background:#102838;
  padding:7px 10px;
  margin:-7px -7px;
  border-radius:8px;
  white-space:nowrap;
}
.topnav a.game-finder-link:hover,.topnav a.game-finder-link.on{
  color:#06131b;
  background:#80d8ff;
  border-color:#80d8ff;
}
.side-nav .side-game-finder{color:#8fdcff;background:#112431}
.side-nav .side-game-finder:hover{background:#173247;color:#fff}
@media(max-width:1280px) and (min-width:861px){
  .topbar-inner{gap:20px}
  .topnav{gap:18px;font-size:12px}
  .search{width:min(265px,22vw)}
  .topnav a.game-finder-link{padding:6px 8px;margin:-6px -5px}
}

.game-finder-page{width:min(calc(100% - 36px),1240px);margin:24px auto 46px;display:grid;gap:16px}
.game-finder-page .panel{border-color:#263843;background:#101820}
.game-finder-hero{min-height:250px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:28px;align-items:center;overflow:hidden;position:relative;background:
  radial-gradient(circle at 85% 0%,rgba(61,183,240,.16),transparent 34%),
  linear-gradient(135deg,#111e28 0%,#0d151c 58%,#101920 100%)!important}
.game-finder-hero:after{content:'';position:absolute;right:-85px;bottom:-105px;width:300px;height:300px;border:1px solid #24506b;border-radius:48px;transform:rotate(22deg);opacity:.32}
.game-finder-kicker,.finder-section-title>div>span,.random-recommend-copy>span,.finder-results-head>div>span{display:block;color:#59caff;font-size:10px;font-weight:950;letter-spacing:1.5px;margin-bottom:8px}
.game-finder-hero h1{font-size:35px;line-height:1.18;letter-spacing:-1.1px;margin:0;color:#f1f7fb}
.game-finder-hero h1 strong{color:#6ed1ff}
.game-finder-hero-copy>p{color:#8ba0ae;font-size:13px;line-height:1.7;margin:14px 0 17px;max-width:650px}
.game-finder-live{display:flex;align-items:center;gap:7px;color:#8da2af;font-size:10.5px}.game-finder-live i{width:7px;height:7px;border-radius:50%;background:#3ee794;box-shadow:0 0 12px #3ee794}.game-finder-live b{color:#58e5a1;font-size:9px;letter-spacing:1px}
.game-finder-hero-card{position:relative;z-index:1;padding:22px;border:1px solid #29404e;border-radius:14px;background:#0b1319cc;display:grid;gap:8px}.game-finder-hero-card>span{font-size:9px;font-weight:900;color:#718897;letter-spacing:1px}.game-finder-hero-card>b{font-size:17px;color:#eef7fb}.game-finder-hero-card>em{font-style:normal;color:#4e6573;font-size:10px}.game-finder-hero-card>small{color:#6d8290;font-size:10px;line-height:1.5;margin-top:5px}

.game-finder-builder,.game-genre-section,.game-random-section,.finder-results{padding:22px 24px}
.finder-section-title,.finder-results-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.finder-section-title h2,.finder-results-head h2{margin:0;font-size:20px;letter-spacing:-.4px}.finder-section-title p,.finder-results-head p{margin:5px 0 0;color:#7f93a0;font-size:11px}.finder-section-title>strong{min-width:70px;text-align:center;border:1px solid #2c607e;background:#102b3b;color:#76d2ff;border-radius:9px;padding:9px 12px;font-size:11px}
.finder-party-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.finder-party{height:52px;border:1px solid #2a3a45;border-radius:10px;background:#0c141a;color:#91a3ae;display:flex;align-items:baseline;justify-content:center;gap:2px;cursor:pointer}.finder-party b{font-size:17px;color:#e7f0f5}.finder-party span{font-size:10px}.finder-party:hover{border-color:#3b789a;background:#102330}.finder-party.on{border-color:#55c7f7;background:#143a50;box-shadow:inset 0 0 0 1px #55c7f755}.finder-party.on b,.finder-party.on span{color:#dff6ff}
.finder-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.finder-mode{min-height:74px;text-align:left;border:1px solid #293944;border-radius:12px;background:#0d151b;padding:12px 15px;color:#8fa1ad;cursor:pointer;display:grid;gap:3px}.finder-mode>span{font-size:9px;color:#55bfe9;font-weight:900;letter-spacing:1px}.finder-mode>b{font-size:13px;color:#d9e4ea}.finder-mode>small{font-size:9.5px;color:#657985}.finder-mode:hover,.finder-mode.on{background:#122634;border-color:#3e83aa}.finder-mode.on>b{color:#fff}.finder-mode.on{box-shadow:inset 3px 0 0 #58c9f8}

.game-genre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.game-genre-card{height:105px;border:1px solid #263944;border-radius:12px;overflow:hidden;position:relative;text-align:left;background:#0b1218;cursor:pointer;padding:0;color:#fff}.game-genre-card:before{content:'';position:absolute;inset:0;background-image:var(--genre-bg,none);background-size:cover;background-position:center;opacity:.44;transform:scale(1.02);transition:.2s}.game-genre-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,14,.16),rgba(5,11,15,.9))}.game-genre-icon{position:absolute;left:11px;top:10px;width:26px;height:26px;border:1px solid #ffffff26;border-radius:7px;background:#0c1821d9;display:grid;place-items:center}.game-genre-icon img{width:15px;height:15px}.game-genre-copy{position:absolute;left:11px;right:8px;bottom:12px;display:grid;gap:2px}.game-genre-copy b{font-size:12px;text-shadow:0 2px 6px #000}.game-genre-copy small{font-size:8.5px;color:#a8bac5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-genre-card>em{position:absolute;right:8px;top:8px;font-style:normal;font-size:7.5px;color:#8fa5b3;background:#081117cc;border:1px solid #243a48;padding:3px 5px;border-radius:999px}.game-genre-card:hover{border-color:#54bde9;transform:translateY(-1px)}.game-genre-card.on{border-color:#69d0fb;box-shadow:0 0 0 2px #47bce640}.game-genre-card.on:after{content:'선택';position:absolute;right:8px;bottom:9px;border-radius:999px;background:#55c9f5;color:#09202c;font-size:8px;font-weight:950;padding:4px 7px}.game-genre-card.on .game-genre-copy{right:47px}
.finder-loading,.finder-empty{grid-column:1/-1;border:1px dashed #2b3b45;border-radius:12px;padding:35px 20px;text-align:center;color:#728997;font-size:11px;background:#0c141a}
.finder-action-row{margin-top:16px;display:flex;align-items:center;gap:14px}.finder-action-row>span{font-size:10px;color:#718692}.finder-primary{height:42px;border:1px solid #63ccf7;border-radius:10px;background:#4cc2f2;color:#071720;font-size:12px;font-weight:950;padding:0 18px;cursor:pointer;white-space:nowrap}.finder-primary:hover{filter:brightness(1.06)}.finder-primary:disabled{opacity:.38;cursor:not-allowed}.finder-primary.random{min-width:220px}
.game-random-section{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(100deg,#111a22,#102535)!important}.game-random-section[hidden],.game-genre-section[hidden],.finder-results[hidden]{display:none!important}.random-recommend-copy h2{margin:0;font-size:20px}.random-recommend-copy p{margin:6px 0 0;color:#8195a1;font-size:11px}.random-recommend-copy p b{color:#67d0ff}

.finder-results{scroll-margin-top:86px}.finder-secondary{height:35px;border:1px solid #30434f;background:#0d171e;color:#b4c4cd;border-radius:8px;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}.finder-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finder-game-card{border:1px solid #293b47;border-radius:13px;background:#0c141a;overflow:hidden;min-width:0}.finder-game-thumb{height:150px;position:relative;background:#0b1116;overflow:hidden}.finder-game-thumb img{width:100%;height:100%;object-fit:cover;transition:.2s}.finder-game-card:hover .finder-game-thumb img{transform:scale(1.025)}.finder-game-rank{position:absolute;left:9px;top:9px;width:29px;height:29px;border-radius:8px;background:#0a1219e8;border:1px solid #ffffff24;display:grid;place-items:center;font-size:12px;font-weight:950}.finder-game-hot{position:absolute;right:8px;top:9px;border-radius:999px;background:#44c5f2;color:#06141b;padding:4px 7px;font-size:7.5px;font-weight:950}.finder-game-body{padding:12px}.finder-game-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:7px}.finder-game-tags span{font-size:7.5px;color:#8ecde9;background:#112b3a;border:1px solid #23516a;border-radius:999px;padding:3px 5px}.finder-game-body h3{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-game-body>p{margin:5px 0 9px;color:#718795;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-game-numbers{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #223039;border-bottom:1px solid #223039;color:#8295a1;font-size:8.5px}.finder-game-numbers span{display:flex;align-items:center;gap:3px}.finder-game-numbers b{color:#dce8ee}.finder-game-body>small{display:block;color:#6f8491;font-size:8.5px;margin:8px 0}.finder-game-body>a{height:34px;border-radius:8px;background:#edf5f9;color:#071118;font-size:9.5px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:5px}.finder-game-body>a:hover{background:#6fd3fb}

/* 관리자 게시글: 날짜/관리 열이 겹치지 않도록 데스크톱에서는 압축하지 않고 정렬 */
@media(min-width:781px){
  .admin-post-table-v420{overflow-x:auto!important;padding-bottom:2px}
  .admin-post-grid-v420{min-width:1110px!important;grid-template-columns:32px 86px minmax(260px,1fr) 105px 52px 52px 52px 84px 88px 132px!important;gap:9px!important}
  .admin-post-grid-v420 .admin-date-cell{white-space:nowrap!important;text-align:center!important}
  .admin-post-grid-v420 .admin-number-cell{text-align:center!important}
  .admin-post-grid-v420 .admin-post-state{justify-content:center!important}
  .admin-post-actions-v420{width:128px!important;display:grid!important;grid-template-columns:repeat(2,60px)!important;gap:5px!important;justify-self:end!important}
  .admin-post-actions-v420 .btn{width:60px!important;height:28px!important;min-height:28px!important;font-size:9px!important;padding:0!important}
}

@media(max-width:900px){
  .game-finder-page{width:min(calc(100% - 22px),780px);margin-top:16px}
  .game-finder-hero{grid-template-columns:1fr;padding:24px}.game-finder-hero-card{max-width:520px}
  .finder-party-grid{grid-template-columns:repeat(5,1fr)}
  .game-genre-grid{grid-template-columns:repeat(3,1fr)}
  .finder-result-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .game-finder-page{width:calc(100% - 14px);gap:10px;margin-top:8px}.game-finder-hero{min-height:0;padding:20px 17px}.game-finder-hero h1{font-size:27px}.game-finder-hero-copy>p{font-size:11px}.game-finder-builder,.game-genre-section,.game-random-section,.finder-results{padding:16px 13px}.finder-section-title,.finder-results-head{align-items:flex-start}.finder-section-title>strong{padding:7px 9px}.finder-party-grid{grid-template-columns:repeat(5,1fr);gap:6px}.finder-party{height:45px}.finder-mode-row{grid-template-columns:1fr}.game-genre-grid{grid-template-columns:repeat(2,1fr);gap:7px}.game-genre-card{height:96px}.finder-action-row{align-items:stretch;flex-direction:column}.finder-primary{width:100%}.finder-action-row>span{text-align:center;line-height:1.5}.game-random-section{align-items:stretch;flex-direction:column}.finder-result-grid{grid-template-columns:1fr 1fr;gap:7px}.finder-game-thumb{height:120px}.finder-game-body{padding:10px}.finder-game-body h3{font-size:11px}.finder-game-numbers{align-items:flex-start;flex-direction:column;gap:4px}.finder-game-body>a{height:32px}.footer-pro-inner{gap:28px}}
@media(max-width:390px){.finder-result-grid{grid-template-columns:1fr}.finder-game-thumb{height:165px}}

/* === v4.2.2 Roblox 전체 검색 게임 추천 UI === */
.game-finder-page{width:min(calc(100% - 40px),1180px);margin:26px auto 56px;gap:18px}
.game-finder-page .panel{border:1px solid #263a47;background:#0f171e;border-radius:18px;box-shadow:0 18px 44px #00000018}
.game-finder-hero{min-height:0;padding:34px 36px;grid-template-columns:minmax(0,1fr);gap:24px;background:
  radial-gradient(circle at 90% 0%,rgba(55,167,226,.14),transparent 34%),
  linear-gradient(135deg,#101b24 0%,#0e161d 62%,#101b24 100%)!important}
.game-finder-hero:after{display:none}
.finder-scope-pill{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:14px;padding:6px 9px;border:1px solid #2b5368;border-radius:999px;background:#0b1720;color:#a9c9da;font-size:9px;font-weight:900;letter-spacing:.5px}
.finder-scope-pill span{width:7px;height:7px;border-radius:50%;background:#4fe38f;box-shadow:0 0 12px #4fe38f}
.game-finder-hero h1{font-size:40px;line-height:1.16;letter-spacing:-1.4px}.game-finder-hero h1 strong{color:#5ec8f8}
.game-finder-hero-copy>p{max-width:760px;font-size:13px;margin:14px 0 18px;color:#8fa5b2}
.finder-how{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:0;border:1px solid #263b48;border-radius:14px;background:#0b1319b8;padding:14px 16px}
.finder-how>div{display:flex;align-items:center;gap:10px;min-width:0}.finder-how>div b{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#153246;color:#6ed0fa;font-size:10px}.finder-how>div span{font-size:11px;font-weight:850;color:#d9e5eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-how>i{height:1px;background:#2a3d49;margin:0 9px}
.game-finder-builder,.game-genre-section,.game-random-section,.finder-results{padding:25px 26px}
.finder-section-title h2,.finder-results-head h2{font-size:21px}.finder-section-title p,.finder-results-head p{font-size:11px;color:#8298a5}
.finder-section-title>strong{min-width:82px;border-color:#32647f;background:#102635;color:#73d2fd;border-radius:10px;font-size:11px}
.finder-party-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.finder-party{height:50px;border-radius:11px}.finder-party b{font-size:16px}.finder-party.on{background:linear-gradient(180deg,#19435c,#14364a)}
.finder-mode-row{gap:12px;margin-top:18px}.finder-mode{min-height:82px;padding:14px 16px;border-radius:13px}.finder-mode.on{background:linear-gradient(135deg,#132d3e,#112431);box-shadow:inset 3px 0 0 #57c9f8}.finder-mode>b{font-size:14px}.finder-mode>small{font-size:10px}
.game-genre-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.game-genre-card{height:116px;border-radius:13px;background:#0c151c}.game-genre-card:before{opacity:1;background-image:var(--genre-bg,none);background:
  radial-gradient(circle at 78% 18%,rgba(88,194,244,.22),transparent 30%),
  linear-gradient(145deg,#14232d,#0d161d 70%)}
.game-genre-card.genre-tone-2:before{background:radial-gradient(circle at 76% 18%,rgba(105,104,255,.22),transparent 30%),linear-gradient(145deg,#171c2d,#0d151c 70%)}
.game-genre-card.genre-tone-3:before{background:radial-gradient(circle at 76% 18%,rgba(70,219,160,.19),transparent 30%),linear-gradient(145deg,#12251f,#0d161b 70%)}
.game-genre-card.genre-tone-4:before{background:radial-gradient(circle at 76% 18%,rgba(255,161,78,.18),transparent 30%),linear-gradient(145deg,#241c15,#0d151b 70%)}
.game-genre-card.genre-tone-5:before{background:radial-gradient(circle at 76% 18%,rgba(237,89,136,.17),transparent 30%),linear-gradient(145deg,#25151e,#0d151b 70%)}
.game-genre-card.genre-tone-6:before{background:radial-gradient(circle at 76% 18%,rgba(208,207,89,.16),transparent 30%),linear-gradient(145deg,#222316,#0d151b 70%)}
.game-genre-overlay{background:linear-gradient(180deg,transparent 0%,rgba(4,10,14,.18) 38%,rgba(5,11,15,.72) 100%)}
.game-genre-icon{width:32px;height:32px;left:12px;top:12px;border-radius:9px;background:#0d1922cc}.game-genre-icon img{width:17px;height:17px}.game-genre-copy{left:12px;right:10px;bottom:13px}.game-genre-copy b{font-size:13px}.game-genre-copy small{font-size:9px}.game-genre-card>em{font-size:7px;top:10px;right:9px}.game-genre-card.on{transform:translateY(-2px);box-shadow:0 0 0 2px #48bde84d,0 10px 22px #0004}
.finder-action-row{margin-top:18px;padding-top:17px;border-top:1px solid #22323c}.finder-primary{height:44px;border-radius:10px;padding:0 20px;background:linear-gradient(180deg,#5acaf7,#45b9ea)}
.game-random-section{background:radial-gradient(circle at 85% 15%,rgba(73,190,238,.12),transparent 28%),linear-gradient(120deg,#101820,#10212d)!important}
.finder-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.finder-game-card{border-radius:14px;transition:.18s;overflow:hidden}.finder-game-card:hover{transform:translateY(-2px);border-color:#3a6378}.finder-game-thumb{display:block;height:176px}.finder-game-rank{width:31px;height:31px}.finder-game-body{padding:14px}.finder-game-body h3{font-size:14px}.finder-game-body>p{font-size:9.5px}.finder-game-body>small{font-size:8.8px;line-height:1.5}.finder-game-body>a{height:36px;font-size:10px}
.finder-searching{display:grid;place-items:center;gap:9px;min-height:180px}.finder-searching b{color:#dfeaf0;font-size:13px}.finder-searching small{color:#728a98}.finder-spinner{width:28px;height:28px;border:3px solid #284250;border-top-color:#58c8f5;border-radius:50%;animation:finderSpin .85s linear infinite}@keyframes finderSpin{to{transform:rotate(360deg)}}

@media(max-width:980px){
  .game-finder-page{width:min(calc(100% - 24px),820px)}
  .game-finder-hero h1{font-size:34px}
  .finder-how{grid-template-columns:1fr;gap:8px}.finder-how>i{display:none}.finder-how>div span{white-space:normal}
  .finder-party-grid{grid-template-columns:repeat(5,1fr)}
  .game-genre-grid{grid-template-columns:repeat(3,1fr)}
  .finder-result-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .game-finder-page{width:calc(100% - 14px);margin-top:9px;gap:10px}
  .game-finder-hero,.game-finder-builder,.game-genre-section,.game-random-section,.finder-results{padding:18px 14px}
  .game-finder-hero h1{font-size:28px}.game-finder-hero-copy>p{font-size:11px;line-height:1.65}.finder-how{padding:11px}
  .finder-section-title,.finder-results-head{align-items:flex-start}.finder-section-title h2,.finder-results-head h2{font-size:18px}.finder-section-title>strong{min-width:auto;padding:7px 9px}
  .finder-party-grid{grid-template-columns:repeat(5,1fr);gap:6px}.finder-party{height:44px}
  .finder-mode-row{grid-template-columns:1fr}.finder-mode{min-height:70px}
  .game-genre-grid{grid-template-columns:repeat(2,1fr);gap:7px}.game-genre-card{height:104px}
  .finder-action-row{align-items:stretch;flex-direction:column}.finder-primary{width:100%}.finder-action-row>span{text-align:center;line-height:1.5}
  .game-random-section{align-items:stretch;flex-direction:column}.finder-result-grid{grid-template-columns:1fr 1fr;gap:8px}.finder-game-thumb{height:126px}.finder-game-body{padding:10px}.finder-game-body h3{font-size:11px}.finder-game-numbers{align-items:flex-start;flex-direction:column;gap:4px}.finder-game-body>a{height:32px}
}
@media(max-width:390px){.finder-result-grid{grid-template-columns:1fr}.finder-game-thumb{height:180px}}


/* v4.2.5 game finder: true random + strict genre + co-op priority */
.finder-coop-tag{background:rgba(55,214,133,.13)!important;border-color:rgba(55,214,133,.5)!important;color:#75f0ae!important}
.finder-game-hot{background:linear-gradient(135deg,#53d6ff,#77f0b3)!important;color:#061018!important;border:0!important;font-weight:900;letter-spacing:.03em}
.game-genre-card>em{color:#8edfff!important;background:rgba(49,180,232,.08)!important;border-color:rgba(83,203,250,.2)!important}
.finder-results-head p{max-width:820px}
@media(max-width:720px){.finder-game-tags{gap:5px}.finder-coop-tag{display:inline-flex}.finder-section-title>strong{font-size:12px;white-space:normal;text-align:right;max-width:120px}}

/* v4.2.6 game finder: official Roblox genre source */
.finder-official-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid rgba(80,196,255,.34);border-radius:999px;background:rgba(36,155,214,.12);color:#7dd7ff;font-size:10px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.finder-game-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}

/* v4.2.7 official Roblox genre cards */
.game-genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.game-genre-card{height:124px!important}
.game-genre-copy{right:12px!important;bottom:14px!important}
.game-genre-copy b{font-size:13px!important;line-height:1.25!important;white-space:normal!important}
.game-genre-copy small{font-size:9px!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.game-genre-card.on .game-genre-copy{right:12px!important;padding-right:48px}
@media(max-width:1100px){.game-genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.game-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-genre-card{height:118px!important}}
@media(max-width:390px){.game-genre-grid{grid-template-columns:1fr!important}.game-genre-card{height:104px!important}}


/* =========================================================
   v4.2.8 Korea Roblox charts + clean home utility
   ========================================================= */
.home-utility-row{grid-template-columns:minmax(0,1fr)!important}
.home-utility-row .home-ad-slot,#homeTopAd{display:none!important}
.home-utility-row .live-chat-banner{width:100%!important;max-width:none!important}
.finder-korea-tag{display:inline-flex!important;align-items:center!important;min-height:20px!important;padding:0 7px!important;border:1px solid #315f7a!important;border-radius:999px!important;background:#0d2a3a!important;color:#70d8ff!important;font-size:8px!important;font-weight:950!important;white-space:nowrap!important}
.game-rank-card .game-rank-body h3{font-size:13px!important;line-height:1.35!important;word-break:keep-all!important}
@media(max-width:760px){.game-trend-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-trend-tab{min-height:38px!important;font-size:10px!important}}


/* ===== v4.2.9 live member snapshot + polished loading states ===== */
.rp-loading{width:100%;min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#7e929f;text-align:center;font-size:12px}
.rp-loading.is-compact{min-height:74px;flex-direction:row;gap:10px}
.rp-loading.rp-loading-hero{min-height:250px;gap:9px}
.rp-loading b{font-size:13px;color:#dbe8ef}.rp-loading small{font-size:10px;color:#637b8b}
.rp-loading-spinner{width:28px;height:28px;border:3px solid #213642;border-top-color:#55c9f7;border-right-color:#2f7597;border-radius:50%;animation:rpLoaderSpin .82s linear infinite;box-shadow:0 0 18px rgba(85,201,247,.12)}
.rp-loading.is-compact .rp-loading-spinner{width:20px;height:20px;border-width:2px}
@keyframes rpLoaderSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.rp-loading-spinner,.mini-spin{animation-duration:1.8s}}

.admin-member-snapshot{margin:0 24px 20px;border:1px solid #263742;border-radius:14px;background:linear-gradient(145deg,#0e171e,#0d141a);overflow:hidden}
.admin-member-snapshot-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid #22313b}
.admin-member-snapshot-head h2{margin:3px 0 0;font-size:18px}.admin-member-snapshot-head p{margin:5px 0 0;color:#708694;font-size:10.5px}
.admin-member-refresh-wrap{display:flex;align-items:center;gap:10px}.admin-member-refresh-wrap small{color:#68808e;font-size:9.5px;white-space:nowrap}
.admin-member-refresh-wrap .btn{min-width:92px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.admin-member-refresh-wrap .btn:disabled{opacity:.7;cursor:wait}
.mini-spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.24);border-top-color:#8cddff;border-radius:50%;animation:rpLoaderSpin .7s linear infinite}
.admin-member-snapshot-body{padding:16px 18px 18px}
.admin-member-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.admin-member-kpis>div{border:1px solid #263944;border-radius:11px;background:#101a21;padding:13px 14px;min-height:86px;display:flex;flex-direction:column;justify-content:center}
.admin-member-kpis span{font-size:10px;color:#7f94a1;font-weight:800}.admin-member-kpis b{font-size:24px;line-height:1.15;margin:5px 0 3px;color:#eff8fc}.admin-member-kpis small{font-size:9px;color:#5f7482}
.admin-recent-members{border:1px solid #263944;border-radius:11px;overflow:hidden;background:#0c141a}
.admin-recent-members-title{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #22313a}.admin-recent-members-title b{font-size:12px}.admin-recent-members-title span{font-size:9px;color:#6d8492}
.admin-recent-members-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-recent-member{min-width:0;display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #1f2c35;color:#dbe7ed}
.admin-recent-member:nth-child(odd){border-right:1px solid #1f2c35}.admin-recent-member:hover{background:#111f28}
.admin-recent-rank{width:22px;height:22px;display:grid;place-items:center;border:1px solid #2d4655;border-radius:7px;color:#78cffa;font-size:9px;font-weight:900}
.admin-recent-member .author-mini-avatar{width:30px;height:30px}.admin-recent-copy{min-width:0}.admin-recent-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.admin-recent-copy small{display:block;margin-top:3px;color:#718693;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-recent-member time{color:#657b89;font-size:8.5px;white-space:nowrap}

/* Old text-only homepage loading states are replaced by a centered animated loader. */
.recommend-track>.rp-loading,.game-rank-track>.rp-loading{grid-column:1/-1}
.featured-grid>.rp-loading,.featured-grid>.span-all>.rp-loading{grid-column:1/-1}

@media(max-width:760px){
  .admin-member-snapshot{margin:0 16px 16px}.admin-member-snapshot-head{align-items:flex-start;flex-direction:column;padding:15px}.admin-member-refresh-wrap{width:100%;justify-content:space-between}.admin-member-snapshot-body{padding:13px}
  .admin-member-kpis{grid-template-columns:1fr}.admin-member-kpis>div{min-height:72px}.admin-recent-members-list{grid-template-columns:1fr}.admin-recent-member:nth-child(odd){border-right:0}
  .rp-loading.rp-loading-hero{min-height:190px}
}


/* v4.3.0 - admin full member directory */
.admin-user-toolbar-v430{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 13px;border:1px solid #263742;border-radius:10px;background:#0c151b}
.admin-user-toolbar-v430>div{display:flex;align-items:center;gap:10px;min-width:0}.admin-user-toolbar-v430 b{font-size:12px;color:#f2f8fb}.admin-user-toolbar-v430 span{font-size:10px;color:#78909d}
.admin-user-toolbar-v430 label{display:flex;align-items:center;gap:8px;font-size:10px;color:#8298a4}.admin-user-toolbar-v430 select{height:32px;border:1px solid #314653;border-radius:8px;background:#0a1319;color:#e9f6fb;padding:0 28px 0 10px}
.admin-user-grid-v430{grid-template-columns:minmax(230px,1.7fr) minmax(130px,.85fr) minmax(110px,.7fr) minmax(110px,.72fr) minmax(300px,1.55fr)!important;column-gap:14px;align-items:center}
.admin-user-grid-v430 .admin-user-identity{display:grid;grid-template-columns:28px 34px minmax(0,1fr);align-items:center;gap:9px;min-width:0}
.admin-member-index{display:grid;place-items:center;width:25px;height:25px;border:1px solid #2b424f;border-radius:7px;background:#0a1319;color:#7f98a5;font-size:9px;font-weight:800}
.admin-user-grid-v430 .admin-user-identity .profile-link{display:flex;flex-direction:column;gap:2px;min-width:0;text-decoration:none}.admin-user-grid-v430 .admin-user-identity .profile-link b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5fbff;font-size:11px}.admin-user-grid-v430 .admin-user-identity .profile-link small{font-size:8.5px;color:#617a88}
.admin-user-grid-v430 .admin-role-cell{display:flex;align-items:center;gap:7px;min-width:0}.admin-user-grid-v430 .admin-role-cell>b{font-size:10px;color:#a9bdc8;white-space:nowrap}
.admin-user-grid-v430 .admin-user-actions{display:grid;grid-template-columns:minmax(105px,1fr) 58px 82px;gap:6px;align-items:center}.admin-user-grid-v430 .admin-user-actions .btn{width:100%;height:34px;padding:0 8px}.admin-user-grid-v430 .role-select{width:100%;min-width:0}
@media(max-width:900px){.admin-user-toolbar-v430{align-items:flex-start;flex-direction:column}.admin-user-toolbar-v430 label{width:100%;justify-content:space-between}.admin-user-grid-v430{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:14px!important}.admin-data-head.admin-user-grid-v430{display:none!important}.admin-user-grid-v430 .admin-user-identity{grid-template-columns:28px 38px minmax(0,1fr)}.admin-user-grid-v430 .admin-role-cell,.admin-user-grid-v430 .admin-post-state,.admin-user-grid-v430 .admin-date-cell{padding-left:75px}.admin-user-grid-v430 .admin-user-actions{grid-template-columns:1fr 64px 90px;width:100%;margin-top:3px}}

/* === v4.3.1 실제 인기 유저 랭킹 === */
.rank-title-v431{align-items:flex-start;margin-bottom:8px}
.rank-title-v431 p{margin:4px 0 0;color:#71808d;font-size:10px}
.rank-live-v431{display:inline-flex;align-items:center;gap:5px;color:#69dca0;font-size:9px;font-weight:900;letter-spacing:.5px}
.rank-live-v431 i{width:6px;height:6px;border-radius:50%;background:#54db93;box-shadow:0 0 9px rgba(84,219,147,.65)}
.rank-row-live-v431{grid-template-columns:42px 36px minmax(0,1fr) auto;gap:8px;padding:10px 0;color:inherit;text-decoration:none}
.rank-row-live-v431:hover{background:rgba(255,255,255,.025)}
.rank-no-v431{display:flex;align-items:center;gap:4px;font-size:13px}
.rank-no-v431 b{font-size:11px;color:#dfe8ef}
.rank-avatar-live-v431{width:32px;height:32px;overflow:hidden;background:#15202a}
.rank-avatar-live-v431 .avatar-photo,.rank-avatar-live-v431 img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.rank-user-copy-v431{min-width:0;display:flex;flex-direction:column;gap:2px}
.rank-user-copy-v431>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2f6f9}
.rank-user-copy-v431 small{font-size:9px;color:#788794;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-score-v431{text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.rank-score-v431>b{font-size:11px;color:#5cc8ff}
.rank-score-v431 small{font-size:8px;color:#6d7b87;margin-top:2px}
.rank-empty-v431{padding:18px 4px;text-align:center;color:#778591;font-size:10px;border-top:1px solid #202932}
@media(max-width:700px){.rank-row-live-v431{grid-template-columns:38px 34px minmax(0,1fr) auto}.rank-title-v431 p{font-size:9px}}


/* ============================================================
   RELEASE 4.3.2 — 가입 동의 UI + 메인 캐러셀 자동 순환
   ============================================================ */
.signup-consent{margin:18px 0 14px;border:1px solid #2a3b47;border-radius:13px;background:#0c141a;overflow:hidden}
.signup-consent input[type="checkbox"]{width:18px;height:18px;accent-color:#45c7f3;flex:0 0 auto;cursor:pointer}
.signup-consent-all{padding:14px 15px;border-bottom:1px solid #263640;background:linear-gradient(180deg,#111d25,#0e181f)}
.signup-consent-all label{display:flex;align-items:center;gap:11px;cursor:pointer}
.signup-consent-all label>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.signup-consent-all b{font-size:13px;color:#eff8fc}.signup-consent-all small{font-size:9.5px;color:#6f8491;font-weight:600}
.signup-consent-list{padding:4px 14px}
.signup-consent-row{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #1e2d36;color:#b9c9d2;font-size:10.5px}
.signup-consent-row:last-child{border-bottom:0}.signup-consent-row>a{flex:0 0 auto;color:#7bcff2;font-size:9.5px;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.consent-check{display:flex;align-items:center;gap:9px;min-width:0;cursor:pointer}.consent-check>span{line-height:1.45;word-break:keep-all}
.consent-check em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;padding:2px 5px;border-radius:5px;background:#18384a;color:#75d4fa;font-size:8px;font-weight:950}
.signup-consent-row.marketing .consent-check em{background:#273038;color:#9eb0bb}
.signup-consent-note{margin:0;padding:0 14px 13px!important;color:#687d89!important;font-size:9px!important;line-height:1.5!important}
.auth-card #signupForm>button[type="submit"]{margin-top:4px}
.recommend-track,.game-rank-track{overscroll-behavior-x:contain}
.recommend-card,.game-rank-card{will-change:transform}
@media(max-width:560px){.signup-consent-all{padding:13px}.signup-consent-list{padding:4px 12px}.signup-consent-row{min-height:46px}.consent-check>span{font-size:10px}.signup-consent-row>a{font-size:9px}}

/* ============================================================
   RELEASE 4.3.3 — 닉네임 첫 변경 즉시 허용 / 안내 개선
   ============================================================ */
.nickname-section-head-v433{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;margin-bottom:10px}
.nickname-section-head-v433 h3{margin:0}
.nickname-policy-v433{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border:1px solid #28536a;border-radius:999px;background:#0c2230;color:#76d3f5;font-size:10px;font-weight:800;line-height:1.35}
.nickname-help{margin-top:8px!important;color:#8da1ad!important}
.nickname-help.ok{color:#65d59a!important}
@media(max-width:620px){.nickname-section-head-v433{align-items:flex-start;flex-direction:column;gap:7px}.nickname-policy-v433{border-radius:9px}.profile-form{align-items:stretch}}

/* =========================================================
   v4.3.7 game finder responsive / visual polish
   - narrow viewport top navigation no longer breaks vertically
   - centered party-count buttons
   - cleaner responsive game finder layout
   ========================================================= */

/* Never allow Korean top navigation labels to split into vertical glyph stacks. */
.topnav{min-width:0}
.topnav a{white-space:nowrap;word-break:keep-all;flex:0 0 auto}

/* Finder typography should wrap by phrase, not character-by-character. */
.game-finder-body .game-finder-hero h1,
.game-finder-body .finder-section-title h2,
.game-finder-body .finder-mode b,
.game-finder-body .finder-mode small,
.game-finder-body .finder-how span,
.game-finder-body .random-recommend-copy h2,
.game-finder-body .random-recommend-copy p{
  word-break:keep-all;
  overflow-wrap:break-word;
}

/* Header stays compact before the mobile breakpoint instead of squeezing text. */
@media (max-width:1320px) and (min-width:861px){
  .topbar-inner{gap:18px}
  .topnav{gap:15px;font-size:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .topnav::-webkit-scrollbar{display:none}
  .search{width:min(220px,18vw)}
}
@media (max-width:1120px) and (min-width:861px){
  .game-finder-body .search{display:none}
  .game-finder-body .topbar-inner{gap:14px}
  .game-finder-body .topnav{gap:13px;font-size:11.5px}
  .game-finder-body .topnav a.game-finder-link{padding:6px 8px;margin:-6px -4px}
}

/* Game finder mobile drawer: this page has no left sidebar, so the burger gets a real menu. */
.game-finder-mobile-nav{display:none}
@media (max-width:960px){
  .game-finder-body .topnav,
  .game-finder-body .search{display:none!important}
  .game-finder-body .mobile-menu{display:block}
  .game-finder-body .top-spacer{display:block}
  .game-finder-mobile-nav{
    display:grid;
    position:fixed;
    top:70px;
    left:10px;
    right:10px;
    z-index:85;
    padding:10px;
    gap:5px;
    border:1px solid #2a4251;
    border-radius:14px;
    background:rgba(10,17,23,.98);
    box-shadow:0 20px 50px rgba(0,0,0,.46);
    transform:translateY(-12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.18s ease;
  }
  .game-finder-mobile-nav a{
    min-height:43px;
    display:flex;
    align-items:center;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:10px;
    color:#b8c8d2;
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
  }
  .game-finder-mobile-nav a:hover{background:#12222d;color:#fff}
  .game-finder-mobile-nav a.on{background:#14364a;border-color:#2e718f;color:#8bddff}
  .game-finder-body.menu-open .game-finder-mobile-nav{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .game-finder-body.menu-open .mobile-overlay{display:block;position:fixed;inset:70px 0 0;background:#0008;z-index:80}
}
@media (max-width:520px){
  .game-finder-mobile-nav{top:60px}
  .game-finder-body.menu-open .mobile-overlay{inset:60px 0 0}
}

/* Overall finder composition */
.game-finder-body .game-finder-page{gap:16px}
.game-finder-body .game-finder-page .panel{
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.015);
}
.game-finder-body .game-finder-hero{
  padding:32px 32px 30px;
  border-color:#284454;
  background:
    radial-gradient(circle at 82% 8%,rgba(70,192,245,.13),transparent 31%),
    radial-gradient(circle at 10% 110%,rgba(48,115,157,.10),transparent 38%),
    linear-gradient(135deg,#101c25 0%,#0d161d 62%,#101b24 100%)!important;
}
.game-finder-body .game-finder-hero h1{font-size:clamp(31px,3.2vw,40px)}
.game-finder-body .finder-scope-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}

/* Three-step explainer becomes clearer cards rather than a flat strip. */
.game-finder-body .finder-how{
  grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);
  padding:9px;
  gap:0;
  background:#091219a8;
}
.game-finder-body .finder-how>div{
  min-height:48px;
  padding:8px 10px;
  border:1px solid #203542;
  border-radius:10px;
  background:linear-gradient(180deg,#101c24,#0d171e);
}
.game-finder-body .finder-how>div b{
  width:29px;height:29px;border-radius:9px;
  background:linear-gradient(180deg,#18425c,#133246);
}
.game-finder-body .finder-how>i{margin:0 6px;background:linear-gradient(90deg,#263b48,#31556b,#263b48)}

/* STEP panels */
.game-finder-body .game-finder-builder,
.game-finder-body .game-genre-section,
.game-finder-body .game-random-section,
.game-finder-body .finder-results{padding:24px}
.game-finder-body .finder-section-title{margin-bottom:19px}
.game-finder-body .finder-section-title>strong{
  align-self:center;
  min-width:78px;
  padding:9px 12px;
  line-height:1.05;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

/* Party count selector: center 1인/2인 vertically and make selection clearer. */
.game-finder-body .finder-party-grid{
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:8px;
  padding:2px 0;
}
.game-finder-body .finder-party{
  position:relative;
  height:56px;
  min-width:0;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  line-height:1;
  border-color:#283c49;
  background:linear-gradient(180deg,#0e181f,#0b141a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.game-finder-body .finder-party b{
  display:block;
  margin:0;
  font-size:15px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.game-finder-body .finder-party span{
  display:block;
  margin:1px 0 0;
  font-size:9px;
  line-height:1;
}
.game-finder-body .finder-party:hover{
  transform:translateY(-1px);
  border-color:#4389ab;
  background:linear-gradient(180deg,#112532,#0e1c25);
}
.game-finder-body .finder-party.on{
  transform:translateY(-1px);
  border-color:#62d0ff;
  background:linear-gradient(180deg,#1b4e6a,#14394f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(82,196,244,.16),0 8px 20px rgba(33,143,190,.13);
}
.game-finder-body .finder-party.on:after{
  content:'';
  position:absolute;
  left:50%;
  bottom:5px;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#78dcff;
  transform:translateX(-50%);
  opacity:.7;
}

/* Recommendation mode cards */
.game-finder-body .finder-mode-row{gap:12px;margin-top:18px}
.game-finder-body .finder-mode{
  min-height:86px;
  padding:14px 16px 14px 17px;
  align-content:center;
  border-color:#293e4a;
  background:linear-gradient(145deg,#0e181f,#0b141a);
  transition:.15s ease;
}
.game-finder-body .finder-mode:hover{transform:translateY(-1px)}
.game-finder-body .finder-mode.on{
  border-color:#48a7d1;
  background:linear-gradient(135deg,#153246,#102432);
  box-shadow:inset 3px 0 0 #5fd1ff,0 8px 18px rgba(0,0,0,.12);
}
.game-finder-body .finder-mode>span{margin-bottom:2px}
.game-finder-body .finder-mode>b{line-height:1.35}
.game-finder-body .finder-mode>small{line-height:1.45}

/* Responsive finder layout */
@media (max-width:980px){
  .game-finder-body .game-finder-page{width:min(calc(100% - 22px),820px);margin-top:16px}
  .game-finder-body .game-finder-hero{padding:25px 22px}
  .game-finder-body .game-finder-hero h1{font-size:clamp(28px,5vw,34px)}
  .game-finder-body .finder-how{grid-template-columns:1fr;gap:7px;padding:8px}
  .game-finder-body .finder-how>i{display:none}
  .game-finder-body .finder-how>div{min-height:45px}
  .game-finder-body .finder-how>div span{white-space:normal;overflow:visible;text-overflow:clip}
  .game-finder-body .finder-party-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .game-finder-body .finder-party{height:54px}
}
@media (max-width:620px){
  .game-finder-body .game-finder-page{width:calc(100% - 14px);margin-top:9px;gap:10px}
  .game-finder-body .game-finder-hero,
  .game-finder-body .game-finder-builder,
  .game-finder-body .game-genre-section,
  .game-finder-body .game-random-section,
  .game-finder-body .finder-results{padding:17px 13px}
  .game-finder-body .game-finder-hero h1{font-size:27px;line-height:1.2}
  .game-finder-body .game-finder-hero-copy>p{font-size:11px;line-height:1.7}
  .game-finder-body .game-finder-live{align-items:flex-start;line-height:1.5}
  .game-finder-body .game-finder-live i{margin-top:4px;flex:0 0 auto}
  .game-finder-body .finder-section-title{gap:10px;margin-bottom:15px}
  .game-finder-body .finder-section-title h2{font-size:18px;line-height:1.35}
  .game-finder-body .finder-section-title p{line-height:1.55}
  .game-finder-body .finder-section-title>strong{flex:0 0 auto;min-width:66px;padding:8px 9px}
  .game-finder-body .finder-party-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .game-finder-body .finder-party{height:50px;border-radius:10px}
  .game-finder-body .finder-party b{font-size:14px}
  .game-finder-body .finder-party span{font-size:8.5px}
  .game-finder-body .finder-mode-row{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .game-finder-body .finder-mode{min-height:72px;padding:12px 14px}
}
@media (max-width:390px){
  .game-finder-body .finder-section-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .game-finder-body .finder-section-title>strong{font-size:10px}
  .game-finder-body .finder-party-grid{gap:6px}
  .game-finder-body .finder-party{height:48px;padding:0 3px}
}

/* =========================================================
   v4.3.9 가입인사 아이콘 가독성 개선
   ========================================================= */
.side-nav a[href*="cat=가입인사"] .ico{
  background:linear-gradient(145deg,#17384a,#102632)!important;
  border-color:#3d7896!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(89,202,255,.04)!important;
}
.side-nav a[href*="cat=가입인사"] .ico img{
  width:21px!important;
  height:21px!important;
  opacity:1!important;
  filter:drop-shadow(0 0 4px rgba(89,202,255,.22))!important;
}
.side-nav a[href*="cat=가입인사"]:hover .ico,
.side-nav a[href*="cat=가입인사"].selected .ico{
  background:linear-gradient(145deg,#20506a,#15384b)!important;
  border-color:#5ccfff!important;
}


/* =========================================================
   v4.4.1 login: remember email + auto login only
   ========================================================= */
.auth-card #loginForm{display:grid;gap:0}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 4px;padding:2px 1px}
.login-check{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;color:#9cadb8!important;font-size:11px!important;font-weight:800!important;cursor:pointer;user-select:none}
.login-check input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;padding:0!important}
.login-check-box{width:17px;height:17px;border:1px solid #344854;border-radius:5px;background:#0c141a;display:grid;place-items:center;transition:.16s;box-shadow:inset 0 0 0 1px #ffffff05}
.login-check-box:after{content:'';width:8px;height:4px;border-left:2px solid #08141a;border-bottom:2px solid #08141a;transform:rotate(-45deg) scale(.45);opacity:0;transition:.16s;margin-top:-2px}
.login-check input:checked+.login-check-box{background:#69cdf7;border-color:#69cdf7;box-shadow:0 0 0 3px #55c8f31a}
.login-check input:checked+.login-check-box:after{opacity:1;transform:rotate(-45deg) scale(1)}
.login-check:hover .login-check-box{border-color:#62bfe7}
@media(max-width:420px){.login-options{align-items:flex-start;flex-direction:column;gap:9px}}


/* =========================================================
   v4.4.2 비공개 성별 통계 + 게임추천 이벤트 수집 UI
   ========================================================= */
.signup-demographic{margin:14px 0 16px;padding:15px;border:1px solid #2b3e4a;border-radius:12px;background:linear-gradient(145deg,#0d1921,#0b141a)}
.signup-demographic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.signup-demographic-head b{display:flex;align-items:center;gap:7px;font-size:12px;color:#eef7fb}.signup-demographic-head b em{font-style:normal;font-size:8px;font-weight:950;color:#78d5ff;border:1px solid #2f6e8d;background:#102b3a;border-radius:999px;padding:3px 6px}.signup-demographic-head small{display:block;margin-top:5px;color:#738a98;font-size:9.5px;line-height:1.55}
.demographic-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demographic-choice-grid label{position:relative;display:block;cursor:pointer}.demographic-choice-grid input{position:absolute;opacity:0;pointer-events:none}.demographic-choice-grid span{height:42px;display:grid;place-items:center;border:1px solid #2b3b46;border-radius:10px;background:#0b1319;color:#99aab5;font-size:11px;font-weight:900;transition:.16s}.demographic-choice-grid label:hover span{border-color:#44738d;color:#d9eef8}.demographic-choice-grid input:checked+span{border-color:#5acaf8;background:linear-gradient(180deg,#17445d,#123448);color:#ecfaff;box-shadow:inset 0 0 0 1px #5acaf83d,0 5px 18px #0003}
.demographic-settings-card{margin-top:18px;padding:18px;border:1px solid #29404d;border-radius:13px;background:linear-gradient(145deg,#101d25,#0c151b)}.demographic-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.demographic-settings-head>div>span{display:block;color:#5acbf9;font-size:9px;font-weight:950;letter-spacing:1.3px;margin-bottom:5px}.demographic-settings-head h3{margin:0!important;font-size:15px!important}.demographic-settings-head p{margin:6px 0 0!important;color:#7e929f!important;font-size:10.5px!important;line-height:1.55!important;max-width:650px}.demographic-private-badge{flex:0 0 auto;padding:5px 8px;border:1px solid #315a70;border-radius:999px;background:#102733;color:#75d3fb;font-size:9px;font-weight:900}.demographic-form{margin-top:14px}.mypage-demographic-grid{max-width:470px}.demographic-save-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}.demographic-save-row small{color:#6f8491;font-size:9.5px;line-height:1.5}.demographic-save-row .btn{min-width:112px}
@media(max-width:620px){.demographic-choice-grid{grid-template-columns:1fr}.demographic-choice-grid span{height:40px}.demographic-settings-head{gap:10px}.demographic-save-row{align-items:stretch;flex-direction:column}.demographic-save-row .btn{width:100%}.mypage-demographic-grid{max-width:none}}


/* =========================================================
   v4.4.3 좌/우 브랜드 배너 + 채팅방 미니게임
   ========================================================= */
.side-brand-banner{
  margin-top:14px;min-height:118px;padding:16px!important;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:9px;overflow:hidden;position:relative;
  background:radial-gradient(circle at 50% 15%,rgba(73,190,240,.17),transparent 44%),linear-gradient(145deg,#142532,#0d171e)!important;
  border-color:#29485a!important;transition:transform .17s,border-color .17s,background .17s;
}
.side-brand-banner:before{content:'';position:absolute;inset:auto -42px -64px;width:170px;height:110px;border-radius:50%;background:#58cdf50b;filter:blur(4px)}
.side-brand-banner:hover{transform:translateY(-2px);border-color:#4f9fc2!important;background:radial-gradient(circle at 50% 15%,rgba(73,190,240,.22),transparent 45%),linear-gradient(145deg,#173042,#0e1b24)!important}
.side-brand-banner img{position:relative;z-index:1;width:min(180px,92%);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 5px 13px #0005)}
.side-brand-banner span{position:relative;z-index:1;color:#6e9caf;font-size:8px;font-weight:950;letter-spacing:1.5px}

.roblox-direct-banner{min-height:118px;padding:16px!important;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:12px;overflow:hidden;position:relative;background:radial-gradient(circle at 92% 5%,rgba(255,255,255,.08),transparent 36%),linear-gradient(145deg,#202b36,#111820)!important;border-color:#344450!important;transition:transform .17s,border-color .17s}
.roblox-direct-banner:hover{transform:translateY(-2px);border-color:#637789!important}
.roblox-direct-mark{width:48px;height:48px;border-radius:12px;background:#f4f7f9;display:grid;place-items:center;padding:0;box-shadow:0 8px 22px #0004;overflow:hidden;flex:0 0 auto}
.roblox-direct-mark img{width:34px;height:34px;object-fit:contain;display:block;filter:none}
.roblox-direct-copy{display:grid;gap:3px;min-width:0}.roblox-direct-copy small{font-size:8px!important;color:#8397a5!important;font-weight:950;letter-spacing:1.1px}.roblox-direct-copy b{font-size:14px!important;line-height:1.25!important;color:#f4f8fa}.roblox-direct-copy em{font-style:normal;font-size:9px;color:#83cfee}.roblox-direct-arrow{width:28px;height:28px;border:1px solid #3c4d59;border-radius:9px;display:grid;place-items:center;color:#dbe6ec;font-size:14px}

.room-mini-game-btn{border-color:#3e7794!important;background:linear-gradient(180deg,#17374a,#112a39)!important;color:#8edcff!important}
.room-mini-game-btn:hover{border-color:#5bcafa!important;color:#e9f9ff!important}
.mini-game-modal{z-index:120!important}.mini-game-card{width:min(94vw,900px)!important;max-height:min(90vh,820px);overflow:auto;padding:0!important;background:#0e171e!important;border-color:#315064!important}
.mini-game-head{position:sticky;top:0;z-index:6;padding:18px 20px 13px;background:#0e171ef2;backdrop-filter:blur(12px);border-bottom:1px solid #253943}.mini-game-head h2{font-size:19px!important}.mini-game-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px 0}.mini-game-tabs button{height:42px;border:1px solid #2a3d49;border-radius:11px;background:#0b141a;color:#91a5b2;font-size:12px;font-weight:900;cursor:pointer}.mini-game-tabs button:hover{border-color:#48748b;color:#dcecf4}.mini-game-tabs button.on{border-color:#58c9f6;background:linear-gradient(180deg,#17435a,#123348);color:#eefbff;box-shadow:inset 0 0 0 1px #59c9f633}
.mini-game-pane{padding:16px 18px 7px}.mini-game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mini-game-toolbar>div{display:grid;gap:4px}.mini-game-toolbar b{font-size:14px}.mini-game-toolbar small{font-size:9.5px;color:#78909e;line-height:1.5}.mini-sub-btn{height:32px;border:1px solid #345063;border-radius:8px;background:#10202a;color:#83d4f8;padding:0 10px;font-size:9.5px;font-weight:900;cursor:pointer;white-space:nowrap}.mini-sub-btn:hover{border-color:#5ac8f4;color:#fff}
.roulette-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(280px,1fr);gap:24px;align-items:center}.roulette-stage{width:min(330px,100%);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.roulette-stage:after{content:'';position:absolute;inset:9%;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 30px #0005;pointer-events:none}.roulette-pointer{position:absolute;z-index:5;top:-2px;left:50%;width:0;height:0;transform:translateX(-50%);border-left:13px solid transparent;border-right:13px solid transparent;border-top:25px solid #f5f8fa;filter:drop-shadow(0 4px 4px #0008)}
.roulette-wheel{width:88%;aspect-ratio:1;border-radius:50%;border:8px solid #dbe6ec;background:conic-gradient(#2f88ac 0 25%,#275f80 25% 50%,#226d70 50% 75%,#23485f 75% 100%);box-shadow:0 12px 35px #0007,inset 0 0 0 2px #101820;position:relative;transition:transform 3s cubic-bezier(.15,.78,.18,1);overflow:hidden}.roulette-wheel:after{content:'';position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;transform:translate(-50%,-50%);background:#101820;border:5px solid #e7eff3;box-shadow:0 4px 13px #0007}.roulette-wheel>span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:950;color:#fff0;pointer-events:none}.roulette-label{position:absolute;left:50%;top:50%;width:41%;transform-origin:0 50%;font-size:9px;font-weight:950;color:#fff;text-shadow:0 1px 4px #000;text-align:right;padding-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.mini-game-controls{display:grid;gap:10px}.mini-game-controls label,.ladder-input-grid label{display:grid;gap:6px;color:#a8bac5;font-size:10px;font-weight:850}.mini-game-controls textarea,.ladder-input-grid textarea{width:100%;resize:vertical;min-height:126px;border:1px solid #2d424f;border-radius:11px;background:#0a1217;color:#eef7fb;padding:11px 12px;outline:none;line-height:1.55;font-size:11px}.mini-game-controls textarea:focus,.ladder-input-grid textarea:focus{border-color:#52bfe9;box-shadow:0 0 0 2px #4bbbe51a}.mini-game-primary{height:42px;border:1px solid #62cef8;border-radius:10px;background:linear-gradient(180deg,#55c9f4,#3aaedd);color:#07151d;font-size:11px;font-weight:950;cursor:pointer}.mini-game-primary:hover{filter:brightness(1.06)}.mini-game-primary:disabled{opacity:.45;cursor:not-allowed}
.mini-game-result{min-height:47px;padding:11px 12px;border:1px solid #2b404c;border-radius:10px;background:#0b141a;color:#8da3af;font-size:10px;line-height:1.6}.mini-game-result strong{color:#81dbff;font-size:13px}.mini-game-result.is-winner{border-color:#3f7e9b;background:#0f2632;color:#c8eaf8;box-shadow:inset 3px 0 0 #58caf5}
.ladder-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ladder-input-grid textarea{min-height:92px}.ladder-start{width:100%;margin:10px 0}.ladder-canvas-wrap{border:1px solid #273c48;border-radius:12px;background:#091117;overflow:auto;padding:10px}.ladder-canvas-wrap canvas{width:100%;min-width:620px;height:auto;display:block}.ladder-result{margin-top:10px}.ladder-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ladder-result-grid span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #263a45;border-radius:8px;background:#0b151b}.ladder-result-grid b{color:#eef6fa}.ladder-result-grid em{font-style:normal;color:#79d5fb;font-weight:900}
.mini-game-share-row{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px 17px;border-top:1px solid #263a45;background:#0e171ef2;backdrop-filter:blur(12px)}.mini-game-share-row span{font-size:9px;color:#708693}.mini-game-share-row .btn{min-width:132px}
@media(max-width:700px){.roulette-layout{grid-template-columns:1fr}.roulette-stage{width:min(280px,90vw)}.ladder-input-grid{grid-template-columns:1fr}.mini-game-toolbar{align-items:flex-start}.mini-game-share-row{align-items:stretch;flex-direction:column}.mini-game-share-row .btn{width:100%}.room-head-actions{gap:5px!important}.room-head-actions .btn{padding-left:8px!important;padding-right:8px!important;font-size:9px!important}.roblox-direct-banner{grid-template-columns:44px minmax(0,1fr) 26px}.roblox-direct-mark{width:44px;height:44px;padding:0}.roblox-direct-mark img{width:31px;height:31px}}

/* =========================================================
   v4.4.4 회원가입 선택 전화번호
   ========================================================= */
.field-optional{display:inline-grid;place-items:center;margin-left:5px;padding:2px 6px;border:1px solid #31586d;border-radius:999px;background:#102630;color:#73cef5;font-size:8px;font-weight:950;vertical-align:1px}
.signup-phone-field input{letter-spacing:.15px}
.signup-phone-field input::placeholder{color:#566874}


/* =========================================================
   v4.4.5 관리자 / 부관리자 권한 계층
   ========================================================= */
.state-pill.subadmin{color:#9fe7ff;background:#102e3d;border-color:#286984}
.admin-user-grid-v430.is-staff-row{background:linear-gradient(90deg,rgba(38,105,132,.09),transparent 52%)}
.admin-user-grid-v430.is-staff-row:has(.admin-owner-pill){background:linear-gradient(90deg,rgba(151,105,32,.10),transparent 52%)}
.admin-user-grid-v430 .admin-user-actions.staff-actions{grid-template-columns:minmax(150px,1fr) minmax(96px,auto)}
.admin-role-lock{min-height:34px;border:1px solid #2d4350;border-radius:8px;background:#0d171e;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.admin-role-lock b{font-size:9.5px;color:#dff4ff;white-space:nowrap}.admin-role-lock span{font-size:8px;color:#708793;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subadmin-btn{border-color:#2b7595!important;background:#102c3b!important;color:#8fe2ff!important;font-weight:900!important}
.subadmin-btn:hover{background:#163b4e!important;color:#fff!important}
body.is-subadmin .admin-hero{border-bottom-color:#274756}
@media(max-width:900px){.admin-user-grid-v430 .admin-user-actions.staff-actions{grid-template-columns:minmax(0,1fr) 110px}.admin-role-lock{min-width:0}}
@media(max-width:520px){.admin-user-grid-v430 .admin-user-actions.staff-actions{grid-template-columns:1fr}.admin-role-lock{width:100%}}

/* =========================================================
   v4.4.6 채팅방 안 읽음 알림 + 방장 강퇴/강퇴 목록
   ========================================================= */
.chat-mode-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px}
.chat-tab-unread,.chat-room-unread{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff4d61;color:#fff;font-size:9px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 0 0 2px #101820,0 4px 12px rgba(255,77,97,.28)}
.chat-tab-unread[hidden],.chat-room-unread[hidden]{display:none!important}
.chat-mode-tabs button.has-unread{border-color:#6f3944;background:#24171d;color:#ffd9df}
.chat-room-item.has-unread{border-color:#6b3541;background:linear-gradient(90deg,#1e151a,#14212a 72%)}
.chat-room-title-line{display:flex;align-items:center;gap:7px;min-width:0}
.chat-room-title-line>b{min-width:0;flex:1}
.chat-room-unread{flex:0 0 auto;min-width:20px;height:20px;font-size:9px;box-shadow:none}
.chat-room-join.is-banned{min-width:55px;border-color:#56333a;background:#25171b;color:#d78390;opacity:1}

.room-kick-list-btn{border-color:#6a4a35!important;color:#ffd2a8!important;background:#251c16!important}
.room-kick-list-btn:hover{background:#342319!important;border-color:#9a6441!important}
.room-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;border-radius:9px;min-width:0}
.room-member-row.is-owner{background:linear-gradient(90deg,#102430,#111920)}
.room-member-row>.room-member{min-width:0;width:100%;background:transparent!important;box-shadow:none!important}
.room-kick-btn{height:28px;padding:0 8px;border:1px solid #6b3540;border-radius:7px;background:#27171b;color:#ff9eaa;font-size:8.5px;font-weight:950;cursor:pointer;white-space:nowrap}
.room-kick-btn:hover{background:#3a1c23;border-color:#9b4958;color:#ffd4da}
.room-kick-btn:disabled{opacity:.45;cursor:not-allowed}
.room-system-event.kick{border-color:#613640!important;background:#25171b!important;color:#e68f9b!important}
.room-system-event.kick b{color:#ffb1bb!important}
.room-banned-state{display:grid;justify-items:center;gap:9px;text-align:center;padding:28px 20px}
.room-banned-state>span{font-size:34px;filter:drop-shadow(0 5px 15px rgba(255,73,91,.2))}
.room-banned-state>b{font-size:18px;color:#eef5f8}
.room-banned-state>p{margin:0;color:#9a7d83!important;line-height:1.7!important;font-size:11px!important}

.kick-list-card{width:min(520px,100%)}
.kick-list-help{margin:-5px 0 14px!important;padding:10px 12px;border:1px solid #493139;border-radius:9px;background:#1d1519;color:#b99aa1!important;line-height:1.6!important}
.kick-list-items{display:grid;gap:7px;max-height:390px;overflow:auto;padding-right:2px}
.kick-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #2b3a44;border-radius:10px;background:#0d151b}
.kick-list-row>a{display:flex;align-items:center;gap:9px;min-width:0;color:#dce8ef;text-decoration:none}
.kick-list-row>a>span:last-child{display:grid;gap:3px;min-width:0}
.kick-list-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kick-list-row small{font-size:8.5px;color:#738794}
.kick-list-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;background:#22333f;display:grid;place-items:center;font-size:9px;font-weight:900}
.kick-list-avatar img{width:100%;height:100%;object-fit:cover}
.kick-release-btn{height:31px;padding:0 10px;border:1px solid #376a55;border-radius:8px;background:#14261f;color:#83e0b2;font-size:9px;font-weight:950;cursor:pointer}
.kick-release-btn:hover{background:#1b3429;border-color:#4d9877;color:#b4f5d3}
.kick-release-btn:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:760px){
  .room-member-row{grid-template-columns:minmax(0,1fr) auto}
  .room-kick-btn{height:26px;padding:0 7px;font-size:8px}
  .kick-list-card{padding:16px}
  .kick-list-items{max-height:330px}
}
@media(max-width:430px){
  .room-member-row{gap:2px}
  .room-kick-btn{padding:0 6px}
  .chat-room-unread{min-width:18px;height:18px;font-size:8px}
}

/* =========================================================
   v4.4.7 채팅방 UI 정돈 / 방 검색 / 강퇴관리 접근성
   ========================================================= */
#chatRoot .chat-shell{
  grid-template-columns:258px minmax(0,1fr)!important;
  background:#0d141a!important;
}
#chatRoot .chat-people-wrap{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#101920 0%,#0e161c 100%)!important;
}
#chatRoot .chat-side-head{
  flex:0 0 58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #263640!important;
}
#chatRoot .chat-side-head h1{font-size:17px!important;letter-spacing:-.35px!important}
#chatRoot .chat-mode-tabs{
  flex:0 0 auto!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  padding:10px 12px 8px!important;
}
#chatRoot .chat-mode-tabs button{
  height:34px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
}
#chatRoomSide:not([hidden]){
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  padding-top:2px!important;
}
.chat-room-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:center!important;
  padding:0 12px 8px!important;
}
.chat-room-search{
  height:36px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr)!important;
  align-items:center!important;
  border:1px solid #2a3c48!important;
  border-radius:9px!important;
  background:#0b1319!important;
  overflow:hidden!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
.chat-room-search:focus-within{border-color:#4384a8!important;box-shadow:0 0 0 2px rgba(74,180,230,.08)!important}
.chat-room-search>span{display:grid!important;place-items:center!important;color:#648091!important;font-size:16px!important;line-height:1!important}
.chat-room-search input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#e8f2f7!important;
  font-size:10.5px!important;
  padding:0 9px 0 0!important;
}
.chat-room-search input::placeholder{color:#617582!important}
.chat-room-list-count{
  min-width:36px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 7px!important;
  border:1px solid #2c4657!important;
  border-radius:999px!important;
  background:#10222d!important;
  color:#77cffa!important;
  font-size:9px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#chatRoot .chat-create-room{
  flex:0 0 36px!important;
  width:auto!important;
  margin:0 12px 9px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#16384e,#122d40)!important;
  border-color:#326f94!important;
  color:#c5edff!important;
}
#chatRoot .chat-create-room>span{font-size:15px!important;line-height:1!important}
#chatRoot .chat-rooms{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0 8px 12px!important;
  scrollbar-gutter:stable!important;
}
#chatRoot .chat-room-item{
  flex:0 0 auto!important;
  min-height:58px!important;
  padding:9px 9px 9px 11px!important;
  gap:8px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:#0d161c!important;
}
#chatRoot .chat-room-item:hover{background:#121f27!important;border-color:#2d4350!important}
#chatRoot .chat-room-item.on{background:linear-gradient(90deg,#11293a,#10202a)!important;border-color:#356d8d!important;box-shadow:inset 3px 0 0 #53c7f5!important}
#chatRoot .chat-room-copy{gap:5px!important}
#chatRoot .chat-room-copy b{font-size:11.5px!important;line-height:1.2!important}
#chatRoot .chat-room-copy small{font-size:8.8px!important;line-height:1.25!important}
.chat-room-search-empty{
  flex:0 0 auto!important;
  margin:0 10px 12px!important;
  padding:18px 10px!important;
  border:1px dashed #2b3c46!important;
  border-radius:10px!important;
  text-align:center!important;
  color:#617684!important;
  font-size:10px!important;
  background:#0c1419!important;
}
.chat-room-search-empty[hidden]{display:none!important}

/* 좌측 '채팅' 헤더와 방 제목 헤더의 기준선을 동일하게 맞춘다. */
#roomPanel:not([hidden]){grid-template-rows:58px minmax(0,1fr)!important}
#roomPanel>.room-chat-head{
  height:58px!important;
  min-height:58px!important;
  padding:0 13px 0 16px!important;
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  background:linear-gradient(180deg,#111b22,#101820)!important;
  border-bottom:1px solid #263640!important;
  overflow:visible!important;
}
#roomPanel .room-title-block{
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:9px!important;
}
#roomPanel #roomName{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:16px!important;
  line-height:1!important;
  color:#f0f7fb!important;
  letter-spacing:-.35px!important;
}
#roomPanel #roomMeta{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:9.5px!important;
  line-height:1!important;
  color:#6dcdf7!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#roomPanel .room-head-actions{
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
}
#roomPanel .room-head-actions .btn{
  height:30px!important;
  min-width:0!important;
  padding:0 9px!important;
  margin:0!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
}
#roomPanel .room-mini-game-btn:before{content:'🎮';margin-right:4px}

#roomPanel>.room-layout{grid-template-columns:minmax(0,1fr) 210px!important}
#roomPanel .room-conversation{background:#0c141a!important}
#roomPanel .room-messages{padding:15px 20px 18px!important}
#roomPanel .room-message{margin-bottom:9px!important}
#roomPanel .room-system-event{
  margin:2px auto 7px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#0f181e!important;
  border-color:#243540!important;
  color:#718794!important;
  font-size:9px!important;
  line-height:1.2!important;
  box-shadow:none!important;
  opacity:.88!important;
}
#roomPanel .room-system-event.join{border-color:#244335!important;color:#72ad8f!important}
#roomPanel .room-system-event.leave{border-color:#443131!important;color:#a98383!important}
#roomPanel .room-system-event.kick{border-color:#5b3038!important;color:#d98590!important;background:#1d1418!important}

/* 참여자 영역에 방장용 강퇴 관리 버튼을 고정 노출 */
#roomPanel .room-members-panel{
  background:linear-gradient(180deg,#10191f,#0e161b)!important;
  grid-template-rows:54px minmax(0,1fr)!important;
}
#roomPanel .room-members-head{
  height:54px!important;
  min-height:54px!important;
  padding:0 8px 0 11px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  background:#101a21!important;
  border-bottom:1px solid #273640!important;
}
.room-members-title{min-width:0!important;display:flex!important;align-items:baseline!important;gap:6px!important}
.room-members-title>b{font-size:10.5px!important;color:#e7f0f5!important;white-space:nowrap!important}
.room-members-title>span{font-size:9px!important;color:#70c9f4!important;font-weight:900!important;white-space:nowrap!important}
#roomPanel .room-kick-list-btn{
  height:27px!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 7px!important;
  border:1px solid #72404a!important;
  border-radius:7px!important;
  background:#25171c!important;
  color:#ffb0ba!important;
  font-size:8.5px!important;
  font-weight:950!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
#roomPanel .room-kick-list-btn[hidden]{display:none!important}
#roomPanel .room-kick-list-btn:hover{background:#341c23!important;border-color:#9a5260!important;color:#ffd5db!important}
#roomKickCount{
  display:inline-grid!important;
  place-items:center!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  background:#ff5d70!important;
  color:#fff!important;
  font-size:7.5px!important;
  font-style:normal!important;
  line-height:1!important;
}
#roomKickCount[hidden]{display:none!important}
#roomPanel .room-members{padding:7px!important;gap:3px!important}
#roomPanel .room-member-row{padding:1px!important;border:1px solid transparent!important}
#roomPanel .room-member-row:hover{border-color:#263b47!important;background:#121e25!important}
#roomPanel .room-member{min-height:44px!important;padding:5px 6px!important}
#roomPanel .room-kick-btn{height:26px!important;padding:0 7px!important;border-radius:7px!important;font-size:8px!important}

/* 강퇴 목록은 '관리창'처럼 보이도록 정보 밀도와 버튼 대비를 개선 */
.kick-list-card{width:min(560px,calc(100vw - 28px))!important;padding:0!important;overflow:hidden!important}
.kick-list-card .room-modal-head{padding:17px 18px 13px!important;border-bottom:1px solid #2a3943!important;background:#101b22!important}
.kick-list-help{margin:14px 16px 10px!important;padding:10px 12px!important;border-color:#49343a!important;background:#181316!important;font-size:9.5px!important}
.kick-list-items{max-height:390px!important;padding:0 16px 8px!important;gap:7px!important}
.kick-list-row{min-height:55px!important;padding:8px 9px!important;border-radius:10px!important}
.kick-list-card .room-modal-actions{padding:11px 16px 15px!important;border-top:1px solid #26353e!important}

@media(max-width:1180px){
  #chatRoot .chat-shell{grid-template-columns:224px minmax(0,1fr)!important}
  #roomPanel>.room-layout{grid-template-columns:minmax(0,1fr) 185px!important}
  #roomPanel .room-head-actions .btn{padding:0 7px!important;font-size:9px!important}
  #roomPanel .room-kick-list-btn{padding:0 6px!important;font-size:8px!important}
}
@media(max-width:900px){
  #chatRoot .chat-side-head{height:56px!important;min-height:56px!important;flex-basis:56px!important}
  #roomPanel:not([hidden]){grid-template-rows:56px minmax(0,1fr)!important}
  #roomPanel>.room-chat-head{height:56px!important;min-height:56px!important}
  #roomPanel .room-title-block{gap:6px!important}
  #roomPanel #roomName{font-size:14px!important}
}
@media(max-width:700px){
  #chatRoot .chat-room-toolbar{padding-left:10px!important;padding-right:10px!important}
  #chatRoot .chat-create-room{margin-left:10px!important;margin-right:10px!important}
  body.embed-chat #chatRoot .chat-shell{grid-template-columns:1fr!important}
  body.embed-chat #roomPanel:not([hidden]){grid-template-rows:56px minmax(0,1fr)!important}
  body.embed-chat #roomPanel>.room-chat-head{height:56px!important;min-height:56px!important;padding:0 9px 0 11px!important;grid-template-columns:minmax(0,1fr) auto!important}
  body.embed-chat #roomPanel .room-title-block{display:grid!important;gap:3px!important;align-items:center!important}
  body.embed-chat #roomPanel #roomMeta{font-size:8.5px!important}
  body.embed-chat #roomPanel .room-head-actions{max-width:none!important;gap:3px!important}
  body.embed-chat #roomPanel .room-head-actions .btn{height:27px!important;padding:0 6px!important;font-size:8.5px!important}
  body.embed-chat #roomPanel>.room-layout{grid-template-rows:minmax(0,1fr) 132px!important}
  body.embed-chat #roomPanel .room-members-panel{height:132px!important;grid-template-rows:40px minmax(0,1fr)!important}
  body.embed-chat #roomPanel .room-members-head{height:40px!important;min-height:40px!important;padding:0 7px!important}
  body.embed-chat #roomPanel .room-kick-list-btn{height:25px!important;font-size:7.8px!important;padding:0 6px!important}
  body.embed-chat #roomPanel .room-members{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:4px!important}
}
@media(max-width:430px){
  body.embed-chat #roomPanel .room-head-actions .room-mini-game-btn{font-size:0!important;width:29px!important;padding:0!important}
  body.embed-chat #roomPanel .room-head-actions .room-mini-game-btn:before{font-size:13px!important;margin:0!important}
  body.embed-chat #roomPanel .room-head-actions .btn{padding:0 5px!important}
  body.embed-chat #roomPanel>.room-layout{grid-template-rows:minmax(0,1fr) 116px!important}
  body.embed-chat #roomPanel .room-members-panel{height:116px!important}
}

/* =========================================================
   v4.4.8 chat room header / owner tools alignment hard fix
   ========================================================= */
#roomPanel:not([hidden]){grid-template-rows:64px minmax(0,1fr)!important}
#roomPanel>.room-chat-head{
  box-sizing:border-box!important;width:100%!important;height:64px!important;min-height:64px!important;
  padding:0 12px 0 16px!important;display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#111b22 0%,#0f181f 100%)!important;border-bottom:1px solid #2a3a45!important
}
#roomPanel .room-title-block{
  flex:1 1 auto!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0!important;margin:0!important
}
#roomPanel #roomName{
  display:block!important;min-width:0!important;max-width:min(280px,45vw)!important;margin:0!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;font-size:17px!important;font-weight:950!important;line-height:1!important;
  letter-spacing:-.45px!important;color:#f4f9fc!important
}
#roomPanel #roomMeta.room-meta-pill{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:64px!important;height:25px!important;margin:0!important;padding:0 9px!important;border:1px solid #285a76!important;
  border-radius:999px!important;background:#102838!important;color:#7ed8ff!important;font-size:10px!important;font-weight:950!important;
  line-height:1!important;letter-spacing:-.1px!important;white-space:nowrap!important
}
#roomPanel .room-head-actions{
  flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:36px!important;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;
  gap:6px!important;margin:0!important;padding:0!important
}
#roomPanel .room-head-actions .btn{
  flex:0 0 auto!important;width:auto!important;min-width:0!important;height:32px!important;min-height:32px!important;margin:0!important;
  padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  border-radius:8px!important;font-size:9.5px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important
}
#roomPanel .room-head-actions .btn[hidden]{display:none!important}
#roomPanel .room-head-actions .room-action-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;line-height:1!important}
#roomPanel .room-mini-game-btn:before{content:none!important}
#roomPanel .room-mini-game-btn{border-color:#2f7699!important;background:linear-gradient(180deg,#17435a,#113247)!important;color:#9fe2ff!important}
#roomPanel .room-invite-btn{border-color:#2d617c!important;background:#102633!important;color:#83d4f8!important}
#roomPanel .room-delete-btn{border-color:#813e49!important;background:#2b171c!important;color:#ffadb9!important}
#roomPanel .room-leave-btn{border-color:#394b57!important;background:#111c23!important;color:#b9c8d1!important}

#roomPanel .room-members-panel{grid-template-rows:50px minmax(0,1fr)!important}
#roomPanel .room-members-head{
  box-sizing:border-box!important;height:50px!important;min-height:50px!important;padding:0 9px 0 12px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important
}
#roomPanel .room-members-title{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
#roomPanel .room-members-title>b{font-size:10.5px!important;line-height:1!important}
#roomPanel .room-members-title>span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;height:20px!important;
  padding:0 6px!important;border-radius:999px!important;background:#102838!important;color:#70d1fb!important;font-size:8.5px!important;line-height:1!important
}
#roomPanel .room-kick-list-btn{
  flex:0 0 auto!important;height:27px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:4px!important;font-size:8.5px!important;white-space:nowrap!important
}
#roomPanel .room-kick-list-btn[hidden]{display:none!important}

#chatRoot .chat-side-head{
  box-sizing:border-box!important;height:64px!important;min-height:64px!important;flex:0 0 64px!important;padding:0 14px!important;
  display:flex!important;align-items:center!important
}
#chatRoot .chat-side-head h1{margin:0!important;line-height:1!important}

@media(max-width:1180px){
  #roomPanel>.room-chat-head{gap:9px!important;padding-left:13px!important;padding-right:9px!important}
  #roomPanel #roomName{max-width:220px!important;font-size:15px!important}
  #roomPanel #roomMeta.room-meta-pill{min-width:58px!important;height:23px!important;padding:0 7px!important;font-size:9px!important}
  #roomPanel .room-head-actions{gap:4px!important}
  #roomPanel .room-head-actions .btn{height:30px!important;min-height:30px!important;padding:0 7px!important;font-size:8.7px!important}
  #roomPanel .room-head-actions .room-action-icon{font-size:10px!important}
}
@media(max-width:900px){
  #roomPanel:not([hidden]){grid-template-rows:60px minmax(0,1fr)!important}
  #roomPanel>.room-chat-head{height:60px!important;min-height:60px!important;padding:0 8px 0 12px!important}
  #chatRoot .chat-side-head{height:60px!important;min-height:60px!important;flex-basis:60px!important}
  #roomPanel #roomName{max-width:180px!important;font-size:14px!important}
  #roomPanel .room-title-block{gap:6px!important}
  #roomPanel #roomMeta.room-meta-pill{min-width:54px!important;height:22px!important;padding:0 6px!important;font-size:8.5px!important}
  #roomPanel .room-head-actions .btn{padding:0 6px!important;font-size:8.2px!important;gap:3px!important}
}
@media(max-width:720px){
  #roomPanel #roomMeta.room-meta-pill{display:none!important}
  #roomPanel #roomName{max-width:150px!important}
  #roomPanel .room-head-actions .room-action-icon{display:none!important}
  #roomPanel .room-head-actions .btn{padding:0 6px!important}
}
@media(max-width:560px){
  #roomPanel>.room-chat-head{gap:5px!important;padding-left:9px!important;padding-right:6px!important}
  #roomPanel #roomName{max-width:105px!important;font-size:12.5px!important}
  #roomPanel .room-head-actions{gap:3px!important}
  #roomPanel .room-head-actions .btn{height:28px!important;min-height:28px!important;padding:0 5px!important;font-size:7.8px!important}
  #roomPanel .room-head-actions .room-delete-btn span:last-child{font-size:0!important}
  #roomPanel .room-head-actions .room-delete-btn .room-action-icon{display:inline-flex!important;font-size:11px!important}
}

/* v4.4.8: embedded/fullscreen chat uses the exact same single-line room header. */
body.embed-chat #roomPanel:not([hidden]){grid-template-rows:64px minmax(0,1fr)!important}
body.embed-chat #roomPanel>.room-chat-head{
  box-sizing:border-box!important;width:100%!important;height:64px!important;min-height:64px!important;
  padding:0 10px 0 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:10px!important;overflow:hidden!important
}
body.embed-chat #roomPanel .room-title-block{
  flex:1 1 auto!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:0!important;padding:0!important
}
body.embed-chat #roomPanel #roomName{max-width:190px!important;font-size:15px!important;line-height:1!important}
body.embed-chat #roomPanel #roomMeta.room-meta-pill{
  display:inline-flex!important;min-width:58px!important;height:23px!important;padding:0 7px!important;margin:0!important;font-size:9px!important
}
body.embed-chat #roomPanel .room-head-actions{
  flex:0 0 auto!important;width:auto!important;max-width:none!important;height:34px!important;display:flex!important;
  flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important
}
body.embed-chat #roomPanel .room-head-actions .btn{
  flex:0 0 auto!important;width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;
  padding:0 7px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;font-size:8.7px!important;line-height:1!important;white-space:nowrap!important
}
body.embed-chat #roomPanel .room-head-actions .room-action-icon{display:inline-flex!important;font-size:10px!important}
body.embed-chat #roomPanel .room-mini-game-btn:before{content:none!important}
body.embed-chat #chatRoot .chat-side-head{
  height:64px!important;min-height:64px!important;flex-basis:64px!important;padding:0 13px!important;display:flex!important;align-items:center!important
}
body.embed-chat #roomPanel .room-members-head{
  height:50px!important;min-height:50px!important;padding:0 8px 0 10px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:6px!important
}
body.embed-chat #roomPanel .room-kick-list-btn{height:27px!important;padding:0 6px!important;font-size:8px!important}

@media(max-width:760px){
  body.embed-chat #roomPanel #roomName{max-width:145px!important;font-size:13.5px!important}
  body.embed-chat #roomPanel #roomMeta.room-meta-pill{min-width:52px!important;height:21px!important;padding:0 5px!important;font-size:8px!important}
  body.embed-chat #roomPanel .room-head-actions .btn{height:28px!important;min-height:28px!important;padding:0 5px!important;font-size:7.8px!important;gap:2px!important}
  body.embed-chat #roomPanel .room-head-actions .room-action-icon{display:none!important}
}
@media(max-width:610px){
  body.embed-chat #roomPanel #roomMeta.room-meta-pill{display:none!important}
  body.embed-chat #roomPanel #roomName{max-width:105px!important}
  body.embed-chat #roomPanel .room-head-actions{gap:2px!important}
  body.embed-chat #roomPanel .room-head-actions .btn{padding:0 4px!important;font-size:7.4px!important}
  body.embed-chat #roomPanel .room-head-actions .room-delete-btn span:last-child{font-size:0!important}
  body.embed-chat #roomPanel .room-head-actions .room-delete-btn .room-action-icon{display:inline-flex!important;font-size:11px!important}
}


/* =========================================================
   v4.4.9 채팅 미니게임: 참여자 선택 / 다중 당첨 / 상품 / 당첨기록
   ========================================================= */
.mini-game-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mini-event-setup{padding:14px 18px 2px;border-bottom:1px solid #22343f}
.mini-event-setup[hidden],.mini-game-share-row[hidden]{display:none!important}
.mini-event-fields{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-bottom:12px}
.mini-event-field{display:grid;gap:6px;color:#9fb3c0;font-size:10px;font-weight:900}
.mini-event-field>span{display:flex;align-items:center;gap:6px}
.mini-event-field>span small{font-size:8px;color:#617887;font-weight:800}
.mini-event-field input,.mini-event-field select{width:100%;height:40px;border:1px solid #2c414e;border-radius:10px;background:#0a1319;color:#edf7fb;padding:0 11px;outline:none;font-size:11px;font-weight:750}
.mini-event-field input:focus,.mini-event-field select:focus{border-color:#55c5f2;box-shadow:0 0 0 2px #4cc2ee1a}
.mini-participant-panel{border:1px solid #293e4a;border-radius:12px;background:#0a1319;overflow:hidden}
.mini-participant-head{min-height:48px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #233742;background:#0e1a22}
.mini-participant-head>div:first-child{display:grid;gap:2px}
.mini-participant-head b{font-size:11px;color:#e8f3f8}
.mini-participant-head small{font-size:8.5px;color:#6f8796}
.mini-participant-actions{display:flex;align-items:center;gap:6px}
.mini-sub-btn.muted{color:#93a4ae!important;border-color:#32414a!important;background:#10171c!important}
.mini-participant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;max-height:210px;overflow:auto}
.mini-participant-list::-webkit-scrollbar{width:5px}.mini-participant-list::-webkit-scrollbar-thumb{background:#304b5a;border-radius:999px}
.mini-participant-item{position:relative;min-width:0;display:grid;grid-template-columns:18px 34px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:50px;padding:7px 8px;border:1px solid #263944;border-radius:10px;background:#0d171d;cursor:pointer;transition:.15s}
.mini-participant-item:hover{border-color:#3d6578;background:#10202a}
.mini-participant-item.on{border-color:#3e93b9;background:#102736;box-shadow:inset 3px 0 0 #59c9f5}
.mini-participant-item input{width:16px;height:16px;accent-color:#52c6f3;margin:0}
.mini-participant-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#1b2d38;border:1px solid #34505f}
.mini-participant-avatar img{width:100%;height:100%;object-fit:cover}
.mini-participant-copy{display:grid;gap:2px;min-width:0}
.mini-participant-copy b{font-size:10.5px;color:#e9f4f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-participant-copy small{font-size:8px;color:#6f8794}
.mini-participant-check{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#0b151b;border:1px solid #2b414d;color:transparent;font-size:10px;font-weight:950}
.mini-participant-item.on .mini-participant-check{background:#55c8f3;border-color:#55c8f3;color:#07151d}
.mini-selection-preview{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:4px 9px;padding:12px;border:1px solid #293f4c;border-radius:11px;background:#0a1319}
.mini-selection-preview>span{font-size:8px;font-weight:950;letter-spacing:.7px;color:#65c9f3}
.mini-selection-preview>b{font-size:12px;color:#e9f6fb}
.mini-selection-preview>small{grid-column:1/-1;display:block;max-height:34px;overflow:auto;color:#718894;font-size:9px;line-height:1.45}
.ladder-selection-preview{margin-bottom:10px}
.roulette-many-count{position:absolute!important;inset:0!important;display:grid!important;place-content:center!important;transform:none!important;text-align:center!important;font-size:36px!important;font-weight:950!important;color:#f2fbff!important;text-shadow:0 3px 16px #000!important}
.roulette-many-count small{display:block;font-size:8px;letter-spacing:1.3px;color:#9fdcf5}
.mini-winner-result-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;color:#c9eaf7;font-size:10px;font-weight:850}
.mini-winner-result-head span{color:#ffd67c;font-weight:950}
.mini-winner-chips{display:flex;flex-wrap:wrap;gap:6px}
.mini-winner-chips strong{display:inline-flex!important;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:#12374a;border:1px solid #3d89a9;color:#bfeeff!important;font-size:10px!important}
.ladder-result-grid .winner{border-color:#4c9fc0!important;background:#113040!important}
.ladder-result-grid .winner em{color:#7ee4ad!important}
.mini-history-pane{padding-bottom:16px}
.mini-history-list{display:grid;gap:9px;max-height:500px;overflow:auto}
.mini-history-item{padding:12px 13px;border:1px solid #293e4a;border-radius:12px;background:#0a1319}
.mini-history-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mini-history-top span{font-size:9px;font-weight:950;color:#6fd0f8}
.mini-history-top time{font-size:8px;color:#657986}
.mini-history-item h3{margin:7px 0 9px;font-size:13px;color:#eef8fb}
.mini-history-winners{display:grid;gap:4px;padding:8px 9px;border-radius:9px;background:#0e1d25}
.mini-history-winners span{font-size:8px;color:#738b99}
.mini-history-winners b{font-size:10.5px;color:#8ee2ff;line-height:1.45}
.mini-history-item footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#667c89;font-size:8px}
@media(max-width:700px){
  .mini-game-tabs{grid-template-columns:1fr!important}
  .mini-event-fields{grid-template-columns:1fr}
  .mini-participant-head{align-items:flex-start;flex-direction:column}
  .mini-participant-actions{width:100%}.mini-participant-actions .mini-sub-btn{flex:1}
  .mini-participant-list{grid-template-columns:1fr;max-height:250px}
}


/* =========================================================
   v4.5.0 Feedback center + protected reports
   ========================================================= */
.feedback-side-link{border-color:#324858!important;background:linear-gradient(180deg,#122532,#0e1c25)!important;color:#9bddfb!important}
.feedback-side-link:hover,.feedback-side-link.selected{border-color:#59c8f4!important;background:#153549!important;color:#fff!important}
.feedback-home-section{overflow:hidden;position:relative}.feedback-home-section:before{content:'';position:absolute;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(70,191,239,.15),transparent 68%);pointer-events:none}.feedback-home-title{position:relative;z-index:1}.feedback-home-kicker{display:block;color:#58caff;font-size:9px;font-weight:950;letter-spacing:1.4px;margin-bottom:5px}.feedback-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px;position:relative;z-index:1}.feedback-home-actions>a{min-height:72px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #2a3d49;border-radius:12px;background:#0d171e;transition:.16s}.feedback-home-actions>a:hover{border-color:#4fbdea;background:#102633;transform:translateY(-1px)}.feedback-home-actions>a>span{width:34px;height:34px;border-radius:10px;background:#142936;display:grid;place-items:center;font-size:17px}.feedback-home-actions a div{display:grid;gap:2px}.feedback-home-actions b{font-size:12px;color:#edf8fd}.feedback-home-actions small{font-size:9px;color:#738b99}.feedback-home-recent{border-top:1px solid #23343f;padding-top:12px}.feedback-home-recent-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feedback-home-recent-head>b{font-size:11px}.feedback-home-recent-head>a{font-size:9px;color:#6dd3ff;font-weight:900}.feedback-home-empty{padding:18px;border:1px dashed #2a3c47;border-radius:10px;text-align:center;color:#758b98;font-size:10px}
.feedback-page{padding:0!important;overflow:hidden}.feedback-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;background:radial-gradient(circle at 90% 0,rgba(72,190,239,.14),transparent 34%),linear-gradient(135deg,#12212b,#0f171e);border-bottom:1px solid #293945}.feedback-hero>div>span,.feedback-write-head>div>span{display:block;color:#62d2ff;font-size:9px;font-weight:950;letter-spacing:1.5px;margin-bottom:7px}.feedback-hero h1,.feedback-write-head h1{margin:0;font-size:26px;letter-spacing:-.7px}.feedback-hero p,.feedback-write-head p{margin:7px 0 0;color:#8298a6;font-size:11px;line-height:1.55}.feedback-write-cta{white-space:nowrap}.feedback-filterbar{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:10px;align-items:center;padding:15px 18px;border-bottom:1px solid #253640}.feedback-kind-tabs{display:flex;gap:6px;flex-wrap:wrap}.feedback-kind-tabs button{height:34px;padding:0 11px;border:1px solid #2b3d49;border-radius:9px;background:#0c151b;color:#8ca1ae;font-size:9.5px;font-weight:900;cursor:pointer}.feedback-kind-tabs button.on{border-color:#50c4f3;background:#14394e;color:#eafbff}.feedback-search{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #2b3e49;border-radius:9px;background:#0b141a}.feedback-search span{color:#66818f}.feedback-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#e9f4f9;font-size:10px}.feedback-count{font-size:9px;font-weight:900;color:#7cd8ff;padding:6px 8px;border-radius:999px;background:#102b3a;border:1px solid #26536b}.feedback-list-head,.feedback-row{display:grid;grid-template-columns:92px minmax(0,1fr) 84px;align-items:center;gap:10px}.feedback-list-head{padding:9px 18px;color:#627885;font-size:8.5px;font-weight:900;border-bottom:1px solid #202f38}.feedback-row{min-height:64px;padding:9px 18px;border-bottom:1px solid #1f2d36}.feedback-row:hover{background:#101d25}.feedback-kind{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:950;border:1px solid #2c5369;background:#102633;color:#7bd6ff}.feedback-kind-bug{border-color:#733d45;background:#28151a;color:#ff909e}.feedback-kind-suggestion{border-color:#685a2d;background:#25210f;color:#f5d871}.feedback-row-main{min-width:0;display:grid;gap:5px}.feedback-row-main>b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e7f1f6;font-size:11.5px}.feedback-row-main small{color:#6f8592;font-size:8.5px}.feedback-lock{font-size:9px}.feedback-status{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:5px 7px;border-radius:999px;border:1px solid #2c5062;background:#10232d;color:#79cfee;font-size:8px;font-weight:950}.feedback-status-reviewing{border-color:#6d5b2e;background:#27210f;color:#f2d36b}.feedback-status-resolved{border-color:#286443;background:#0f281c;color:#75e1a8}
.feedback-write-page{padding:0!important;overflow:hidden}.feedback-write-head{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 30px;border-bottom:1px solid #293945;background:linear-gradient(135deg,#12212b,#0e171d)}.feedback-write-form{padding:22px 30px 28px;display:grid;gap:16px}.feedback-write-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px}.feedback-write-form label{display:grid;gap:7px}.feedback-write-form label>span{font-size:9.5px;font-weight:900;color:#91a7b4}.feedback-write-form input,.feedback-write-form select,.feedback-write-form textarea{width:100%;border:1px solid #2d414d;border-radius:10px;background:#0b141a;color:#eef8fc;outline:none;padding:11px 12px;font-size:11px}.feedback-write-form input:focus,.feedback-write-form select:focus,.feedback-write-form textarea:focus{border-color:#53c3ef;box-shadow:0 0 0 2px #4fc0ed1a}.feedback-body-field textarea{min-height:300px;resize:vertical;line-height:1.7}.feedback-password-card{display:grid;gap:12px;padding:15px;border:1px solid #2a414f;border-radius:12px;background:#0d1920}.feedback-lock-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px!important;cursor:pointer}.feedback-lock-check input{width:16px!important;height:16px;margin:2px 0 0;padding:0!important}.feedback-lock-check>span{display:grid;gap:3px}.feedback-lock-check b{font-size:10.5px;color:#dcecf3}.feedback-lock-check small{font-size:9px;color:#718895;line-height:1.5}.feedback-password-input{max-width:360px}.feedback-write-actions{display:flex;justify-content:flex-end;gap:8px}.feedback-write-actions .btn{min-width:92px}
.feedback-post-page{min-width:0}.feedback-post-card{padding:0!important;overflow:hidden}.feedback-post-breadcrumb{height:45px;display:flex;align-items:center;gap:7px;padding:0 22px;border-bottom:1px solid #263640;color:#778c99;font-size:9px}.feedback-post-breadcrumb a{color:#70cff7;font-weight:900}.feedback-post-head{padding:22px 24px;border-bottom:1px solid #22323b}.feedback-post-title-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-post-title-line h1{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.5px}.feedback-protected-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;border:1px solid #315366;background:#102532;color:#86dcff;font-size:8.5px;font-weight:900}.feedback-post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px;color:#738793;font-size:9px}.feedback-post-meta #feedbackPostAuthor{color:#b8c9d2;font-weight:900}.feedback-locked-box{max-width:520px;margin:45px auto;padding:28px;border:1px solid #315064;border-radius:15px;background:linear-gradient(180deg,#10212c,#0d171e);text-align:center}.feedback-lock-icon{font-size:31px}.feedback-locked-box h2{margin:10px 0 6px;font-size:17px}.feedback-locked-box p{margin:0;color:#7f96a3;font-size:10px;line-height:1.6}.feedback-locked-box form{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px;margin-top:17px}.feedback-locked-box input{min-width:0;border:1px solid #34505f;border-radius:9px;background:#091217;color:#fff;padding:10px 11px;outline:none}.feedback-unlock-error{margin-top:9px;color:#ff8998;font-size:9px}.feedback-post-body{min-height:260px;padding:30px 26px;white-space:pre-wrap;word-break:break-word;color:#d7e3e9;font-size:13px;line-height:1.85}.feedback-post-actions{display:flex;justify-content:space-between;padding:14px 22px;border-top:1px solid #263740}
@media(max-width:760px){.feedback-home-actions{grid-template-columns:1fr}.feedback-hero{align-items:flex-start;flex-direction:column;padding:22px 18px}.feedback-write-cta{width:100%;text-align:center}.feedback-filterbar{grid-template-columns:1fr;gap:9px}.feedback-search{width:100%}.feedback-count{justify-self:start}.feedback-list-head{display:none}.feedback-row{grid-template-columns:82px minmax(0,1fr);padding:11px 13px}.feedback-row>.feedback-status{grid-column:2}.feedback-write-head{padding:22px 18px}.feedback-write-form{padding:18px}.feedback-write-grid{grid-template-columns:1fr}.feedback-post-title-line{align-items:flex-start;flex-direction:column}.feedback-post-title-line h1{font-size:20px}.feedback-locked-box{margin:25px 12px;padding:22px 16px}.feedback-locked-box form{grid-template-columns:1fr}.feedback-post-body{padding:24px 17px}}


/* =========================================================
   v4.5.1 Home feedback mini card — compact right sidebar
   ========================================================= */
.feedback-mini-card{padding:14px 14px 13px;overflow:hidden;background:linear-gradient(180deg,#111c24,#0d151b)!important}
.feedback-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.feedback-mini-head>div{min-width:0}
.feedback-mini-head small{display:block;margin-bottom:3px;color:#58caff;font-size:7.5px;font-weight:950;letter-spacing:1.1px}
.feedback-mini-head h2{margin:0;font-size:14px;line-height:1.25;letter-spacing:-.25px;color:#edf8fd}
.feedback-mini-head>a{flex:0 0 auto;margin-top:2px;color:#7d9aaa;font-size:8px;font-weight:850;white-space:nowrap}
.feedback-mini-head>a:hover{color:#71d4ff}
.feedback-mini-desc{margin:7px 0 10px;color:#738b98;font-size:8.5px;line-height:1.45}
.feedback-mini-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.feedback-mini-actions>a{min-width:0;height:37px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 5px;border:1px solid #293c47;border-radius:8px;background:#0b151b;color:#b8cad4;transition:.15s}
.feedback-mini-actions>a:hover{border-color:#4bbce9;background:#102735;color:#fff;transform:translateY(-1px)}
.feedback-mini-actions span{font-size:11px;line-height:1}
.feedback-mini-actions b{min-width:0;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feedback-mini-recent-head{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid #22333d}
.feedback-mini-recent-head>b{font-size:9px;color:#c5d5dd}
.feedback-mini-recent-head>a{font-size:8px;color:#62c9f4;font-weight:900}
.feedback-mini-recent{display:grid;gap:0;margin-top:4px}
.feedback-mini-row{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:31px;border-top:1px solid #1b2a33;color:inherit}
.feedback-mini-row:first-child{border-top:0}
.feedback-mini-row:hover .feedback-mini-title{color:#8bddff}
.feedback-mini-kind{display:inline-flex;width:max-content;max-width:52px;align-items:center;justify-content:center;padding:3px 5px;border-radius:999px;border:1px solid #31576b;background:#102631;color:#7dd7ff;font-size:7px;font-weight:950;white-space:nowrap}
.feedback-mini-kind-bug{border-color:#6e3740;background:#281519;color:#ff8997}
.feedback-mini-kind-suggestion{border-color:#65572c;background:#25200e;color:#efd168}
.feedback-mini-title{min-width:0;color:#d6e3e9;font-size:8.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s}
.feedback-mini-row time{color:#5f7481;font-size:7px;white-space:nowrap}
.feedback-mini-empty{padding:10px 4px 2px;color:#647c89;font-size:8px;text-align:center}
.rightcol .feedback-mini-card{margin-top:0}
@media(max-width:1180px){.feedback-mini-card{display:none}}

/* =========================================================
   v4.5.3 통합 검색 - Roblox 우선
   ========================================================= */
.search{z-index:70}
.site-search-dropdown{position:absolute;top:calc(100% + 9px);right:0;width:min(520px,82vw);max-height:min(72vh,680px);overflow:auto;border:1px solid #2a3b47;border-radius:14px;background:#0c151c;box-shadow:0 22px 60px rgba(0,0,0,.48);padding:8px;z-index:150}
.site-search-dropdown[hidden]{display:none!important}
.site-search-drop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px 11px;border-bottom:1px solid #1e2d37}.site-search-drop-head>span{display:grid;gap:2px}.site-search-drop-head b{font-size:12px;color:#eef7fb}.site-search-drop-head small{font-size:9px;color:#6e8796}.site-search-drop-head>a{font-size:9.5px;font-weight:900;color:#67cff9;white-space:nowrap}
.site-search-section-title{display:flex;align-items:center;justify-content:space-between;padding:11px 8px 6px}.site-search-section-title b{font-size:9px;letter-spacing:1.2px;color:#55cbff}.site-search-section-title span{font-size:8.5px;color:#617987}.site-search-section-title.compact{padding-top:12px}
.site-search-game,.site-search-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 8px;border-radius:10px;color:#dce8ee}.site-search-game:hover,.site-search-row:hover{background:#13232d}.site-search-thumb{width:50px;height:50px;flex:0 0 50px;border-radius:9px;overflow:hidden;background:#131f27;display:grid;place-items:center}.site-search-thumb img{width:100%;height:100%;object-fit:cover}.site-search-game>span:nth-child(2),.site-search-row>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.site-search-game b,.site-search-row b{font-size:11px;color:#f0f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-game small,.site-search-row small{font-size:8.5px;color:#738a98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-game>em{font-style:normal;font-size:7.5px;font-weight:950;letter-spacing:.7px;border:1px solid #315a70;border-radius:999px;padding:4px 6px;color:#75d7ff;background:#102634;white-space:nowrap}
.site-search-type{min-width:44px;flex:0 0 auto;text-align:center;font-size:8px;font-weight:900;padding:5px 6px;border-radius:7px;background:#172b38;color:#72d2fa}.site-search-type.room{background:#1c2838;color:#a8c5ff}.site-search-type.feedback{background:#32253a;color:#dbb6ff}.site-search-avatar,.site-search-user-avatar{overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#1b2b35}.site-search-avatar{width:34px;height:34px;flex:0 0 34px}.site-search-avatar img,.site-search-user-avatar img{width:100%;height:100%;object-fit:cover}.site-search-avatar .avatar-initials,.site-search-user-avatar .avatar-initials{font-size:9px;font-weight:900}
.site-search-all{display:block;margin-top:7px;padding:10px;text-align:center;border-top:1px solid #1e2d37;color:#74d6ff;font-size:10px;font-weight:900}.site-search-loading,.site-search-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:76px;color:#718895;font-size:10px}.site-search-loading .rp-loading-spinner{width:18px;height:18px}

.global-search-page{width:min(calc(100% - 34px),1180px);margin:24px auto 50px;display:grid;gap:16px}.global-search-hero{padding:24px;background:linear-gradient(120deg,#111d26,#0d171e)!important}.global-search-kicker{display:block;color:#58cfff;font-size:9px;font-weight:950;letter-spacing:1.4px;margin-bottom:8px}.global-search-hero h1{margin:0 0 7px;font-size:27px;letter-spacing:-.8px}.global-search-hero p{margin:0;color:#7f96a4;font-size:11px}.global-search-form{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;margin-top:18px}.global-search-form input{height:46px;border:1px solid #2d414f;border-radius:11px;background:#0a141a;color:#edf7fb;padding:0 15px;outline:none;font-size:13px}.global-search-form input:focus{border-color:#51c7f6;box-shadow:0 0 0 3px rgba(81,199,246,.08)}.global-search-form button{border:1px solid #64cef8;border-radius:11px;background:#55c7f4;color:#07161d;font-weight:950;cursor:pointer}.global-search-summary{margin-top:10px;color:#718894;font-size:10px}.global-search-summary b{color:#dff5ff}
.site-search-page-section{padding:20px 22px}.site-search-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.site-search-page-head>div{display:grid;gap:3px}.site-search-page-head small{font-size:8.5px;font-weight:950;letter-spacing:1.1px;color:#55cfff}.site-search-page-head h2{font-size:18px;margin:0}.site-search-page-head p{font-size:9.5px;color:#738997;margin:0}.site-search-page-head>span{font-size:9px;color:#5e7582}
.site-search-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.site-search-game-card{min-width:0;border:1px solid #263945;border-radius:12px;background:#0c151b;overflow:hidden;transition:.16s}.site-search-game-card:hover{transform:translateY(-2px);border-color:#4daacf}.site-search-game-cover{height:118px;position:relative;background:#101c24;overflow:hidden}.site-search-game-cover img{width:100%;height:100%;object-fit:cover}.site-search-game-cover>span{position:absolute;right:7px;top:7px;font-size:7px;font-weight:950;letter-spacing:.8px;color:#dff7ff;background:#0b1a23dd;border:1px solid #ffffff22;border-radius:999px;padding:4px 6px}.site-search-game-info{padding:10px}.site-search-game-info h3{font-size:11px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-game-info p{font-size:8.5px;color:#667d8a;margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-game-info>div{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:8px;color:#657b88}.site-search-game-info b{color:#67e3a6;font-size:8.5px}
.site-search-list-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:55px;padding:8px 10px;border-bottom:1px solid #1d2b34;color:#dce8ee}.site-search-list-card:last-child{border-bottom:0}.site-search-list-card:hover{background:#111f28}.site-search-list-badge{min-width:54px;text-align:center;border:1px solid #2c566c;border-radius:7px;padding:5px 7px;color:#74d4fb;font-size:8px;font-weight:900}.site-search-list-badge.chat{color:#b2caff;border-color:#3b4d76}.site-search-list-badge.feedback{color:#d8baff;border-color:#65446f}.site-search-list-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.site-search-list-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-list-card small{font-size:8.5px;color:#6f8491}.site-search-list-card>em{font-style:normal;color:#637b88;font-size:8px;white-space:nowrap}
.site-search-user-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-search-user-card{display:flex;align-items:center;gap:9px;border:1px solid #243742;border-radius:11px;padding:9px;background:#0d161c}.site-search-user-card:hover{border-color:#3b7796}.site-search-user-avatar{width:40px;height:40px;flex:0 0 40px}.site-search-user-card>span:last-child{display:grid;gap:3px;min-width:0}.site-search-user-card b{font-size:11px;color:#ecf5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-user-card small{font-size:8.5px;color:#708692}.site-search-page-empty{min-height:68px;display:grid;place-items:center;border:1px dashed #283b46;border-radius:10px;color:#6e8491;font-size:10px;background:#0c1419}
@media(max-width:980px){.site-search-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-search-user-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.global-search-page{width:calc(100% - 18px);margin-top:12px}.global-search-hero,.site-search-page-section{padding:15px}.global-search-form{grid-template-columns:1fr}.global-search-form button{height:42px}.site-search-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-search-game-cover{height:105px}.site-search-user-list{grid-template-columns:1fr}.site-search-list-card{grid-template-columns:auto minmax(0,1fr)}.site-search-list-card>em{display:none}}
.mobile-search-link{display:none;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #2a3a45;border-radius:9px;background:#101a21;color:#bfeaff;font-size:20px;font-weight:900;line-height:1}
@media(max-width:860px){.mobile-search-link{display:inline-flex;margin-left:auto}.top-spacer{display:none}.auth-area{margin-left:0}}

/* =========================================================
   v4.5.4 통합 알림센터
   ========================================================= */
.top-notification-wrap{position:relative;display:flex;align-items:center}
.top-notification-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid #2a3b47;border-radius:10px;background:#101922;color:#dceaf1;cursor:pointer;padding:0;transition:.16s}
.top-notification-btn:hover,.top-notification-btn[aria-expanded="true"]{border-color:#4db9e5;background:#143145;color:#fff}.bell-glyph{font-size:15px;line-height:1}.top-notification-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #0b1117;border-radius:999px;background:#ff5368;color:#fff;font-size:8px;font-weight:950;line-height:1}.top-notification-badge[hidden]{display:none!important}
.notification-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,88vw);border:1px solid #2a3d49;border-radius:14px;background:#0c151c;box-shadow:0 22px 60px rgba(0,0,0,.5);overflow:hidden;z-index:180}.notification-popover[hidden]{display:none!important}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #1f303a;background:#101b23}.notification-popover>header>div{display:grid;gap:2px}.notification-popover>header b{font-size:13px}.notification-popover>header small{font-size:8.5px;color:#738b98}.notification-popover>header button{border:0;background:transparent;color:#69d2fb;font-size:9px;font-weight:900;cursor:pointer}.notification-popover-list{max-height:430px;overflow:auto;padding:6px}.notification-popover>footer{border-top:1px solid #1f303a;padding:9px;text-align:center}.notification-popover>footer a{font-size:9.5px;color:#70d5ff;font-weight:900}
.notification-item{width:100%;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;gap:9px;align-items:start;padding:10px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.notification-item:hover{background:#12232d}.notification-item.unread{background:#102534}.notification-item.unread:hover{background:#153145}.notification-item-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #2e4553;border-radius:10px;background:#13232d;font-size:15px}.notification-item-copy{min-width:0;display:grid;gap:3px}.notification-item-top{display:flex;align-items:center;gap:6px;min-width:0}.notification-item-top b{min-width:0;flex:1;font-size:10.5px;color:#ecf6fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-top em{font-style:normal;font-size:7px;font-weight:950;color:#7fd9ff;border:1px solid #31566a;border-radius:999px;padding:3px 5px}.notification-item-copy>small{font-size:8px;color:#9db2bd;font-weight:850}.notification-item-copy p{margin:0;color:#728995;font-size:8.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-copy time{font-size:7.5px;color:#586f7b}.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:#4ed6ff;box-shadow:0 0 9px #4ed6ff88;margin-top:5px}.notification-loading{padding:28px 12px;text-align:center;color:#728894;font-size:9.5px}.notification-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#6d8491}.notification-empty>span{font-size:24px;margin-bottom:8px}.notification-empty b{font-size:11px;color:#b7c8d1}.notification-empty small{margin-top:4px;font-size:8.5px;line-height:1.5}
.notification-page-wrap{width:min(calc(100% - 34px),980px);margin:24px auto 50px}.notification-page-card{padding:0!important;overflow:hidden}.notification-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid #253641;background:radial-gradient(circle at 92% 0,rgba(66,191,240,.12),transparent 33%),linear-gradient(135deg,#111f29,#0e171e)}.notification-page-kicker{display:block;color:#60cdf8;font-size:8.5px;font-weight:950;letter-spacing:1.4px;margin-bottom:5px}.notification-page-head h1{margin:0;font-size:25px;letter-spacing:-.6px}.notification-page-head p{margin:6px 0 0;color:#7b92a0;font-size:10px}.notification-page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.notification-page-actions>strong{margin-right:4px;padding:6px 8px;border:1px solid #2d566b;border-radius:999px;background:#102733;color:#7bd9ff;font-size:8.5px}.notification-page-tabs{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid #21313b}.notification-page-tabs button{height:32px;padding:0 12px;border:1px solid #293b47;border-radius:8px;background:#0c151b;color:#7e929f;font-size:9px;font-weight:900;cursor:pointer}.notification-page-tabs button.on{border-color:#4dbce8;background:#13364a;color:#e6f8ff}.notification-page-list{padding:8px 10px 12px}.notification-page-list .notification-item{grid-template-columns:42px minmax(0,1fr) 10px;padding:13px 12px;border-bottom:1px solid #1e2d36;border-radius:10px}.notification-page-list .notification-item-icon{width:42px;height:42px;font-size:18px}.notification-page-list .notification-item-top b{font-size:12px}.notification-page-list .notification-item-copy p{font-size:9.5px}.notification-page-list .notification-item-copy time{font-size:8px}.notification-page-empty{min-height:280px;display:grid;place-items:center;text-align:center;padding:40px;color:#6e8491}.notification-page-empty>span{font-size:32px}.notification-page-empty h3{margin:10px 0 5px;color:#c8d8df;font-size:15px}.notification-page-empty p{margin:0;font-size:10px}
@media(max-width:860px){.top-notification-wrap{margin-left:auto}.notification-popover{position:fixed;top:65px;right:8px;left:8px;width:auto;max-height:calc(100vh - 82px)}.notification-popover-list{max-height:calc(100vh - 190px)}}
@media(max-width:700px){.notification-page-wrap{width:calc(100% - 18px);margin-top:12px}.notification-page-head{align-items:flex-start;flex-direction:column;padding:18px}.notification-page-actions{width:100%;justify-content:flex-start}.notification-page-list{padding:6px}.notification-page-list .notification-item{grid-template-columns:36px minmax(0,1fr) 8px;padding:11px 8px}.notification-page-list .notification-item-icon{width:36px;height:36px;font-size:15px}}

/* =========================================================
   v4.5.5 친구 기능
   ========================================================= */
.friends-page-wrap{width:min(calc(100% - 34px),1040px);margin:24px auto 54px}
.friends-page-card{padding:0!important;overflow:hidden}
.friends-page-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 27px;border-bottom:1px solid #243641;background:radial-gradient(circle at 92% 0,rgba(75,196,242,.12),transparent 34%),linear-gradient(135deg,#111f29,#0d171e)}
.friends-page-kicker{display:block;color:#62cdf8;font-size:8.5px;font-weight:950;letter-spacing:1.4px;margin-bottom:5px}.friends-page-head h1{margin:0;font-size:25px;letter-spacing:-.6px}.friends-page-head p{margin:6px 0 0;color:#7a919e;font-size:10px}
.friends-page-summary{display:flex;gap:8px}.friends-page-summary>div{min-width:78px;padding:10px 12px;border:1px solid #2b4656;border-radius:12px;background:#0d1a22;text-align:center}.friends-page-summary b{display:block;color:#78d9ff;font-size:18px;line-height:1}.friends-page-summary small{display:block;margin-top:5px;color:#748995;font-size:8px;font-weight:850}
.friends-section{padding:20px 22px;border-bottom:1px solid #1e2d36}.friends-section:last-child{border-bottom:0}.friends-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.friends-section-head>div{display:grid;gap:3px}.friends-section-head span:first-child{color:#61c9f3;font-size:7.5px;font-weight:950;letter-spacing:1.1px}.friends-section-head h2{margin:0;font-size:15px}.friends-count-pill{min-width:26px;height:24px;padding:0 8px;display:grid;place-items:center;border:1px solid #2e5265;border-radius:999px;background:#10232e;color:#7ad9ff;font-size:8.5px;font-weight:950}
.friends-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.friend-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px;border:1px solid #263945;border-radius:12px;background:#0c161d;transition:.15s}.friend-card:hover{border-color:#365f73;background:#0f1d25}.friend-card-profile{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.friend-card-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #35505f;border-radius:50%;overflow:hidden;background:#14232c}.friend-card-avatar img{width:100%;height:100%;object-fit:cover}.friend-card-copy{display:grid;gap:2px;min-width:0}.friend-card-copy b{font-size:11px;color:#edf6fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-copy small{font-size:8.5px;color:#7b919d}.friend-card-copy time{font-size:7.5px;color:#546d7a}.friend-card-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.friend-card-actions .btn{min-height:30px;padding:0 8px;font-size:8px}
.friends-empty,.friends-loading{grid-column:1/-1;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #293c48;border-radius:11px;background:#0a1319;color:#6f8591;padding:18px}.friends-empty.compact{min-height:72px}.friends-empty>span{font-size:20px;margin-bottom:5px}.friends-empty b{font-size:10.5px;color:#aebfc8}.friends-empty small{font-size:8px;margin-top:3px}.friends-loading{font-size:9px}
.friend-action-btn{border-color:#35586a!important}.friend-action-btn.is-friend{color:#72e7a7!important;border-color:#2f6a4b!important;background:#10251c!important}.friend-action-btn.pending{color:#f4cc77!important;border-color:#6b5930!important;background:#261f10!important}
.my-friends-btn{white-space:nowrap}.mypage-friends-card{margin-top:24px;padding:15px;border:1px solid #273b47;border-radius:13px;background:#0d171d}.mypage-friends-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.mypage-friends-head>div{display:grid;gap:3px}.mypage-friends-head span{font-size:7.5px;letter-spacing:1px;font-weight:950;color:#61cdf8}.mypage-friends-head h3{margin:0}.mypage-friends-head p{margin:0;color:#708692;font-size:8.5px}.mypage-friend-preview{display:grid;gap:8px}.mypage-friend-request-alert{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #315a6d;border-radius:10px;background:#102531;color:#dceff7}.mypage-friend-request-alert>span{font-size:15px}.mypage-friend-request-alert b{font-size:10px}.mypage-friend-request-alert em{margin-left:auto;color:#6fd6ff;font-size:8px;font-style:normal;font-weight:900}.mypage-friend-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mypage-friend-chip{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border:1px solid #253945;border-radius:9px;background:#0a1319}.mypage-friend-chip>span{width:30px;height:30px;flex:0 0 30px;border-radius:50%;overflow:hidden;background:#172731}.mypage-friend-chip img{width:100%;height:100%;object-fit:cover}.mypage-friend-chip b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){.friends-card-grid{grid-template-columns:1fr}.mypage-friend-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.friends-page-wrap{width:calc(100% - 18px);margin-top:12px}.friends-page-head{align-items:flex-start;flex-direction:column;padding:18px}.friends-page-summary{width:100%}.friends-page-summary>div{flex:1}.friends-section{padding:15px 12px}.friend-card{align-items:flex-start;flex-direction:column}.friend-card-actions{width:100%;justify-content:flex-start}.mypage-friends-head{align-items:flex-start;flex-direction:column}.mypage-friend-chips{grid-template-columns:1fr}}

/* =========================================================
   v4.5.6 Roblox 게임 상세페이지
   ========================================================= */
.game-detail-page{width:min(calc(100% - 36px),1180px);margin:24px auto 50px;display:grid;gap:16px}
.game-detail-loading,.game-detail-error{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;color:#90a3af}
.game-detail-loading b,.game-detail-error b{font-size:17px;color:#eff7fb}.game-detail-loading small,.game-detail-error span{font-size:11px;color:#718693}.game-detail-error a{margin-top:8px;padding:9px 13px;border-radius:9px;background:#173248;border:1px solid #315a74;color:#aee2ff;font-size:11px;font-weight:900}
#gameDetailContent{display:grid;gap:16px}
.game-detail-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:26px;background:radial-gradient(circle at 8% 0%,rgba(70,192,248,.17),transparent 31%),linear-gradient(135deg,#111d26,#0c141a 62%,#101a21)}
.game-detail-hero:after{content:'';position:absolute;right:-80px;bottom:-125px;width:310px;height:310px;border:1px solid #27516a;border-radius:64px;transform:rotate(24deg);opacity:.24;pointer-events:none}
.game-detail-visual{position:relative;z-index:1}.game-detail-visual>img{display:block;width:230px;height:230px;object-fit:cover;border-radius:20px;border:1px solid #324854;background:#0a1116;box-shadow:0 18px 45px #0007}.game-detail-live{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ffffff20;border-radius:999px;background:#071017d9;backdrop-filter:blur(10px);color:#9cc8dc;font-size:8px;font-weight:950;letter-spacing:1px}.game-detail-live i{width:6px;height:6px;border-radius:50%;background:#46e790;box-shadow:0 0 10px #46e790}
.game-detail-main{position:relative;z-index:1;align-self:center;min-width:0}.game-detail-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.game-detail-badges span{padding:5px 8px;border:1px solid #2c4656;border-radius:999px;background:#10202a;color:#91b7c9;font-size:9px;font-weight:900}.game-detail-badges span.kr{border-color:#22764d;background:#0d2c1e;color:#67e6a3}.game-detail-main h1{margin:0;font-size:34px;line-height:1.15;letter-spacing:-1px;color:#f3f8fb;overflow-wrap:anywhere}.game-detail-by{margin:10px 0 20px;color:#708692;font-size:12px}.game-detail-by b{color:#b5c9d4}.game-detail-actions{display:flex;gap:9px;flex-wrap:wrap}.game-detail-play,.game-detail-share{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:0 16px;font-size:11px;font-weight:950;cursor:pointer}.game-detail-play{background:#53c9f7;border:1px solid #68d0f8;color:#07151d}.game-detail-play:hover{filter:brightness(1.07)}.game-detail-share{background:#111c23;border:1px solid #30424d;color:#b7c8d1}.game-detail-share:hover{border-color:#5b859b;color:#fff}
.game-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-detail-stats>.panel{padding:15px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1px 8px}.game-detail-stats small{grid-column:1/-1;color:#708792;font-size:9px;font-weight:900;letter-spacing:.7px}.game-detail-stats strong{font-size:20px;color:#eef6fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-detail-stats span{font-size:9px;color:#647783;padding-bottom:3px}
.game-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.game-detail-primary{display:grid;gap:16px}.game-detail-section{padding:20px}.game-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.game-detail-section-head small,.game-detail-summary>small{display:block;color:#58c9f8;font-size:8px;font-weight:950;letter-spacing:1.25px;margin-bottom:5px}.game-detail-section-head h2{margin:0;color:#edf5f8;font-size:18px}.game-detail-section-head p{margin:5px 0 0;color:#71848f;font-size:10px}.game-detail-section-head>a{flex:0 0 auto;padding:8px 10px;border:1px solid #304550;border-radius:8px;color:#9eb7c5;font-size:9px;font-weight:900;background:#0d171d}.game-detail-section-head>a:hover{border-color:#4e8eac;color:#d9f3ff}.game-detail-section-head>a.game-detail-write{background:#173247;border-color:#376985;color:#bce9ff}
.game-detail-post-list{display:grid;gap:7px}.game-detail-post-card{min-height:58px;display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #22313a;border-radius:10px;background:#0d151b}.game-detail-post-card:hover{border-color:#35596d;background:#101d25}.game-detail-post-cat{display:grid;place-items:center;min-height:29px;border-radius:7px;background:#142733;border:1px solid #294555;color:#77c9ef;font-size:9px;font-weight:900}.game-detail-post-card>span:nth-child(2){min-width:0;display:grid;gap:4px}.game-detail-post-card b{color:#dde8ee;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-detail-post-card small{color:#647985;font-size:8.5px}.game-detail-post-card em{font-style:normal;color:#596e7b;font-size:8.5px;white-space:nowrap}.game-detail-empty{min-height:120px;border:1px dashed #2a3a44;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;color:#718590}.game-detail-empty b{color:#b9c9d2;font-size:11px}.game-detail-empty span{font-size:9px}.game-detail-empty.compact{min-height:96px}
.game-detail-side{display:grid;gap:12px;position:sticky;top:86px}.game-detail-summary{padding:18px}.game-detail-summary h3{margin:0 0 14px;font-size:16px;color:#eaf3f7}.game-detail-summary dl{display:grid;gap:0;margin:0}.game-detail-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #202d35}.game-detail-summary dt{color:#71838e;font-size:9px}.game-detail-summary dd{margin:0;color:#c8d6de;font-size:10px;font-weight:850;text-align:right}.game-detail-summary dd b{color:#6fd4ff}.game-detail-tip{padding:15px;display:flex;align-items:flex-start;gap:10px}.game-detail-tip>span{font-size:17px}.game-detail-tip b{display:block;color:#d9e5eb;font-size:10px}.game-detail-tip p{margin:5px 0 0;color:#687d89;font-size:9px;line-height:1.55}
@media(max-width:900px){.game-detail-hero{grid-template-columns:170px minmax(0,1fr);gap:20px}.game-detail-visual>img{width:170px;height:170px}.game-detail-main h1{font-size:27px}.game-detail-layout{grid-template-columns:1fr}.game-detail-side{position:static;grid-template-columns:1fr 1fr}.game-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.game-detail-page{width:calc(100% - 14px);margin-top:8px;gap:9px}.game-detail-hero{grid-template-columns:1fr;padding:15px;gap:15px}.game-detail-visual>img{width:100%;height:auto;aspect-ratio:1.55/1;border-radius:14px}.game-detail-main h1{font-size:24px}.game-detail-actions{display:grid;grid-template-columns:1fr 1fr}.game-detail-stats{gap:7px}.game-detail-stats>.panel{padding:12px}.game-detail-stats strong{font-size:16px}.game-detail-section{padding:14px 12px}.game-detail-section-head{gap:10px}.game-detail-section-head p{display:none}.game-detail-post-card{grid-template-columns:58px minmax(0,1fr)}.game-detail-post-card em{display:none}.game-detail-side{grid-template-columns:1fr}.game-detail-summary{padding:14px}.game-detail-tip{display:none}}

/* === v4.5.7 @mention === */
.mention-link{
  display:inline;
  color:#7dd3fc;
  font-weight:800;
  text-decoration:none;
  border-radius:6px;
  padding:1px 2px;
  background:rgba(56,189,248,.08);
}
.mention-link:hover{background:rgba(56,189,248,.16);text-decoration:underline}
.mention-suggest-popover{
  position:fixed;
  z-index:12050;
  overflow:hidden;
  max-height:310px;
  padding:6px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(13,18,26,.98);
  box-shadow:0 18px 55px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}
.mention-suggest-popover[hidden]{display:none!important}
.mention-suggest-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.mention-suggest-item:hover,.mention-suggest-item:focus-visible{background:rgba(255,255,255,.075);outline:none}
.mention-suggest-avatar{
  width:34px;height:34px;min-width:34px;
  display:grid;place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#202a36;
  font-size:12px;font-weight:800;
}
.mention-suggest-avatar img{width:100%;height:100%;object-fit:cover}
.mention-suggest-item>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.mention-suggest-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.mention-suggest-item small{color:#8fa0b4;font-size:11px}
.notification-item-icon{font-weight:900}
.notification-item-icon:has(+ .notification-item-copy){line-height:1}
@media(max-width:640px){
  .mention-suggest-popover{max-width:calc(100vw - 16px);border-radius:12px}
  .mention-suggest-item{padding:8px}
}

/* v4.5.8 game rating */
.game-rating-box{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;min-height:30px}.game-rating-label{flex:0 0 auto;color:#78909d;font-size:9px;font-weight:900;letter-spacing:.4px}.game-rating-row{display:flex;align-items:center;gap:7px;min-width:0}.game-rating-stars{display:flex;align-items:center;gap:2px}.game-rating-stars button{width:23px;height:23px;padding:2px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:5px;transition:transform .12s ease,background .12s ease}.game-rating-stars button:hover{transform:translateY(-1px);background:#ffffff08}.game-rating-stars button svg{width:19px;height:19px;display:block;fill:transparent;stroke:#536a77;stroke-width:1.6;transition:fill .12s ease,stroke .12s ease,transform .12s ease}.game-rating-stars button.on svg,.game-rating-stars button.preview svg{fill:#f5c451;stroke:#f5c451}.game-rating-stars button:disabled{cursor:default}.game-rating-stars button:disabled:hover{transform:none;background:transparent}.game-rating-row>strong{color:#e8f1f5;font-size:12px;font-weight:950;font-variant-numeric:tabular-nums}.game-rating-row>#gameRatingCount{color:#758996;font-size:10px;font-weight:750}.game-rating-row>#gameRatingState{color:#58c98a;font-size:9px;font-weight:850;white-space:nowrap}.game-rating-row>#gameRatingState:empty{display:none}
@media(max-width:620px){.game-rating-box{align-items:flex-start;flex-direction:column;gap:5px;margin:-5px 0 14px}.game-rating-stars button{width:25px;height:25px}.game-rating-stars button svg{width:20px;height:20px}.game-rating-row{gap:6px}}

/* === v4.5.9 achievements === */
.achievement-hub{margin-top:18px;padding:18px;border:1px solid #26343f;border-radius:14px;background:linear-gradient(145deg,#101921,#0d141a)}
.achievement-hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.achievement-hub-head>div>span,.profile-achievement-head>span{display:block;color:#69c9f2;font-size:8px;font-weight:950;letter-spacing:1.35px}.achievement-hub-head h3{margin:4px 0 5px;font-size:17px}.achievement-hub-head p{margin:0;color:#71828e;font-size:10px}.achievement-hub-head>strong{color:#edf7fb;font-size:18px;font-weight:950;font-variant-numeric:tabular-nums}
.achievement-total-progress{height:4px;margin:13px 0 16px;border-radius:99px;background:#1b2730;overflow:hidden}.achievement-total-progress>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#46b7ea,#67d6bd);transition:width .28s ease}
.achievement-featured-box{padding:13px;border:1px solid #22333e;border-radius:12px;background:#0c151b}.achievement-featured-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.achievement-featured-title b{font-size:11px}.achievement-featured-title small{color:#70818d;font-size:9px}.achievement-featured-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.achievement-compact-badge,.achievement-featured-empty{min-height:62px;display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #2b3d48;border-radius:10px;background:#111c23}.achievement-compact-badge>span:last-child{min-width:0;display:grid;gap:3px}.achievement-compact-badge b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-compact-badge small{color:#64c9ee;font-size:8px;font-weight:800}.achievement-featured-empty{justify-content:center;border-style:dashed;color:#62727e}.achievement-featured-empty>span{width:22px;height:22px;border:1px dashed #40515d;border-radius:7px}.achievement-featured-empty small{font-size:8px}
.achievement-mark{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border:1px solid #365366;border-radius:12px;background:radial-gradient(circle at 35% 25%,#1d4354,#101c24 60%);box-shadow:inset 0 0 0 1px #ffffff05}.achievement-mark i{font-style:normal;color:#83d8fa;font-size:8px;font-weight:1000;letter-spacing:.5px}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.achievement-card{min-height:88px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #25343e;border-radius:12px;background:#0e171d}.achievement-card.locked{opacity:.62}.achievement-card.earned{border-color:#315268;background:linear-gradient(135deg,#10202a,#0e171d)}.achievement-card.featured{box-shadow:inset 3px 0 0 #55c8ef}.achievement-card-copy{min-width:0}.achievement-card-title{display:flex;align-items:center;gap:6px}.achievement-card-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-card-title span{padding:3px 5px;border-radius:5px;background:#183342;color:#71d2f6;font-size:7px;font-weight:900}.achievement-card-copy p{margin:4px 0 7px;color:#748590;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-card-progress{height:3px;border-radius:99px;background:#1e2a32;overflow:hidden}.achievement-card-progress i{display:block;height:100%;background:#4fbde9}.achievement-card-copy>small{display:block;margin-top:4px;color:#667985;font-size:7.5px;font-variant-numeric:tabular-nums}.achievement-feature-btn{align-self:center;min-width:66px;padding:7px 8px;border:1px solid #344854;border-radius:8px;background:#111d24;color:#9cb0bb;font-size:8px;font-weight:900}.achievement-feature-btn:hover{border-color:#5a8ea8;color:#e3f6ff}.achievement-feature-btn.on{border-color:#397d9b;background:#173140;color:#7fd9fb}.achievement-feature-btn:disabled{opacity:.5}.achievement-lock{color:#556671;font-size:7px;font-weight:950;letter-spacing:.8px}.achievement-loading,.achievement-empty{grid-column:1/-1;padding:26px;text-align:center;color:#6f808b;font-size:10px}
.profile-achievement-showcase{margin:0 0 22px;padding:14px;border:1px solid #273844;border-radius:12px;background:#0e171d}.profile-achievement-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.profile-achievement-head b{font-size:11px}.profile-featured-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-achievement-badge{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #293c48;border-radius:10px;background:#111d24}.profile-achievement-badge>span:last-child{min-width:0;display:grid;gap:3px}.profile-achievement-badge b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-achievement-badge small{color:#70828e;font-size:8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-achievement-badge .achievement-mark{width:36px;height:36px;min-width:36px;border-radius:10px}.profile-achievement-badge .achievement-mark i{font-size:7px}
.notification-item-icon{font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}
@media(max-width:760px){.achievement-grid{grid-template-columns:1fr}.achievement-featured-list,.profile-featured-badges{grid-template-columns:1fr}.achievement-hub{padding:13px}.achievement-hub-head{align-items:flex-start}.achievement-hub-head p{max-width:230px}.profile-achievement-badge{padding:8px}.achievement-card{grid-template-columns:38px minmax(0,1fr) auto}.achievement-mark{width:38px;height:38px;min-width:38px}.achievement-feature-btn{min-width:58px;padding:7px 6px}}

/* v4.6.0 - game detail hidden-state fix */
#gameDetailContent[hidden],
#gameDetailError[hidden]{display:none!important}

/* v4.6.1 - report / moderation center */
.report-modal-v461[hidden]{display:none!important}
.report-modal-v461{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}
.report-modal-backdrop{position:absolute;inset:0;background:rgba(4,9,13,.76);backdrop-filter:blur(3px)}
.report-modal-card{position:relative;width:min(520px,100%);border:1px solid #2b3d49;border-radius:16px;background:#101920;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden}
.report-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px 14px;border-bottom:1px solid #23323c}
.report-modal-head small{display:block;margin-bottom:4px;color:#5e8399;font-size:8px;font-weight:900;letter-spacing:.12em}
.report-modal-head h2{margin:0;color:#eef6fb;font-size:18px;line-height:1.2}
.report-modal-x{border:0;background:transparent;color:#8398a5;font-size:24px;line-height:1;cursor:pointer;padding:0 2px}
.report-modal-x:hover{color:#fff}
#reportFormV461{padding:18px 20px 20px;display:grid;gap:15px}
.report-field-v461{display:grid;gap:7px}
.report-field-v461>span{font-size:10px;font-weight:900;color:#dce8ef}
.report-field-v461>span em{font-style:normal;color:#667c89;font-size:9px;font-weight:700}
.report-field-v461 select,.report-field-v461 textarea{width:100%;box-sizing:border-box;border:1px solid #2a3b46;border-radius:10px;background:#0b1318;color:#e8f1f6;padding:10px 11px;font:inherit;outline:none}
.report-field-v461 select:focus,.report-field-v461 textarea:focus{border-color:#4c8faf;box-shadow:0 0 0 3px rgba(76,143,175,.12)}
.report-field-v461 textarea{resize:vertical;min-height:110px;line-height:1.55}
.report-field-v461>small{justify-self:end;color:#677d89;font-size:8px}
.report-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}
.room-message-report{margin-left:auto;border:0;background:transparent;color:#607988;font-size:8.5px;font-weight:800;padding:2px 3px;cursor:pointer}
.room-message-report:hover{color:#e6a3a3;text-decoration:underline}
.room-message.mine .room-message-report{display:none}

.report-admin-toolbar-v461{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.report-admin-filters-v461{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.report-admin-filters-v461 button{border:1px solid #293a45;border-radius:999px;background:#0f181e;color:#8396a2;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}
.report-admin-filters-v461 button b{margin-left:4px;color:#dbe8ef}
.report-admin-filters-v461 button.on{background:#183347;border-color:#315c75;color:#dff2ff}
.report-admin-list-v461{display:grid;gap:10px}
.report-admin-card-v461{border:1px solid #273742;border-radius:13px;background:#0e171d;overflow:hidden}
.report-admin-card-v461[hidden]{display:none!important}
.report-admin-card-head-v461{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #22313b}
.report-admin-badges-v461{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.report-type-v461,.report-status-v461,.report-category-v461{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid #30434f;border-radius:999px;font-size:8px;font-weight:950;color:#cbd8df;background:#111d24}
.report-status-v461.open{border-color:#6b5630;color:#e8c47a;background:#211b10}
.report-status-v461.reviewing{border-color:#315c75;color:#8ed6ff;background:#10202b}
.report-status-v461.resolved{border-color:#315d48;color:#8de6b5;background:#102219}
.report-status-v461.dismissed{border-color:#4b4f55;color:#9ca7ad;background:#15191c}
.report-category-v461{color:#9cb0bc;background:#0b1419}
.report-admin-meta-v461{display:flex;align-items:center;gap:10px;color:#6e838f;font-size:8.5px;white-space:nowrap}
.report-admin-body-v461{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:13px 14px}
.report-target-v461,.report-detail-v461{min-width:0;border:1px solid #21313a;border-radius:10px;background:#0b1318;padding:10px 11px}
.report-target-v461 small,.report-detail-v461 small{display:block;margin-bottom:5px;color:#607786;font-size:8px;font-weight:900}
.report-target-v461 b{display:block;color:#e3edf3;font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}
.report-target-v461 .btn{display:inline-flex;min-height:28px;padding:0 9px;font-size:8px}
.report-detail-v461 p{margin:0;color:#b8c8d1;font-size:9.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.report-admin-control-v461{display:grid;grid-template-columns:130px 190px minmax(220px,1fr) auto;gap:8px;align-items:end;padding:12px 14px;border-top:1px solid #22313b;background:#0b1419}
.report-admin-control-v461 label{display:grid;gap:5px;min-width:0}
.report-admin-control-v461 label>span{color:#6f8490;font-size:8px;font-weight:900}
.report-admin-control-v461 select,.report-admin-control-v461 input{width:100%;box-sizing:border-box;min-height:34px;border:1px solid #293a45;border-radius:8px;background:#0e181e;color:#dfeaf0;padding:0 9px;font-size:9px;outline:none}
.report-admin-control-v461 select:focus,.report-admin-control-v461 input:focus{border-color:#477e9d}
.report-admin-control-v461 select:disabled{opacity:.45;cursor:not-allowed}
.report-admin-control-v461>.btn{min-height:34px}
@media(max-width:900px){.report-admin-card-head-v461{align-items:flex-start;flex-direction:column}.report-admin-meta-v461{white-space:normal}.report-admin-body-v461{grid-template-columns:1fr}.report-admin-control-v461{grid-template-columns:1fr 1fr}.report-note-field-v461{grid-column:1/-1}.report-admin-control-v461>.btn{grid-column:1/-1}.report-admin-toolbar-v461{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.report-modal-v461{padding:10px}.report-modal-card{border-radius:13px}.report-modal-head,#reportFormV461{padding-left:14px;padding-right:14px}.report-admin-control-v461{grid-template-columns:1fr}.report-note-field-v461,.report-admin-control-v461>.btn{grid-column:auto}.report-admin-meta-v461{flex-direction:column;align-items:flex-start;gap:2px}.report-admin-filters-v461{gap:4px}.report-admin-filters-v461 button{padding:6px 8px}}


/* === v4.6.3 관심 게임 / 내 게임 === */
.game-interest-btn{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 15px;border:1px solid rgba(124,143,168,.34);border-radius:12px;background:rgba(18,27,38,.88);color:#e9f0f7;font-weight:800;cursor:pointer;transition:.18s ease;white-space:nowrap}
.game-interest-btn svg{width:18px;height:18px;fill:transparent;stroke:#9eafc1;stroke-width:1.8;transition:.18s ease}.game-interest-btn small{padding-left:8px;border-left:1px solid rgba(255,255,255,.12);color:#8fa0b2;font-size:11px;font-weight:700}.game-interest-btn:hover{border-color:rgba(98,194,255,.65);transform:translateY(-1px)}.game-interest-btn.on{border-color:rgba(61,188,255,.62);background:rgba(22,92,132,.24);color:#f5fbff}.game-interest-btn.on svg{fill:#54c7ff;stroke:#54c7ff}.game-interest-btn.on small{color:#a9dfff}.game-interest-btn:disabled{opacity:.6;cursor:wait;transform:none}
.mypage-games-card{margin-top:20px;padding:20px;border:1px solid rgba(131,150,173,.18);border-radius:16px;background:linear-gradient(145deg,rgba(17,26,36,.92),rgba(12,19,27,.88))}.mypage-games-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.mypage-games-head>div>span,.my-games-hero>div>span{display:block;margin-bottom:3px;color:#5fc8ff;font-size:10px;font-weight:900;letter-spacing:.13em}.mypage-games-head h3{margin:0;font-size:18px}.mypage-games-head p{margin:5px 0 0;color:#8d9aaa;font-size:12px}.mypage-game-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mypage-game-chip{min-width:0;display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(129,148,171,.15);border-radius:12px;background:rgba(7,13,19,.38);color:inherit;text-decoration:none;transition:.18s ease}.mypage-game-chip:hover{border-color:rgba(78,190,255,.42);background:rgba(16,34,48,.62);transform:translateY(-1px)}.mypage-game-chip img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#111a23}.mypage-game-chip span{min-width:0;display:flex;flex-direction:column;gap:3px}.mypage-game-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mypage-game-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8495a8;font-size:10px}
.my-games-page{max-width:1180px}.my-games-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;margin-bottom:14px;background:radial-gradient(circle at 0 0,rgba(48,170,235,.16),transparent 42%),linear-gradient(145deg,#111b25,#0d141c)}.my-games-hero h1{margin:0;font-size:28px}.my-games-hero p{margin:7px 0 0;color:#91a0b1}.my-games-panel{padding:22px}.my-games-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.my-games-toolbar>div{display:flex;flex-direction:column;gap:4px}.my-games-toolbar b{font-size:17px}.my-games-toolbar b span{color:#64cdfd}.my-games-toolbar small{color:#7f90a3}.my-games-toolbar label{width:min(330px,100%)}.my-games-toolbar input{width:100%;height:42px;border:1px solid rgba(128,149,173,.25);border-radius:11px;background:#0b1219;color:#eaf1f8;padding:0 13px;outline:none}.my-games-toolbar input:focus{border-color:rgba(78,190,255,.65);box-shadow:0 0 0 3px rgba(64,181,241,.09)}.my-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.my-game-card{overflow:hidden;border:1px solid rgba(130,149,172,.17);border-radius:15px;background:linear-gradient(160deg,rgba(19,29,40,.98),rgba(10,17,24,.98));box-shadow:0 12px 24px rgba(0,0,0,.14)}.my-game-thumb{position:relative;display:block;aspect-ratio:16/9;background:#101820;overflow:hidden}.my-game-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.my-game-card:hover .my-game-thumb img{transform:scale(1.025)}.my-game-thumb span{position:absolute;left:10px;bottom:9px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(3,9,14,.82);backdrop-filter:blur(8px);color:#c9d6e2;font-size:9px;font-weight:900;letter-spacing:.07em}.my-game-thumb span i{width:6px;height:6px;border-radius:50%;background:#4de29b;box-shadow:0 0 10px rgba(77,226,155,.7)}.my-game-body{padding:14px}.my-game-body h3{margin:0}.my-game-body h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f8fb;text-decoration:none;font-size:15px}.my-game-body>p{margin:4px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8291a1;font-size:11px}.my-game-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);color:#a6b5c4;font-size:11px}.my-game-meta b{color:#70d0ff}.my-game-meta small{color:#718091;font-size:9px}.my-game-actions{display:flex;gap:7px;margin-top:3px}.my-game-actions .btn{flex:1;justify-content:center}.my-games-empty,.my-games-loading{grid-column:1/-1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border:1px dashed rgba(126,146,170,.25);border-radius:14px;color:#8999aa}.my-games-empty b{color:#dce5ed;font-size:15px}.my-games-empty span{font-size:11px}.my-games-empty a{margin-top:7px}.my-games-empty.compact{min-height:110px}.my-games-empty.compact a{color:#65c9ff;font-size:11px;font-weight:800;text-decoration:none}
@media(max-width:900px){.mypage-game-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.my-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.game-detail-actions{align-items:stretch}.game-interest-btn{width:100%;justify-content:center}.mypage-games-head,.my-games-hero,.my-games-toolbar{align-items:stretch;flex-direction:column}.mypage-game-preview,.my-games-grid{grid-template-columns:1fr}.my-games-hero{padding:20px}.my-games-panel{padding:14px}.my-games-toolbar label{width:100%}}

/* v4.6.4 game reviews */
.game-review-section{padding:20px}.game-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.game-review-head>div:first-child>small{display:block;margin-bottom:4px;color:#62c9ff;font-size:9px;font-weight:950;letter-spacing:.13em}.game-review-head h2{display:flex;align-items:center;gap:8px;margin:0;color:#edf5f9;font-size:18px}.game-review-head h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border:1px solid rgba(101,201,255,.22);border-radius:999px;background:rgba(69,167,218,.09);color:#83d6ff;font-size:10px}.game-review-head p{margin:5px 0 0;color:#758a96;font-size:10px}.game-review-sort{display:inline-flex;gap:3px;padding:3px;border:1px solid rgba(122,143,164,.18);border-radius:10px;background:#0c141b}.game-review-sort button{height:30px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#748895;font-size:9px;font-weight:900;cursor:pointer}.game-review-sort button.on{background:#192a35;color:#d8effb;box-shadow:inset 0 0 0 1px rgba(107,201,250,.16)}
.game-review-composer{padding:13px;border:1px solid rgba(116,141,164,.18);border-radius:13px;background:linear-gradient(145deg,rgba(11,19,26,.86),rgba(9,16,22,.72));margin-bottom:14px}.game-review-compose-top,.game-review-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-review-compose-top{margin-bottom:8px}.game-review-compose-top b{color:#dbe7ed;font-size:11px}.game-review-compose-top span{color:#718792;font-size:8.5px}.game-review-composer textarea{display:block;width:100%;min-height:78px;max-height:160px;resize:vertical;padding:11px 12px;border:1px solid #24343e;border-radius:10px;background:#091118;color:#dfeaf0;font:inherit;font-size:11px;line-height:1.6;outline:none}.game-review-composer textarea:focus{border-color:#426e86;box-shadow:0 0 0 3px rgba(73,157,203,.08)}.game-review-composer textarea:disabled{opacity:.55;cursor:not-allowed}.game-review-compose-bottom{margin-top:8px}.game-review-compose-bottom>span{color:#657985;font-size:8.5px;font-variant-numeric:tabular-nums}.game-review-compose-bottom>div{display:flex;gap:6px}.game-review-compose-bottom .btn{min-height:30px;padding:0 12px;font-size:9px}
.game-review-list{display:grid;gap:8px}.game-review-card{padding:13px 14px;border:1px solid rgba(115,139,159,.16);border-radius:12px;background:rgba(8,14,20,.52)}.game-review-card.mine{border-color:rgba(76,184,240,.26);background:rgba(14,31,42,.55)}.game-review-user{display:flex;align-items:center;gap:9px}.game-review-user>a{flex:0 0 auto;width:30px;height:30px}.game-review-user>a .avatar-photo,.game-review-user>a img{width:30px;height:30px;border-radius:50%;object-fit:cover}.game-review-user>span{min-width:0;display:flex;flex-direction:column;gap:3px}.game-review-user>span>a{color:#dbe7ed;text-decoration:none;font-size:10px}.game-review-user>span>a:hover{color:#73d1ff}.game-review-user>span small{display:flex;align-items:center;gap:7px;color:#667984;font-size:8px}.game-review-user>em{margin-left:auto;padding:4px 7px;border-radius:999px;background:rgba(77,181,235,.1);color:#78d3ff;font-size:7.5px;font-style:normal;font-weight:900}.game-review-stars{display:inline-flex;align-items:center;gap:1px}.game-review-stars>span{display:grid;place-items:center}.game-review-stars svg{width:10px;height:10px;fill:transparent;stroke:#526773;stroke-width:1.7}.game-review-stars>span.on svg{fill:#f5c451;stroke:#f5c451}.game-review-card>p{margin:10px 0;color:#c5d2d9;font-size:10.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.game-review-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-review-like,.game-review-admin{height:28px;border:1px solid rgba(112,137,158,.18);border-radius:8px;background:#0c151c;color:#788c98;font-size:8.5px;font-weight:850;cursor:pointer}.game-review-like{display:inline-flex;align-items:center;gap:6px;padding:0 9px}.game-review-like b{color:#96a9b4;font-size:8.5px}.game-review-like.on{border-color:rgba(74,185,242,.34);background:rgba(42,136,184,.11);color:#8edcff}.game-review-like.on b{color:#8edcff}.game-review-admin{margin-left:auto;padding:0 9px;color:#a98282}.game-review-admin:hover{border-color:rgba(231,112,112,.35);color:#efabab}.game-review-empty{min-height:98px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px dashed rgba(111,137,157,.2);border-radius:11px;color:#748792;text-align:center;font-size:9px}.game-review-empty b{color:#b9c7ce;font-size:11px}.game-review-empty span{color:#697d88}
@media(max-width:620px){.game-review-section{padding:14px 12px}.game-review-head{align-items:stretch;flex-direction:column;gap:10px}.game-review-sort{align-self:flex-start}.game-review-compose-top{align-items:flex-start;flex-direction:column;gap:3px}.game-review-card{padding:12px}.game-review-user>span small{gap:5px}.game-review-compose-bottom{gap:8px}.game-review-compose-bottom .btn{padding:0 10px}}
.game-review-like:disabled{opacity:.55;cursor:default}

/* =========================================================
   v4.6.5 온라인 상태 / 접속중 친구
   ========================================================= */
.global-online-count{height:32px;display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:0 10px;border:1px solid #28483b;border-radius:999px;background:#0d1e18;color:#a9d8bf;white-space:nowrap;font-size:8.5px;font-weight:900;transition:.16s}
.global-online-count:hover{border-color:#3f775c;background:#11271e;color:#d8f4e4}.global-online-count i{width:7px;height:7px;border-radius:50%;background:#55df8a;box-shadow:0 0 0 3px rgba(85,223,138,.1),0 0 12px rgba(85,223,138,.35)}.global-online-count b{color:#73e9a1;font-size:9.5px}.global-online-count span{color:#789889}
.presence-state{display:inline-flex!important;align-items:center;gap:5px;width:max-content;color:#6f8390;font-size:8px!important;font-weight:850}.presence-state i,.profile-presence i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#51636d}.presence-state.online{color:#69dfa0}.presence-state.online i,.profile-presence.online i{background:#55df8a;box-shadow:0 0 0 3px rgba(85,223,138,.09),0 0 9px rgba(85,223,138,.32)}.presence-state.offline i,.profile-presence.offline i{background:#52636d}.presence-state.compact{margin-top:1px;font-size:7.5px!important}
.profile-presence{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border:1px solid #2b3b45;border-radius:999px;background:#0d171d;color:#718793;font-size:8px;font-weight:900}.profile-presence.online{border-color:#275b40;background:#0d2117;color:#73e7a5}.profile-presence[hidden]{display:none!important}
.friend-card-avatar{position:relative}.friend-card-avatar.is-online{border-color:#3b8560;box-shadow:0 0 0 2px rgba(85,223,138,.08)}.friend-card-avatar.is-online:after{content:"";position:absolute;right:1px;bottom:1px;width:8px;height:8px;border:2px solid #0c161d;border-radius:50%;background:#55df8a;box-sizing:content-box}
.mypage-online-friends-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 1px}.mypage-online-friends-title>span{display:inline-flex;align-items:center;gap:6px;color:#9db2a7!important;font-size:8.5px!important;letter-spacing:0!important}.mypage-online-friends-title i{width:7px;height:7px;border-radius:50%;background:#55df8a;box-shadow:0 0 8px rgba(85,223,138,.35)}.mypage-online-friends-title>b{color:#68e49c;font-size:8.5px}.mypage-friend-chip>span{position:relative}.mypage-friend-chip>span>i{display:none}.mypage-friend-chip.is-online{border-color:#2d6548;background:#0c1d15}.mypage-friend-chip.is-online>span>i{display:block;position:absolute;right:0;bottom:0;width:7px;height:7px;border:2px solid #0c1d15;border-radius:50%;background:#55df8a;box-sizing:content-box}
@media(max-width:1050px){.global-online-count span{display:none}.global-online-count{padding:0 8px;gap:5px}}
@media(max-width:700px){.global-online-count{height:29px;margin-left:2px;padding:0 7px}.global-online-count b{font-size:8.5px}.profile-presence{min-height:22px}.friends-page-summary>div{min-width:0;padding:9px 7px}}

/* =========================================================
   v4.6.6 개인화 홈 피드
   ========================================================= */
.personal-home-feed{padding:17px 18px 16px;background:linear-gradient(145deg,#101b23,#0c151b 70%)}
.personal-home-feed[hidden]{display:none!important}
.personal-feed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.personal-feed-head>div:first-child>small{display:block;margin-bottom:4px;color:#63c9f5;font-size:8px;font-weight:950;letter-spacing:1.3px}
.personal-feed-head h2{margin:0;color:#edf6fa;font-size:17px;letter-spacing:-.2px}.personal-feed-head p{margin:4px 0 0;color:#718691;font-size:9.5px}
.personal-feed-head-actions{display:flex;align-items:center;gap:7px}.personal-feed-head-actions>span{height:27px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid #28516a;border-radius:999px;background:#102532;color:#78d4ff;font-size:8px;font-weight:900}.personal-feed-head-actions>span[hidden]{display:none!important}
.personal-feed-head-actions button{height:28px;padding:0 10px;border:1px solid #2b3c47;border-radius:8px;background:#0d171e;color:#8fa4b0;font-size:8px;font-weight:900;cursor:pointer}.personal-feed-head-actions button:hover:not(:disabled){border-color:#47687a;color:#d7e8f0}.personal-feed-head-actions button:disabled{opacity:.42;cursor:default}
.personal-feed-online{margin-bottom:11px;padding:10px 11px;border:1px solid rgba(92,173,129,.18);border-radius:11px;background:rgba(14,35,26,.58)}.personal-feed-online[hidden]{display:none!important}.personal-feed-online-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.personal-feed-online-head>span{display:inline-flex;align-items:center;gap:6px;color:#9ac8ad;font-size:8px;font-weight:900}.personal-feed-online-head>span i{width:6px;height:6px;border-radius:50%;background:#55df8a;box-shadow:0 0 9px rgba(85,223,138,.36)}.personal-feed-online-head>a{color:#719687;font-size:8px;font-weight:850;text-decoration:none}.personal-feed-online-list{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.personal-feed-online-list::-webkit-scrollbar{display:none}.personal-feed-online-list>a{min-width:102px;display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(103,159,126,.15);border-radius:9px;background:#0b1912;color:#bbd7c6;text-decoration:none}.personal-feed-online-list>a>span{position:relative;flex:0 0 25px;width:25px;height:25px}.personal-feed-online-list .avatar-photo,.personal-feed-online-list img{width:25px;height:25px;border-radius:50%;object-fit:cover}.personal-feed-online-list>a>span>i{position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;border:2px solid #0b1912;border-radius:50%;background:#55df8a;box-sizing:content-box}.personal-feed-online-list b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px}
.personal-feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.personal-feed-item{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #21323d;border-radius:11px;background:#0c151c;text-decoration:none;transition:.14s}.personal-feed-item:hover{border-color:#376079;background:#101e27;transform:translateY(-1px)}.personal-feed-item.is-seen{opacity:.55;background:#0a1217}.personal-feed-avatar{width:34px;height:34px;overflow:hidden;border-radius:50%;background:#14232d;display:grid;place-items:center}.personal-feed-avatar .avatar-photo,.personal-feed-avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover}.personal-feed-fallback{display:grid;place-items:center;width:100%;height:100%;color:#6fa3bc;font-size:8px;font-weight:950}.personal-feed-copy{min-width:0;display:grid;gap:2px}.personal-feed-copy small{color:#5fc5f2;font-size:7.5px;font-weight:950;letter-spacing:.15px}.personal-feed-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbe8ee;font-size:10px}.personal-feed-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f838f;font-size:8px}.personal-feed-item time{align-self:start;color:#526772;font-size:7.5px;white-space:nowrap}.personal-feed-empty{grid-column:1/-1;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px dashed #2a3b46;border-radius:11px;color:#718591;text-align:center}.personal-feed-empty b{color:#bccbd3;font-size:10px}.personal-feed-empty span{font-size:8.5px}.personal-feed-empty>div{display:flex;gap:6px;margin-top:4px}.personal-feed-empty a{padding:6px 9px;border:1px solid #2c4555;border-radius:7px;color:#89b9d0;font-size:8px;font-weight:900;text-decoration:none}.personal-feed-empty.compact{min-height:78px}
@media(max-width:760px){.personal-home-feed{padding:14px 12px}.personal-feed-head{gap:10px}.personal-feed-head p{display:none}.personal-feed-list{grid-template-columns:1fr}.personal-feed-item{grid-template-columns:32px minmax(0,1fr) auto}.personal-feed-avatar,.personal-feed-avatar .avatar-photo,.personal-feed-avatar img{width:32px;height:32px}.personal-feed-head-actions>span{display:none!important}}

/* === v4.6.7 topbar account tools alignment === */
.topbar-inner{gap:22px}
.auth-area{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:0 0 auto;
  min-width:0;
  height:38px;
  white-space:nowrap;
}
.auth-area>*{flex:0 0 auto}
.auth-area .top-admin-link,
.auth-area .top-mini-link,
.auth-area .top-login,
.auth-area .top-notification-btn{
  box-sizing:border-box;
  height:34px;
  min-height:34px;
  margin:0;
  line-height:1;
}
.auth-area .top-admin-link{
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  font-size:10px;
}
.auth-area .top-notification-wrap{height:34px;display:flex;align-items:center}
.auth-area .top-notification-btn{
  width:34px;
  min-width:34px;
  border-radius:9px;
}
.auth-area .bell-glyph{display:block;font-size:14px;line-height:1;transform:none}
.auth-area .top-mini-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:9px;
  color:#aebdc7;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  word-break:keep-all;
}
.auth-area .top-mini-link:hover{
  border-color:#293b47;
  background:#111d25;
  color:#eef7fb;
}
.auth-area .top-mini-link>span{
  display:block;
  white-space:nowrap;
  word-break:keep-all;
  line-height:1;
}
.auth-area .top-login{
  max-width:96px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:keep-all;
  color:#c3cdd4;
  font-size:11px;
  font-weight:850;
}
.auth-area .avatar{
  width:34px;
  height:34px;
  min-width:34px;
  flex-basis:34px;
  border-width:1px;
}
.global-online-count{
  flex:0 0 auto;
  height:34px;
  margin-left:0;
}

@media(max-width:1280px){
  .topbar-inner{gap:14px}
  .topnav{gap:18px}
  .search{width:min(245px,20vw)}
  .global-online-count span{display:none}
  .global-online-count{padding:0 8px}
}
@media(max-width:1120px) and (min-width:861px){
  .auth-area{gap:4px}
  .auth-area .top-mini-link{width:34px;padding:0;font-size:13px}
  .auth-area .top-mini-link>span{display:none}
  .auth-area .top-login{max-width:72px;padding:0 4px;font-size:10px}
  .topnav{gap:13px;font-size:12px}
  .search{width:min(210px,18vw)}
}
@media(max-width:860px){
  .topbar-inner{gap:10px}
  .auth-area{margin-left:auto;gap:4px;height:34px}
  .auth-area .top-mini-link{width:32px;height:32px;min-height:32px;padding:0;font-size:13px}
  .auth-area .top-mini-link>span{display:none}
  .auth-area .top-notification-wrap,
  .auth-area .top-notification-btn{height:32px;min-height:32px}
  .auth-area .top-notification-btn{width:32px;min-width:32px}
  .auth-area .top-admin-link{height:32px;min-height:32px;padding:0 8px;font-size:9px}
  .auth-area .top-login{height:32px;min-height:32px;max-width:74px;padding:0 4px;font-size:10px}
  .auth-area .avatar{width:32px;height:32px;min-width:32px;flex-basis:32px}
  .global-online-count{display:none}
}
@media(max-width:560px){
  .auth-area .top-login{display:none!important}
  .auth-area .top-admin-link{padding:0 7px;font-size:8.5px}
  .auth-area{gap:3px}
}

/* === v4.6.8 interactive unrated stars + horizontally scrollable top navigation === */
.game-rating-stars button{
  position:relative;
  transform-origin:50% 58%;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background .16s ease;
}
.game-rating-stars button svg{
  transition:fill .2s ease,stroke .2s ease,transform .2s cubic-bezier(.2,.85,.25,1),filter .2s ease;
}
.game-rating-box.can-rate .game-rating-stars button:not(.preview):not(.on) svg{
  fill:transparent;
  stroke:#607985;
}
.game-rating-box.can-rate .game-rating-stars button.preview svg{
  fill:#f5c451;
  stroke:#f5c451;
  transform:scale(1.12);
  filter:drop-shadow(0 0 5px rgba(245,196,81,.28));
}
.game-rating-box.can-rate .game-rating-stars button.preview:nth-child(1) svg{transition-delay:0ms}
.game-rating-box.can-rate .game-rating-stars button.preview:nth-child(2) svg{transition-delay:22ms}
.game-rating-box.can-rate .game-rating-stars button.preview:nth-child(3) svg{transition-delay:44ms}
.game-rating-box.can-rate .game-rating-stars button.preview:nth-child(4) svg{transition-delay:66ms}
.game-rating-box.can-rate .game-rating-stars button.preview:nth-child(5) svg{transition-delay:88ms}
.game-rating-box.can-rate .game-rating-stars button.preview-tail{transform:translateY(-2px) scale(1.08)}
.game-rating-box.can-rate .game-rating-stars button:focus-visible{outline:1px solid #5cc8f3;outline-offset:2px}
.game-rating-box.is-rated .game-rating-stars button.on svg{
  fill:#f5c451;
  stroke:#f5c451;
  filter:drop-shadow(0 0 3px rgba(245,196,81,.18));
}

/* Keep the account tools reachable when the desktop window becomes narrow.
   Navigation takes the flexible space and can be swiped/scrolled sideways instead of pushing tools off-screen. */
@media(min-width:861px){
  .topbar-inner{min-width:0}
  .topbar-inner>.brand,.topbar-inner>.search,.topbar-inner>.auth-area,.topbar-inner>.global-online-count{flex:0 0 auto}
  .topbar-inner>.top-spacer{display:none}
  .topnav{
    flex:1 1 auto;
    min-width:150px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#2e4554 transparent;
    padding:7px 2px 8px;
    margin:-7px 0 -8px;
  }
  .topnav::-webkit-scrollbar{height:4px}
  .topnav::-webkit-scrollbar-track{background:transparent}
  .topnav::-webkit-scrollbar-thumb{background:#2e4554;border-radius:999px}
  .topnav a{flex:0 0 auto}
  .search{flex:0 1 250px;width:250px;min-width:150px}
  .auth-area{max-width:min(390px,36vw);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .auth-area::-webkit-scrollbar{display:none}
}
@media(min-width:861px) and (max-width:1180px){
  .topbar-inner{gap:10px}
  .topnav{gap:13px;min-width:130px}
  .search{flex-basis:190px;width:190px;min-width:140px}
  .auth-area{max-width:300px}
}
@media(max-width:860px){
  .auth-area{
    max-width:calc(100vw - 190px);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    justify-content:flex-start;
  }
  .auth-area::-webkit-scrollbar{display:none}
}

/* === v4.6.9 notification type preview === */
.top-notification-wrap{
  gap:5px;
  overflow:visible;
}
.top-notification-kind{
  box-sizing:border-box;
  height:30px;
  max-width:96px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #274354;
  border-radius:999px;
  background:#0f202a;
  color:#8edfff;
  font-size:9px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease;
}
.top-notification-kind:hover{
  border-color:#4cbce9;
  background:#153245;
  color:#e8f9ff;
  transform:translateY(-1px);
}
.top-notification-kind[hidden]{display:none!important}

/* The preview is moved to body so it can never be clipped by the scrollable topbar. */
body>.notification-popover{
  position:fixed!important;
  right:auto!important;
  z-index:500;
  max-height:min(520px,calc(100vh - 82px));
}
body>.notification-popover .notification-popover-list{
  max-height:min(430px,calc(100vh - 190px));
}

@media(max-width:1120px){
  .top-notification-kind{max-width:78px;padding:0 7px;font-size:8.5px}
}
@media(max-width:860px){
  .top-notification-kind{height:28px;max-width:72px;padding:0 7px;font-size:8px}
}
@media(max-width:520px){
  .top-notification-kind{max-width:62px;padding:0 6px}
}

/* v4.7.1 daily attendance + missions */
.attendance-mini-card{padding:16px 16px 14px;overflow:hidden}.attendance-mini-card[hidden]{display:none!important}.attendance-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.attendance-mini-head small{display:block;color:#6d8795;font-size:8px;font-weight:950;letter-spacing:1.2px;margin-bottom:3px}.attendance-mini-head h2{margin:0;color:#edf6fa;font-size:15px;line-height:1.1}.attendance-streak-pill{flex:0 0 auto;border:1px solid #294654;background:#10232d;color:#73ddaa;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;white-space:nowrap}.attendance-mini-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.attendance-mini-main>div{display:flex;min-width:0;flex-direction:column;gap:3px}.attendance-mini-main b{color:#eaf3f7;font-size:12px}.attendance-mini-main span{color:#77909d;font-size:9px;font-weight:750}.attendance-checkin-btn{border:1px solid #2d6982;background:#163b4d;color:#dff6ff;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:950;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.attendance-checkin-btn:hover:not(:disabled){transform:translateY(-1px);background:#1b4d63;border-color:#4f98b4}.attendance-checkin-btn.is-done,.attendance-checkin-btn:disabled{cursor:default;background:#142821;border-color:#27533e;color:#68cb98}.attendance-mini-progress{height:5px;background:#0b171d;border-radius:999px;overflow:hidden;margin:11px 0 8px}.attendance-mini-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#49afd1,#6bdba6);transition:width .35s ease}.attendance-mini-more{display:flex;align-items:center;justify-content:space-between;color:#8ba6b3;font-size:9px;font-weight:850;text-decoration:none}.attendance-mini-more:hover{color:#cfe8f1}
.mypage-attendance-card{margin-top:18px;border:1px solid #223743;background:linear-gradient(180deg,#101b22,#0d171d);border-radius:14px;padding:20px}.mypage-attendance-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.mypage-attendance-head>div>span{display:block;color:#53b7d7;font-size:9px;font-weight:950;letter-spacing:1.3px;margin-bottom:4px}.mypage-attendance-head h3{margin:0;color:#edf5f8;font-size:18px}.mypage-attendance-head p{margin:5px 0 0;color:#78909d;font-size:11px}.mypage-attendance-head .btn.is-done{background:#183326!important;border-color:#2e6548!important;color:#75d7a1!important}.mypage-attendance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.mypage-attendance-stats>div{border:1px solid #20343e;background:#0b151a;border-radius:10px;padding:12px 14px}.mypage-attendance-stats small{display:block;color:#6f8793;font-size:9px;font-weight:800;margin-bottom:4px}.mypage-attendance-stats b{color:#eaf3f6;font-size:17px}.mypage-mission-list{display:grid;gap:8px}.mypage-mission-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #20313a;background:#0c151a;border-radius:10px;padding:11px 12px;transition:border-color .15s ease,background .15s ease}.mypage-mission-item.is-complete{border-color:#28546a;background:#0d1b22}.mypage-mission-item.is-claimed{border-color:#244938;background:#0e1c17}.mypage-mission-check{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#13222a;color:#6c8997;font-weight:950}.mypage-mission-item.is-complete .mypage-mission-check{color:#62c7e8}.mypage-mission-item.is-claimed .mypage-mission-check{background:#173425;color:#72d6a0}.mypage-mission-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.mypage-mission-copy b{color:#e5eff3;font-size:12px}.mypage-mission-copy small{color:#708895;font-size:9px}.mypage-mission-claim{min-width:76px}.mypage-mission-empty{padding:16px;color:#79909b;text-align:center;font-size:11px}.mypage-attendance-note{margin-top:10px;color:#607986;font-size:9px;text-align:right}.mypage-attendance-card:target{scroll-margin-top:90px;box-shadow:0 0 0 1px #3680a066}
@media(max-width:720px){.mypage-attendance-head{align-items:flex-start;flex-direction:column}.mypage-attendance-head .btn{width:100%}.mypage-attendance-stats{grid-template-columns:repeat(3,1fr)}.mypage-attendance-stats>div{padding:10px}.mypage-attendance-stats b{font-size:14px}.mypage-mission-item{grid-template-columns:24px minmax(0,1fr)}.mypage-mission-claim{grid-column:2;width:100%;margin-top:3px}}


/* =========================================================
   v4.7.6 mobile chat entry/navigation repair
   Regular mobile chat pages now switch from room list to conversation,
   matching the embedded popup behavior.
   ========================================================= */
.mobile-chat-back{display:none;border:1px solid #2b414e;background:#101b23;color:#eaf7fd;border-radius:9px;width:32px;height:32px;min-width:32px;padding:0;align-items:center;justify-content:center;font-size:25px;font-weight:900;line-height:1;cursor:pointer}
@media(max-width:700px){
  body:not(.embed-chat) #chatRoot.with-side{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100dvh - 64px)!important}
  body:not(.embed-chat) #chatRoot .chat-shell{display:block!important;width:100%!important;height:calc(100dvh - 64px)!important;min-height:0!important;max-height:none!important;border-radius:0!important;overflow:hidden!important}
  body:not(.embed-chat) #chatRoot .chat-people-wrap{display:block!important;width:100%!important;height:100%!important;min-height:0!important;border-right:0!important;border-bottom:0!important;overflow:hidden!important}
  body:not(.embed-chat) #chatRoot .chat-main{display:none!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  body:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-people-wrap{display:none!important}
  body:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-main{display:block!important;width:100%!important;height:100%!important;min-height:0!important}
  body:not(.embed-chat).mobile-chat-conversation-open #chatPanel:not([hidden]){display:grid!important;height:100%!important;grid-template-rows:60px minmax(0,1fr) 78px!important;overflow:hidden!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel:not([hidden]){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;grid-template-rows:60px minmax(0,1fr)!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-layout{height:100%!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 128px!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-conversation{min-height:0!important;border-right:0!important;border-bottom:1px solid #29353e!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members-panel{height:128px!important;min-height:0!important;grid-template-rows:38px minmax(0,1fr)!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members-head{height:38px!important;min-height:38px!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;overflow-y:auto!important}
  body:not(.embed-chat).mobile-chat-conversation-open .mobile-chat-back{display:inline-flex!important;flex:0 0 32px!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-title-block{gap:6px!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomName{max-width:110px!important}
}
@media(max-width:430px){
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-layout{grid-template-rows:minmax(0,1fr) 112px!important}
  body:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members-panel{height:112px!important}
}


/* =========================================================
   v4.7.7 mobile bottom navigation + native mobile chat
   Mobile no longer squeezes the desktop chat layout.
   ========================================================= */
.mobile-bottom-nav{display:none}
.mobile-nav-badge{position:absolute;top:5px;left:50%;margin-left:8px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff4d61;color:#fff;font-style:normal;font-size:8px;font-weight:950;line-height:17px;text-align:center;box-shadow:0 0 0 2px #0b1117}
.mobile-nav-badge[hidden]{display:none!important}

@media(max-width:760px){
  body.mobile-bottom-nav-ready:not(.embed-chat){padding-bottom:68px!important}
  .mobile-bottom-nav{
    position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;
    left:0;right:0;bottom:0;height:64px;padding:4px max(6px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    z-index:900;background:rgba(9,14,19,.97);border-top:1px solid #27333d;box-shadow:0 -10px 30px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .mobile-bottom-nav>a{position:relative;min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;color:#778b99;text-decoration:none;font-size:9px;font-weight:900;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}
  .mobile-bottom-nav>a:active{transform:scale(.96)}
  .mobile-bottom-nav>a.on{color:#82dcff;background:linear-gradient(180deg,rgba(40,120,158,.2),rgba(18,57,76,.16))}
  .mobile-bottom-nav>a.on:after{content:'';position:absolute;top:2px;left:50%;width:20px;height:2px;transform:translateX(-50%);border-radius:2px;background:#57c9f7}
  .mobile-bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
  .mobile-bottom-nav span{white-space:nowrap}

  /* Chat gets its own native mobile viewport. No desktop sidebar/topbar layout is reused. */
  body.mobile-app-chat:not(.embed-chat){height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:64px!important}
  body.mobile-app-chat:not(.embed-chat)>.topbar,
  body.mobile-app-chat:not(.embed-chat)>.mobile-overlay{display:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot.page.with-side{
    display:block!important;width:100%!important;max-width:none!important;height:calc(100dvh - 64px)!important;min-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot>.sidebar{display:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-shell{
    position:relative!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;
    margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#0d141a!important
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people-wrap{
    display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;
    border:0!important;background:#10171d!important;overflow:hidden!important
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head{
    flex:0 0 58px!important;height:58px!important;min-height:58px!important;padding:0 16px!important;display:flex!important;align-items:center!important;
    border-bottom:1px solid #25333d!important;background:#0d151b!important
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head h1{font-size:18px!important;margin:0!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs{flex:0 0 48px!important;height:48px!important;min-height:48px!important;padding:6px 10px!important;background:#0e171d!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatDirectSide:not([hidden]),
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatRoomSide:not([hidden]){flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatDirectSide:not([hidden]){display:block!important;overflow-y:auto!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatRoomSide:not([hidden]){display:flex!important;flex-direction:column!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people{display:flex!important;flex-direction:column!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person{min-width:0!important;width:100%!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-toolbar{flex:0 0 auto!important;padding:10px 12px 6px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-create-room{flex:0 0 38px!important;margin:5px 12px 7px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-rooms{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 10px 14px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item{min-height:58px!important;padding:10px 11px!important;border-radius:10px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-open,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-join{min-width:58px!important;height:34px!important;font-size:10px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-main{display:none!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#0d141a!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-people-wrap{display:none!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-main{display:block!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel:not([hidden]){display:grid!important;grid-template-rows:58px minmax(0,1fr) 72px!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-head{height:58px!important;min-height:58px!important;padding:0 10px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-messages{height:100%!important;min-height:0!important;overflow-y:auto!important;padding-bottom:12px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-form{height:72px!important;min-height:72px!important;margin:0!important;padding:8px 10px!important;position:static!important;background:#101820!important;border-top:1px solid #29353e!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel:not([hidden]){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;grid-template-rows:58px minmax(0,1fr)!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-chat-head{height:58px!important;min-height:58px!important;padding:0 7px 0 8px!important;gap:5px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-title-block{gap:5px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomName{max-width:96px!important;font-size:13px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomMeta{min-width:52px!important;height:23px!important;padding:0 6px!important;font-size:8.5px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-head-actions{gap:3px!important;height:30px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-head-actions .btn{height:28px!important;min-height:28px!important;padding:0 5px!important;font-size:8px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-layout{height:100%!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 106px!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-conversation{height:100%!important;min-height:0!important;grid-template-rows:minmax(0,1fr) 70px!important;border-right:0!important;border-bottom:1px solid #29353e!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-messages{height:100%!important;min-height:0!important;overflow-y:auto!important;padding:12px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-chat-form{height:70px!important;min-height:70px!important;padding:7px 8px!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:7px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-chat-form textarea{height:54px!important;min-height:54px!important;max-height:54px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-chat-form .btn{width:64px!important;min-width:64px!important;height:54px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members-panel{height:106px!important;min-height:106px!important;grid-template-rows:34px minmax(0,1fr)!important;border-top:0!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members-head{height:34px!important;min-height:34px!important;padding:0 8px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members{display:flex!important;gap:5px!important;height:72px!important;min-height:0!important;padding:5px 7px!important;overflow-x:auto!important;overflow-y:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-member{flex:0 0 150px!important;min-height:56px!important;height:56px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open .mobile-chat-back{display:inline-flex!important}

  /* When the software keyboard opens, keep the composer inside the visual viewport. */
  @supports(height:100dvh){body.mobile-app-chat:not(.embed-chat) #chatRoot.page.with-side{height:calc(100dvh - 64px)!important}}
}

@media(max-width:380px){
  .mobile-bottom-nav>a{font-size:8.5px!important}
  .mobile-bottom-nav svg{width:20px;height:20px}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-head-actions .room-mini-game-btn span:last-child,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-invite-btn span:last-child{display:none!important}
}

/* =========================================================
   v4.7.8 messenger-style chat redesign
   Separate desktop/mobile presentation while keeping one data flow.
   ========================================================= */
#chatRoot{
  --rp-chat-canvas:#b8cedd;
  --rp-chat-canvas-deep:#aec6d7;
  --rp-chat-paper:#f8fbfd;
  --rp-chat-paper-2:#eef4f7;
  --rp-chat-ink:#17232b;
  --rp-chat-muted:#687a86;
  --rp-chat-line:#d4e0e7;
  --rp-chat-blue:#1396d4;
  --rp-chat-blue-deep:#087db6;
  --rp-chat-dark:#0f171d;
}

/* Desktop shell: familiar room list + roomy messenger canvas */
body:not(.embed-chat) #chatRoot .chat-shell{
  min-height:720px!important;
  height:min(800px,calc(100vh - 105px))!important;
  border:1px solid #273742!important;
  border-radius:16px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24)!important;
  background:#0d151b!important;
}
body:not(.embed-chat) #chatRoot .chat-people-wrap{
  background:linear-gradient(180deg,#111c23,#0d151b)!important;
  border-right:1px solid #263741!important;
}
#chatRoot .chat-side-head{
  min-height:62px!important;
  padding:0 18px!important;
  background:#101b22!important;
}
#chatRoot .chat-side-head h1{font-size:20px!important;letter-spacing:-.4px!important}
#chatRoot .chat-mode-tabs{padding:8px 10px 10px!important;gap:7px!important}
#chatRoot .chat-mode-tabs button{
  height:38px!important;border-radius:11px!important;background:#0b141a!important;border-color:#283a45!important;
  color:#79909e!important;transition:.16s ease!important
}
#chatRoot .chat-mode-tabs button.on{background:#163a4e!important;border-color:#2d7da4!important;color:#dff6ff!important;box-shadow:inset 0 0 0 1px rgba(92,201,244,.08)!important}
#chatRoot .chat-room-toolbar{padding:2px 12px 8px!important}
#chatRoot .chat-room-search{border-radius:12px!important;background:#0b141a!important;border-color:#253640!important}
#chatRoot .chat-create-room{height:40px!important;border-radius:11px!important;background:#12364a!important;border-color:#2d789c!important}
#chatRoot .chat-people,#chatRoot .chat-rooms{padding-left:9px!important;padding-right:9px!important}
#chatRoot .chat-person{
  min-height:64px!important;border:1px solid transparent!important;border-radius:13px!important;padding:9px 10px!important;gap:11px!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important
}
#chatRoot .chat-person:hover,#chatRoot .chat-person.on{background:#172832!important;border-color:#29414f!important}
#chatRoot .chat-person:active{transform:scale(.99)}
#chatRoot .chat-avatar{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;overflow:hidden!important;background:#203744!important}
#chatRoot .chat-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
#chatRoot .chat-person-copy{display:grid!important;gap:5px!important;min-width:0!important;flex:1!important}
#chatRoot .chat-person-name{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
#chatRoot .chat-person-name b{flex:1!important;min-width:0!important;font-size:12.5px!important}
#chatRoot .chat-person-name time{flex:0 0 auto!important;color:#607581!important;font-size:8.5px!important;font-style:normal!important}
#chatRoot .chat-person-copy>small{margin:0!important;color:#718793!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

#chatRoot .chat-room-item{
  grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;min-height:66px!important;padding:9px 10px!important;
  border-radius:13px!important;background:#0e171d!important
}
#chatRoot .chat-room-item:hover,#chatRoot .chat-room-item.on{background:#172832!important;border-color:#2d4858!important}
#chatRoot .chat-room-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#277fa8,#183c54);color:#eaf8ff;font-size:14px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#chatRoot .chat-room-copy small{font-size:9px!important;color:#6f8795!important}
#chatRoot .chat-room-open,#chatRoot .chat-room-join{height:33px!important;border-radius:10px!important;padding:0 10px!important}

/* Conversation chrome */
#chatRoot .chat-main{background:var(--rp-chat-canvas)!important}
#chatRoot .chat-head{
  height:66px!important;min-height:66px!important;padding:0 17px!important;border-bottom:1px solid #d5e0e6!important;background:rgba(248,251,253,.97)!important;
  color:var(--rp-chat-ink)!important;box-shadow:0 2px 10px rgba(50,78,93,.05)!important;z-index:20!important
}
#chatRoot .chat-head-left,#chatRoot .room-title-block{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:0!important}
#chatRoot .chat-head-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#dbe7ed;display:grid;place-items:center;color:#4d6470;font-size:10px;font-weight:950}
#chatRoot .chat-head-avatar img{width:100%;height:100%;object-fit:cover}
#chatRoot .chat-head-title,#chatRoot .room-title-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
#chatRoot .chat-head-title b,#chatRoot .room-title-copy b{font-size:15px!important;color:#18242b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#chatRoot .chat-head-title small,#chatRoot .room-title-copy small{margin:0!important;color:#71818b!important;font-size:9.5px!important;font-weight:750!important}
#chatRoot .chat-head-icon-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin-left:auto!important}
#chatRoot .chat-head-icon-btn{
  width:37px;height:37px;min-width:37px;border:0;border-radius:11px;background:transparent;color:#27363f;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;text-decoration:none;transition:.15s ease
}
#chatRoot .chat-head-icon-btn:hover{background:#e6eef2;color:#087eb6}
#chatRoot .chat-head-icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#chatRoot .mobile-chat-back{display:none!important;font-size:0!important}
#chatRoot .mobile-chat-back svg{display:block!important}
#chatRoot .room-head-avatars{display:flex;align-items:center;min-width:44px;padding-left:4px}
#chatRoot .room-head-avatars>span{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#dfe9ee;display:grid;place-items:center;margin-left:-8px;border:2px solid #f8fbfd;font-size:8px;color:#566c78;font-weight:900}
#chatRoot .room-head-avatars>span:first-child{margin-left:0}
#chatRoot .room-head-avatars img{width:100%;height:100%;object-fit:cover}
#chatRoot #roomName{max-width:360px!important}

/* Pale blue messenger canvas */
#chatRoot .chat-messages,#chatRoot .room-conversation .room-messages{
  background:linear-gradient(180deg,var(--rp-chat-canvas),var(--rp-chat-canvas-deep))!important;
  scrollbar-color:rgba(60,87,103,.35) transparent!important
}
#chatRoot #chatMessages{padding:24px 26px!important;gap:11px!important}
#chatRoot .chat-bubble{max-width:min(72%,610px)!important;gap:5px!important}
#chatRoot .chat-bubble>div{padding:11px 14px!important;border:0!important;border-radius:17px!important;background:#fff!important;color:#17242b!important;box-shadow:0 1px 1px rgba(38,67,83,.08)!important;font-size:13px!important;line-height:1.52!important}
#chatRoot .chat-bubble.theirs>div{border-bottom-left-radius:5px!important}
#chatRoot .chat-bubble.mine>div{background:#168ec7!important;color:#fff!important;border-bottom-right-radius:5px!important}
#chatRoot .chat-bubble small{color:#516975!important;font-size:8.5px!important;font-weight:700!important}

#chatRoot .room-conversation{position:relative!important;background:var(--rp-chat-canvas)!important;border:0!important}
#chatRoot .room-conversation .room-messages{padding:22px 24px 26px!important;gap:0!important}
#chatRoot .room-message{display:flex!important;align-items:flex-end!important;gap:9px!important;margin:0 0 12px!important;max-width:100%!important}
#chatRoot .room-message-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;background:#d7e3e9;display:grid;place-items:center;color:#4f6671;font-size:9px;font-weight:900;align-self:flex-start;margin-top:18px}
#chatRoot .room-message-avatar img{width:100%;height:100%;object-fit:cover}
#chatRoot .room-message>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;max-width:min(68%,650px)!important;min-width:0!important}
#chatRoot .room-message-meta{width:100%!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 4px!important;color:#506774!important}
#chatRoot .room-message-meta b{color:#23343d!important;font-size:10.5px!important}
#chatRoot .room-message-meta small{color:#59717d!important;font-size:8px!important;order:3!important}
#chatRoot .room-message-report{color:#59717d!important;font-size:8px!important;order:4!important}
#chatRoot .room-message p{margin:0!important;padding:10px 13px!important;border-radius:17px!important;border-bottom-left-radius:5px!important;background:#fff!important;color:#17242b!important;font-size:13px!important;line-height:1.52!important;word-break:break-word!important;box-shadow:0 1px 1px rgba(38,67,83,.08)!important}
#chatRoot .room-message p a{color:#087dbc!important;text-decoration:underline!important;text-underline-offset:2px!important}
#chatRoot .room-message.mine{flex-direction:row-reverse!important;padding-left:72px!important}
#chatRoot .room-message.mine .room-message-avatar{display:none!important}
#chatRoot .room-message.mine>div{align-items:flex-end!important;max-width:min(68%,650px)!important}
#chatRoot .room-message.mine .room-message-meta{justify-content:flex-end!important;margin-bottom:4px!important}
#chatRoot .room-message.mine .room-message-meta b{display:none!important}
#chatRoot .room-message.mine p{background:#168ec7!important;color:#fff!important;border-bottom-left-radius:17px!important;border-bottom-right-radius:5px!important}
#chatRoot .room-message.mine p a{color:#fff!important}
#chatRoot .room-system-event{background:rgba(75,104,121,.18)!important;border:0!important;color:#48616f!important;font-size:9px!important;padding:5px 10px!important;margin:3px auto 12px!important;box-shadow:none!important}
#chatRoot .room-system-event b{color:#334d5a!important}
#chatRoot .room-system-event.join,#chatRoot .room-system-event.leave,#chatRoot .room-system-event.kick{background:rgba(72,99,115,.16)!important;color:#4f6774!important;border:0!important}

/* Search overlay */
#chatRoot .chat-message-search{
  position:absolute;z-index:15;left:14px;right:14px;top:12px;height:46px;display:grid;grid-template-columns:22px minmax(0,1fr) auto 30px;align-items:center;gap:7px;padding:0 8px 0 12px;
  border:1px solid #cfdae0;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(45,75,91,.16);color:#526875
}
#chatRoot .chat-message-search[hidden]{display:none!important}
#chatRoot .chat-message-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#chatRoot .chat-message-search input{min-width:0;border:0;outline:0;background:transparent;color:#1e2b33;font:inherit;font-size:12px}
#chatRoot .chat-message-search span{font-size:9px;font-weight:900;color:#7a8b95}
#chatRoot .chat-message-search button{width:30px;height:30px;border:0;border-radius:9px;background:#edf3f6;color:#536872;font-size:19px;cursor:pointer}

/* Composer: rounded app-like input bar */
#chatRoot .messenger-composer{
  background:#f7fafb!important;border-top:1px solid #d3dfe5!important;padding:9px 11px!important;gap:7px!important;align-items:center!important;box-shadow:0 -5px 18px rgba(40,69,85,.05)!important
}
#chatRoot #chatPanel .messenger-composer{display:grid!important;grid-template-columns:minmax(0,1fr) 38px 44px!important;height:76px!important;min-height:76px!important}
#chatRoot #roomPanel .room-chat-form{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px 44px!important;height:76px!important;min-height:76px!important;padding:9px 11px!important;background:#f7fafb!important;border-top:1px solid #d3dfe5!important}
#chatRoot .messenger-composer textarea{
  width:100%!important;height:50px!important;min-height:50px!important;max-height:50px!important;margin:0!important;padding:13px 15px!important;resize:none!important;
  border:1px solid #d5e0e6!important;border-radius:18px!important;background:#fff!important;color:#17242b!important;font-size:12.5px!important;line-height:1.45!important;box-shadow:inset 0 1px 2px rgba(50,77,92,.04)!important
}
#chatRoot .messenger-composer textarea::placeholder{color:#9aa8b0!important}
#chatRoot .chat-compose-icon{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#eaf0f3;color:#3c525e;font-size:20px;line-height:1;cursor:pointer;transition:.15s ease}
#chatRoot .chat-compose-icon:hover{background:#dce8ed;color:#087db6}
#chatRoot .chat-send-btn{width:44px!important;min-width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;background:#168ec7!important;color:#fff!important;box-shadow:0 6px 14px rgba(14,128,181,.25)!important}
#chatRoot .chat-send-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#chatRoot .chat-send-btn:hover{background:#087db6!important}

/* Room info drawer — menu on both desktop and mobile */
#chatRoot #roomPanel>.room-layout{grid-template-columns:1fr!important;position:relative!important;overflow:hidden!important}
#chatRoot .room-info-backdrop{position:absolute;inset:0;z-index:40;border:0;background:rgba(15,31,40,.24);backdrop-filter:blur(1px);cursor:pointer}
#chatRoot .room-info-backdrop[hidden]{display:none!important}
#chatRoot .room-members-panel{
  position:absolute!important;z-index:45!important;top:0!important;right:0!important;bottom:0!important;width:min(330px,88%)!important;height:100%!important;display:grid!important;
  grid-template-rows:auto 48px minmax(0,1fr) auto!important;background:#f5f7f8!important;color:#17242b!important;border-left:1px solid #d5e0e6!important;
  box-shadow:-18px 0 45px rgba(33,58,72,.18)!important;transform:translateX(102%)!important;transition:transform .22s ease!important;overflow:hidden!important
}
#chatRoot #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important}
#chatRoot .room-info-top{position:relative;display:grid;justify-items:center;padding:28px 18px 19px;border-bottom:1px solid #e0e7ea;background:linear-gradient(180deg,#fff,#f7f9fa)}
#chatRoot .room-info-top>#roomInfoClose{position:absolute;right:10px;top:10px}
#chatRoot .room-info-avatars{height:72px;display:flex;align-items:center;justify-content:center;padding-left:20px;margin-bottom:12px}
#chatRoot .room-info-avatars>span{width:58px;height:58px;border-radius:20px;overflow:hidden;display:grid;place-items:center;margin-left:-20px;border:3px solid #fff;background:#d9e8ef;color:#536c78;font-size:11px;font-weight:950;box-shadow:0 5px 15px rgba(50,77,92,.12)}
#chatRoot .room-info-avatars>span:first-child{margin-left:0}
#chatRoot .room-info-avatars img{width:100%;height:100%;object-fit:cover}
#chatRoot .room-info-top>b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;color:#17242b}
#chatRoot .room-info-top>span{margin-top:4px;font-size:9px;font-weight:800;color:#778892}
#chatRoot .room-members-head{height:48px!important;min-height:48px!important;padding:0 14px!important;background:#fff!important;border-bottom:1px solid #e2e8eb!important;color:#17242b!important}
#chatRoot .room-members-title>b{color:#22323b!important;font-size:11px!important}
#chatRoot .room-members-title>span{color:#178ec4!important}
#chatRoot .room-kick-list-btn{height:29px!important;border-radius:9px!important;background:#fff5eb!important;border-color:#e6b98c!important;color:#b76629!important;font-size:8.5px!important}
#chatRoot .room-members{display:flex!important;flex-direction:column!important;gap:2px!important;min-height:0!important;height:auto!important;max-height:none!important;padding:7px 9px 10px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f5f7f8!important}
#chatRoot .room-member-row{grid-template-columns:minmax(0,1fr) auto!important;background:transparent!important;border-radius:12px!important}
#chatRoot .room-member{min-height:52px!important;height:auto!important;padding:7px 8px!important;color:#1c2a32!important;border-radius:11px!important}
#chatRoot .room-member:hover{background:#e9eff2!important}
#chatRoot .room-member-avatar{width:39px!important;height:39px!important;flex-basis:39px!important;background:#dbe7ec!important}
#chatRoot .room-member-copy b{color:#1f2f37!important;font-size:11px!important}
#chatRoot .room-member-copy small{color:#7a8b94!important}
#chatRoot .room-owner-badge{color:#168ec7!important}
#chatRoot .room-kick-btn{height:28px!important;background:#fff1f2!important;border-color:#efc4c7!important;color:#c74b54!important}
#chatRoot .room-info-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-top:1px solid #dfe6e9;background:#fff}
#chatRoot .room-info-action{min-width:0;min-height:62px;border:1px solid #dfe6e9;border-radius:12px;background:#f8fafb;color:#23323a;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;text-align:left;padding:9px 10px;cursor:pointer}
#chatRoot .room-info-action>span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#e7f3f8;color:#118ec6;font-size:13px}
#chatRoot .room-info-action>b{font-size:10px;line-height:1.2}
#chatRoot .room-info-action>small{font-size:8px;color:#82929a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatRoot .room-info-action:hover{border-color:#b8d5e3;background:#f2f8fb}
#chatRoot .room-info-action.danger>span{background:#fff0f0;color:#cf4b52}
#chatRoot .room-info-action.danger:hover{border-color:#efc1c4;background:#fff7f7}

/* Embedded desktop chat window gets the same messenger canvas, only denser. */
body.embed-chat #chatRoot .chat-head{height:56px!important;min-height:56px!important;padding:0 10px!important}
body.embed-chat #chatRoot .room-conversation .room-messages{padding:15px 16px 18px!important}
body.embed-chat #chatRoot .room-message>div{max-width:min(76%,540px)!important}
body.embed-chat #chatRoot #roomPanel .room-chat-form{height:66px!important;min-height:66px!important;padding:7px 8px!important;grid-template-columns:34px minmax(0,1fr) 34px 40px!important}
body.embed-chat #chatRoot .messenger-composer textarea{height:46px!important;min-height:46px!important;max-height:46px!important;padding:11px 13px!important}
body.embed-chat #chatRoot .chat-compose-icon{width:34px;height:34px;font-size:18px}
body.embed-chat #chatRoot .chat-send-btn{width:40px!important;min-width:40px!important;height:40px!important}

@media(max-width:760px){
  /* App-style mobile chat: no desktop chrome, light messenger surface. */
  body.mobile-app-chat:not(.embed-chat){background:#f3f6f8!important;padding-bottom:64px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-shell{background:#f3f6f8!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people-wrap{background:#f3f6f8!important;color:#17242b!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head{height:58px!important;min-height:58px!important;background:#fff!important;border-bottom:1px solid #e0e7ea!important;color:#15232b!important;padding:0 16px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head h1{font-size:20px!important;color:#17242b!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs{height:52px!important;min-height:52px!important;padding:7px 10px!important;background:#fff!important;border-bottom:1px solid #e5ebee!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button{height:37px!important;background:#eef3f5!important;border-color:transparent!important;color:#6b7b84!important;border-radius:12px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button.on{background:#dff1f9!important;color:#087faf!important;border-color:#c4e2ee!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatDirectSide:not([hidden]),body.mobile-app-chat:not(.embed-chat) #chatRoot #chatRoomSide:not([hidden]){background:#f3f6f8!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people{padding:8px 10px 14px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person{min-height:70px!important;background:#fff!important;border-color:#e4eaed!important;margin-bottom:5px!important;box-shadow:0 2px 9px rgba(53,78,91,.035)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person.on{border-color:#a9d3e6!important;background:#f4fbfe!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person b{color:#1e2d35!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person-name time,body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person-copy>small{color:#81919a!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-toolbar{padding:10px 12px 7px!important;background:#f3f6f8!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search{background:#fff!important;border-color:#dde6ea!important;color:#6f8089!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search input{color:#1c2b33!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-create-room{background:#168ec7!important;border-color:#168ec7!important;color:#fff!important;margin:4px 12px 8px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-rooms{padding:0 10px 14px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item{background:#fff!important;border:1px solid #e3e9ec!important;margin-bottom:5px!important;min-height:70px!important;box-shadow:0 2px 9px rgba(53,78,91,.035)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item.on,body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item:hover{background:#f4fbfe!important;border-color:#aad4e6!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-copy b{color:#1e2d35!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-copy small{color:#7c8d96!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-open,body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-join{background:#e8f5fb!important;border-color:#b9dce9!important;color:#0c83b8!important}

  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-main{background:var(--rp-chat-canvas)!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel:not([hidden]){grid-template-rows:60px minmax(0,1fr) 68px!important;background:var(--rp-chat-canvas)!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-head,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-chat-head{height:60px!important;min-height:60px!important;padding:0 8px 0 7px!important;background:#f8fbfd!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open .mobile-chat-back{display:inline-flex!important;width:39px!important;height:39px!important;min-width:39px!important;margin-right:0!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open .mobile-chat-back svg{width:25px!important;height:25px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomName{max-width:170px!important;font-size:14px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomMeta{height:auto!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;font-size:8.5px!important;color:#70818b!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-layout{grid-template-columns:1fr!important;grid-template-rows:1fr!important;height:100%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-conversation{grid-template-rows:minmax(0,1fr) 68px!important;height:100%!important;border:0!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-messages{padding:14px 12px 18px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message{gap:7px!important;margin-bottom:11px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;margin-top:17px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message>div{max-width:79%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message.mine{padding-left:46px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message.mine>div{max-width:82%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message p{font-size:12.5px!important;padding:10px 12px!important;border-radius:16px!important;border-bottom-left-radius:5px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message.mine p{border-bottom-left-radius:16px!important;border-bottom-right-radius:5px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message-meta b{font-size:10px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message-meta small{font-size:7.5px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-chat-form{height:68px!important;min-height:68px!important;grid-template-columns:36px minmax(0,1fr) 36px 42px!important;padding:7px 8px!important;background:#f7fafb!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .messenger-composer textarea{height:48px!important;min-height:48px!important;max-height:48px!important;padding:12px 13px!important;border-radius:17px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .chat-compose-icon{width:36px!important;height:36px!important;font-size:19px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .chat-send-btn{width:42px!important;min-width:42px!important;height:42px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .messenger-composer{height:68px!important;min-height:68px!important;padding:7px 8px!important;grid-template-columns:minmax(0,1fr) 36px 42px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .messenger-composer textarea{height:48px!important;min-height:48px!important;max-height:48px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-compose-icon{width:36px!important;height:36px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-send-btn{width:42px!important;min-width:42px!important;height:42px!important}

  /* Mobile room info becomes a full-screen room profile page, like a native messenger. */
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-panel{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;border:0!important;transform:translateX(102%)!important;grid-template-rows:auto 48px minmax(0,1fr) auto!important;background:#f4f6f7!important;box-shadow:none!important;z-index:80!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-backdrop{display:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top{padding:50px 18px 23px!important;background:linear-gradient(180deg,#fff,#f6f8f9)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top>#roomInfoClose{left:9px!important;right:auto!important;top:9px!important;width:40px!important;height:40px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top>#roomInfoClose svg{transform:rotate(0)}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-avatars{height:78px!important;margin-bottom:13px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-avatars>span{width:64px!important;height:64px!important;border-radius:22px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top>b{font-size:20px!important;max-width:88%!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top>span{font-size:10px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members{padding:8px 14px 12px!important;background:#fff!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member{min-height:58px!important;padding:8px 4px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-copy b{font-size:12px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-actions{padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;background:#f4f6f7!important;border-top:1px solid #e1e7ea!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-action{min-height:64px!important;background:#fff!important}

  /* Chat tab uses light bottom navigation to match the native messenger screen. */
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav{background:rgba(250,252,253,.98)!important;border-top-color:#dce5e9!important;box-shadow:0 -8px 24px rgba(54,81,96,.09)!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav>a{color:#7d8b94!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav>a.on{color:#0a8ac2!important;background:#eaf6fb!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-nav-badge{box-shadow:0 0 0 2px #f9fbfc!important}
}

@media(max-width:390px){
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomName{max-width:128px!important}
  #chatRoot .room-head-avatars>span{width:27px;height:27px}
  #chatRoot .room-info-actions{grid-template-columns:1fr 1fr!important}
}

/* v4.7.8 specificity guard against the previous mobile participant-strip rules */
@media(max-width:760px){
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members-panel{
    inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
    grid-template-rows:auto 48px minmax(0,1fr) auto!important;border:0!important;overflow:hidden!important
  }
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-members{
    display:flex!important;flex-direction:column!important;gap:2px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    padding:8px 14px 12px!important;overflow-x:hidden!important;overflow-y:auto!important
  }
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-member-row{flex:0 0 auto!important;width:100%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-member{flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:58px!important}
}

/* =========================================================
   v4.7.9 responsive chat hardening
   - <= 960px uses native one-pane chat instead of squeezing desktop
   - embedded live chat also switches list <-> conversation cleanly
   ========================================================= */
@media(max-width:960px){
  body.mobile-app-chat:not(.embed-chat){height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:64px!important;background:#eef3f6!important}
  body.mobile-app-chat:not(.embed-chat)>.topbar,
  body.mobile-app-chat:not(.embed-chat)>.site-footer,
  body.mobile-app-chat:not(.embed-chat)>.mobile-overlay{display:none!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav{display:grid!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot.page.with-side{display:block!important;width:100%!important;max-width:none!important;height:calc(100dvh - 64px)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot>.sidebar{display:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-shell{position:relative!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#eef3f6!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people-wrap{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;background:#f3f6f8!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head{flex:0 0 58px!important;height:58px!important;min-height:58px!important;padding:0 16px!important;background:#fff!important;border-bottom:1px solid #e1e8eb!important;color:#17242b!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head h1{font-size:20px!important;color:#17242b!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs{flex:0 0 52px!important;height:52px!important;min-height:52px!important;padding:7px 10px!important;background:#fff!important;border-bottom:1px solid #e5ebee!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button{height:37px!important;border-radius:12px!important;background:#eef3f5!important;border-color:transparent!important;color:#6b7b84!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button.on{background:#dff1f9!important;border-color:#c4e2ee!important;color:#087faf!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatDirectSide:not([hidden]),
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatRoomSide:not([hidden]){flex:1 1 auto!important;min-height:0!important;background:#f3f6f8!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatDirectSide:not([hidden]){display:block!important;overflow-y:auto!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatRoomSide:not([hidden]){display:flex!important;flex-direction:column!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people{display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important;padding:8px 10px 14px!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person{width:100%!important;min-width:0!important;min-height:70px!important;margin-bottom:5px!important;background:#fff!important;border-color:#e4eaed!important;box-shadow:0 2px 9px rgba(53,78,91,.035)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person.on{background:#f4fbfe!important;border-color:#a9d3e6!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person b{color:#1e2d35!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person-name time,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person-copy>small{color:#81919a!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-toolbar{flex:0 0 auto!important;padding:10px 12px 7px!important;background:#f3f6f8!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search{background:#fff!important;border-color:#dde6ea!important;color:#6f8089!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search input{color:#1c2b33!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-create-room{flex:0 0 38px!important;margin:4px 12px 8px!important;background:#168ec7!important;border-color:#168ec7!important;color:#fff!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-rooms{flex:1 1 auto!important;min-height:0!important;max-height:none!important;padding:0 10px 14px!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item{min-height:70px!important;margin-bottom:5px!important;padding:10px 11px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e3e9ec!important;box-shadow:0 2px 9px rgba(53,78,91,.035)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item.on{background:#f4fbfe!important;border-color:#aad4e6!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-copy b{color:#1e2d35!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-copy small{color:#7c8d96!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-open,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-join{min-width:58px!important;height:34px!important;background:#e8f5fb!important;border-color:#b9dce9!important;color:#0c83b8!important;font-size:10px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-main{display:none!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:var(--rp-chat-canvas)!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-people-wrap{display:none!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatRoot .chat-main{display:block!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel:not([hidden]){display:grid!important;grid-template-rows:60px minmax(0,1fr) 68px!important;width:100%!important;height:100%!important;background:var(--rp-chat-canvas)!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel:not([hidden]){display:grid!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;grid-template-rows:60px minmax(0,1fr)!important;background:var(--rp-chat-canvas)!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-head,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-chat-head{height:60px!important;min-height:60px!important;padding:0 8px 0 7px!important;background:#f8fbfd!important;border-bottom:1px solid #dce5e9!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open .mobile-chat-back{display:inline-flex!important;width:40px!important;height:40px!important;min-width:40px!important;color:#22343d!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-head-avatars{display:none!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomName{max-width:min(56vw,330px)!important;font-size:15px!important;color:#17242b!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomMeta{height:auto!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;font-size:9px!important;color:#70818b!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel>.room-layout{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-conversation{display:grid!important;grid-template-rows:minmax(0,1fr) 68px!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-messages{height:100%!important;min-height:0!important;padding:14px 12px 18px!important;overflow-y:auto!important;overscroll-behavior:contain}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message{gap:8px!important;margin-bottom:12px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;margin-top:17px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message>div{max-width:80%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message.mine{padding-left:44px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message.mine>div{max-width:84%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message p{font-size:13.5px!important;line-height:1.5!important;padding:10px 12px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-chat-form{height:68px!important;min-height:68px!important;grid-template-columns:36px minmax(0,1fr) 36px 42px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:#f7fafb!important;border-top:1px solid #dce5e9!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .messenger-composer textarea{height:48px!important;min-height:48px!important;max-height:48px!important;padding:12px 13px!important;border-radius:17px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .chat-compose-icon{width:36px!important;height:36px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .chat-send-btn{width:42px!important;min-width:42px!important;height:42px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:translateX(102%)!important;grid-template-rows:auto 48px minmax(0,1fr) auto!important;background:#f4f6f7!important;border:0!important;z-index:80!important;overflow:hidden!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-backdrop{display:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:8px 14px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-row,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member{width:100%!important;flex:0 0 auto!important}

  /* Narrow live-chat popup: use the same one-pane model instead of a squeezed desktop split. */
  body.embed-chat #chatRoot .chat-shell{position:relative!important;display:block!important;grid-template-columns:1fr!important;width:100%!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
  body.embed-chat:not(.embed-conversation-open) #chatRoot .chat-people-wrap{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;border-right:0!important}
  body.embed-chat:not(.embed-conversation-open) #chatRoot .chat-main{display:none!important}
  body.embed-chat.embed-conversation-open #chatRoot .chat-people-wrap{display:none!important}
  body.embed-chat.embed-conversation-open #chatRoot .chat-main{display:block!important;width:100%!important;height:100%!important;min-height:0!important}
  body.embed-chat.embed-conversation-open .mobile-chat-back{display:inline-flex!important;width:38px!important;height:38px!important;min-width:38px!important}
  body.embed-chat.embed-conversation-open #roomPanel:not([hidden]){display:grid!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;grid-template-rows:56px minmax(0,1fr)!important;overflow:hidden!important}
  body.embed-chat.embed-conversation-open #roomPanel>.room-layout{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-conversation{display:grid!important;grid-template-rows:minmax(0,1fr) 66px!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;overflow:hidden!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-messages{height:100%!important;min-height:0!important;overflow-y:auto!important;padding:13px 12px 16px!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-members-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:translateX(102%)!important;grid-template-rows:auto 44px minmax(0,1fr) auto!important;background:#f4f6f7!important;border:0!important;z-index:90!important;overflow:hidden!important}
  body.embed-chat.embed-conversation-open #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-info-backdrop{display:none!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-members{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:7px 12px 10px!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-member-row,
  body.embed-chat.embed-conversation-open #roomPanel .room-member{width:100%!important;flex:0 0 auto!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-chat-head{padding:0 8px!important;background:#f8fbfd!important;border-bottom:1px solid #dce5e9!important}
  body.embed-chat.embed-conversation-open #roomPanel #roomName{max-width:min(55vw,320px)!important;color:#17242b!important}
  body.embed-chat.embed-conversation-open #roomPanel #roomMeta{color:#70818b!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-head-avatars{display:none!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-message>div{max-width:82%!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-message.mine>div{max-width:86%!important}
  body.embed-chat.embed-conversation-open #roomPanel .room-message p{font-size:13px!important}
}

@media(max-width:520px){
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel #roomName{max-width:52vw!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message>div{max-width:84%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message.mine>div{max-width:88%!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-message p{font-size:13px!important}
}

/* =========================================================
   v4.8.1 chat UI hard reset
   - fixed desktop composer sizing
   - reliable room-info menu hit target
   - readable room participant drawer
   - mobile/embed room-info is a full chat-surface page
   - destructive room-delete UI removed
   ========================================================= */

/* Header tools must always be clickable above the conversation/backdrop. */
#chatRoot .room-chat-head{position:relative!important;z-index:84!important;overflow:visible!important}
#chatRoot .room-head-tools{position:relative!important;z-index:86!important;display:flex!important;align-items:center!important;gap:6px!important;pointer-events:auto!important}
#chatRoot #roomInfoToggle,#chatRoot #roomSearchToggle{position:relative!important;z-index:87!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}
#chatRoot #roomInfoToggle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
#chatRoot #roomInfoToggle svg{width:22px!important;height:22px!important;pointer-events:none!important}

/* Desktop room composer: no oversized/clipped send circle. */
#chatRoot .room-conversation{min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:hidden!important}
#chatRoot .room-chat-form.messenger-composer{
  position:relative!important;z-index:30!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 40px 52px!important;align-items:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;height:72px!important;min-height:72px!important;
  padding:9px 12px!important;box-sizing:border-box!important;background:#f8fbfc!important;border-top:1px solid #d7e2e7!important;overflow:visible!important
}
#chatRoot .room-chat-form textarea{
  width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;max-height:92px!important;
  margin:0!important;padding:13px 16px!important;resize:none!important;border:1px solid #d3e0e6!important;border-radius:18px!important;
  background:#fff!important;color:#1c2d35!important;font-size:14px!important;line-height:22px!important;box-sizing:border-box!important;outline:none!important
}
#chatRoot .room-chat-form textarea:focus{border-color:#7bc9e9!important;box-shadow:0 0 0 3px rgba(43,166,215,.12)!important}
#chatRoot .room-chat-form .chat-compose-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#edf4f7!important;color:#55717e!important;font-size:20px!important;cursor:pointer!important
}
#chatRoot .room-chat-form #roomMentionQuick{width:44px!important;height:44px!important;min-width:44px!important;font-size:27px!important;font-weight:300!important}
#chatRoot .room-chat-form .chat-send-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:17px!important;background:#1598d0!important;color:#fff!important;box-shadow:0 7px 18px rgba(21,152,208,.22)!important;overflow:hidden!important
}
#chatRoot .room-chat-form .chat-send-btn:hover{background:#0c8cc3!important;transform:translateY(-1px)!important}
#chatRoot .room-chat-form .chat-send-btn:disabled{opacity:.55!important;transform:none!important;cursor:default!important}
#chatRoot .room-chat-form .chat-send-btn svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Room-info drawer: one clean hierarchy, no duplicate tiny people UI. */
#chatRoot .room-head-avatars,#chatRoot .room-info-avatars{display:none!important}
#chatRoot .room-info-backdrop{
  position:absolute!important;inset:60px 0 0 0!important;z-index:78!important;border:0!important;background:rgba(11,27,36,.38)!important;backdrop-filter:blur(2px)!important;cursor:default!important
}
#chatRoot .room-members-panel{
  position:absolute!important;top:60px!important;right:0!important;bottom:0!important;left:auto!important;z-index:82!important;
  width:380px!important;max-width:min(380px,92%)!important;height:auto!important;min-height:0!important;
  display:grid!important;grid-template-rows:74px 48px minmax(0,1fr) auto!important;overflow:hidden!important;
  background:#f7f9fa!important;border-left:1px solid #d8e3e8!important;box-shadow:-16px 0 34px rgba(23,48,61,.16)!important;
  transform:translateX(102%)!important;transition:transform .2s ease!important;pointer-events:none!important
}
#chatRoot #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important;pointer-events:auto!important}
#chatRoot .room-info-top{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #e2e9ed!important}
#chatRoot .room-info-top>#roomInfoClose{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:0!important;border-radius:12px!important;background:#eef4f7!important;color:#263a44!important;cursor:pointer!important}
#chatRoot .room-info-top>#roomInfoClose svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
#chatRoot .room-info-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:2px 8px!important;min-width:0!important;flex:1!important}
#chatRoot .room-info-copy>small{grid-column:1/-1!important;color:#81939c!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important}
#chatRoot .room-info-copy>b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#182a33!important;font-size:17px!important;line-height:1.2!important}
#chatRoot .room-info-copy>span{align-self:center!important;color:#1594cb!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important}
#chatRoot .room-members-head{display:flex!important;align-items:center!important;justify-content:space-between!important;height:48px!important;min-height:48px!important;padding:0 14px!important;background:#f7f9fa!important;border-bottom:1px solid #e3eaee!important}
#chatRoot .room-members-title{display:flex!important;align-items:center!important;gap:7px!important}
#chatRoot .room-members-title>b{color:#243740!important;font-size:13px!important}
#chatRoot .room-members-title>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;background:#dff3fb!important;color:#077eae!important;font-size:10px!important;font-weight:900!important}
#chatRoot .room-kick-list-btn{height:30px!important;padding:0 10px!important;border:1px solid #d7e3e8!important;border-radius:9px!important;background:#fff!important;color:#4c626d!important;font-size:10px!important;font-weight:800!important}
#chatRoot .room-members{display:flex!important;flex-direction:column!important;gap:6px!important;min-height:0!important;height:auto!important;padding:10px 10px 14px!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important}
#chatRoot .room-member-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:66px!important;padding:5px!important;border:1px solid #edf1f3!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important}
#chatRoot .room-member-row:hover{border-color:#d7e6ed!important;background:#f7fbfd!important}
#chatRoot .room-member-row.is-owner{border-color:#cfe8f3!important;background:#f3fbfe!important}
#chatRoot .room-member{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-width:0!important;min-height:54px!important;padding:4px 6px!important;border:0!important;background:transparent!important;text-decoration:none!important;box-sizing:border-box!important}
#chatRoot .room-member-avatar{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;border-radius:50%!important;overflow:hidden!important;background:#deebf0!important;color:#45616e!important;font-weight:900!important}
#chatRoot .room-member-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
#chatRoot .room-member-copy{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;justify-content:center!important;gap:4px!important}
#chatRoot .room-member-name{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
#chatRoot .room-member-name>b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#1a2d36!important;font-size:14px!important;line-height:1.25!important}
#chatRoot .room-member-state{margin:0!important;color:#84949c!important;font-size:10px!important;font-weight:700!important}
#chatRoot .room-owner-badge{display:inline-flex!important;align-items:center!important;gap:3px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#dff3fb!important;color:#087cab!important;font-size:8.5px!important;font-weight:900!important;white-space:nowrap!important}
#chatRoot .room-owner-badge img{width:11px!important;height:11px!important}
#chatRoot .room-kick-btn{height:32px!important;padding:0 10px!important;border:1px solid #efcfd2!important;border-radius:9px!important;background:#fff7f7!important;color:#bd4149!important;font-size:10px!important;font-weight:850!important}
#chatRoot .room-info-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;background:#f5f8f9!important;border-top:1px solid #dfe7eb!important}
#chatRoot #roomPanel.is-room-owner .room-info-actions{grid-template-columns:1fr 1fr!important}
#chatRoot .room-info-action{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;min-height:58px!important;padding:9px 10px!important;border:1px solid #d9e4e9!important;border-radius:13px!important;background:#fff!important;text-align:left!important;cursor:pointer!important}
#chatRoot .room-info-action>span{grid-row:1/3!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:10px!important;background:#edf7fb!important;color:#168dc2!important;font-size:16px!important}
#chatRoot .room-info-action>b{font-size:11px!important;color:#253740!important}
#chatRoot .room-info-action>small{font-size:9px!important;color:#84959e!important}
#chatRoot .room-info-action.danger{border-color:#efd7d9!important;background:#fffafa!important}
#chatRoot .room-info-action.danger>span{background:#fff0f0!important;color:#d64b54!important}
#chatRoot .room-info-action.danger>b{color:#c83e47!important}
#chatRoot #leaveRoomBtn:not([hidden]){grid-column:1/-1!important;width:100%!important}

/* Normal mobile chat page: info replaces the chat canvas, never a bottom sheet. */
@media(max-width:960px){
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-head{height:64px!important;min-height:64px!important;padding:0 10px 0 8px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #roomInfoToggle{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;background:#e7f3f8!important;color:#0782b4!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-backdrop{display:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-panel{
    position:fixed!important;inset:0 0 64px 0!important;z-index:10050!important;width:100vw!important;max-width:none!important;height:auto!important;
    grid-template-rows:68px 48px minmax(0,1fr) auto!important;border:0!important;box-shadow:none!important;background:#f5f7f8!important;transform:translateX(102%)!important
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top{height:68px!important;padding:8px 12px 8px 8px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top>#roomInfoClose{width:44px!important;height:44px!important;min-width:44px!important;background:transparent!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-copy>b{font-size:17px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members{padding:8px 10px 14px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-row{min-height:70px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-avatar{width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-name>b{font-size:15px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-state{font-size:10.5px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-actions{padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form.messenger-composer{grid-template-columns:44px minmax(0,1fr) 40px 54px!important;height:76px!important;min-height:76px!important;padding:9px 10px!important;gap:7px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form textarea{height:54px!important;min-height:54px!important;border-radius:19px!important;font-size:15px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form .chat-send-btn{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;border-radius:18px!important}
}

/* Embedded LIVE chat: info fills only the chat widget, never the outer page. */
@media(max-width:960px){
  body.embed-chat #chatRoot #roomPanel{position:absolute!important;inset:0!important;overflow:hidden!important}
  body.embed-chat #chatRoot .room-chat-head{height:60px!important;min-height:60px!important}
  body.embed-chat #chatRoot .room-info-backdrop{display:none!important}
  body.embed-chat #chatRoot .room-members-panel{
    position:absolute!important;inset:60px 0 0 0!important;z-index:120!important;width:100%!important;max-width:none!important;height:auto!important;
    grid-template-rows:66px 48px minmax(0,1fr) auto!important;border:0!important;box-shadow:none!important;background:#f5f7f8!important;transform:translateX(102%)!important
  }
  body.embed-chat #chatRoot #roomPanel.room-info-open .room-members-panel{transform:translateX(0)!important}
  body.embed-chat #chatRoot .room-info-top{height:66px!important;padding:8px 10px!important}
  body.embed-chat #chatRoot .room-members{padding:8px 10px 12px!important}
  body.embed-chat #chatRoot .room-info-actions{padding:9px 10px 10px!important}
  body.embed-chat #chatRoot .room-chat-form.messenger-composer{grid-template-columns:42px minmax(0,1fr) 38px 50px!important;height:70px!important;min-height:70px!important;padding:8px 9px!important;gap:6px!important}
  body.embed-chat #chatRoot .room-chat-form textarea{height:50px!important;min-height:50px!important}
  body.embed-chat #chatRoot .room-chat-form .chat-send-btn{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;border-radius:16px!important}
}

/* Very narrow phones: keep the composer inside the viewport. */
@media(max-width:420px){
  #chatRoot .room-chat-form.messenger-composer{grid-template-columns:40px minmax(0,1fr) 36px 48px!important;gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  #chatRoot .room-chat-form #roomMentionQuick{width:40px!important;height:40px!important;min-width:40px!important}
  #chatRoot .room-chat-form .chat-compose-icon{width:36px!important;height:36px!important;min-width:36px!important}
  #chatRoot .room-chat-form .chat-send-btn{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;border-radius:15px!important}
}

/* =========================================================
   v4.8.2 room participant drawer order + visibility hard fix
   - old chat CSS pinned .room-members-head/.room-members to rows 1/2
   - explicitly place all four drawer sections in the intended order
   - make the actual member list the dominant scrollable area
   ========================================================= */
#chatRoot .room-members-panel{
  grid-template-rows:74px 52px minmax(0,1fr) auto!important;
}
#chatRoot .room-info-top{grid-row:1!important;min-height:0!important}
#chatRoot .room-members-head{grid-row:2!important;min-height:52px!important;height:52px!important}
#chatRoot .room-members{grid-row:3!important;min-height:0!important;height:100%!important;max-height:none!important;align-content:start!important}
#chatRoot .room-info-actions{grid-row:4!important}

/* Participants must be immediately readable. */
#chatRoot .room-members-panel{width:420px!important;max-width:min(420px,94vw)!important}
#chatRoot .room-members-head{padding:0 16px!important;background:#f4f8fa!important}
#chatRoot .room-members-title>b{font-size:14px!important;font-weight:950!important;color:#152a34!important}
#chatRoot .room-members-title>span{height:26px!important;padding:0 10px!important;font-size:11px!important}
#chatRoot .room-members{gap:7px!important;padding:10px 12px 14px!important;background:#f7f9fa!important;scrollbar-gutter:stable!important}
#chatRoot .room-member-row{min-height:68px!important;padding:5px 7px!important;border:1px solid #dfe9ed!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,65,82,.035)!important}
#chatRoot .room-member-row.is-owner{border-color:#9fd7ec!important;background:#f2fbff!important;box-shadow:inset 3px 0 0 #1599cf,0 2px 8px rgba(31,65,82,.04)!important}
#chatRoot .room-member{min-height:56px!important;padding:4px 5px!important;gap:12px!important}
#chatRoot .room-member-avatar{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;border:2px solid #e0ecf1!important}
#chatRoot .room-member-name>b{font-size:14px!important;font-weight:950!important;color:#142832!important}
#chatRoot .room-member-state{font-size:10.5px!important;color:#738892!important;font-weight:750!important}
#chatRoot .room-owner-badge{height:22px!important;padding:0 7px!important;font-size:9px!important}
#chatRoot .room-kick-btn{height:34px!important;padding:0 11px!important;font-size:10px!important}

@media(max-width:960px){
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-panel{
    grid-template-rows:70px 56px minmax(0,1fr) auto!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top{grid-row:1!important;height:70px!important;min-height:70px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-head{grid-row:2!important;height:56px!important;min-height:56px!important;padding:0 18px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members{grid-row:3!important;height:100%!important;padding:12px 16px 18px!important;gap:9px!important;background:#f5f8fa!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-actions{grid-row:4!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-title>b{font-size:16px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-title>span{height:29px!important;padding:0 11px!important;font-size:12px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-row{min-height:76px!important;border-radius:16px!important;padding:6px 8px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member{min-height:62px!important;gap:13px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-avatar{width:54px!important;height:54px!important;min-width:54px!important;flex-basis:54px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-name>b{font-size:16px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-state{font-size:11px!important}
}

@media(max-width:960px){
  body.embed-chat #chatRoot .room-members-panel{
    grid-template-rows:66px 50px minmax(0,1fr) auto!important;
  }
  body.embed-chat #chatRoot .room-info-top{grid-row:1!important}
  body.embed-chat #chatRoot .room-members-head{grid-row:2!important;height:50px!important;min-height:50px!important}
  body.embed-chat #chatRoot .room-members{grid-row:3!important;height:100%!important;padding:9px 10px 12px!important}
  body.embed-chat #chatRoot .room-info-actions{grid-row:4!important}
}


/* =========================================================
   v4.8.3 PARTICIPANT AREA SIZE FIX
   - enlarge the participant VIEWPORT itself (not nickname/badge text)
   - make the participant list consume the remaining drawer height
   - keep actions compact at the bottom
   ========================================================= */
#chatRoot .room-members-panel{
  display:flex!important;
  flex-direction:column!important;
  width:500px!important;
  max-width:min(500px,96vw)!important;
}
#chatRoot .room-info-top{
  flex:0 0 66px!important;
  height:66px!important;
  min-height:66px!important;
}
#chatRoot .room-members-head{
  flex:0 0 48px!important;
  height:48px!important;
  min-height:48px!important;
}
#chatRoot .room-members{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:320px!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  padding:10px 12px 14px!important;
}
#chatRoot .room-info-actions{
  flex:0 0 auto!important;
  padding:9px 10px!important;
  gap:7px!important;
}
#chatRoot .room-info-action{
  min-height:54px!important;
}
/* v4.8.2 accidentally made member typography/avatars larger; restore normal sizes. */
#chatRoot .room-member-row{min-height:62px!important}
#chatRoot .room-member{min-height:50px!important;gap:10px!important}
#chatRoot .room-member-avatar{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
#chatRoot .room-member-name>b{font-size:13px!important}
#chatRoot .room-member-state{font-size:9.5px!important}
#chatRoot .room-owner-badge{height:20px!important;padding:0 6px!important;font-size:8.5px!important}

@media(max-width:960px){
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-panel{
    display:flex!important;
    flex-direction:column!important;
    width:100vw!important;
    max-width:none!important;
    height:calc(100dvh - 64px)!important;
    min-height:calc(100dvh - 64px)!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top{
    flex:0 0 64px!important;
    height:64px!important;
    min-height:64px!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-head{
    flex:0 0 50px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 16px!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:10px 14px 16px!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-actions{
    flex:0 0 auto!important;
    padding:8px 12px calc(10px + env(safe-area-inset-bottom))!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-action{min-height:52px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-row{min-height:64px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member{min-height:52px!important;gap:10px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-avatar{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-name>b{font-size:14px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-state{font-size:10px!important}
}

@media(max-width:960px){
  body.embed-chat #chatRoot .room-members-panel{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100% - 60px)!important;
    min-height:0!important;
  }
  body.embed-chat #chatRoot .room-info-top{flex:0 0 62px!important;height:62px!important;min-height:62px!important}
  body.embed-chat #chatRoot .room-members-head{flex:0 0 46px!important;height:46px!important;min-height:46px!important}
  body.embed-chat #chatRoot .room-members{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important}
  body.embed-chat #chatRoot .room-info-actions{flex:0 0 auto!important;padding:8px 10px 9px!important}
}

/* =========================================================
   v4.8.4 SITE-WIDE ALIGNMENT + RESPONSIVE HARDENING
   Launch audit pass: normalize spacing, control alignment,
   wrapping and narrow-window behavior across every page.
   ========================================================= */

/* Baseline overflow / alignment safety */
html,body{width:100%;max-width:100%}
body{overflow-x:hidden}
main,section,article,aside,header,footer,nav,form,div{min-width:0}
input,textarea,select,button{max-width:100%}
textarea{overflow-wrap:anywhere}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;vertical-align:middle;text-align:center;white-space:nowrap}
.panel{min-width:0}
.page,.site,.auth-page,.global-search-page,.game-detail-page,.game-finder-page,.writer-workspace{max-width:100%}

/* Shared title / action rows: never let one control push another off-screen */
.section-title,.board-title-row,.post-actions,.editor-actions,.writer-bottom,
.friends-page-head,.friends-section-head,.notification-page-head,
.game-detail-section-head,.my-games-hero,.my-games-toolbar,
.feedback-hero,.feedback-post-actions,.mypage-games-head,.mypage-friends-head,
.personal-feed-head,.demographic-settings-head,.demographic-save-row,
.account-security-head,.nickname-section-head-v433{
  min-width:0;
}
.section-title>*,.board-title-row>*,.post-actions>*,.editor-actions>*,.writer-bottom>*,
.friends-page-head>*,.notification-page-head>*,.game-detail-section-head>*,
.my-games-hero>*,.my-games-toolbar>*,.feedback-hero>*,.mypage-games-head>*,
.mypage-friends-head>*,.personal-feed-head>*,.demographic-settings-head>*{min-width:0}
.board-tools,.board-toolbar,.action-group,.editor-actions>div,.writer-bottom-actions,
.notification-page-actions,.friend-card-actions,.game-detail-actions,.feedback-kind-tabs,
.profile-actions{flex-wrap:wrap;align-items:center}

/* Header: consistent center line and safe shrinking on desktop/tablet */
.topbar-inner{min-width:0}
.topbar-inner>*{min-width:0}
.brand.brand-logo{flex:0 1 auto;min-width:0}
.brand.brand-logo img{display:block;max-width:180px;height:auto}
.search{min-width:140px}
.auth-area{align-self:center}
.auth-area>*{align-self:center}

/* My page profile header — fixes uneven statistics / action button baseline */
#mypageRoot .mypage-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
}
#mypageRoot .profile-id{min-width:0;align-items:center}
#mypageRoot .profile-id>div:last-child{min-width:0}
#mypageRoot .name-level-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
#mypageRoot .name-level-line h1{min-width:0;overflow-wrap:anywhere}
#mypageRoot .stats{
  display:grid;
  grid-template-columns:repeat(3,64px) minmax(96px,auto) minmax(90px,auto);
  align-items:stretch;
  justify-content:end;
  gap:10px;
  width:auto;
}
#mypageRoot .stat{
  min-width:0;
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:4px 2px;
}
#mypageRoot .stat b{line-height:1.05}
#mypageRoot .stat small{line-height:1.25;white-space:nowrap}
#mypageRoot .stats>.btn{height:48px;min-height:48px;margin:0;padding:0 14px}

/* Public profile uses the same visual rhythm without action buttons */
body.public-profile-view #profileRoot .mypage-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px}
body.public-profile-view #profileRoot .profile-id{min-width:0}
body.public-profile-view #profileRoot .stats{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:10px;align-items:stretch}
body.public-profile-view #profileRoot .stat{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}

/* Board / feedback / search controls */
.board-title-row{align-items:center}
.board-tools{justify-content:flex-end}
.board-search{min-width:180px;max-width:100%}
.board-search-panel{min-width:0}
.board-search-left,.board-bottom-searchbox{min-width:0}
.feedback-filterbar>*{min-width:0}
.feedback-search{min-width:0}
.global-search-form>*{min-width:0}

/* Cards and list rows should shrink instead of forcing page overflow */
.latest-row>*,.board-row>*,.board-row-v2>*,.board-row-v3>*,.board-row-v4>*,.board-row-v5>*,.board-row-v6>*,
.feedback-row>*,.friend-card>*,.notification-item>*,.site-search-list-card>*,
.game-detail-post-card>*,.my-game-card>*,.message-row>*{min-width:0}

/* Friends / notifications */
.friends-page-summary{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:8px}
.friends-page-summary>div{min-width:0}
.notification-page-actions{justify-content:flex-end}
.notification-page-tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
.notification-page-tabs::-webkit-scrollbar{display:none}
.notification-page-tabs button{flex:0 0 auto}

/* Game pages */
.game-detail-main,.game-detail-primary,.game-detail-side,.game-detail-summary{min-width:0}
.game-detail-actions>a,.game-detail-actions>button{min-width:0}
.game-detail-stats>.panel{min-width:0}
.game-detail-summary dl>div{min-width:0}
.game-detail-summary dd{min-width:0;overflow-wrap:anywhere}
.my-games-toolbar label{min-width:0}
.my-game-actions{align-items:stretch}
.my-game-actions .btn{min-width:0}
.finder-action-row,.finder-results-head,.finder-section-title{min-width:0}

/* Writer */
.writer-toolbar{min-width:0}
.writer-toolbar>*{min-width:0}
.writer-category-row>*{min-width:0}
.writer-bottom{gap:12px}
.writer-bottom-actions{justify-content:flex-end}

/* Admin data stays usable instead of clipping the whole page */
.admin-dashboard-v403,.admin-tab-page,.admin-post-table,.traffic-chart-card{min-width:0}
.admin-tabs-v403{max-width:100%}
.admin-post-table,.traffic-chart,.admin-recommend-list{overflow-x:auto;overscroll-behavior-inline:contain}

/* Chat: keep the composer inside its canvas at every desktop width */
#chatRoot .room-chat-form.messenger-composer{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}
#chatRoot .room-chat-form.messenger-composer>*{min-width:0!important}
#chatRoot .room-chat-form textarea{max-width:100%!important;min-width:0!important}

/* Footer columns may wrap naturally instead of producing horizontal overflow */
.footer-pro-inner,.footer-inner,.footer-pro-bottom-inner,.footer-bottom-inner{max-width:100%}
.footer-pro-col,.footer-brand-col,.footer-pro-brand{min-width:0}
.footer-pro-col a,.footer-desc,.footer-pro-sub,.footer-disclaimer,.footer-legal{overflow-wrap:anywhere}

/* ----- narrow desktop / tablet ----- */
@media(max-width:1100px){
  #mypageRoot .mypage-head{grid-template-columns:1fr;align-items:start}
  #mypageRoot .stats{width:100%;grid-template-columns:repeat(3,minmax(68px,1fr)) minmax(110px,auto) minmax(96px,auto);justify-content:stretch}
  body.public-profile-view #profileRoot .mypage-head{grid-template-columns:1fr;align-items:start}
  body.public-profile-view #profileRoot .stats{width:min(100%,360px)}
  .board-title-row{align-items:flex-start}
  .board-tools{width:100%;justify-content:flex-start}
  .board-search{flex:1 1 220px}
  .friends-page-head,.notification-page-head{align-items:flex-start}
  .game-detail-actions>*{flex:0 1 auto}
}

/* ----- mobile / small windows ----- */
@media(max-width:760px){
  .page,.friends-page-wrap,.notification-page-wrap,.global-search-page,.game-detail-page,.game-finder-page{
    width:calc(100% - 18px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .panel{border-radius:12px}
  .btn{min-height:42px}

  /* Top bar: icons remain reachable without pushing the page wider than the viewport. */
  .topbar-inner{width:100%!important;padding:0 10px!important;gap:7px!important}
  .mobile-menu{flex:0 0 38px;width:38px;height:38px;padding:0;display:grid;place-items:center}
  .brand.brand-logo{flex:0 1 150px;overflow:hidden}
  .brand.brand-logo img{max-width:150px;width:100%;object-fit:contain}
  .auth-area{flex:1 1 auto!important;max-width:none!important;min-width:0!important;justify-content:flex-start!important}
  .auth-area .top-notification-kind{display:none!important}

  /* My page: three statistics on row 1, two equal action buttons on row 2. */
  #mypageRoot .mypage-head{padding:16px 14px;gap:16px}
  #mypageRoot .profile-id{width:100%;align-items:flex-start}
  #mypageRoot .stats{
    width:100%;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
  }
  #mypageRoot .stats>.stat:nth-of-type(1){grid-column:1/3}
  #mypageRoot .stats>.stat:nth-of-type(2){grid-column:3/5}
  #mypageRoot .stats>.stat:nth-of-type(3){grid-column:5/7}
  #mypageRoot .stats>.my-friends-btn{grid-column:1/4}
  #mypageRoot .stats>#logoutBtn{grid-column:4/7}
  #mypageRoot .stats>.btn{width:100%;height:44px;min-height:44px;padding:0 8px}
  #mypageRoot .stat{min-height:46px}
  #mypageRoot .name-level-line{gap:5px}
  #mypageRoot .tabs{overflow-x:auto;scrollbar-width:none}
  #mypageRoot .tabs::-webkit-scrollbar{display:none}
  #mypageRoot .tabs button{flex:0 0 auto}

  body.public-profile-view #profileRoot .mypage-head{padding:16px 14px;gap:14px}
  body.public-profile-view #profileRoot .stats{width:100%;grid-template-columns:repeat(3,1fr)}

  /* Page headers / toolbars become clean vertical stacks. */
  .section-title,.board-title-row,.friends-page-head,.notification-page-head,
  .game-detail-section-head,.my-games-hero,.my-games-toolbar,.feedback-hero,
  .mypage-games-head,.mypage-friends-head,.personal-feed-head,.demographic-settings-head{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .board-tools,.notification-page-actions,.game-detail-actions,.profile-actions{width:100%;justify-content:flex-start}
  .board-tools .btn,.feedback-write-cta{min-height:42px}
  .board-search{width:100%;flex:1 1 100%}
  .board-toolbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .board-toolbar::-webkit-scrollbar{display:none}
  .board-toolbar>*{flex:0 0 auto}
  .board-search-panel{flex-direction:column;align-items:stretch}
  .board-search-left{width:100%;display:flex;gap:8px;flex-wrap:wrap}
  .board-bottom-searchbox{width:100%;max-width:none}

  .friends-page-summary{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .friends-page-summary>div{padding:10px 6px}
  .friend-card{min-width:0}
  .friend-card-actions{width:100%;justify-content:flex-start}

  .notification-page-actions{justify-content:flex-start}
  .notification-page-actions .btn{flex:1 1 140px}
  .notification-page-tabs{padding-left:12px;padding-right:12px}

  .feedback-filterbar{grid-template-columns:1fr!important}
  .feedback-kind-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .feedback-kind-tabs::-webkit-scrollbar{display:none}
  .feedback-kind-tabs button{flex:0 0 auto}

  .global-search-form{grid-template-columns:1fr!important}
  .global-search-form button{min-height:44px}

  .game-detail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .game-detail-actions>*{width:100%!important;justify-content:center!important}
  .game-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .my-game-actions{display:grid;grid-template-columns:1fr 1fr}

  .writer-toolbar{width:100%!important;padding:0 10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .writer-toolbar::-webkit-scrollbar{display:none}
  .writer-toolbar .toolbar-group,.writer-toolbar .write-tool,.writer-toolbar .toolbar-sep{flex:0 0 auto}
  .writer-toolbar .toolbar-hint{display:none}
  .writer-workspace{padding-left:9px!important;padding-right:9px!important}
  .writer-document{padding:22px 16px 20px!important;border-radius:12px!important}
  .writer-category-row{grid-template-columns:1fr!important;padding:12px!important}
  .writer-category-row label{margin-top:2px}
  .writer-title{font-size:27px!important}
  .writer-bottom{align-items:stretch;flex-direction:column}
  .writer-bottom-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .writer-bottom-actions .btn{width:100%}

  .post-meta{flex-wrap:wrap}
  .post-actions{align-items:stretch!important}
  .post-actions>.action-group,.post-actions>.owner-actions{width:100%}
  .post-actions .btn{flex:1 1 auto}
  .comment-top{gap:8px;flex-wrap:wrap}

  .demographic-save-row{align-items:stretch!important;flex-direction:column!important}
  .demographic-save-row .btn{width:100%}
  .profile-form{grid-template-columns:1fr!important;max-width:none!important}
  .profile-form .btn{width:100%}

  .footer-pro-inner,.footer-inner{width:calc(100% - 24px)!important;padding-left:0!important;padding-right:0!important}
}

@media(max-width:480px){
  .page,.friends-page-wrap,.notification-page-wrap,.global-search-page,.game-detail-page,.game-finder-page{width:calc(100% - 12px)!important}
  .brand.brand-logo{flex-basis:132px}
  .brand.brand-logo img{max-width:132px}
  .auth-area{gap:2px!important}
  .auth-area .top-admin-link{max-width:46px;overflow:hidden;text-overflow:ellipsis}
  #mypageRoot .mypage-head{padding:14px 11px}
  #mypageRoot .profile-id{gap:10px}
  #mypageRoot .profile-avatar-wrap{grid-template-columns:62px}
  #mypageRoot .profile-avatar-wrap .profile-big{width:62px;height:62px}
  #mypageRoot .stats{gap:6px}
  #mypageRoot .stats>.btn{font-size:12px;padding:0 5px}
  .friends-page-summary{gap:6px}
  .game-detail-actions{grid-template-columns:1fr!important}
  .game-detail-stats{grid-template-columns:1fr 1fr!important}
  .writer-bottom-actions{grid-template-columns:1fr}
  .notification-page-actions .btn{flex-basis:100%}
}


/* =========================================================
   v4.8.5 SECOND LAUNCH QA PASS
   - hidden state must always win over component display rules
   - board search keeps usable widths on narrow desktop/tablet
   - message page no longer overflows around 1K desktop widths
   - small profile controls get proper tap/click targets
   ========================================================= */
[hidden]{display:none!important}

/* Mid-size board search: avoid crushing the keyword box/button while the sidebar is still visible. */
@media(min-width:761px) and (max-width:1120px){
  .board-search-panel{flex-direction:column;align-items:stretch!important;gap:10px}
  .board-search-left{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px!important;
  }
  .board-search-left>.board-bottom-searchbox{
    grid-column:1/-1;
    width:100%;
    min-width:0;
    max-width:none;
  }
  .board-bottom-search{width:100%;min-width:0}
  .board-bottom-search-btn{width:64px;min-width:64px;white-space:nowrap}
  .board-page-size-label{align-self:flex-end;justify-content:flex-end}
}

/* Messages: the two fixed-minimum columns were wider than the content area near 1024px. */
@media(max-width:1120px){
  .message-page{grid-template-columns:minmax(0,1fr)!important}
  .note-compose{margin-top:12px}
}

/* Profile image actions: keep compact styling but make them comfortably clickable. */
.avatar-edit-btn,.avatar-remove-btn{
  min-height:32px;
  padding:5px 8px;
  border-radius:7px;
  line-height:1.2;
}
.avatar-edit-btn:focus-visible,.avatar-remove-btn:focus-visible{outline:2px solid #59c6f3;outline-offset:2px}

/* Extra small phones: preserve header balance without squeezing account tools off-screen. */
@media(max-width:360px){
  .topbar-inner{padding-left:7px!important;padding-right:7px!important;gap:5px!important}
  .mobile-menu{width:36px;height:36px;flex-basis:36px}
  .brand.brand-logo{flex-basis:116px}
  .brand.brand-logo img{max-width:116px}
  .auth-area{max-width:calc(100vw - 174px)!important}
}

/* v4.8.5 dynamic-state hardening: hidden owner-only chat actions must stay hidden
   even when later #chatRoot component rules use display:grid !important. */
#chatRoot .room-info-actions .room-info-action[hidden]{display:none!important}
#chatRoot .room-members-head .room-kick-list-btn[hidden],
#chatRoot .room-info-top .room-kick-list-btn[hidden]{display:none!important}

/* Mypage avatar controls: never split short labels onto two lines on small phones. */
#mypageRoot .avatar-edit-btn,#mypageRoot .avatar-remove-btn{white-space:nowrap!important}

/* =========================================================
   v4.8.9 PC + MOBILE FULL USABILITY / RESPONSIVE QA
   - mobile safe-area / notch support
   - iOS form zoom prevention
   - header, drawer and sticky writer offsets kept in sync
   - larger touch targets on frequently used mobile controls
   - compact, still-scrollable writer toolbar on narrow phones
   - no changes to desktop information architecture
   ========================================================= */

@media(max-width:860px){
  /* Keep account tools anchored to the right while the logo owns the flexible center. */
  .topbar-inner{min-width:0!important}
  .mobile-menu{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .brand.brand-logo{flex:1 1 auto!important;min-width:72px!important;max-width:170px!important;justify-content:center!important}
  .brand.brand-logo img{max-width:150px!important;width:min(100%,150px)!important}
  .auth-area{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:min(46vw,220px)!important;
    margin-left:auto!important;
    justify-content:flex-end!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .auth-area::-webkit-scrollbar{display:none}
  .auth-area .top-mini-link,
  .auth-area .top-notification-wrap,
  .auth-area .top-notification-btn,
  .auth-area .top-admin-link,
  .auth-area .top-login{
    min-height:40px!important;
    height:40px!important;
  }
  .auth-area .top-mini-link,
  .auth-area .top-notification-btn{width:40px!important;min-width:40px!important}
  .auth-area .avatar{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
}

@media(max-width:760px){
  /* Header is 62px at this breakpoint; every anchored layer must start below it. */
  .sidebar{top:62px!important;height:calc(100dvh - 62px)!important;max-height:calc(100dvh - 62px)!important}
  .menu-open .mobile-overlay{inset:62px 0 0!important}
  .writer-toolbar-shell{top:62px!important}
  .game-finder-mobile-nav{top:62px!important}
  .game-finder-body.menu-open .mobile-overlay{inset:62px 0 0!important}

  /* iOS Safari otherwise zooms the page when a control uses text below 16px. */
  input[type="text"],input[type="email"],input[type="password"],input[type="search"],
  input[type="tel"],input[type="url"],input[type="number"],textarea,select{
    font-size:16px!important;
  }

  /* Frequently used mobile controls should not require precision tapping. */
  .chip,.tabs button,.notification-page-tabs button,.feedback-kind-tabs button{
    min-height:40px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .writer-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px;
  }
  #mypageRoot .avatar-edit-btn,#mypageRoot .avatar-remove-btn{min-height:40px!important;padding:7px 10px!important}
  .signup-consent-row>a{min-height:36px!important;padding:0 5px!important;display:inline-flex!important;align-items:center!important}
  .auth-bottom a{min-height:36px;display:inline-flex;align-items:center;padding:0 4px}
  .footer-pro-col a{min-height:34px;display:flex;align-items:center}
  .footer-pro-pills a{min-height:40px;padding-top:8px;padding-bottom:8px}

  /* Writer stays usable on 320–390px phones without microscopic buttons. */
  .writer-toolbar{gap:4px!important;padding:0 6px!important;scroll-padding-inline:6px}
  .writer-toolbar .toolbar-group{gap:1px!important}
  .writer-toolbar .write-tool{min-width:45px!important;width:45px!important;height:44px!important;font-size:11px!important;padding:0 2px!important}
  .writer-toolbar .text-tools .write-tool{min-width:36px!important;width:36px!important;font-size:14px!important}
  .writer-toolbar .toolbar-sep{margin:0 2px!important}

  /* Bottom navigation must clear the iPhone home indicator rather than covering content. */
  body.mobile-bottom-nav-ready:not(.embed-chat){padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
  .mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom))!important}

  /* Native chat uses the same safe-area accounting as the bottom navigation. */
  body.mobile-app-chat:not(.embed-chat){padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot.page.with-side{
    height:calc(100dvh - 64px - env(safe-area-inset-bottom))!important;
  }
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button{height:42px!important;min-height:42px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-create-room{min-height:42px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-open,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-join{height:40px!important;min-height:40px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-kick-list-btn{min-height:36px!important}
}

@media(max-width:620px){
  /* Rating stars were 25px on phones: visually fine, but too hard to tap reliably. */
  .game-rating-stars button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .game-rating-stars button svg{width:25px!important;height:25px!important}
}

@media(max-width:420px){
  .topbar-inner{padding-left:7px!important;padding-right:7px!important;gap:4px!important}
  .brand.brand-logo{max-width:132px!important}
  .brand.brand-logo img{max-width:132px!important}
  .auth-area{max-width:47vw!important;gap:2px!important}
  .auth-area .top-admin-link{max-width:44px!important;padding-left:5px!important;padding-right:5px!important}
  .writer-document{padding-left:14px!important;padding-right:14px!important}
}

/* v4.8.9 follow-up from 1024px desktop audit: footer min columns were wider than viewport. */
@media(max-width:1100px) and (min-width:761px){
  .footer-pro-inner{
    grid-template-columns:minmax(0,1.25fr) minmax(140px,.75fr) minmax(140px,.75fr)!important;
    gap:30px!important;
  }
  .footer-pro-brand{grid-column:1/-1!important}
}

@media(max-width:760px){
  input:not([type]),
  input[type="text"],input[type="email"],input[type="password"],input[type="search"],
  input[type="tel"],input[type="url"],input[type="number"],textarea,select{font-size:16px!important}
  .footer-business-info a{min-height:36px;display:inline-flex;align-items:center}
}
@media(max-width:760px){.writer-category-row select{font-size:16px!important}}
@media(max-width:860px){.auth-area{height:42px!important;min-height:42px!important;align-items:center!important}}
@media(min-width:761px) and (max-width:860px){
  .sidebar{top:70px!important;height:calc(100dvh - 70px)!important;max-height:calc(100dvh - 70px)!important}
  .menu-open .mobile-overlay{inset:70px 0 0!important}
  .writer-toolbar-shell{top:70px!important}
  .notification-popover{top:74px!important;max-height:calc(100dvh - 86px)!important}
}
@media(max-width:860px){
  input:not([type]),
  input[type="text"],input[type="email"],input[type="password"],input[type="search"],
  input[type="tel"],input[type="url"],input[type="number"],textarea,select,
  .writer-category-row select{font-size:16px!important}
}

/* v4.9.0 functional navigation QA: stable in-page anchor offset */
.hash-anchor{display:block;position:relative;top:-84px;visibility:hidden;height:0;pointer-events:none}
@media(max-width:700px){.hash-anchor{top:-64px}}


/* v4.9.1 performance/accessibility QA */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:2px solid #62cdf7!important;outline-offset:2px!important}
button,a,input,select,textarea{touch-action:manipulation}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v4.9.2 runtime resilience: connection status */
.connection-status-banner-v492{
  position:fixed;
  top:72px;
  left:50%;
  transform:translateX(-50%);
  z-index:10050;
  width:min(680px,calc(100vw - 28px));
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(24,26,36,.96);
  box-shadow:0 10px 28px rgba(0,0,0,.3);
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
  text-align:center;
  pointer-events:none;
}
.connection-status-banner-v492.is-offline{background:rgba(121,35,42,.97);border-color:rgba(255,135,145,.4)}
.connection-status-banner-v492.is-restored{background:rgba(24,92,65,.97);border-color:rgba(124,232,178,.4)}
.connection-status-banner-v492[hidden]{display:none!important}
@media (max-width:700px){
  .connection-status-banner-v492{top:58px;width:calc(100vw - 16px);padding:9px 11px;border-radius:10px;font-size:12px}
}

/* v4.10.0 - recoverable loading/error notice */
.init-recovery-bar-v4100{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:10080;transform:translateX(-50%);width:min(620px,calc(100vw - 28px));display:flex;align-items:center;gap:12px;padding:11px 12px 11px 14px;border:1px solid rgba(109,169,203,.34);border-radius:12px;background:rgba(11,20,27,.96);box-shadow:0 14px 34px rgba(0,0,0,.4);backdrop-filter:blur(12px)}
.init-recovery-bar-v4100[hidden]{display:none!important}.init-recovery-bar-v4100>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.init-recovery-bar-v4100 b{color:#e8f3f8;font-size:11px}.init-recovery-bar-v4100 small{color:#7f98a6;font-size:9px;line-height:1.35}.init-recovery-bar-v4100 button{flex:0 0 auto;height:32px;padding:0 11px;border:1px solid #31556a;border-radius:8px;background:#152a36;color:#9edcf7;font-size:9px;font-weight:900;cursor:pointer}.init-recovery-bar-v4100 button:hover{background:#1b3544}.init-recovery-bar-v4100 .init-recovery-close-v4100{width:32px;padding:0;border-color:transparent;background:transparent;color:#718792;font-size:17px}.init-recovery-bar-v4100 .init-recovery-close-v4100:hover{background:#17252e;color:#d8e5eb}
@media(max-width:700px){.init-recovery-bar-v4100{bottom:calc(68px + env(safe-area-inset-bottom));gap:8px;padding:10px 9px 10px 12px}.init-recovery-bar-v4100 small{display:none}.init-recovery-bar-v4100 button{height:34px}}

/* === v4.10.1 build freshness / stale-cache recovery === */

/* =========================================================
   v4.10.2 VISUAL POLISH + SITE-WIDE UX CONSISTENCY
   - unified surface hierarchy, spacing, focus, cards and forms
   - richer but restrained ROBLPANG blue accents
   - desktop/mobile readability and touch comfort
   - visual-only: no information architecture changes
   ========================================================= */
:root{
  --bg:#080d12;
  --panel:#111921;
  --panel2:#151f29;
  --line:#263541;
  --line2:#344856;
  --text:#f3f8fb;
  --muted:#8fa0ad;
  --accent:#58c8f5;
  --accent2:#6ea8ff;
  --green:#58d39a;
  --danger:#ff746c;
  --radius:16px;
  --shadow-card:0 14px 38px rgba(0,0,0,.22);
  --shadow-float:0 20px 54px rgba(0,0,0,.38);
}
html{background:#080d12}
body{
  background:
    radial-gradient(900px 500px at 50% -150px,rgba(68,151,201,.15),transparent 62%),
    radial-gradient(650px 420px at -120px 42%,rgba(72,112,185,.07),transparent 72%),
    linear-gradient(180deg,#0a1016 0,#080d12 42%,#080d12 100%);
  background-attachment:fixed;
  font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;
  letter-spacing:-.015em;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 62%);
}
::selection{background:rgba(88,200,245,.27);color:#fff}
*{scrollbar-color:#334652 transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2b3d49;border:2px solid transparent;background-clip:padding-box;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#3a5362;background-clip:padding-box}

/* Shared surfaces */
.panel{
  border-color:rgba(126,164,190,.16);
  background:linear-gradient(180deg,rgba(19,28,37,.96),rgba(13,20,27,.97));
  box-shadow:var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.025);
}
.panel:hover{border-color:rgba(126,171,200,.22)}
.section{padding:19px 20px;margin-bottom:16px}
.section-title{margin-bottom:16px;gap:14px}
.section-title h2{font-size:17px;letter-spacing:-.025em;color:#f5f9fc}
.section-title p{margin-top:5px;color:#718695;font-size:10.5px;line-height:1.45}
.section-title>a{color:#83a2b5;font-weight:800;transition:color .16s ease,transform .16s ease}
.section-title>a:hover{color:#bde9fb;transform:translateX(2px)}

/* Header */
.topbar{
  height:68px;
  border-bottom-color:rgba(112,153,179,.16);
  background:rgba(8,13,18,.86);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(20px) saturate(125%);
}
.topbar-inner{gap:28px}
.brand.brand-logo img{filter:drop-shadow(0 3px 9px rgba(0,0,0,.24))}
.topnav{gap:7px}
.topnav a{padding:8px 10px;border-radius:9px;color:#aebbc6;font-size:12.5px;transition:background .16s ease,color .16s ease,transform .16s ease}
.topnav a:hover{background:rgba(255,255,255,.055);color:#eef8fc;transform:translateY(-1px)}
.topnav a.active{background:rgba(88,200,245,.11);color:#9fe2ff}
.search{width:min(330px,26vw)}
.search input{
  height:40px;padding:0 14px 0 38px;border-color:#293b48;border-radius:12px;
  background:rgba(15,24,31,.82);color:#eff7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.search input:focus{border-color:#4387a7;background:#111e27;box-shadow:0 0 0 3px rgba(88,200,245,.09)}
.search:before{top:8px;color:#76909f}
.top-login{padding:9px 10px;border-radius:9px;transition:.16s ease}.top-login:hover{background:#ffffff0b;color:#fff}
.avatar{box-shadow:0 0 0 2px rgba(255,255,255,.025),0 5px 13px rgba(0,0,0,.22)}

/* Main shell + sidebar */
.site{margin-top:20px;gap:20px}
.sidebar{padding:14px;border-radius:17px}
.side-head{padding:7px 9px 16px;border-bottom-color:#22313b}.side-head b{font-size:14px}.side-head small{color:#718391;font-size:10px}
.side-brand-icon{border-radius:10px;box-shadow:0 4px 13px rgba(0,0,0,.22)}
.side-nav{padding-top:12px;gap:3px}
.side-nav a{
  min-height:42px;padding:10px 11px;border:1px solid transparent;border-radius:10px;
  color:#aab7c1;font-size:12.5px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.side-nav a:hover{background:#17232c;border-color:#233844;color:#eef8fc;transform:translateX(2px)}
.side-nav a.selected{background:linear-gradient(90deg,rgba(71,173,218,.15),rgba(71,173,218,.06));border-color:rgba(84,185,228,.22);color:#b9eaff;box-shadow:inset 3px 0 0 #55c6f3}
.side-nav .ico{width:22px}.side-nav .ico img{opacity:.88;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}
.write-main{
  margin-top:14px;padding:12px 13px;border:1px solid rgba(103,205,244,.26);border-radius:11px;
  background:linear-gradient(135deg,#277da6,#225d80);color:#f4fbff;box-shadow:0 10px 24px rgba(20,91,126,.22);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.write-main:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 13px 28px rgba(20,91,126,.3)}
.side-brand-banner{border-color:rgba(91,176,215,.18)!important;background:linear-gradient(145deg,rgba(28,58,75,.82),rgba(12,22,29,.9))!important}
.rightcol{gap:16px}

/* Buttons + controls */
.btn{
  min-height:39px;padding:9px 13px;border-color:#324551;border-radius:10px;background:linear-gradient(180deg,#18232c,#121b23);
  color:#dfeaf0;font-size:10.5px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;
}
.btn:hover{transform:translateY(-1px);border-color:#4a6575;background:linear-gradient(180deg,#1d2b35,#15212a);color:#fff;box-shadow:0 7px 16px rgba(0,0,0,.16)}
.btn:active{transform:translateY(0)}
.btn.primary{border-color:#73d4fa;background:linear-gradient(135deg,#77d8ff,#5cb9ee);color:#071117;box-shadow:0 8px 20px rgba(52,164,216,.21)}
.btn.primary:hover{border-color:#9fe6ff;background:linear-gradient(135deg,#92e2ff,#6ec8f6);color:#071117}
.btn.danger{border-color:#75454a!important;background:linear-gradient(180deg,#321c20,#261619)!important;color:#ffb5b0!important}.btn.danger:hover{border-color:#a5565d!important;background:#3b2025!important}
button:disabled,.btn:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.56;transform:none!important}
.field label{margin-bottom:7px;color:#a9bac5;font-size:10.5px}
.field input,.field textarea,.field select,.profile-form input,.board-search,
.my-games-toolbar input,.game-review-composer textarea,.chat-form textarea,.cafe-comment-form textarea{
  border-color:#2a3c48;background:#0c141b;color:#edf6fa;border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.field input:focus,.field textarea:focus,.field select:focus,.profile-form input:focus,.board-search:focus,
.my-games-toolbar input:focus,.game-review-composer textarea:focus,.chat-form textarea:focus,.cafe-comment-form textarea:focus{
  outline:0;border-color:#4389aa!important;background:#0e1921;box-shadow:0 0 0 3px rgba(88,200,245,.08)!important;
}
select{color-scheme:dark}

/* Pills / tabs / filters */
.chips{gap:8px;padding:13px 2px 16px}
.chip{min-height:36px;padding:8px 14px;border-color:#293b46;background:#101922;color:#9fb0bc;border-radius:999px;transition:.16s ease}
.chip:hover{border-color:#45616f;background:#17242d;color:#f2f9fc}
.chip.on{border-color:#8bdafa;background:#dff5fe;color:#0c1a21;box-shadow:0 7px 18px rgba(83,190,233,.12)}
.tabs{gap:3px;border-bottom-color:#263640}.tabs button{position:relative;padding:13px 11px;color:#8194a2}.tabs button:hover{color:#d9e6ec}.tabs button.on{color:#dff6ff;border-color:#62caf5}
.tabs button.on::after{content:"";position:absolute;left:20%;right:20%;bottom:-2px;height:2px;border-radius:99px;background:#62caf5;box-shadow:0 0 10px rgba(98,202,245,.38)}

/* Home cards */
.live-chat-banner{border-color:rgba(87,197,241,.23)!important;background:radial-gradient(circle at 0 0,rgba(77,185,232,.13),transparent 38%),linear-gradient(145deg,#111d26,#0e171f)!important}
.live-chat-banner:hover{border-color:rgba(102,211,255,.42)!important;box-shadow:0 15px 40px rgba(0,0,0,.28),0 0 0 1px rgba(84,189,232,.05)}
.recommend-hero{border-color:rgba(102,166,198,.21)!important;box-shadow:0 17px 42px rgba(0,0,0,.25)!important}
.feature-card{border-color:#263843;border-radius:13px;background:linear-gradient(180deg,#111b23,#0d151c);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.feature-card:hover{transform:translateY(-3px);border-color:#496a7a;box-shadow:0 15px 28px rgba(0,0,0,.22)}
.feature-body{padding:13px}.feature-body h3{font-size:13.5px}.feature-body p{color:#8495a2}.feature-foot{border-top-color:#22323c}
.latest-row{border-top-color:#1f2d36;transition:background .14s ease,padding-left .14s ease}.latest-row:hover{background:rgba(79,164,204,.045);padding-left:8px}
.login-card,.news-card,.rank-card,.visitor-card,.attendance-mini-card,.feedback-mini-card{border-color:rgba(119,161,187,.16)}
.login-card{background:radial-gradient(circle at 100% 0,rgba(79,176,217,.09),transparent 45%),linear-gradient(180deg,#141d25,#10171e)}
.login-kicker{color:#76d5fb}.login-card h3{font-size:20px;letter-spacing:-.03em}.login-card p{color:#8fa1ae}
.login-buttons a{min-height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:.16s ease}.login-buttons a:hover{transform:translateY(-1px);filter:brightness(1.06)}
.roblox-direct-banner{border-color:#334751!important;background:linear-gradient(145deg,#18232c,#111920)!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important;transition:.17s ease!important}.roblox-direct-banner:hover{transform:translateY(-2px);border-color:#536f7e!important;box-shadow:0 18px 34px rgba(0,0,0,.28)!important}
.roblox-direct-arrow{transition:transform .17s ease}.roblox-direct-banner:hover .roblox-direct-arrow{transform:translate(2px,-2px)}
.news-item{border-bottom-color:#22313a;transition:padding-left .14s ease,color .14s ease}.news-item:hover{padding-left:4px}.news-item b{color:#dfe9ee}.news-item span{color:#708492}
.rank-row{border-top-color:#1f2d36}.rank-row:hover{background:rgba(255,255,255,.018)}

/* Board / lists */
.board-shell{padding:19px;border-radius:17px}
.board-title-row{margin-bottom:16px}.board-title-row h1{font-size:24px;letter-spacing:-.035em}.board-title-row p{font-size:11px;color:#7f929f}
.board-toolbar{gap:8px;margin-bottom:12px}
.board-search-panel,.board-bottom-tools{border-color:#273a45!important;background:linear-gradient(180deg,rgba(17,27,35,.86),rgba(12,20,26,.86))!important;border-radius:13px!important}
[class*="board-row-v"]{transition:background .14s ease,box-shadow .14s ease,border-color .14s ease}
[class*="board-row-v"]:hover{background:linear-gradient(90deg,rgba(65,162,205,.055),rgba(65,162,205,.02))!important;box-shadow:inset 3px 0 0 rgba(81,194,240,.45)}
[class*="board-row-v"] .board-media-thumb{border-radius:9px!important;box-shadow:0 5px 13px rgba(0,0,0,.22)}
[class*="board-row-v"] b{letter-spacing:-.02em}
.board-pagination button,.board-pagination a{border-radius:8px!important;transition:.14s ease}.board-pagination .on,.board-pagination button:hover,.board-pagination a:hover{border-color:#4d91b0!important;background:#172b36!important;color:#b9e9fb!important}

/* Post + comments */
.cafe-post,.post-card{border-radius:17px!important}
.cafe-head,.post-head{border-bottom-color:#263843!important}.post-head h1{letter-spacing:-.035em;line-height:1.32}
.cafe-content,.post-content{color:#dce5ea;line-height:1.85}
.cafe-actions,.post-actions{border-top-color:#263843!important}
.action-pill{border-color:#2e414d!important;background:#101920!important;border-radius:10px!important;transition:.15s ease}.action-pill:hover{border-color:#4b6877!important;background:#172630!important;transform:translateY(-1px)}
.cafe-comments,.comments-box{border-radius:17px!important}.comment-item{border-top-color:#22333d}.comment-item:hover{background:rgba(255,255,255,.012)}
.cafe-comment-form,.comment-form textarea{border-color:#2d414d!important;background:#0c151c!important}

/* Auth / legal */
.auth-page{margin-top:60px;margin-bottom:60px}
.auth-card{padding:30px;border-radius:18px;background:radial-gradient(circle at 50% -15%,rgba(68,164,207,.13),transparent 40%),linear-gradient(180deg,#141e27,#0f171e);border-color:#2a3c47;box-shadow:0 24px 60px rgba(0,0,0,.31)}
.auth-logo{margin-bottom:23px}.auth-logo-image{filter:drop-shadow(0 7px 18px rgba(0,0,0,.22))}
.auth-card h1{font-size:23px;letter-spacing:-.035em}.auth-card>p{color:#899da9}
.auth-card button[type=submit]{min-height:44px;border-radius:11px;background:linear-gradient(135deg,#80dcff,#62bff1);box-shadow:0 10px 24px rgba(56,162,211,.2);transition:.15s ease}.auth-card button[type=submit]:hover{filter:brightness(1.05);transform:translateY(-1px)}
.auth-bottom{color:#768a97}.legal{padding:30px}.legal h1{letter-spacing:-.035em}.legal h2{color:#e4edf2}.legal p,.legal li{color:#9bacb7}

/* My page / profile / friends / notifications */
.mypage-head{padding:22px 23px;border-radius:17px!important}.profile-big{box-shadow:0 0 0 4px rgba(87,191,233,.08),0 8px 24px rgba(0,0,0,.25)}
.stat{border-radius:10px}.stats .stat{background:rgba(255,255,255,.018);border:1px solid rgba(127,164,187,.10)}
.mypage-games-card,.mypage-friends-card,.mypage-attendance-card,.demographic-settings-card,.account-security-card,.friends-page-card,.notification-page-card{border-radius:16px!important;box-shadow:var(--shadow-card)}
.my-game-card,.friend-card,.achievement-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.my-game-card:hover,.friend-card:hover,.achievement-card:hover{transform:translateY(-2px);border-color:rgba(104,187,226,.32)!important;box-shadow:0 14px 28px rgba(0,0,0,.22)}
.friends-count-pill{border-color:#315063!important;background:#12242f!important;color:#8edcff!important}
.notification-page-list>*{transition:background .14s ease,border-color .14s ease}.notification-page-list>*:hover{background:rgba(75,167,208,.035)}
.public-profile-view .mypage-head{box-shadow:var(--shadow-card)}

/* Writer */
.writer-document{border-color:#2a3c48!important;background:linear-gradient(180deg,#121b23,#0d151c)!important;box-shadow:0 20px 52px rgba(0,0,0,.26)!important}
.writer-doc-top{border-bottom-color:#24353f!important}.writer-doc-top h1{letter-spacing:-.04em}
.writer-title{color:#f2f7fa!important}.writer-title::placeholder{color:#526773!important}
.writer-content{color:#dae5ea!important}.writer-content:empty:before{color:#50636e!important}
.writer-toolbar-shell{border-color:#293b47!important;background:rgba(11,18,24,.93)!important;backdrop-filter:blur(16px)}
.write-tool{border-radius:8px!important;transition:.14s ease}.write-tool:hover{background:#1a2b35!important;color:#bcecff!important}
.writer-category-row select{border-color:#2b404c!important;background:#0d171e!important;border-radius:10px!important}

/* Messaging + desktop chat */
.message-list-panel,.note-compose{border-radius:16px!important}
.message-tabs .chip{min-height:38px}
@media(min-width:761px){
  #chatRoot .chat-shell{border-color:#2a3c48!important;box-shadow:0 22px 52px rgba(0,0,0,.28)!important}
  #chatRoot .chat-people-wrap{background:linear-gradient(180deg,#101a22,#0d151b)!important}
  #chatRoot .chat-main{background:radial-gradient(circle at 75% 0,rgba(70,151,190,.055),transparent 36%),#0c141a!important}
  #chatRoot .chat-person{border-radius:10px!important;margin:2px 6px!important;transition:.14s ease!important}
  #chatRoot .chat-person:hover{background:#17262f!important}
  #chatRoot .chat-person.on{background:linear-gradient(90deg,rgba(72,181,226,.16),rgba(72,181,226,.06))!important;box-shadow:inset 3px 0 0 #59c9f6!important}
  #chatRoot .room-messages,#chatRoot .chat-messages{background:linear-gradient(180deg,#0b1319,#0a1117)!important}
  #chatRoot .room-chat-form,#chatRoot .chat-form{background:#0e171e!important;border-top-color:#273944!important}
  #chatRoot .messenger-composer{border-color:#304653!important;background:#0b141a!important}
}
.room-modal-card,.mini-game-card,.kick-list-card,.invite-room-card{border-color:#314550!important;border-radius:16px!important;box-shadow:var(--shadow-float)!important}
.room-modal{backdrop-filter:blur(7px)}

/* Admin */
.admin-dashboard,.admin-tab-page{border-radius:17px!important}
.admin-hero{background:radial-gradient(circle at 100% 0,rgba(76,179,224,.11),transparent 42%),linear-gradient(145deg,#13202a,#0e171e)!important}
.admin-stat,.traffic-stat{border-color:#293d48!important;border-radius:13px!important;background:linear-gradient(145deg,#111d25,#0d161c)!important;transition:.16s ease}.admin-stat:hover,.traffic-stat:hover{transform:translateY(-2px);border-color:#3b5c6d!important}
.admin-tab{border-radius:9px!important}.admin-tab.on{background:#17303d!important;color:#a8e5fb!important;border-color:#315b70!important}
.admin-search input{border-radius:11px!important;border-color:#2b404c!important;background:#0c151c!important}

/* Game finder / global search */
.game-finder-hero,.global-search-hero{border-radius:18px!important;box-shadow:0 22px 52px rgba(0,0,0,.28)!important}
.game-finder-hero{background:radial-gradient(circle at 90% 15%,rgba(87,198,243,.16),transparent 31%),linear-gradient(145deg,#12232d,#0c171e)!important}
.game-finder-kicker,.global-search-kicker{color:#73d3fa!important}
.finder-mode,.game-genre-section,.game-random-section,.site-search-page-section{border-radius:16px!important}
.finder-primary{box-shadow:0 10px 24px rgba(54,164,214,.18)}

/* Loading / empty states feel deliberate, not broken */
.rp-loading,.empty-state,.loading,.friends-loading,.notification-loading,.achievement-loading,.my-games-loading{
  color:#748b99;
}
.rp-loading{border-radius:12px;background:linear-gradient(110deg,transparent,rgba(255,255,255,.014),transparent)}
.rp-loading-spinner{border-color:#213b47;border-top-color:#65d1fa;border-right-color:#3884a6;box-shadow:0 0 20px rgba(77,193,238,.13)}
.empty-state{border:1px dashed rgba(116,154,178,.16);border-radius:12px;background:rgba(255,255,255,.012)}
.toast{border-radius:12px;box-shadow:0 16px 34px rgba(0,0,0,.34);backdrop-filter:blur(12px)}

/* Footer */
.site-footer-pro{margin-top:34px!important;border-top-color:rgba(110,148,170,.13)!important;background:linear-gradient(180deg,rgba(10,15,20,0),rgba(10,15,20,.28))}
.footer-pro-title{color:#dce8ed}.footer-pro-sub,.footer-copy,.footer-disclaimer{color:#667c89}
.footer-pro-col a{color:#8296a3;transition:color .14s ease}.footer-pro-col a:hover{color:#c7e8f5}

/* Responsive polish */
@media(max-width:1120px){
  .site{gap:15px}
  .section{padding:17px}
}
@media(max-width:860px){
  .topbar{height:64px}
  .topbar-inner{gap:7px!important}
  .brand.brand-logo img{filter:none}
  .site{margin-top:12px!important}
  .panel{box-shadow:0 9px 24px rgba(0,0,0,.16)}
}
@media(max-width:760px){
  body{background:linear-gradient(180deg,#0a1016,#080d12 44%)}
  body::before{display:none}
  .page,.site{width:calc(100% - 18px)!important}
  .section{padding:15px 14px;margin-bottom:11px;border-radius:14px!important}
  .section-title{margin-bottom:13px}.section-title h2{font-size:16px}.section-title p{font-size:10px}
  .chip{min-height:38px;padding:8px 13px}
  .board-shell,.cafe-post,.cafe-comments,.post-card,.comments-box,.legal,.auth-card{border-radius:14px!important}
  .board-shell{padding:14px!important}.board-title-row h1{font-size:21px}
  [class*="board-row-v"]:hover{box-shadow:none}
  .auth-page{width:calc(100% - 22px)!important;margin-top:24px;margin-bottom:32px}.auth-card{padding:22px 18px}.auth-card h1{font-size:21px}
  .mypage-head{padding:17px!important}.profile-big{box-shadow:0 0 0 3px rgba(87,191,233,.07)}
  .footer-pro-inner{padding-left:14px!important;padding-right:14px!important}
  .roblox-direct-banner:hover,.feature-card:hover,.my-game-card:hover,.friend-card:hover,.achievement-card:hover,.btn:hover{transform:none}
}
@media(max-width:430px){
  .page,.site{width:calc(100% - 12px)!important}
  .section{padding-left:12px;padding-right:12px}
  .panel{border-radius:13px}
  .topbar{box-shadow:0 5px 18px rgba(0,0,0,.22)}
}
@media(max-width:760px){
  body:not(.mobile-app-chat) .mobile-bottom-nav{
    border-top-color:rgba(103,150,177,.2)!important;
    background:rgba(9,15,20,.94)!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.25)!important;
    backdrop-filter:blur(18px) saturate(125%);
  }
  body:not(.mobile-app-chat) .mobile-bottom-nav>a{color:#758a98!important;border-radius:11px!important}
  body:not(.mobile-app-chat) .mobile-bottom-nav>a.on{color:#8edfff!important;background:linear-gradient(180deg,rgba(61,166,210,.16),rgba(35,93,119,.08))!important}
  body:not(.mobile-app-chat) .mobile-bottom-nav>a.on:after{background:#67d0f8!important;box-shadow:0 0 9px rgba(103,208,248,.4)}
}

/* =========================================================
   v4.10.3 Header navigation baseline/CTA sizing fix
   - 모든 상단 메뉴를 동일한 클릭 높이와 세로 기준선으로 통일
   - 게임추천받기 버튼의 legacy 음수 margin 제거
   ========================================================= */
.topnav{
  align-items:center;
}
.topnav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  height:32px;
  padding:0 10px;
  margin:0;
  line-height:1;
  vertical-align:middle;
}
.topnav a.game-finder-link{
  height:32px;
  padding:0 10px;
  margin:0;
  line-height:1;
  border-radius:8px;
  box-sizing:border-box;
}
@media(max-width:1280px) and (min-width:861px){
  .topnav a{
    height:30px;
    padding:0 8px;
  }
  .topnav a.game-finder-link{
    height:30px;
    padding:0 8px;
    margin:0;
  }
  .game-finder-body .topnav a.game-finder-link{
    height:30px;
    padding:0 8px;
    margin:0;
  }
}


/* =========================================================
   v4.10.4 VISUAL PROPORTION + RHYTHM CALIBRATION
   - text-to-box proportions normalized across desktop controls
   - rows/cards compacted without shrinking mobile tap targets
   - secondary copy contrast raised for cleaner visual hierarchy
   ========================================================= */

/* Shared typography hierarchy */
.section-title h2,
.board-title-row h1,
.friends-page-head h1,
.notification-page-head h1{
  line-height:1.18;
}
.section-title p,
.board-title-row p,
.news-item span,
.login-card p,
.login-sub,
.visitor-note{
  color:#879aa7;
}

@media(min-width:761px){
  /* Controls: box size now follows the text instead of dwarfing it. */
  .btn{
    min-height:36px;
    padding:7px 12px;
    font-size:11.5px;
    line-height:1.2;
    border-radius:9px;
  }
  .chip{
    min-height:32px;
    padding:6px 12px;
    font-size:11.5px;
    line-height:1;
  }
  .tabs button{
    min-height:36px;
    padding:9px 10px;
    font-size:11.5px;
    line-height:1;
  }
  .notification-page-tabs button{
    height:34px;
    min-height:34px;
    padding:0 11px;
    font-size:10px;
    line-height:1;
  }
  .admin-tab{
    min-height:34px;
    padding-top:7px!important;
    padding-bottom:7px!important;
    line-height:1.1;
  }

  /* Sidebar / primary actions */
  .side-nav{gap:2px}
  .side-nav a{
    min-height:38px;
    padding:8px 10px;
    font-size:12.5px;
    line-height:1.15;
  }
  .write-main{
    min-height:40px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    line-height:1;
  }
  .login-buttons a{
    min-height:36px;
    padding:0 10px;
    font-size:11.5px;
    line-height:1;
  }

  /* Section rhythm: slightly tighter, easier to scan. */
  .section{
    padding:17px 18px;
    margin-bottom:14px;
  }
  .section-title{
    margin-bottom:13px;
    gap:12px;
  }
  .section-title h2{font-size:16.5px}
  .section-title p{font-size:11px;line-height:1.4}
  .section-title>a{font-size:11.5px;line-height:1.2}

  /* Board/list density: remove the oversized-row feeling. */
  .board-shell{padding:17px}
  .board-row,
  .board-row-v2,
  .board-row-v3,
  .board-row-v4,
  .board-row-v5,
  .board-row-v6{
    min-height:64px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .latest-head{padding-top:7px;padding-bottom:7px;font-size:9.5px}
  .latest-row{padding-top:9px;padding-bottom:9px;font-size:11.5px}
  .tag{font-size:9.5px;padding:4px 7px}

  /* Compact secondary CTAs while keeping their emphasis. */
  .game-trend-tab{
    min-height:34px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    line-height:1;
  }
  .recommend-arrow{
    width:36px;
    height:36px;
    font-size:22px;
  }
  .game-rank-arrow{
    width:34px;
    height:34px;
    font-size:22px;
  }
  .attendance-checkin-btn{
    min-height:34px;
    padding:0 10px;
    font-size:10.5px;
    line-height:1;
  }
  .feedback-mini-actions>a{height:36px}
  .feedback-mini-actions b{font-size:9.5px}

  /* Page headers: less empty vertical space, clearer text hierarchy. */
  .friends-page-head,.notification-page-head{
    padding:21px 23px;
  }
  .friends-page-head h1,.notification-page-head h1{font-size:23px}
  .friends-page-head p,.notification-page-head p{font-size:10.5px;line-height:1.45}
  .friends-page-summary>div{padding:9px 10px}

  /* Forms */
  .field input,.field select,.board-search,.profile-form input,.my-games-toolbar input{
    min-height:40px;
  }
  .field label{font-size:11px}
}

/* Mobile keeps comfortable tap targets; typography is enlarged to match them. */
@media(max-width:760px){
  .btn{font-size:12.5px;line-height:1.2}
  .chip,.tabs button,.notification-page-tabs button,.feedback-kind-tabs button{
    font-size:12px;
    line-height:1.1;
  }
  .section-title h2{font-size:16px;line-height:1.2}
  .section-title p{font-size:10.5px;line-height:1.45}
  .section-title>a{font-size:11.5px}
  .side-nav a{font-size:13px}
  .board-row,.board-row-v2,.board-row-v3,.board-row-v4,.board-row-v5,.board-row-v6{
    line-height:1.35;
  }
  .notification-page-tabs button{padding-left:12px;padding-right:12px}
}

/* === v4.10.5 KR / EN language switch === */
.rp-language-switch{height:32px;min-width:48px;padding:0 9px;border:1px solid rgba(130,157,184,.24);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#cbd8e5;background:rgba(17,27,37,.72);font-size:11px;line-height:1;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:border-color .16s ease,background .16s ease,color .16s ease}
.rp-language-switch b{font-size:11px;letter-spacing:.05em;color:#74c9ff}.rp-language-switch span{font-size:10px;color:#9fb0c1}.rp-language-switch:hover{border-color:rgba(74,174,255,.56);background:rgba(32,53,72,.82);color:#fff}.rp-language-switch:hover span{color:#d8e6f2}
.rp-language-prompt{position:fixed;left:50%;bottom:18px;z-index:10000;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:10px 11px 10px 14px;border:1px solid rgba(91,181,255,.34);border-radius:13px;background:rgba(10,17,24,.96);box-shadow:0 14px 42px rgba(0,0,0,.36);backdrop-filter:blur(14px);color:#eaf4fd;max-width:min(92vw,520px)}
.rp-language-prompt span{display:flex;flex-direction:column;gap:2px;min-width:0}.rp-language-prompt b{font-size:12px}.rp-language-prompt small{font-size:11px;color:#98aabc}.rp-language-prompt a{height:30px;padding:0 11px;border-radius:8px;display:inline-flex;align-items:center;background:#1586d7;color:#fff;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.rp-language-prompt button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#92a4b6;font-size:18px;cursor:pointer}.rp-language-prompt button:hover{background:rgba(255,255,255,.06);color:#fff}
html[lang="en"] .topnav{gap:3px}html[lang="en"] .topnav a{padding-left:8px;padding-right:8px}html[lang="en"] .search{max-width:250px}
@media(max-width:1280px){.rp-language-switch{height:30px;padding:0 7px}.rp-language-switch span{display:none}html[lang="en"] .topnav a{padding-left:6px;padding-right:6px;font-size:11px}}
@media(max-width:760px){.rp-language-switch{height:30px;min-width:36px;padding:0 7px;margin-left:2px}.rp-language-switch span{display:none}.rp-language-prompt{bottom:76px;width:calc(100vw - 24px);gap:9px}.rp-language-prompt small{white-space:normal}.rp-language-prompt a{margin-left:auto}}

/* v4.10.5 header safety: keep language control compact on every desktop width */
.rp-language-switch{min-width:38px;padding-left:7px;padding-right:7px}.rp-language-switch span{display:none}


/* =========================================================
   v4.10.6 LANGUAGE CONTROL + GLOBAL ENGLISH CLEANUP
   Desktop: LANGUAGE ENG / KR lives directly beside Find a Game.
   Mobile: compact segmented language control remains accessible in header.
   ========================================================= */
.rp-language-control{box-sizing:border-box;display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;font-family:inherit}
.rp-language-desktop{height:32px;margin-left:4px;padding:0 6px 0 9px;border:1px solid rgba(102,145,177,.25);border-radius:9px;background:linear-gradient(180deg,rgba(20,32,43,.88),rgba(13,22,30,.88));box-shadow:inset 0 1px rgba(255,255,255,.025);gap:7px}
.rp-language-title{font-size:8.5px;line-height:1;font-weight:900;letter-spacing:.115em;color:#6f8495}
.rp-language-options{height:22px;display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:7px;background:rgba(5,12,18,.54)}
.rp-language-options a{height:18px!important;min-width:29px!important;padding:0 6px!important;margin:0!important;border:0!important;border-radius:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#8599aa!important;background:transparent!important;font-size:9.5px!important;font-weight:900!important;line-height:1!important;letter-spacing:.025em;text-decoration:none;box-shadow:none!important;transform:none!important}
.rp-language-options a:hover{color:#dff5ff!important;background:rgba(86,182,224,.09)!important}
.rp-language-options a.on{color:#eafaff!important;background:linear-gradient(180deg,rgba(45,153,204,.36),rgba(25,107,148,.34))!important;box-shadow:inset 0 0 0 1px rgba(101,209,255,.28)!important}
.rp-language-options i{font-style:normal;font-size:9px;line-height:1;color:#475b6b;user-select:none}
.rp-language-mobile{display:none}
html[lang="en"] .topnav{gap:3px}
html[lang="en"] .topnav>.rp-language-desktop{margin-left:2px}
@media(max-width:1280px) and (min-width:861px){
  .rp-language-desktop{height:30px;padding-left:6px;padding-right:5px;gap:4px;margin-left:1px}
  .rp-language-desktop .rp-language-title{display:none}
  .rp-language-options{height:22px}
  .rp-language-options a{min-width:27px!important;padding-left:5px!important;padding-right:5px!important}
}
@media(max-width:860px){
  .rp-language-desktop{display:none!important}
  .rp-language-mobile{height:30px;display:inline-flex;margin-left:auto;margin-right:1px;padding:0 4px;border:1px solid rgba(102,145,177,.24);border-radius:8px;background:rgba(16,27,36,.78)}
  .rp-language-mobile .rp-language-title{display:none}
  .rp-language-mobile .rp-language-options{height:24px;background:transparent;padding:0;gap:1px}
  .rp-language-mobile .rp-language-options a{height:22px!important;min-width:28px!important;padding:0 5px!important;font-size:9px!important}
  .rp-language-mobile .rp-language-options i{font-size:8px}
}


/* =========================================================
   v4.10.7 DESKTOP HEADER FIT + SILENT UPDATE POLICY
   - no horizontal navigation scrollbar
   - Find a Game + LANGUAGE stay visible as the window narrows
   - search yields space before primary navigation does
   - old new-version popup UI is removed
   ========================================================= */
@media(min-width:861px){
  .topbar-inner{
    width:min(calc(100% - 20px),var(--max));
    min-width:0!important;
    gap:clamp(6px,.75vw,14px)!important;
  }
  .brand.brand-logo{
    flex:0 1 clamp(120px,11.8vw,180px)!important;
    min-width:100px!important;
    max-width:180px!important;
    overflow:hidden;
  }
  .brand.brand-logo img{
    width:100%!important;
    max-width:180px!important;
    height:auto!important;
    object-fit:contain;
  }
  .topnav{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(1px,.35vw,7px)!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding:0!important;
    margin:0!important;
    scrollbar-width:none!important;
  }
  .topnav::-webkit-scrollbar{display:none!important}
  .topnav>a{
    flex:0 1 auto!important;
    min-width:0!important;
    height:32px!important;
    padding:0 clamp(4px,.48vw,10px)!important;
    margin:0!important;
    font-size:clamp(10px,.75vw,12.5px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .topnav>a.game-finder-link{
    flex:0 0 auto!important;
    padding-left:clamp(7px,.6vw,10px)!important;
    padding-right:clamp(7px,.6vw,10px)!important;
  }
  .rp-language-desktop{
    flex:0 0 auto!important;
    height:32px!important;
    margin-left:1px!important;
    padding:0 5px 0 7px!important;
    gap:5px!important;
  }
  .rp-language-desktop .rp-language-title{
    display:inline!important;
    font-size:7.5px!important;
    letter-spacing:.08em!important;
  }
  .rp-language-desktop .rp-language-options{height:22px!important}
  .rp-language-desktop .rp-language-options a{
    min-width:25px!important;
    padding:0 4px!important;
    font-size:8.8px!important;
  }
  .search{
    flex:0 1 clamp(150px,17vw,250px)!important;
    width:clamp(150px,17vw,250px)!important;
    min-width:130px!important;
  }
  .auth-area{
    flex:0 0 auto!important;
    max-width:none!important;
    overflow:visible!important;
  }
}

/* Medium desktop: keep every navigation item visible; search gives up its space first. */
@media(min-width:861px) and (max-width:1390px){
  .search{display:none!important}
  .topbar-inner{gap:clamp(5px,.6vw,10px)!important}
  .topnav{gap:clamp(0px,.23vw,4px)!important}
  .topnav>a{padding-left:clamp(3px,.4vw,7px)!important;padding-right:clamp(3px,.4vw,7px)!important}
}

/* Narrow desktop/tablet landscape: preserve one-line overview without a nav scrollbar. */
@media(min-width:861px) and (max-width:1080px){
  .brand.brand-logo{flex-basis:112px!important;max-width:112px!important;min-width:92px!important}
  .brand.brand-logo img{max-width:112px!important}
  .topbar-inner{gap:4px!important}
  .topnav{gap:0!important}
  .topnav>a{
    height:30px!important;
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:10px!important;
  }
  .topnav>a.game-finder-link{padding-left:6px!important;padding-right:6px!important}
  .rp-language-desktop{height:30px!important;padding-left:5px!important;padding-right:4px!important;gap:3px!important}
  .rp-language-desktop .rp-language-title{font-size:7px!important}
  .rp-language-desktop .rp-language-options a{min-width:23px!important;padding-left:3px!important;padding-right:3px!important;font-size:8.4px!important}
  .global-online-count{display:none!important}
  .auth-area{gap:2px!important}
  .auth-area .top-login{display:none!important}
}

/* Very narrow desktop: squeeze secondary account chrome, never the nav into a scrollbar. */
@media(min-width:861px) and (max-width:930px){
  .brand.brand-logo{flex-basis:96px!important;max-width:96px!important;min-width:84px!important}
  .brand.brand-logo img{max-width:96px!important}
  .topnav>a{padding-left:3px!important;padding-right:3px!important;font-size:9.4px!important}
  html[lang="en"] .topnav>a{font-size:9.1px!important}
  .rp-language-desktop{padding-left:4px!important;padding-right:3px!important}
  .rp-language-desktop .rp-language-title{font-size:6.6px!important}
  .rp-language-desktop .rp-language-options a{min-width:21px!important;font-size:8px!important}
  .auth-area .top-mini-link,.auth-area .top-notification-wrap,.auth-area .top-admin-link{display:none!important}
}

/* The removed update banner must never reappear from stale markup. */
.site-update-bar-v4101,#siteUpdateBarV4101{display:none!important}
body.has-site-update-v4101{padding-top:0!important}

/* === v4.10.8 Hashtag system === */
.writer-hashtag-field{
  margin:4px 0 2px;padding:14px 16px;border:1px solid rgba(99,190,255,.14);border-radius:13px;
  background:rgba(9,19,28,.62);display:grid;gap:10px
}
.writer-hashtag-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.writer-hashtag-label b{font-size:13px;color:#eaf7ff}
.writer-hashtag-label small{font-size:11px;color:#718797;font-weight:600}
.writer-hashtag-field input{
  width:100%;height:40px;border:1px solid #263d4c;border-radius:10px;background:#09141c;color:#eaf7ff;
  padding:0 12px;font-size:13px;outline:none;box-sizing:border-box
}
.writer-hashtag-field input:focus{border-color:#3caee9;box-shadow:0 0 0 3px rgba(48,169,230,.11)}
.writer-hashtag-field input::placeholder{color:#526876}
.writer-hashtag-preview{display:flex;gap:7px;flex-wrap:wrap;min-height:22px;align-items:center}
.writer-hashtag-preview span,.post-hashtag,.board-hashtag-explore-v4108 a{
  display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;border:1px solid rgba(63,180,240,.25);
  background:rgba(22,107,151,.14);color:#73cfff;font-size:11px;font-weight:800;text-decoration:none;line-height:1.25
}
.writer-hashtag-preview small{color:#647b8a;font-size:11px}
.post-hashtags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px;padding-top:2px}
.post-hashtag:hover,.board-hashtag-explore-v4108 a:hover{background:rgba(42,148,201,.24);border-color:#3caee9;color:#c7efff}
.board-hashtags-v4108{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.board-hashtag-v4108{
  display:inline-flex;font-style:normal;color:#65bddf;background:rgba(35,125,164,.10);border:1px solid rgba(65,164,204,.14);
  border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800;line-height:16px
}
.board-hashtag-explore-v4108{
  display:flex;align-items:center;gap:10px;min-width:0;padding:9px 0 10px;border-bottom:1px solid rgba(109,151,176,.12)
}
.board-hashtag-explore-v4108>span{flex:0 0 auto;font-size:11px;font-weight:900;color:#8ea6b5;letter-spacing:.02em}
.board-hashtag-explore-list-v4108{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.board-hashtag-explore-list-v4108::-webkit-scrollbar{display:none}
.board-hashtag-explore-v4108 a{white-space:nowrap;min-height:24px;padding:3px 8px}
.board-hashtag-explore-v4108 a small{margin-left:5px;color:#6f91a5;font-size:9px}
.board-hashtag-explore-v4108 a.on{background:#1575a2;border-color:#39baf1;color:#fff}
.board-hashtag-clear-v4108{margin-left:auto!important;flex:0 0 auto;background:transparent!important;border-color:#2a3d48!important;color:#91a7b5!important}
@media(max-width:860px){
  .writer-hashtag-field{padding:12px;margin-inline:0}.writer-hashtag-label{align-items:flex-start;flex-direction:column;gap:3px}
  .writer-hashtag-field input{height:42px;font-size:16px}
  .post-hashtags{margin-bottom:14px}.post-hashtag{min-height:28px;font-size:11px}
  .board-hashtag-explore-v4108{gap:7px}.board-hashtag-explore-v4108>span{display:none}
}

/* === v4.10.9 English auth-state localization + related post discovery === */
.related-posts-v4109{
  margin-top:14px;padding:20px;border:1px solid rgba(102,169,204,.15);border-radius:16px;
  background:linear-gradient(180deg,rgba(15,29,39,.94),rgba(10,20,28,.96));overflow:hidden
}
.related-posts-head-v4109{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.related-posts-head-v4109>div{min-width:0}
.related-posts-head-v4109 small{display:block;margin-bottom:5px;color:#55c9ff;font-size:10px;font-weight:900;letter-spacing:.11em}
.related-posts-head-v4109 h2{margin:0;color:#edf8ff;font-size:17px;line-height:1.3;letter-spacing:-.025em}
.related-posts-head-v4109>a{flex:0 0 auto;color:#86a8ba;font-size:11px;font-weight:800;text-decoration:none}
.related-posts-head-v4109>a:hover{color:#70d4ff}
.related-post-grid-v4109{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.related-post-card-v4109{
  min-width:0;padding:13px 14px;border:1px solid rgba(103,152,179,.14);border-radius:12px;background:rgba(7,18,25,.62);
  color:inherit;text-decoration:none;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;row-gap:7px;transition:border-color .16s ease,transform .16s ease,background .16s ease
}
.related-post-card-v4109:hover{border-color:rgba(67,188,241,.40);background:rgba(16,39,52,.82);transform:translateY(-1px)}
.related-post-category-v4109{grid-column:1;grid-row:1;display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border-radius:999px;background:rgba(42,147,194,.14);color:#69c9f1;font-size:9px;font-weight:900;white-space:nowrap}
.related-post-card-v4109>b{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf5fb;font-size:12px;line-height:1.35}
.related-post-tags-v4109{grid-column:1/-1;display:flex;gap:5px;min-width:0;overflow:hidden}
.related-post-tags-v4109 em{font-style:normal;color:#64bfe4;font-size:9px;font-weight:800;white-space:nowrap}
.related-post-card-v4109>small{grid-column:1/-1;color:#6f8795;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related-post-loading-v4109{grid-column:1/-1;padding:18px;text-align:center;color:#708794;font-size:11px}
@media(max-width:860px){
  .related-posts-v4109{margin-top:10px;padding:14px;border-radius:14px}
  .related-posts-head-v4109{align-items:center;margin-bottom:10px}
  .related-posts-head-v4109 h2{font-size:15px}
  .related-post-grid-v4109{grid-template-columns:1fr;gap:7px}
  .related-post-card-v4109{padding:12px;min-height:64px}
}


/* === v4.11.0 recent-engagement discovery === */
.home-trending-v4110{position:relative;overflow:hidden;padding:18px 18px 16px}
.home-trending-v4110::before{content:"";position:absolute;inset:0 auto auto 0;width:180px;height:1px;background:linear-gradient(90deg,#45c9ff,transparent);opacity:.8}
.home-trending-head-v4110{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}
.home-trending-head-v4110>div{min-width:0}
.home-trending-head-v4110>div>span{display:block;margin-bottom:4px;color:#57caf7;font-size:9px;line-height:1;font-weight:900;letter-spacing:.13em}
.home-trending-head-v4110 h2{margin:0;color:#eff9ff;font-size:17px;line-height:1.3;letter-spacing:-.03em}
.home-trending-head-v4110 p{margin:5px 0 0;color:#8096a4;font-size:10px}
.home-trending-head-v4110>a{flex:0 0 auto;color:#8aa6b5;font-size:10px;font-weight:850;text-decoration:none}
.home-trending-head-v4110>a:hover{color:#67d3ff}
.home-trending-grid-v4110{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.home-trending-card-v4110{position:relative;display:flex;flex-direction:column;min-width:0;min-height:118px;padding:12px 12px 10px;border:1px solid rgba(91,143,168,.22);border-radius:13px;background:linear-gradient(180deg,rgba(17,33,43,.92),rgba(10,22,29,.92));text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.home-trending-card-v4110:hover{transform:translateY(-2px);border-color:rgba(80,202,247,.46);background:linear-gradient(180deg,rgba(20,42,54,.98),rgba(11,27,36,.98))}
.home-trending-rank-v4110{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(65,191,237,.12);border:1px solid rgba(74,202,248,.22);color:#73d9ff;font-size:10px;font-weight:950}
.home-trending-copy-v4110{display:flex;flex:1;min-width:0;flex-direction:column;padding-right:25px}
.home-trending-copy-v4110>small{display:block;margin-bottom:7px;color:#68c8ec;font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-trending-copy-v4110>b{display:-webkit-box;overflow:hidden;color:#eaf5fa;font-size:11px;line-height:1.48;font-weight:850;letter-spacing:-.018em;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-trending-copy-v4110>span{display:flex;gap:4px;min-width:0;margin-top:7px;overflow:hidden}
.home-trending-copy-v4110 em{font-style:normal;color:#5e9ebc;font-size:8px;font-weight:800;white-space:nowrap}
.home-trending-meta-v4110{display:flex;align-items:center;gap:3px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(107,145,164,.12);white-space:nowrap;overflow:hidden}
.home-trending-meta-v4110 strong{color:#cbe4ef;font-size:8px;font-weight:900}
.home-trending-meta-v4110 small{color:#708895;font-size:7px}
.home-trending-meta-v4110 i{width:2px;height:2px;margin:0 2px;border-radius:50%;background:#4c6572}
@media(max-width:1180px){.home-trending-grid-v4110{grid-template-columns:repeat(3,minmax(0,1fr))}.home-trending-card-v4110:nth-child(n+4){display:none}}
@media(max-width:760px){.home-trending-v4110{padding:14px}.home-trending-head-v4110{align-items:center;margin-bottom:10px}.home-trending-head-v4110 h2{font-size:15px}.home-trending-head-v4110 p{font-size:9px}.home-trending-head-v4110>a{font-size:9px}.home-trending-grid-v4110{grid-template-columns:1fr;gap:7px}.home-trending-card-v4110{display:grid!important;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:11px;column-gap:9px}.home-trending-card-v4110:nth-child(n+5){display:none!important}.home-trending-rank-v4110{position:static;grid-column:1;grid-row:1/3;align-self:center;width:25px;height:25px}.home-trending-copy-v4110{grid-column:2;grid-row:1;padding-right:0}.home-trending-copy-v4110>small{margin-bottom:3px}.home-trending-copy-v4110>b{-webkit-line-clamp:1;font-size:11px}.home-trending-copy-v4110>span{display:none}.home-trending-meta-v4110{grid-column:2;grid-row:2;margin-top:5px;padding-top:0;border-top:0}.home-trending-meta-v4110 strong{font-size:8px}.home-trending-meta-v4110 small{font-size:7px}}

/* === v4.11.1 My Posts bulk management / paging === */
.my-post-manage-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  margin:0 0 9px;
  border:1px solid #273844;
  border-radius:10px;
  background:#0d171e;
}
.my-post-manage-selection,.my-post-manage-actions{display:flex;align-items:center;gap:8px;min-width:0}
.my-post-select-all-label{display:inline-flex;align-items:center;gap:7px;color:#b8c8d2;font-size:10.5px;font-weight:800;white-space:nowrap;cursor:pointer}
.my-post-selected-count,#myPostSelectedCount{color:#67cdfd;font-size:10px;white-space:nowrap}
.my-post-manage-toolbar input[type="checkbox"],
.my-post-row-check input[type="checkbox"]{
  width:16px;height:16px;margin:0;accent-color:#35b7ee;cursor:pointer;flex:0 0 auto;
}
.my-post-manage-toolbar .btn{height:32px;padding:0 11px;font-size:10px;border-radius:8px}
.my-post-manage-toolbar .btn:disabled{opacity:.42;cursor:not-allowed;transform:none!important}
.my-post-page-size-label{display:flex;align-items:center;gap:6px;color:#94a8b5;font-size:10px;font-weight:800;white-space:nowrap}
.my-post-page-size-label select{
  height:32px;min-width:76px;padding:0 26px 0 10px;border:1px solid #2c414e;border-radius:8px;background:#0a1319;color:#e6f0f5;font:inherit;outline:none;
}
.my-post-board-head{
  grid-template-columns:34px 105px minmax(0,1fr) 150px 58px 58px 58px 78px;
}
.my-post-board-head .my-post-check-head{display:block}
.my-post-manage-row{
  display:grid;
  grid-template-columns:34px 105px minmax(0,1fr) 150px 58px 58px 58px 78px;
  gap:10px;
  align-items:center;
  min-height:64px;
  padding:9px 14px;
  border-left:1px solid #23313b;
  border-right:1px solid #23313b;
  border-top:1px solid #23313b;
  background:#0d151b;
  transition:background .15s ease,border-color .15s ease;
}
.my-post-manage-row:first-child{border-top:0}
.my-post-manage-row:hover{background:#111d25;border-color:#2e4655}
.my-post-row-check{display:grid;place-items:center;width:28px;height:36px;cursor:pointer}
.my-post-open-v4112{text-decoration:none!important;color:inherit!important;border-radius:7px;min-width:0}
.my-post-open-v4112:focus-visible{outline:2px solid #49c7ff;outline-offset:3px}
.my-post-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 4px 2px}
.my-post-pagination[hidden]{display:none!important}
.my-post-pagination b{min-width:64px;text-align:center;color:#9db0bc;font-size:10.5px;font-variant-numeric:tabular-nums}
.my-post-pagination .btn{height:32px;padding:0 12px;font-size:10px}

@media(max-width:1100px){
  .my-post-board-head,.my-post-manage-row{
    grid-template-columns:30px 90px minmax(0,1fr) 125px 50px 50px 50px!important;
  }
  .my-post-board-head span:last-child,.my-post-manage-row .board-date-v6{display:none!important}
  .my-post-manage-toolbar{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:780px){
  .my-post-manage-toolbar{display:grid;gap:10px;padding:10px}
  .my-post-manage-selection{justify-content:space-between;width:100%}
  .my-post-manage-actions{display:grid;grid-template-columns:1fr 1fr auto;width:100%;gap:7px}
  .my-post-manage-actions .btn{width:100%;height:38px}
  .my-post-page-size-label{height:38px;padding-left:4px}
  .my-post-page-size-label select{height:38px;min-width:72px}
  .my-post-board-head{display:none!important}
  .my-post-manage-row{
    grid-template-columns:28px 76px minmax(0,1fr)!important;
    gap:7px!important;
    min-height:68px!important;
    padding:10px 8px!important;
  }
  .my-post-manage-row .board-author-v6,
  .my-post-manage-row .board-metric-v6,
  .my-post-manage-row .board-date-v6{display:none!important}
  .my-post-row-check{width:26px}
  .my-post-manage-row .board-kind-v6>b{max-width:74px!important}
  .my-post-manage-row .board-kind-v6>small{max-width:74px!important}
  .my-post-manage-row .board-main-v6{gap:7px!important}
  .my-post-manage-row .board-main-v6 .board-media-thumb{width:48px!important;height:36px!important;flex-basis:48px!important}
  .my-post-manage-row .title-line-v6>b{font-size:12.5px!important}
  .my-post-manage-row .post-preview-v6{font-size:9.5px!important}
}
@media(max-width:470px){
  .my-post-select-all-label span{font-size:10px}
  .my-post-manage-actions{grid-template-columns:1fr 1fr}
  .my-post-page-size-label{grid-column:1/-1;justify-content:flex-end}
  .my-post-manage-row{grid-template-columns:28px 68px minmax(0,1fr)!important}
  .my-post-manage-row .board-kind-v6>b,.my-post-manage-row .board-kind-v6>small{max-width:66px!important}
}

/* === v4.11.4 bilingual official notices === */
.notice-bilingual-fields-v4114{margin:16px 0 4px;padding:18px;border:1px solid rgba(72,192,255,.32);border-radius:16px;background:linear-gradient(145deg,rgba(37,161,217,.10),rgba(11,18,25,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.notice-bilingual-fields-v4114[hidden]{display:none!important}
.notice-bilingual-head-v4114{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.notice-bilingual-head-v4114>div{display:flex;flex-direction:column;gap:4px}.notice-bilingual-head-v4114 b{font-size:14px;color:#eef9ff}.notice-bilingual-head-v4114 small{font-size:11px;color:#8197a8;line-height:1.45}
.notice-bilingual-head-v4114>span{display:inline-flex;align-items:center;justify-content:center;height:27px;min-width:38px;padding:0 10px;border:1px solid rgba(72,192,255,.38);border-radius:999px;background:rgba(53,183,238,.12);color:#62d2ff;font-size:10px;font-weight:900;letter-spacing:.08em}
.notice-alt-title-v4114,.notice-alt-content-v4114{width:100%;box-sizing:border-box;border:1px solid #29404f;background:#0b141b;color:#eef6fb;border-radius:12px;outline:none;transition:border-color .16s,box-shadow .16s}
.notice-alt-title-v4114{height:48px;padding:0 14px;font-size:15px;font-weight:800}.notice-alt-content-v4114{display:block;min-height:180px;margin-top:10px;padding:14px;resize:vertical;font:inherit;line-height:1.7}
.notice-alt-title-v4114:focus,.notice-alt-content-v4114:focus{border-color:#42c7ff;box-shadow:0 0 0 3px rgba(66,199,255,.10)}
@media(max-width:640px){.notice-bilingual-fields-v4114{padding:14px;border-radius:14px}.notice-bilingual-head-v4114{align-items:flex-start}.notice-bilingual-head-v4114 small{font-size:10.5px}.notice-alt-title-v4114{height:44px}.notice-alt-content-v4114{min-height:150px}}

/* === v4.11.5 home live chat + latest notice split === */
.home-utility-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.home-utility-row .live-chat-banner,
.home-notice-card-v4115{
  min-width:0!important;
  min-height:92px!important;
  height:100%!important;
}
.home-notice-card-v4115{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:15px 18px;
  overflow:hidden;
  position:relative;
  text-decoration:none!important;
  color:inherit!important;
  background:linear-gradient(115deg,#161f29,#122330 58%,#10202a);
  border-color:#315366!important;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.home-notice-card-v4115:before{
  content:'';
  position:absolute;
  width:170px;
  height:170px;
  border-radius:50%;
  right:96px;
  top:-112px;
  background:radial-gradient(circle,rgba(255,185,75,.16),transparent 68%);
  pointer-events:none;
}
.home-notice-card-v4115:hover{
  border-color:#4d8eac!important;
  transform:translateY(-1px);
}
.home-notice-icon-v4115{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid #3a6175;
  border-radius:12px;
  background:#102631;
  z-index:1;
}
.home-notice-icon-v4115 img{width:24px;height:24px}
.home-notice-copy-v4115{
  min-width:0;
  display:grid;
  gap:3px;
  z-index:1;
}
.home-notice-copy-v4115 small{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  font-size:8px;
  letter-spacing:1.15px;
  color:#64d3ff;
  font-weight:950;
  white-space:nowrap;
}
.home-notice-copy-v4115 small em{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 6px;
  border:1px solid rgba(255,188,72,.35);
  border-radius:999px;
  background:rgba(255,174,42,.10);
  color:#ffc86a;
  font-size:7px;
  font-style:normal;
  letter-spacing:.02em;
}
.home-notice-copy-v4115 b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f2f7fa;
  font-size:15px;
  line-height:1.35;
}
.home-notice-copy-v4115>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8fa2b0;
  font-size:9.5px;
  line-height:1.45;
}
.home-notice-go-v4115{
  z-index:1;
  min-width:92px;
  min-height:48px;
  padding:8px 12px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:1px;
  border:1px solid #3b6275;
  border-radius:9px;
  background:#112a38;
  color:#a9e4ff;
  text-align:center;
  white-space:nowrap;
}
.home-notice-go-v4115 b{font-size:10.5px;font-weight:950;color:#dff6ff}
.home-notice-go-v4115 small{font-size:7.5px;font-weight:850;color:#79a8bd}
.home-notice-card-v4115.is-important .home-notice-icon-v4115{
  border-color:#82602d;
  background:#2c2214;
}
.home-notice-card-v4115.is-important{
  border-color:#66502f!important;
  background:linear-gradient(115deg,#201b16,#17212a 58%,#10202a);
}
@media(max-width:1080px){
  .home-utility-row{gap:10px!important}
  .home-utility-row .live-chat-banner,.home-notice-card-v4115{padding:13px 14px!important;gap:10px!important}
  .live-chat-go{min-width:88px!important;padding:9px 10px!important}
  .home-notice-go-v4115{min-width:80px;padding:7px 9px}
  .home-notice-copy-v4115 b{font-size:13px}
  .home-notice-copy-v4115>span{font-size:9px}
}
@media(max-width:760px){
  .home-utility-row{grid-template-columns:1fr!important;gap:9px!important}
  .home-notice-card-v4115{order:-1;grid-template-columns:40px minmax(0,1fr) auto!important;min-height:82px!important;padding:12px!important}
  .home-notice-icon-v4115{width:40px;height:40px}
  .home-notice-copy-v4115 b{font-size:13px}
  .home-notice-copy-v4115>span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .home-notice-go-v4115{min-width:72px;min-height:42px;padding:7px 8px}
  .home-utility-row .live-chat-banner{min-height:82px!important}
}
@media(max-width:430px){
  .home-notice-card-v4115{grid-template-columns:36px minmax(0,1fr)!important}
  .home-notice-icon-v4115{width:36px;height:36px}
  .home-notice-go-v4115{grid-column:2;width:max-content;min-width:0;min-height:34px;padding:6px 10px;margin-top:3px}
  .home-notice-go-v4115 small{display:none}
}

/* =========================================================
   v4.11.6 MOBILE FULL POLISH / RESPONSIVE AUDIT
   Base: v4.11.5
   - mobile spacing / hierarchy normalization
   - compact home discovery cards
   - board/post/form/auth/profile/admin mobile cleanup
   - footer and drawer readability pass
   - no desktop information architecture changes
   ========================================================= */
@media(max-width:760px){
  :root{--mobile-gutter:8px;--mobile-radius:15px;--mobile-line:rgba(111,154,179,.18)}
  html{scroll-padding-top:74px;background:#080d12}
  body{
    background:
      radial-gradient(circle at 50% -180px,rgba(54,151,195,.11),transparent 390px),
      linear-gradient(180deg,#0a1016 0,#080d12 44%,#080c11 100%)!important;
    color:#e8f0f5;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  /* Header */
  .topbar{
    height:62px!important;
    border-bottom:1px solid rgba(112,155,180,.16)!important;
    background:rgba(8,14,19,.93)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
  }
  .topbar-inner{height:62px!important;padding:0 8px!important;gap:6px!important}
  .mobile-menu{
    flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    border:1px solid rgba(116,159,185,.16)!important;border-radius:11px!important;
    background:linear-gradient(180deg,rgba(28,41,51,.78),rgba(15,24,31,.82))!important;
    color:#dceaf2!important;font-size:20px!important;line-height:1!important;
  }
  .mobile-menu:active{transform:scale(.96);background:#172630!important}
  .brand.brand-logo{max-width:132px!important;min-width:74px!important;justify-content:flex-start!important}
  .brand.brand-logo img{width:auto!important;max-width:126px!important;max-height:34px!important;object-fit:contain!important}
  .auth-area{height:40px!important;min-height:40px!important;gap:3px!important;max-width:48vw!important;overflow:visible!important}
  .auth-area .top-login{height:36px!important;min-height:36px!important;padding:0 9px!important;border-radius:9px!important;font-size:11px!important}
  .auth-area .avatar{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-width:1px!important}
  .auth-area .top-mini-link,.auth-area .top-notification-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:10px!important}
  .rp-language-mobile{height:30px!important;margin-left:0!important;border-color:rgba(111,159,187,.18)!important;background:rgba(15,25,33,.76)!important}

  /* Drawer */
  .sidebar{
    left:-312px!important;top:62px!important;width:min(82vw,292px)!important;height:calc(100dvh - 62px)!important;
    padding:12px 11px calc(18px + env(safe-area-inset-bottom))!important;
    border:0!important;border-right:1px solid rgba(112,159,185,.18)!important;border-radius:0 16px 16px 0!important;
    background:linear-gradient(180deg,#111a21,#0b1116)!important;box-shadow:18px 0 46px rgba(0,0,0,.34)!important;
  }
  .menu-open .sidebar{left:0!important}
  .menu-open .mobile-overlay{inset:62px 0 0!important;background:rgba(2,7,10,.72)!important;backdrop-filter:blur(2px)}
  .side-head{padding:7px 8px 13px!important;margin-bottom:4px!important}
  .side-head b{font-size:14px!important}.side-head small{font-size:10px!important}
  .side-nav{gap:2px!important}
  .side-nav a{min-height:40px!important;padding:8px 9px!important;border-radius:10px!important;font-size:12.5px!important;color:#b7c5cf!important}
  .side-nav a:hover,.side-nav a.selected{background:linear-gradient(90deg,rgba(53,146,188,.18),rgba(38,81,104,.10))!important;color:#f1f9fd!important}
  .side-nav .ico{width:22px!important}.side-nav .ico img{width:18px!important;height:18px!important}
  .write-main{min-height:44px!important;margin-top:10px!important;border-radius:11px!important;background:linear-gradient(135deg,#36b9ed,#5dd7ff)!important;color:#06151d!important;box-shadow:0 8px 22px rgba(49,184,234,.16)!important}
  .side-brand-banner{margin-top:10px!important}

  /* Global mobile canvas */
  .site,.page,.page.with-side,.friends-page-wrap,.notification-page-wrap,.global-search-page,.game-detail-page,.game-finder-page,.legal-page-wrap{
    width:calc(100% - 16px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
  }
  .site{margin-top:10px!important}
  .page,.friends-page-wrap,.notification-page-wrap,.global-search-page,.game-detail-page,.game-finder-page{margin-top:10px!important;margin-bottom:26px!important}
  .panel{
    border-radius:var(--mobile-radius)!important;
    border-color:var(--mobile-line)!important;
    background:linear-gradient(180deg,rgba(18,27,34,.98),rgba(13,20,26,.98))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  }
  .maincol{min-width:0}
  .section{padding:14px 13px!important;margin-bottom:10px!important;border-radius:var(--mobile-radius)!important}
  .section-title{flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
  .section-title>div{min-width:0!important}.section-title h2{font-size:15.5px!important;line-height:1.25!important}.section-title p{margin-top:3px!important;font-size:9.5px!important;line-height:1.4!important}.section-title>a{flex:0 0 auto;padding-top:2px;font-size:10.5px!important;color:#8fb2c4!important}
  .empty-state,.loading,.rp-loading{padding:28px 12px!important;font-size:11px!important}
  .btn{min-height:40px!important;border-radius:10px!important;padding:0 12px!important;font-size:12px!important}

  /* Home */
  .home-utility-row{gap:8px!important;margin-bottom:9px!important}
  .home-utility-row .live-chat-banner,.home-notice-card-v4115{min-height:76px!important;border-radius:15px!important;padding:11px 12px!important;gap:9px!important}
  .live-chat-icon,.home-notice-icon-v4115{width:38px!important;height:38px!important;border-radius:11px!important}
  .live-chat-icon img,.home-notice-icon-v4115 img{width:21px!important;height:21px!important}
  .live-chat-copy,.home-notice-copy-v4115{gap:2px!important}
  .live-chat-copy small,.home-notice-copy-v4115 small{font-size:7.5px!important;letter-spacing:.95px!important}
  .live-chat-copy b,.home-notice-copy-v4115 b{font-size:13px!important;line-height:1.25!important}
  .live-chat-copy span,.home-notice-copy-v4115>span{font-size:9px!important;line-height:1.35!important}
  .live-chat-go,.home-notice-go-v4115{min-width:72px!important;min-height:38px!important;padding:6px 8px!important;border-radius:9px!important}
  .live-chat-go b,.home-notice-go-v4115 b{font-size:10px!important}.live-chat-go small,.home-notice-go-v4115 small{font-size:7px!important}

  .recommend-hero{border-radius:16px!important;overflow:hidden}
  .chips{gap:7px!important;margin:0 -1px!important;padding:11px 1px 12px!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .chip{min-height:36px!important;padding:0 12px!important;border-radius:999px!important;font-size:11px!important;scroll-snap-align:start}

  .featured-grid{gap:8px!important}
  .feature-card{
    display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;min-height:92px!important;
    border-radius:12px!important;background:#0d161d!important;overflow:hidden!important;
  }
  .feature-card .thumb{grid-column:1;height:100%!important;min-height:92px!important;border-radius:0!important}
  .feature-card .feature-body{grid-column:2;padding:10px 11px!important;min-width:0!important}
  .feature-card .feature-cat{font-size:8px!important}.feature-card .feature-body h3{margin:4px 0 5px!important;font-size:12px!important;line-height:1.3!important}
  .feature-card .feature-body p{min-height:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px!important;line-height:1.45!important}
  .feature-card .feature-foot{margin-top:7px!important;padding-top:6px!important;gap:6px!important;font-size:8px!important;white-space:nowrap;overflow:hidden}

  .home-trending-v4110{padding:13px!important}.home-trending-head-v4110{margin-bottom:9px!important}.home-trending-head-v4110 p{display:none!important}
  .home-trending-card-v4110{border-radius:11px!important;padding:10px!important}

  #latestList .home-latest-row{padding:10px 2px!important;border-color:rgba(105,148,173,.13)!important}
  .home-latest-main{gap:9px!important}
  .home-latest-main .board-media-thumb,.home-latest-placeholder{width:64px!important;height:48px!important;flex-basis:64px!important;border-radius:9px!important}
  .home-latest-copy{gap:4px!important}.home-latest-title{font-size:12.8px!important;line-height:1.3!important}.home-latest-preview{font-size:9px!important}.home-latest-kickers{gap:4px!important}.home-latest-kickers .tag{font-size:8px!important;padding:3px 6px!important}

  .game-trend-section{padding:14px 12px!important;overflow:hidden!important}
  .game-trend-head{gap:10px!important}.game-trend-head h2{font-size:16px!important}.game-trend-head p{font-size:9px!important;line-height:1.4!important}
  .game-trend-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px!important}.game-trend-tabs::-webkit-scrollbar{display:none}
  .game-trend-tab{flex:0 0 auto!important;min-height:34px!important;padding:0 11px!important;border-radius:9px!important;font-size:10px!important}
  .game-rank-status{gap:5px!important;font-size:8px!important}.game-rank-status>span:not(.live-pulse){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-rank-status small{display:none!important}
  .game-rank-foot{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}.game-rank-foot span{font-size:8px!important;line-height:1.45!important}

  /* Board / lists */
  .board-shell{padding:13px!important;border-radius:15px!important}
  .board-title-row{margin-bottom:11px!important;gap:9px!important}.board-title-row h1{font-size:20px!important;line-height:1.2!important}.board-title-row p{font-size:9.5px!important;line-height:1.45!important}
  .board-tools{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important}.board-tools .board-search{grid-column:1/-1;width:100%!important}.board-tools .btn{min-width:88px}
  .board-toolbar{gap:6px!important;margin:0 -1px 9px!important;padding:0 1px 3px!important;scroll-snap-type:x proximity}.board-toolbar>*{scroll-snap-align:start}
  .board-search-panel{padding:10px!important;border-radius:11px!important;gap:8px!important}.board-search-left{gap:7px!important}.board-bottom-searchbox{min-height:42px!important}
  .board-hashtag-explore-v4108{padding:8px 0 9px!important}
  .board-shell .board-row-v6{grid-template-columns:62px minmax(0,1fr)!important;gap:8px!important;min-height:66px!important;padding:9px 3px!important;border-bottom-color:rgba(101,143,168,.14)!important;background:transparent!important}
  .board-shell .board-row-v6:hover{background:transparent!important}
  .board-kind-v6{align-self:start;padding-top:1px!important}.board-kind-v6>b{max-width:60px!important;font-size:9px!important;border-radius:7px!important}.board-kind-v6>small{max-width:60px!important;font-size:8px!important}
  .board-main-v6{gap:7px!important}.board-main-v6 .board-media-thumb{width:48px!important;height:38px!important;flex-basis:48px!important;border-radius:8px!important}.title-line-v6>b{font-size:12.5px!important;line-height:1.35!important}.post-preview-v6{margin-top:3px!important;font-size:9px!important;line-height:1.4!important}.board-hashtags-v4108{margin-top:4px!important;gap:3px!important}.board-hashtag-v4108{font-size:7.5px!important;line-height:14px!important;padding:0 5px!important}
  .board-pagination,.my-post-pagination{gap:7px!important}.board-page-btn,.admin-page-btn{min-width:34px!important;height:34px!important;border-radius:9px!important}

  /* Post detail + comments */
  .post-card,.cafe-post{padding:16px 14px!important;border-radius:15px!important}.post-head{padding-bottom:13px!important}.post-head h1{font-size:20px!important;line-height:1.35!important;margin:8px 0 9px!important;overflow-wrap:anywhere}.post-meta{gap:7px!important;font-size:9.5px!important;line-height:1.4!important}.post-content{min-height:180px!important;padding:20px 1px!important;font-size:14px!important;line-height:1.75!important;overflow-wrap:anywhere}.post-actions{gap:8px!important;padding-top:13px!important}.post-actions>.action-group,.post-actions>.owner-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.post-actions .btn{width:100%!important}
  .related-posts-v4109{padding:13px!important;border-radius:14px!important}.related-posts-head-v4109{gap:10px!important}.related-posts-head-v4109 h2{font-size:14px!important}.related-post-card-v4109{min-height:60px!important;padding:10px 11px!important;border-radius:10px!important}
  .comments-box,.cafe-comments{margin-top:10px!important;padding:14px 12px!important;border-radius:15px!important}.comment-form{align-items:stretch!important;gap:7px!important}.comment-form textarea{min-height:78px!important;border-radius:10px!important}.comment-form .btn{min-width:64px!important}.comment-item{padding:12px 1px!important}.comment-body{font-size:12.5px!important;line-height:1.6!important;overflow-wrap:anywhere}

  /* Writer */
  .writer-workspace{width:100%!important;max-width:none!important;padding:0 8px 24px!important}
  .writer-toolbar-shell{border-bottom-color:rgba(110,155,180,.15)!important;background:rgba(9,15,20,.97)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important}
  .writer-toolbar{height:52px!important;padding:0 6px!important;gap:3px!important}
  .writer-toolbar .write-tool{height:40px!important;min-width:42px!important;width:42px!important;border-radius:9px!important}.writer-toolbar .text-tools .write-tool{width:34px!important;min-width:34px!important}
  .writer-document{margin-top:10px!important;padding:18px 13px 20px!important;border-radius:15px!important;border-color:rgba(110,155,180,.18)!important;box-shadow:none!important}.writer-document h1,.writer-title{font-size:25px!important;line-height:1.25!important}.writer-document>p{font-size:10px!important;line-height:1.5!important}.writer-category-row{gap:8px!important;padding:10px!important;border-radius:11px!important}.writer-hashtag-field{padding:11px!important;border-radius:11px!important}.writer-editor,.writer-content,.writer-document textarea{line-height:1.7!important}.writer-bottom{gap:9px!important}.writer-bottom-actions{gap:7px!important}
  .notice-bilingual-fields-v4114{padding:12px!important;border-radius:12px!important}

  /* Messages */
  .message-page{gap:10px!important}.message-list,.note-compose{border-radius:15px!important}.message-page .panel,.message-page>section{min-width:0!important}.message-row{padding:11px!important;gap:8px!important;border-radius:10px!important}.note-compose{padding:15px 13px!important}.note-compose h2{font-size:17px!important}.note-compose .field textarea{min-height:140px!important}.note-compose .btn{width:100%!important}

  /* My page / public profile */
  #mypageRoot{width:calc(100% - 16px)!important;margin-top:10px!important}
  #mypageRoot .mypage-head,body.public-profile-view #profileRoot .mypage-head{padding:14px 12px!important;gap:12px!important;border-radius:15px 15px 0 0!important}
  #mypageRoot .profile-id,body.public-profile-view #profileRoot .profile-id{align-items:center!important;gap:10px!important}.profile-big{width:58px!important;height:58px!important;font-size:11px!important}.profile-id h1{font-size:18px!important;line-height:1.25!important}.profile-id p{font-size:9px!important;line-height:1.4!important}
  #mypageRoot .stats{gap:5px!important}.stat{min-height:44px!important;border-radius:10px!important}.stat b{font-size:15px!important}.stat small{font-size:8px!important}
  #mypageRoot .tabs{padding:0 8px!important;gap:2px!important}.tabs button{min-height:40px!important;padding:9px 8px!important;font-size:10.5px!important}
  .tab-panel{padding:13px!important}.tier-guide-card,.demographic-settings-card,.account-security-card,.mypage-attendance-card,.mypage-friends-card,.mypage-games-card,.achievement-hub,.my-posts-section{margin-top:10px!important;border-radius:14px!important}
  .my-post-manage-toolbar{padding:9px!important;border-radius:10px!important}
  body.public-profile-view #profileRoot{width:calc(100% - 16px)!important;margin-top:9px!important}
  body.public-profile-view .profile-only-backbar{padding:7px 8px!important;background:rgba(8,14,19,.95)!important}.profile-back-btn{min-height:38px!important;border-radius:10px!important;padding:0 12px!important}

  /* Game finder + game detail */
  .game-finder-page{gap:9px!important}.game-finder-hero{padding:18px 14px!important;border-radius:16px!important}.game-finder-hero h1{font-size:25px!important;line-height:1.14!important}.game-finder-hero-copy>p{font-size:10px!important;line-height:1.5!important}.game-finder-builder,.game-genre-section,.game-random-section,.finder-results{padding:13px!important;border-radius:15px!important}.finder-section-title{gap:9px!important}.finder-section-title h2,.finder-results-head h2{font-size:15px!important}.finder-party-grid{gap:5px!important}.finder-party{height:42px!important;border-radius:9px!important}.game-genre-grid{gap:6px!important}.game-genre-card{height:88px!important;border-radius:11px!important}.finder-primary{min-height:44px!important;border-radius:11px!important}.finder-result-grid{gap:7px!important}.finder-game-card{border-radius:12px!important}.finder-game-thumb{height:112px!important}.finder-game-body{padding:9px!important}
  .game-detail-page{gap:10px!important}.game-detail-hero{padding:15px!important;border-radius:16px!important}.game-detail-title h1{font-size:22px!important;line-height:1.25!important}.game-detail-title p{font-size:9.5px!important;line-height:1.45!important}.game-detail-stats{gap:7px!important}.game-detail-stats>.panel{padding:11px!important;border-radius:12px!important}.game-detail-layout{gap:10px!important}.game-review-section,.game-detail-section,.game-detail-summary,.game-detail-tip{padding:13px!important;border-radius:14px!important}.game-detail-actions{gap:7px!important}

  /* Auth */
  .auth-page{width:calc(100% - 20px)!important;margin:18px auto 28px!important}.auth-card{padding:21px 16px!important;border-radius:16px!important}.auth-logo{margin-bottom:16px!important;font-size:21px!important}.auth-card h1{font-size:20px!important;line-height:1.3!important}.auth-card>p{margin-bottom:15px!important;font-size:10px!important;line-height:1.5!important}.auth-card .field{margin-bottom:10px!important}.field label{margin-bottom:5px!important;font-size:10px!important}.field input,.field textarea,.field select{border-radius:10px!important}.auth-card button[type=submit]{min-height:44px!important;border-radius:10px!important}.auth-bottom{font-size:10px!important;line-height:1.5!important}.signup-demographic,.signup-consent{border-radius:12px!important;padding:12px!important}

  /* Notifications / search / feedback / friends */
  .notification-page-card,.friends-page-card,.feedback-page,.feedback-write-page,.global-search-hero,.site-search-page-section{border-radius:15px!important}
  .notification-page-head,.friends-page-head{padding:18px 15px!important;gap:12px!important}.notification-page-head h1,.friends-page-head h1{font-size:21px!important}.notification-page-head p,.friends-page-head p{font-size:9.5px!important}.notification-page-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.notification-page-actions .btn{width:100%!important;min-width:0!important}.notification-page-tabs{padding:8px 10px!important;gap:5px!important}.notification-page-tabs button{height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:9px!important;font-size:10.5px!important}.notification-item{padding:11px 12px!important}
  .global-search-hero{padding:19px 14px!important}.global-search-hero h1{font-size:23px!important}.global-search-hero p{font-size:10px!important;line-height:1.5!important}.global-search-form{gap:7px!important;margin-top:14px!important}.global-search-form input,.global-search-form button{height:44px!important;border-radius:10px!important}.site-search-page-section{padding:14px!important}
  .feedback-page,.feedback-write-page{padding:14px!important}.feedback-hero{gap:10px!important}.feedback-hero h1{font-size:21px!important}.feedback-filterbar{gap:7px!important}.feedback-kind-tabs{gap:5px!important}.feedback-kind-tabs button{height:38px!important;min-height:38px!important;border-radius:9px!important}.feedback-row{padding:11px 8px!important}
  .friends-page-summary{gap:5px!important}.friends-page-summary>div{padding:8px 4px!important;border-radius:10px!important}.friends-page-summary b{font-size:15px!important}.friends-page-summary small{font-size:7.5px!important}.friends-section{padding:13px!important}.friend-card{padding:11px!important;border-radius:11px!important}.friend-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.friend-card-actions .btn{width:100%!important;min-width:0!important}

  /* Legal pages */
  .legal-page-wrap{margin-top:10px!important}.legal-pro{border-radius:15px!important}.legal-hero{padding:24px 17px 20px!important}.legal-hero h1{font-size:25px!important;line-height:1.2!important}.legal-hero p{font-size:12px!important;line-height:1.6!important}.legal-summary{margin:14px 12px 0!important;padding:14px!important;border-radius:11px!important}.legal-toc{margin:12px 12px 0!important;gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.legal-toc::-webkit-scrollbar{display:none}.legal-toc a{flex:0 0 auto!important;padding:7px 10px!important;font-size:10px!important}.legal-pro>section{padding:18px 15px!important}.legal-pro section h2{font-size:15.5px!important}.legal-pro section p,.legal-pro section li{font-size:12px!important;line-height:1.8!important}

  /* Admin: keep complex tables functional but make surrounding chrome phone-friendly. */
  .admin-page{width:calc(100% - 12px)!important;padding:0!important;margin-top:8px!important}.admin-dashboard-v403{border-radius:15px!important}.admin-hero{padding:17px 14px!important}.admin-hero h1{font-size:21px!important}.admin-stat-grid{gap:7px!important;padding:11px!important}.admin-stat{min-height:82px!important;padding:11px!important;border-radius:11px!important}.admin-stat b{font-size:23px!important}.admin-tabs-v403,.admin-tabs{display:flex!important;grid-template-columns:none!important;gap:5px!important;padding:0 10px 11px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.admin-tabs-v403::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs-v403 .admin-tab,.admin-tab{flex:0 0 auto!important;height:38px!important;min-height:38px!important;padding:0 11px!important;border-radius:9px!important}.admin-tab-page{padding:13px 11px 18px!important}.admin-section-head{gap:9px!important}.admin-section-head h2{font-size:17px!important}.admin-data-row{border-radius:11px!important;padding:11px!important}.traffic-stat-grid{gap:7px!important}.traffic-stat{min-height:90px!important;padding:12px!important;border-radius:11px!important}.traffic-stat b{font-size:24px!important}.traffic-chart-card{padding:13px 9px 10px!important;border-radius:12px!important}.traffic-chart{height:205px!important;gap:4px!important}.traffic-bar-col{min-width:42px!important}

  /* Footer */
  .site-footer-pro{margin-top:28px!important;background:#0c1217!important;border-top-color:rgba(107,149,173,.13)!important}
  .footer-pro-inner{width:calc(100% - 26px)!important;grid-template-columns:1fr 1fr!important;gap:22px 18px!important;padding:28px 0 22px!important}
  .footer-pro-brand{grid-column:1/-1!important}.footer-pro-title{font-size:15px!important}.footer-pro-title img{width:30px!important;height:30px!important}.footer-pro-title b{font-size:11px!important}.footer-pro-sub{margin-top:9px!important;font-size:10.5px!important;line-height:1.65!important}.footer-business-info{gap:4px!important;margin:11px 0 8px!important}.footer-business-info p{grid-template-columns:82px minmax(0,1fr)!important;gap:7px!important;font-size:9.5px!important}.footer-pro-pills{gap:6px!important;margin-top:13px!important}.footer-pro-pills a{min-height:36px!important;padding:7px 9px!important;font-size:9.5px!important}.footer-pro-col{gap:6px!important}.footer-pro-col h3{font-size:11px!important;margin-bottom:2px!important}.footer-pro-col a{min-height:29px!important;font-size:10px!important;line-height:1.25!important}.footer-pro-col:last-of-type{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 14px!important}.footer-pro-col:last-of-type h3{grid-column:1/-1!important}.footer-pro-bottom-inner{width:calc(100% - 26px)!important;padding:15px 0 calc(20px + env(safe-area-inset-bottom))!important}.footer-copy{font-size:9.5px!important}.footer-disclaimer{margin-top:8px!important;font-size:8.5px!important;line-height:1.6!important}

  /* Bottom navigation */
  body.mobile-bottom-nav-ready:not(.embed-chat){padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  body:not(.mobile-app-chat) .mobile-bottom-nav{height:calc(66px + env(safe-area-inset-bottom))!important;padding:4px 6px env(safe-area-inset-bottom)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:rgba(7,13,18,.96)!important;border-top:1px solid rgba(110,157,183,.18)!important;box-shadow:0 -10px 30px rgba(0,0,0,.30)!important}
  body:not(.mobile-app-chat) .mobile-bottom-nav>a{height:56px!important;gap:3px!important;border-radius:11px!important;font-size:9px!important;color:#778d9b!important}
  body:not(.mobile-app-chat) .mobile-bottom-nav svg{width:21px!important;height:21px!important}.mobile-nav-badge{transform:scale(.92)}

  /* Toast and floating layers */
  .toast{bottom:calc(78px + env(safe-area-inset-bottom))!important;width:calc(100% - 28px)!important;max-width:420px!important;text-align:center!important;font-size:11px!important;border-radius:11px!important}
  .connection-status-banner-v492{top:68px!important;width:calc(100% - 18px)!important;padding:9px 10px!important;border-radius:10px!important;font-size:11px!important}
}

@media(max-width:430px){
  :root{--mobile-gutter:6px}
  .site,.page,.page.with-side,.friends-page-wrap,.notification-page-wrap,.global-search-page,.game-detail-page,.game-finder-page,.legal-page-wrap,#mypageRoot,body.public-profile-view #profileRoot{width:calc(100% - 12px)!important}
  .topbar-inner{padding:0 6px!important;gap:4px!important}.brand.brand-logo{max-width:112px!important}.brand.brand-logo img{max-width:108px!important}.auth-area{max-width:50vw!important}
  .home-notice-card-v4115{grid-template-columns:36px minmax(0,1fr) auto!important}.home-notice-go-v4115{grid-column:auto!important;margin-top:0!important;width:auto!important}.home-notice-go-v4115 small{display:none!important}
  .live-chat-banner{grid-template-columns:36px minmax(0,1fr) auto!important}.live-chat-go{grid-column:auto!important;width:auto!important;min-width:66px!important}.live-chat-go small{display:none!important}
  .feature-card{grid-template-columns:92px minmax(0,1fr)!important}.feature-card .thumb{min-height:88px!important}
  .board-shell .board-row-v6{grid-template-columns:56px minmax(0,1fr)!important}.board-kind-v6>b,.board-kind-v6>small{max-width:54px!important}
  .post-actions>.action-group,.post-actions>.owner-actions{grid-template-columns:1fr!important}
  .notification-page-actions{grid-template-columns:1fr!important}
  .footer-pro-inner{width:calc(100% - 22px)!important;gap:19px 14px!important}.footer-pro-bottom-inner{width:calc(100% - 22px)!important}
}

@media(max-width:360px){
  .topbar-inner{padding:0 5px!important}.mobile-menu{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}.brand.brand-logo{max-width:98px!important}.brand.brand-logo img{max-width:94px!important}.auth-area{max-width:52vw!important}
  .live-chat-copy span,.home-notice-copy-v4115>span{display:none!important}.live-chat-go,.home-notice-go-v4115{min-width:62px!important}
  .feature-card{grid-template-columns:84px minmax(0,1fr)!important}.feature-card .feature-body{padding:9px!important}
  .game-genre-grid,.finder-result-grid{grid-template-columns:1fr!important}
  .footer-pro-inner{grid-template-columns:1fr!important}.footer-pro-col,.footer-pro-col:last-of-type{grid-column:1!important}.footer-pro-col:last-of-type{grid-template-columns:1fr 1fr!important}
}

/* v4.11.6 narrow-tablet / mobile-landscape consistency */
@media(min-width:761px) and (max-width:860px){
  .topbar{height:64px!important;background:rgba(8,14,19,.93)!important;border-bottom-color:rgba(112,155,180,.16)!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important}
  .topbar-inner{height:64px!important;width:calc(100% - 18px)!important;gap:8px!important}
  .mobile-menu{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;border:1px solid rgba(116,159,185,.16)!important;border-radius:11px!important;background:#121e27!important}
  .brand.brand-logo{max-width:154px!important}.brand.brand-logo img{max-width:148px!important;max-height:36px!important}
  .sidebar{top:64px!important;height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important;width:292px!important;left:-312px!important;padding:12px 11px calc(18px + env(safe-area-inset-bottom))!important;border-radius:0 16px 16px 0!important;border-right:1px solid rgba(112,159,185,.18)!important;background:linear-gradient(180deg,#111a21,#0b1116)!important;box-shadow:18px 0 46px rgba(0,0,0,.34)!important}
  .menu-open .sidebar{left:0!important}.menu-open .mobile-overlay{inset:64px 0 0!important;background:rgba(2,7,10,.70)!important}
  .writer-toolbar-shell,.game-finder-mobile-nav{top:64px!important}.notification-popover{top:68px!important;max-height:calc(100dvh - 80px)!important}
  .site,.page,.page.with-side,.friends-page-wrap,.notification-page-wrap,.global-search-page,.game-detail-page,.game-finder-page{width:calc(100% - 24px)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
  .site{margin-top:12px!important}.panel{border-radius:15px!important;border-color:rgba(111,154,179,.18)!important}
}

/* =========================================================
   v4.11.7 MOBILE CHAT + HEADER POLISH
   - remove duplicated mobile header actions already present in bottom nav
   - keep logo / language / search / notification / avatar readable
   - unify chat with ROBLPANG dark visual system
   - plus quick actions + multi-category emoji picker
   ========================================================= */
.chat-tool-popover-v4117{
  position:fixed;z-index:25000;box-sizing:border-box;overflow:auto;
  padding:10px;border:1px solid rgba(99,185,226,.30);border-radius:18px;
  background:linear-gradient(180deg,rgba(18,31,41,.985),rgba(9,18,25,.99));
  box-shadow:0 22px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);
  color:#eaf7fd;backdrop-filter:blur(18px) saturate(130%);
}
.chat-tool-popover-v4117[hidden]{display:none!important}
.chat-tool-head-v4117{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 9px}
.chat-tool-head-v4117>span{display:grid;gap:2px;min-width:0}
.chat-tool-head-v4117 b{font-size:13px;letter-spacing:-.15px;color:#f2fbff}
.chat-tool-head-v4117 small{font-size:9px;color:#7593a4;line-height:1.35}
.chat-tool-head-v4117>button{width:31px;height:31px;min-width:31px;border:1px solid rgba(123,169,193,.16);border-radius:10px;background:#14232d;color:#92a9b7;font-size:20px;line-height:1;cursor:pointer}
.chat-tool-head-v4117>button:hover{color:#fff;border-color:#4dbce8;background:#183647}
.chat-emoji-tabs-v4117{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:2px 0 8px}
.chat-emoji-tabs-v4117 button{min-width:0;height:40px;padding:3px 2px;border:1px solid transparent;border-radius:10px;background:#0c1820;color:#728996;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}
.chat-emoji-tabs-v4117 button i{font-style:normal;font-size:15px;line-height:1}
.chat-emoji-tabs-v4117 button span{font-size:7px;font-weight:850;white-space:nowrap}
.chat-emoji-tabs-v4117 button.on{background:#123347;border-color:#2d7394;color:#bcecff;box-shadow:inset 0 0 0 1px rgba(91,201,246,.05)}
.chat-emoji-grid-v4117{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:2px}
.chat-emoji-grid-v4117 button{aspect-ratio:1;border:1px solid rgba(112,154,177,.12);border-radius:11px;background:#0d1820;font-size:24px;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}
.chat-emoji-grid-v4117 button:hover{background:#162a35;border-color:#3f8bad;transform:translateY(-1px)}
.chat-emoji-grid-v4117 button:active{transform:scale(.91)}
.chat-quick-grid-v4117{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.chat-quick-grid-v4117 button{min-width:0;min-height:60px;padding:9px 10px;border:1px solid rgba(105,154,180,.16);border-radius:13px;background:#0c1820;color:#d9e8ef;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}
.chat-quick-grid-v4117 button:hover{border-color:#397fa1;background:#122734;color:#fff}
.chat-quick-grid-v4117 button i{width:30px;height:30px;min-width:30px;display:grid;place-items:center;border-radius:9px;background:#142a36;color:#75d6ff;font-style:normal;font-size:17px;font-weight:900}
.chat-quick-grid-v4117 button span{font-size:11px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){
  /* Mobile header: chat and mail are duplicated by mobile navigation / MY tools.
     Hiding them here gives the brand and language switch enough room. */
  body:not(.mobile-app-chat) .topbar-inner{display:flex!important;align-items:center!important;gap:5px!important;overflow:visible!important}
  body:not(.mobile-app-chat) .auth-area .top-mini-link{display:none!important}
  body:not(.mobile-app-chat) .auth-area{flex:0 0 auto!important;width:auto!important;max-width:none!important;overflow:visible!important;gap:4px!important;margin-left:0!important}
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap{display:flex!important;margin-left:0!important}
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{width:38px!important;min-width:38px!important;height:38px!important}
  body:not(.mobile-app-chat) .auth-area .avatar{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  body:not(.mobile-app-chat) .mobile-search-link{display:inline-flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin-left:0!important;border-radius:10px!important;font-size:20px!important}
  body:not(.mobile-app-chat) .brand.brand-logo{flex:1 1 auto!important;min-width:74px!important;max-width:126px!important;justify-content:flex-start!important;overflow:hidden!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{max-width:120px!important;width:100%!important;height:auto!important;object-fit:contain!important}
  body:not(.mobile-app-chat) .rp-language-mobile{flex:0 0 auto!important;height:32px!important;padding:0 3px!important;margin:0!important}
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a{min-width:28px!important;padding:0 4px!important}

  .chat-tool-popover-v4117{border-radius:17px;padding:9px;box-shadow:0 18px 56px rgba(0,0,0,.5)}
  .chat-emoji-grid-v4117{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
  .chat-emoji-grid-v4117 button{font-size:23px;border-radius:10px}
  .chat-quick-grid-v4117{gap:6px}
  .chat-quick-grid-v4117 button{min-height:56px;padding:8px 9px}

  /* Mobile chat list */
  body.mobile-app-chat:not(.embed-chat){background:#081016!important;color:#e7f3f9!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-shell,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people-wrap{background:linear-gradient(180deg,#0b151c,#091118)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head{background:#0a141b!important;border-bottom-color:#182934!important;color:#eef8fc!important;padding:0 17px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-side-head h1{color:#eef8fc!important;font-size:21px!important;letter-spacing:-.5px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs{background:#0a141b!important;border-bottom-color:#172832!important;padding:8px 11px!important;gap:7px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button{background:#111e26!important;border:1px solid #1e333f!important;color:#718795!important;border-radius:13px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-mode-tabs button.on{background:linear-gradient(180deg,#15394d,#102d3d)!important;border-color:#2e7da3!important;color:#7edbff!important;box-shadow:0 5px 16px rgba(17,116,158,.12)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatDirectSide:not([hidden]),
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatRoomSide:not([hidden]){background:#0a131a!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-toolbar{background:#0a131a!important;padding:12px 12px 8px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search{height:44px!important;background:#0d1921!important;border-color:#213742!important;color:#8fa6b3!important;border-radius:14px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search input{color:#e7f4fa!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-search input::placeholder{color:#607987!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-list-count{background:#0e2634!important;border-color:#29546b!important;color:#6ed4ff!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-create-room{margin:2px 12px 10px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#118dc3,#1eb1e8)!important;border-color:#41c2f0!important;color:#04141d!important;font-size:12px!important;box-shadow:0 8px 22px rgba(20,157,212,.16)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-rooms,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-people{padding:0 11px 15px!important;gap:7px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person{min-height:74px!important;margin:0!important;padding:11px!important;border-radius:15px!important;background:linear-gradient(180deg,#101c24,#0d171e)!important;border:1px solid #1d303b!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-item.on,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person.on{background:linear-gradient(180deg,#123047,#102535)!important;border-color:#36789a!important;box-shadow:inset 3px 0 0 #57cdf9,0 7px 20px rgba(0,0,0,.14)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-avatar{width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(145deg,#218eb7,#16455f)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 6px 15px rgba(0,0,0,.16)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-copy b,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person b{color:#eef8fc!important;font-size:13px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-copy small,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person-copy>small,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-person-name time{color:#6e8491!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-open,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-join{height:38px!important;min-width:58px!important;border-radius:11px!important;background:#102d3e!important;border-color:#2e6f90!important;color:#78d8ff!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-open:hover,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-room-join:hover{background:#15415a!important;color:#e7f8ff!important}

  /* Conversation */
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-main,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel{background:#091219!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-head{height:66px!important;min-height:66px!important;background:rgba(9,19,26,.98)!important;border-bottom-color:#1a2c36!important;color:#edf8fc!important;box-shadow:0 7px 22px rgba(0,0,0,.18)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-head-title b,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-title-copy b{color:#eef8fc!important;font-size:15px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-head-title small,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-title-copy small{color:#6f8794!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .chat-head-icon-btn{color:#a8c0cc!important;background:transparent!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot #roomInfoToggle{background:#102837!important;color:#6fd5ff!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #roomPanel .room-messages,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .chat-messages{background:radial-gradient(circle at 50% -15%,rgba(38,113,147,.10),transparent 360px),#091219!important;padding:15px 12px 19px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-message-meta b{color:#bdd1db!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-message-meta small{color:#596f7a!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-message p{background:#121f27!important;border:1px solid #203641!important;color:#edf7fb!important;box-shadow:0 6px 18px rgba(0,0,0,.13)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-message.mine p{background:linear-gradient(145deg,#0e87ba,#1276a0)!important;border-color:#249cc9!important;color:#fff!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-system-event{background:#0f202a!important;border-color:#1d3948!important;color:#6f8794!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-system-event b{color:#a9c2cf!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-message-report{color:#687e89!important}

  /* Composer */
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form.messenger-composer,
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatPanel .messenger-composer{background:#0b151c!important;border-top:1px solid #1b2d37!important;box-shadow:0 -8px 26px rgba(0,0,0,.17)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form textarea,
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatPanel .messenger-composer textarea{background:#101e27!important;border-color:#263d49!important;color:#eef8fc!important;box-shadow:none!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form textarea::placeholder,
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatPanel .messenger-composer textarea::placeholder{color:#6c818d!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form textarea:focus,
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatPanel .messenger-composer textarea:focus{border-color:#43b8e8!important;box-shadow:0 0 0 3px rgba(67,184,232,.10)!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form .chat-compose-icon,
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatPanel .chat-compose-icon{background:#12232d!important;color:#86a7b7!important;border:1px solid #223945!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form #roomMentionQuick{font-size:28px!important;color:#7fdcff!important;background:#102a38!important;border-color:#2b627d!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form .chat-send-btn,
  body.mobile-app-chat:not(.embed-chat) #chatRoot #chatPanel .chat-send-btn{background:linear-gradient(145deg,#1bb4e8,#0d8fc6)!important;border-color:#42c7f5!important;color:#04161f!important;box-shadow:0 8px 18px rgba(17,156,211,.20)!important}

  /* Room info drawer */
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-panel{background:#091219!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-top,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-head,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-actions{background:#0b151c!important;border-color:#1a2c36!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-copy>b,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-title b{color:#eef8fc!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-copy>small,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-copy>span,
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members-title span{color:#718794!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-members{background:#091219!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-row{background:#0f1b23!important;border-color:#1e313b!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-row.is-owner{background:#102736!important;border-color:#29566d!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-name>b{color:#eaf6fb!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-member-state{color:#708691!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-action{background:#0f1b23!important;border-color:#203641!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-action>b{color:#dfeef5!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-info-action>small{color:#708691!important}

  /* Chat keeps same dark bottom navigation as the rest of ROBLPANG. */
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav{background:rgba(7,13,18,.98)!important;border-top-color:#182933!important;box-shadow:0 -10px 30px rgba(0,0,0,.32)!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav>a{color:#758b98!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-bottom-nav>a.on{color:#82dcff!important;background:linear-gradient(180deg,rgba(40,120,158,.2),rgba(18,57,76,.16))!important}
  body.mobile-app-chat:not(.embed-chat) .mobile-nav-badge{box-shadow:0 0 0 2px #081016!important}
}

@media(max-width:430px){
  body:not(.mobile-app-chat) .topbar-inner{padding-left:6px!important;padding-right:6px!important;gap:4px!important}
  body:not(.mobile-app-chat) .brand.brand-logo{max-width:108px!important;min-width:62px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{max-width:104px!important}
  body:not(.mobile-app-chat) .mobile-menu{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  body:not(.mobile-app-chat) .mobile-search-link,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn,
  body:not(.mobile-app-chat) .auth-area .avatar{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a{min-width:26px!important;font-size:8.5px!important}
  .chat-emoji-grid-v4117 button{font-size:22px}
  .chat-quick-grid-v4117 button i{width:28px;height:28px;min-width:28px}
  .chat-quick-grid-v4117 button span{font-size:10px}
}

@media(max-width:360px){
  body:not(.mobile-app-chat) .brand.brand-logo{max-width:84px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{max-width:82px!important}
  body:not(.mobile-app-chat) .rp-language-mobile{padding:0 2px!important}
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a{min-width:23px!important;padding:0 3px!important;font-size:8px!important}
  body:not(.mobile-app-chat) .mobile-search-link{display:none!important}
  .chat-emoji-tabs-v4117 button span{display:none}
  .chat-emoji-tabs-v4117 button{height:36px}
}

/* =========================================================
   v4.11.8 CHAT MEDIA ATTACHMENTS
   - + menu sends real photos / videos / camera captures
   - private chat-media bucket with signed previews
   - media cards + image lightbox + upload progress
   ========================================================= */
.chat-attach-grid-v4118{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}
.chat-attach-grid-v4118 button{
  min-width:0;min-height:66px;padding:10px;border:1px solid rgba(105,154,180,.17);border-radius:14px;
  background:linear-gradient(180deg,#0d1b24,#0a151c);color:#dcecf3;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,background .12s ease;
}
.chat-attach-grid-v4118 button:hover{border-color:#3b91b7;background:#123044;transform:translateY(-1px)}
.chat-attach-grid-v4118 button:active{transform:scale(.98)}
.chat-attach-grid-v4118 button>i{
  width:36px;height:36px;min-width:36px;display:grid;place-items:center;border:1px solid rgba(112,199,238,.18);border-radius:11px;
  background:#123044;font-style:normal;font-size:20px;color:#7fdcff;
}
.chat-attach-grid-v4118 button>span{display:grid;gap:2px;min-width:0}
.chat-attach-grid-v4118 button b{font-size:11px;color:#f0f9fd;white-space:nowrap}
.chat-attach-grid-v4118 button small{font-size:8px;color:#718b98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-attach-note-v4118{margin:8px 2px 1px;color:#617d8c;font-size:8px;line-height:1.4;text-align:center}

/* Four-part composer: attach + textarea + emoji + send */
#chatRoot #chatPanel .messenger-composer{
  grid-template-columns:40px minmax(0,1fr) 38px 44px!important;
}
#chatRoot .chat-attach-plus-v4118{
  font-size:27px!important;font-weight:300!important;color:#78d8ff!important;background:#102a38!important;border:1px solid #2b627d!important;
}
#chatRoot .chat-attach-plus-v4118:disabled{opacity:.45!important;cursor:wait!important}
#chatRoot .room-chat-form #roomAttachQuick{width:44px!important;height:44px!important;min-width:44px!important;font-size:27px!important;font-weight:300!important}

/* Upload state sits just above the composer and never covers the input. */
#chatRoot .messenger-composer{position:relative!important;overflow:visible!important}
.chat-upload-status-v4118{
  position:absolute;z-index:35;left:10px;bottom:calc(100% + 7px);min-height:28px;padding:0 11px;display:flex;align-items:center;gap:7px;
  border:1px solid rgba(67,184,232,.32);border-radius:999px;background:rgba(9,26,36,.96);box-shadow:0 8px 24px rgba(0,0,0,.24);
  color:#9ce2ff;font-size:9px;font-weight:900;white-space:nowrap;backdrop-filter:blur(12px);
}
.chat-upload-status-v4118::before{content:"";width:9px;height:9px;border:2px solid rgba(111,217,255,.25);border-top-color:#6fd9ff;border-radius:50%;animation:rpChatUploadSpinV4118 .75s linear infinite}
.chat-upload-status-v4118[hidden]{display:none!important}
@keyframes rpChatUploadSpinV4118{to{transform:rotate(360deg)}}

/* Message media cards */
.chat-media-card-v4118{
  position:relative;display:block;box-sizing:border-box;width:min(320px,68vw);max-width:100%;padding:0!important;margin:0;border:1px solid #254354!important;border-radius:16px!important;
  overflow:hidden;background:#071015!important;color:#fff!important;box-shadow:0 7px 20px rgba(0,0,0,.20)!important;
}
button.chat-media-card-v4118{appearance:none;-webkit-appearance:none;cursor:zoom-in;text-align:left}
.chat-media-card-v4118 img,.chat-media-card-v4118 video{
  display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#050b0f;
}
.chat-media-card-v4118.is-image img{aspect-ratio:auto;min-height:110px;object-fit:cover}
.chat-media-card-v4118.is-video video{max-height:340px}
.chat-media-open-v4118{
  position:absolute;right:8px;top:8px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;
  background:rgba(5,14,20,.72);color:#e9f9ff;font-size:13px;font-weight:900;backdrop-filter:blur(8px);
}
.chat-media-type-v4118{
  position:absolute;left:8px;bottom:8px;min-height:24px;padding:0 8px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;
  background:rgba(5,14,20,.72);color:#dff5ff;font-size:8px;font-weight:900;pointer-events:none;backdrop-filter:blur(8px);
}
.chat-media-unavailable-v4118{
  width:min(280px,64vw);min-height:92px;padding:14px;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px dashed #2c4654!important;border-radius:15px!important;background:#0c171e!important;color:#79919d!important;
}
.chat-media-unavailable-v4118 span{font-size:20px}.chat-media-unavailable-v4118 b{font-size:10px}

/* Remove text-bubble paint around media; time stays outside the card. */
#chatRoot .chat-bubble.chat-bubble-media-v4118{max-width:min(74%,340px)!important;gap:5px!important}
#chatRoot .chat-bubble.chat-bubble-media-v4118>.chat-media-card-v4118,
#chatRoot .chat-bubble.chat-bubble-media-v4118>.chat-media-unavailable-v4118{
  padding:0!important;border-radius:16px!important;background:#071015!important;color:#fff!important;
}
#chatRoot .room-message.has-media-v4118>div{max-width:min(620px,82%)!important}
#chatRoot .room-message.has-media-v4118 .chat-media-card-v4118,
#chatRoot .room-message.has-media-v4118 .chat-media-unavailable-v4118{margin:0!important}
#chatRoot .room-message.mine.has-media-v4118 .chat-media-card-v4118{border-color:#2f7da0!important}

/* Full-screen image viewer */
.chat-media-lightbox-v4118{
  position:fixed;z-index:40000;inset:0;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));
  display:grid;place-items:center;background:rgba(2,7,10,.94);backdrop-filter:blur(16px) saturate(110%);
}
.chat-media-lightbox-v4118[hidden]{display:none!important}
.chat-media-lightbox-v4118 img{max-width:min(1100px,96vw);max-height:90dvh;object-fit:contain;border-radius:14px;box-shadow:0 20px 80px rgba(0,0,0,.55)}
.chat-media-lightbox-close-v4118{
  position:fixed;z-index:1;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:13px;
  background:rgba(17,31,40,.88);color:#e9f7fc;font-size:26px;line-height:1;cursor:pointer;
}
body.chat-media-lightbox-open-v4118{overflow:hidden!important}

@media(max-width:760px){
  #chatRoot #chatPanel .messenger-composer{grid-template-columns:40px minmax(0,1fr) 38px 46px!important;height:76px!important;min-height:76px!important;padding:9px 9px!important;gap:6px!important}
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .messenger-composer{grid-template-columns:40px minmax(0,1fr) 38px 46px!important;height:72px!important;min-height:72px!important;padding:8px 9px!important}
  body.mobile-app-chat:not(.embed-chat) #chatRoot .room-chat-form #roomAttachQuick{color:#7fdcff!important;background:#102a38!important;border-color:#2b627d!important}
  .chat-attach-grid-v4118 button{min-height:62px;padding:9px}
  .chat-media-card-v4118{width:min(330px,72vw);border-radius:15px!important}
  #chatRoot .room-message.has-media-v4118>div{max-width:84%!important}
  .chat-media-card-v4118 img,.chat-media-card-v4118 video{max-height:42dvh}
}
@media(max-width:420px){
  #chatRoot #chatPanel .messenger-composer,
  body.mobile-app-chat:not(.embed-chat).mobile-chat-conversation-open #chatPanel .messenger-composer{grid-template-columns:36px minmax(0,1fr) 34px 44px!important;gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  #chatRoot #chatPanel .chat-compose-icon{width:36px!important;height:36px!important;min-width:36px!important}
  #chatRoot #chatPanel .chat-send-btn{width:44px!important;min-width:44px!important;height:44px!important}
  #chatRoot .room-chat-form #roomAttachQuick{width:40px!important;height:40px!important;min-width:40px!important}
  .chat-attach-grid-v4118{gap:6px}
  .chat-attach-grid-v4118 button{min-height:58px;padding:8px;gap:8px}
  .chat-attach-grid-v4118 button>i{width:32px;height:32px;min-width:32px;font-size:18px}
  .chat-media-card-v4118{width:min(300px,74vw)}
  .chat-media-card-v4118 img,.chat-media-card-v4118 video{max-height:38dvh}
}


/* =========================================================
   v4.11.10 INTERACTIVE VISIBILITY + STATE HOTFIX
   - fixes liked post button contrast regression caused by later !important base rules
   - explicit, readable pressed/active states on PC and mobile
   - larger hit targets and stronger keyboard focus on post controls
   ========================================================= */
.post-actions .action-pill{
  min-height:40px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  color:#dcecf4!important;background:linear-gradient(180deg,#12202a,#0d171e)!important;
  border:1px solid #314956!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  opacity:1!important;text-shadow:none!important;white-space:nowrap!important;
}
.post-actions .action-pill:hover{
  color:#f6fbfd!important;background:linear-gradient(180deg,#192d39,#12222c)!important;
  border-color:#507386!important;
}
.post-like-btn-v4119{font-variant-numeric:tabular-nums}
.post-like-heart-v4119{
  width:18px;display:inline-grid;place-items:center;flex:0 0 18px;
  color:#a9bec9;font-size:18px;line-height:1;font-weight:900;transition:transform .14s ease,color .14s ease,filter .14s ease;
}
.post-like-label-v4119{color:inherit!important;font-weight:900}
.post-like-count-v4119{
  min-width:24px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:#1b2d37;color:#bcd0da!important;font-size:11px;font-weight:950;line-height:1;
}
#likeBtn.liked{
  color:#fff3f5!important;background:linear-gradient(180deg,#3b1b23,#2a141a)!important;
  border-color:#a84457!important;box-shadow:0 0 0 1px rgba(255,90,116,.08),0 8px 20px rgba(91,20,37,.18)!important;
}
#likeBtn.liked:hover{background:linear-gradient(180deg,#48202a,#32171e)!important;border-color:#d85a70!important}
#likeBtn.liked .post-like-heart-v4119{color:#ff4f6a!important;transform:scale(1.08);filter:drop-shadow(0 0 7px rgba(255,79,106,.30))}
#likeBtn.liked .post-like-count-v4119{background:#5a2230;color:#ffdce3!important}
#bookmarkBtn.active{
  color:#fff3c4!important;background:linear-gradient(180deg,#342b16,#251e10)!important;border-color:#8b7133!important;
}
.post-actions .btn:focus-visible,.post-head-tools .text-tool:focus-visible,.comment-actions button:focus-visible{
  outline:2px solid #66d2fb!important;outline-offset:2px!important;
}
.post-head-tools .text-tool{color:#9eb4c1!important}.post-head-tools .text-tool:hover{color:#e8f6fc!important}
.comment-actions button{color:#8fa5b2!important}.comment-actions button:hover{color:#e5f3f9!important}

/* Common state controls: keep labels visible even when a state class changes colors. */
.board-toolbar .chip:not(.on),.tabs button:not(.on),.notification-page-tabs button:not(.on),.feedback-kind-tabs button:not(.on){color:#9fb2bd!important}
.board-toolbar .chip.on{color:#0b1a21!important}
.board-pagination button,.board-pagination a{color:#9fb6c2!important}
.board-pagination .on{color:#c8efff!important}
.friend-card-actions .btn,.notification-page-actions .btn,.mypage-head .btn{color:#dceaf1}

@media(max-width:760px){
  .post-actions>.action-group:first-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .post-actions .action-pill{min-height:44px!important;padding:0 12px!important;font-size:12px!important}
  .post-like-heart-v4119{font-size:19px}
  .post-like-count-v4119{height:23px;min-width:25px;font-size:11px}
}
@media(max-width:360px){
  .post-actions>.action-group:first-child{grid-template-columns:1fr!important}
  .post-actions .action-pill{width:100%!important}
}


/* v4.11.10 final post action state guard — intentionally last in cascade. */
#likeBtn.post-like-btn-v4119,
#likeBtn.post-like-btn-v4119:not(.liked){
  color:#eaf7fc!important;
  background:#101b22!important;
  border-color:#35505e!important;
}
#likeBtn.post-like-btn-v4119 .post-like-heart-v4119{color:#b9d1dc!important}
#likeBtn.post-like-btn-v4119 .post-like-label-v4119{color:#eaf7fc!important}
#likeBtn.post-like-btn-v4119 .post-like-count-v4119{
  color:#d9edf6!important;background:#19303b!important;border:1px solid #2b4d5d!important;
}
#likeBtn.post-like-btn-v4119.liked,
#likeBtn.post-like-btn-v4119[aria-pressed="true"]{
  color:#fff1f3!important;
  background:linear-gradient(180deg,#431923,#2b1118)!important;
  border-color:#d04c64!important;
  box-shadow:inset 0 0 0 1px rgba(255,93,118,.08),0 6px 18px rgba(118,22,43,.24)!important;
}
#likeBtn.post-like-btn-v4119.liked .post-like-heart-v4119,
#likeBtn.post-like-btn-v4119[aria-pressed="true"] .post-like-heart-v4119{
  color:#ff4664!important;filter:drop-shadow(0 0 6px rgba(255,70,100,.34))!important;
}
#likeBtn.post-like-btn-v4119.liked .post-like-label-v4119,
#likeBtn.post-like-btn-v4119[aria-pressed="true"] .post-like-label-v4119{color:#fff5f6!important}
#likeBtn.post-like-btn-v4119.liked .post-like-count-v4119,
#likeBtn.post-like-btn-v4119[aria-pressed="true"] .post-like-count-v4119{
  color:#ffe7ec!important;background:#6a2030!important;border-color:#a43a50!important;
}
#bookmarkBtn.active{color:#fff5c8!important}
@media(max-width:760px){
  #likeBtn.post-like-btn-v4119{min-height:46px!important}
  #likeBtn.post-like-btn-v4119 .post-like-label-v4119{font-size:12px!important}
  #likeBtn.post-like-btn-v4119 .post-like-count-v4119{font-size:11px!important}
}


/* === v4.11.12 views / feedback / like count stability === */
.board-mobile-stats-v41112{display:none;align-items:center;gap:10px;margin-top:5px;color:#8399a6;font-size:9px;font-style:normal;font-variant-numeric:tabular-nums}
.board-mobile-stats-v41112 span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.board-mobile-stats-v41112 b{color:#dceaf1;font-size:9.5px}
.feedback-list .feedback-row{visibility:visible!important;opacity:1!important;color:#dceaf1!important}
.feedback-list .feedback-row-main>b{color:#edf7fb!important}
.feedback-list .feedback-row-main small{color:#8399a6!important}
#postLikesMeta{color:#ff8296!important;font-variant-numeric:tabular-nums}
@media(max-width:780px){
  .board-mobile-stats-v41112{display:flex!important}
  .my-post-manage-row .board-mobile-stats-v41112{display:flex!important}
}


/* === v4.11.16 feedback staff workflow === */
.feedback-admin-panel{margin:18px 22px 0;padding:17px;border:1px solid #3a6579;border-radius:14px;background:linear-gradient(135deg,rgba(28,74,96,.42),rgba(11,24,31,.96));box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(126,220,255,.05)}
.feedback-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(107,183,216,.18)}
.feedback-admin-head span,.feedback-staff-replies-head span{display:block;margin-bottom:5px;color:#67d7ff;font-size:8px;font-weight:950;letter-spacing:1.35px}
.feedback-admin-head h2,.feedback-staff-replies-head h2{margin:0;color:#f0f9fd;font-size:16px;letter-spacing:-.25px}
.feedback-admin-head p{margin:6px 0 0;color:#829ba8;font-size:9.5px;line-height:1.55}
.feedback-admin-status{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding-top:14px}
.feedback-admin-status>b{color:#c6d9e2;font-size:10px}
.feedback-status-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.feedback-status-controls button{min-height:42px;border:1px solid #314955;border-radius:10px;background:#0b161d;color:#91a7b3;font-size:10px;font-weight:950;cursor:pointer;transition:.15s}
.feedback-status-controls button:hover{border-color:#63c9f1;color:#eafaff;background:#102632;transform:translateY(-1px)}
.feedback-status-controls button[data-feedback-status="received"].on{border-color:#4daccd;background:#123345;color:#8ee2ff;box-shadow:0 0 0 2px rgba(77,172,205,.08)}
.feedback-status-controls button[data-feedback-status="reviewing"].on{border-color:#9d8134;background:#332b12;color:#ffe07a;box-shadow:0 0 0 2px rgba(157,129,52,.08)}
.feedback-status-controls button[data-feedback-status="resolved"].on{border-color:#3d9365;background:#102e20;color:#84efb5;box-shadow:0 0 0 2px rgba(61,147,101,.08)}
.feedback-status-controls button:disabled{opacity:.55;cursor:wait;transform:none}
.feedback-staff-replies{margin:0 22px 20px;border:1px solid #263b47;border-radius:14px;background:#0b141a;overflow:hidden}
.feedback-staff-replies-head{padding:17px 18px 13px;border-bottom:1px solid #22333d;background:linear-gradient(180deg,#101d25,#0d171d)}
.feedback-staff-replies-head h2{display:flex;align-items:center;gap:8px}
.feedback-staff-replies-head h2 em{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border:1px solid #31576a;border-radius:999px;background:#102a38;color:#71d5ff;font-size:8px;font-style:normal}
.feedback-staff-reply-list{display:grid}
.feedback-reply-loading,.feedback-reply-empty{padding:22px 18px;color:#718995;font-size:9.5px;text-align:center}
.feedback-staff-reply{padding:16px 18px;border-top:1px solid #1d2c34}
.feedback-staff-reply:first-child{border-top:0}
.feedback-staff-reply-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.feedback-staff-reply-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.feedback-staff-reply-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfedf3;font-size:10px}
.feedback-staff-reply-head time{flex:0 0 auto;color:#607783;font-size:8px}
.feedback-staff-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 7px;border:1px solid #29637d;border-radius:7px;background:#102c3a;color:#78dbff;font-size:7.5px;font-weight:950;letter-spacing:.5px}
.feedback-staff-reply-body{color:#c8d8df;font-size:11px;line-height:1.75;word-break:break-word}
.feedback-staff-reply-actions{display:flex;justify-content:flex-end;margin-top:8px}
.feedback-staff-reply-actions button{border:0;background:transparent;color:#8aa0aa;font-size:8px;cursor:pointer}
.feedback-staff-reply-actions button:hover{color:#ff8f9a}
.feedback-staff-reply-form{display:grid;gap:9px;padding:15px 18px 18px;border-top:1px solid #263943;background:#0e1920}
.feedback-staff-reply-form label{color:#d7e6ed;font-size:10px;font-weight:900}
.feedback-staff-reply-form textarea{width:100%;min-height:105px;resize:vertical;border:1px solid #314a57;border-radius:10px;background:#091218;color:#edf7fb;padding:11px 12px;outline:none;font-size:10.5px;line-height:1.65}
.feedback-staff-reply-form textarea:focus{border-color:#55c5f1;box-shadow:0 0 0 2px rgba(85,197,241,.08)}
.feedback-staff-reply-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.feedback-staff-reply-form small{color:#687f8b;font-size:8px}
.feedback-staff-reply-form .btn{min-width:96px}
@media(max-width:700px){.feedback-admin-panel{margin:12px 12px 0;padding:14px}.feedback-admin-status{grid-template-columns:1fr;gap:9px}.feedback-status-controls{gap:6px}.feedback-status-controls button{min-height:40px;font-size:9px}.feedback-staff-replies{margin:0 12px 14px}.feedback-staff-reply{padding:14px}.feedback-staff-reply-form{padding:14px}.feedback-staff-reply-form>div{align-items:flex-end}.feedback-staff-reply-form small{max-width:62%;line-height:1.4}}


/* === v4.11.19 조회/추천/댓글 가독성 강화 === */
.board-shell .board-head-v7 span:nth-child(4),
.board-shell .board-head-v7 span:nth-child(5),
.board-shell .board-head-v7 span:nth-child(6){
  color:#b8d7e6!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.board-metric-v6{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  height:32px!important;
  margin:0 2px!important;
  border:1px solid rgba(76,145,178,.22)!important;
  border-radius:8px!important;
  background:rgba(18,43,56,.58)!important;
  font-variant-numeric:tabular-nums!important;
}
.board-metric-v6 i{font-style:normal!important;font-size:9px!important;line-height:1!important;opacity:.9!important}
.board-metric-v6 b{font-size:12px!important;font-weight:950!important;line-height:1!important;color:#eff9ff!important}
.board-metric-v6.metric-view-v41120{border-color:rgba(77,190,236,.26)!important;background:rgba(20,64,82,.45)!important}
.board-metric-v6.metric-like-v41120{border-color:rgba(255,105,135,.22)!important;background:rgba(79,30,44,.34)!important}
.board-metric-v6.metric-like-v41120 i{color:#ff829c!important}
.board-metric-v6.metric-comment-v41120{border-color:rgba(113,203,169,.22)!important;background:rgba(25,70,56,.34)!important}
.board-mobile-stats-v41112{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin-top:3px!important}
.board-mobile-stats-v41112>span{display:inline-flex!important;align-items:center!important;gap:3px!important;padding:3px 6px!important;border:1px solid rgba(92,145,169,.2)!important;border-radius:999px!important;background:#0d1b23!important;color:#8fa9b7!important;font-size:8.5px!important;font-weight:800!important}
.board-mobile-stats-v41112>span b{color:#eaf7fd!important;font-size:9px!important;font-weight:950!important}
.board-mobile-stats-v41112 .metric-like-v41120{color:#e4a2b1!important;border-color:rgba(255,109,139,.18)!important}
.board-mobile-stats-v41112 .metric-comment-v41120{color:#9acbb9!important;border-color:rgba(109,206,168,.18)!important}

.home-trending-meta-v4110{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  margin-top:10px!important;
  padding-top:8px!important;
  overflow:visible!important;
  white-space:normal!important;
}
.home-trending-stat-v41120{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  padding:5px 5px!important;
  border:1px solid rgba(79,148,179,.18)!important;
  border-radius:7px!important;
  background:rgba(8,22,29,.56)!important;
  text-align:center!important;
}
.home-trending-stat-v41120 small{display:block!important;color:#7894a3!important;font-size:7.5px!important;font-weight:850!important;line-height:1.1!important;white-space:nowrap!important}
.home-trending-stat-v41120 strong{display:block!important;color:#e9f7fd!important;font-size:10px!important;font-weight:950!important;line-height:1.1!important}
.home-trending-stat-v41120.like{border-color:rgba(255,107,137,.16)!important}
.home-trending-stat-v41120.like small{color:#d895a5!important}
.home-trending-stat-v41120.comment{border-color:rgba(105,204,164,.16)!important}
.home-trending-stat-v41120.comment small{color:#8dc5af!important}
.feature-metrics-v41120{color:#a9c1ce!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important}

@media(max-width:760px){
  .home-trending-meta-v4110{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:6px!important}
  .home-trending-stat-v41120{padding:4px 3px!important}
  .home-trending-stat-v41120 small{font-size:7px!important}
  .home-trending-stat-v41120 strong{font-size:9px!important}
  .feature-metrics-v41120{font-size:8px!important;white-space:normal!important;text-align:right!important}
}


/* === v4.11.21 조회/추천/댓글 수치 최종 가독성 보강 === */
.board-shell .board-head-v7{
  grid-template-columns:105px minmax(0,1fr) 150px 72px 72px 72px 78px!important;
  font-size:11px!important;
}
.board-shell .board-row-v6{
  grid-template-columns:105px minmax(0,1fr) 150px 72px 72px 72px 78px!important;
}
.board-shell .board-head-v7 span:nth-child(4),
.board-shell .board-head-v7 span:nth-child(5),
.board-shell .board-head-v7 span:nth-child(6){
  font-size:11px!important;color:#d8edf7!important;
}
.board-metric-v6{
  min-width:62px!important;height:40px!important;gap:6px!important;margin:0 3px!important;
  border-radius:10px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
.board-metric-v6 i{font-size:12px!important;opacity:1!important}
.board-metric-v6 b{font-size:14px!important;letter-spacing:-.01em!important}

.home-trending-card-v4110{min-height:142px!important;padding:13px 13px 12px!important}
.home-trending-meta-v4110{gap:7px!important;margin-top:11px!important;padding-top:9px!important}
.home-trending-stat-v41120{min-height:48px!important;padding:7px 6px!important;border-radius:9px!important}
.home-trending-stat-v41120 small{font-size:9px!important;font-weight:900!important;line-height:1.15!important;color:#9cb4c1!important}
.home-trending-stat-v41120 strong{font-size:13px!important;font-weight:1000!important;line-height:1.2!important;margin-top:2px!important}
.home-trending-stat-v41120.view{border-color:rgba(77,190,236,.34)!important;background:rgba(18,70,92,.42)!important}
.home-trending-stat-v41120.view small{color:#8cddff!important}
.home-trending-stat-v41120.like{border-color:rgba(255,107,137,.30)!important;background:rgba(80,29,44,.34)!important}
.home-trending-stat-v41120.like small{color:#ffadc0!important}
.home-trending-stat-v41120.comment{border-color:rgba(105,204,164,.30)!important;background:rgba(24,72,57,.34)!important}
.home-trending-stat-v41120.comment small{color:#a8dfc9!important}

@media(max-width:1100px) and (min-width:781px){
  .board-shell .board-head-v7,.board-shell .board-row-v6{grid-template-columns:90px minmax(0,1fr) 125px 62px 62px 62px!important}
  .board-metric-v6{min-width:54px!important;height:38px!important}.board-metric-v6 i{font-size:11px!important}.board-metric-v6 b{font-size:13px!important}
}
@media(max-width:780px){
  .board-mobile-stats-v41112{gap:6px!important;margin-top:6px!important}
  .board-mobile-stats-v41112>span{padding:5px 8px!important;font-size:9.5px!important;border-radius:9px!important}
  .board-mobile-stats-v41112>span b{font-size:11px!important}
  .home-trending-card-v4110{min-height:0!important;padding:11px!important}
  .home-trending-meta-v4110{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important;padding-top:0!important}
  .home-trending-stat-v41120{min-height:42px!important;padding:6px 4px!important}
  .home-trending-stat-v41120 small{font-size:8px!important}.home-trending-stat-v41120 strong{font-size:11px!important}
}


/* === v4.11.23 retention + clean growth analytics === */
.home-return-hub-v41123{padding:24px 26px;margin-bottom:16px;background:linear-gradient(135deg,rgba(17,36,49,.98),rgba(10,24,35,.98));border-color:rgba(83,202,255,.24);position:relative;overflow:hidden}.home-return-hub-v41123:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(51,190,255,.08);right:-90px;top:-120px;pointer-events:none}.home-return-head-v41123{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;position:relative;z-index:1}.home-return-head-v41123 small{display:block;color:#5fd3ff;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.home-return-head-v41123 h2{margin:0;color:#f3f8fb;font-size:24px;line-height:1.25}.home-return-head-v41123 p{margin:8px 0 0;color:#91a7b6;font-size:14px;line-height:1.55}.home-return-signup-v41123{flex:0 0 auto;background:#5dcdf7;color:#062235!important;font-weight:900;border-radius:12px;padding:13px 17px;box-shadow:0 8px 25px rgba(49,188,241,.18)}.home-return-grid-v41123{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;position:relative;z-index:1}.home-return-grid-v41123>a{min-width:0;border:1px solid #284555;background:rgba(7,19,28,.66);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:start;transition:.18s ease}.home-return-grid-v41123>a:hover{transform:translateY(-2px);border-color:#4fc5f4;background:rgba(12,38,53,.86)}.home-return-grid-v41123>a>span{grid-row:1/4;width:39px;height:39px;border-radius:11px;background:#102f40;display:grid;place-items:center;font-size:20px}.home-return-grid-v41123 b{color:#f2f7fa;font-size:15px;line-height:1.35}.home-return-grid-v41123 small{color:#829aa9;line-height:1.45;margin-top:5px}.home-return-grid-v41123 em{font-style:normal;color:#64d3ff;font-weight:800;font-size:12px;margin-top:9px}.home-return-hub-v41123.is-member .home-return-signup-v41123{display:none}.home-party-now-v41123{margin-top:16px}.home-party-grid-v41123{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-party-card-v41123{border:1px solid #263f4e;border-radius:14px;background:#0c1821;padding:16px;min-width:0;transition:.18s ease}.home-party-card-v41123:hover{border-color:#4fc4ee;transform:translateY(-2px)}.home-party-live-v41123{display:flex;align-items:center;gap:6px;color:#65d9a6;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:9px}.home-party-live-v41123 i{width:7px;height:7px;border-radius:50%;background:#56e59a;box-shadow:0 0 10px #56e59a}.home-party-card-v41123>b{display:block;color:#f3f8fb;font-size:16px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-party-card-v41123>p{color:#879dab;font-size:12px;line-height:1.55;min-height:38px;margin:8px 0 13px}.home-party-foot-v41123{border-top:1px solid #213642;padding-top:11px;display:flex;align-items:center;gap:8px;color:#8199a8;font-size:11px}.home-party-foot-v41123 em{font-style:normal;color:#d7e4eb;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-party-foot-v41123 small{margin-left:auto}.home-party-foot-v41123 strong{color:#5ecbf5}.home-party-empty-v41123{grid-column:1/-1;border:1px dashed #2a4555;border-radius:14px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:7px;color:#8fa5b2}.home-party-empty-v41123 b{font-size:16px;color:#eaf2f6}.home-party-empty-v41123 a{color:#61d0fb;font-weight:900;margin-top:5px}.login-buttons.retention-actions-v41123{display:grid;grid-template-columns:1fr 1fr;gap:7px}.login-buttons.retention-actions-v41123 a{padding-left:6px;padding-right:6px}.growth-admin-card-v41123{border:1px solid #284453;border-radius:16px;background:linear-gradient(135deg,#0c1d27,#0b161f);padding:20px;margin-bottom:20px}.growth-admin-head-v41123{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.growth-admin-head-v41123 h2{margin:3px 0 5px;font-size:22px}.growth-admin-head-v41123 p{margin:0;color:#8197a5}.growth-exclude-badge-v41123{background:rgba(66,211,151,.09);border:1px solid rgba(66,211,151,.3);color:#73e4b1;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;white-space:nowrap}.growth-kpi-grid-v41123{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.growth-kpi-grid-v41123>div{border:1px solid #253d4a;background:#0a151d;border-radius:13px;padding:14px}.growth-kpi-grid-v41123 span{display:block;color:#8197a5;font-size:11px;font-weight:800}.growth-kpi-grid-v41123 b{display:block;color:#f0f7fa;font-size:25px;margin:5px 0}.growth-kpi-grid-v41123 small{color:#62cdef;font-size:11px}.growth-funnel-v41123{margin-top:12px;border:1px solid #253d4a;background:#09141c;border-radius:13px;padding:15px}.growth-funnel-head-v41123{display:flex;justify-content:space-between;gap:12px;align-items:center}.growth-funnel-head-v41123 span{color:#6f8795;font-size:11px}.growth-funnel-steps-v41123{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin-top:13px}.growth-funnel-steps-v41123>div{border-radius:11px;background:#102531;padding:12px;text-align:center}.growth-funnel-steps-v41123 small{display:block;color:#7e98a7}.growth-funnel-steps-v41123 strong{display:block;font-size:22px;color:#f4f8fa;margin-top:3px}.growth-funnel-steps-v41123>i{font-style:normal;color:#4fc8f3;font-size:20px}.growth-bottom-grid-v41123{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:12px}.growth-bottom-grid-v41123>section{border:1px solid #253d4a;background:#09141c;border-radius:13px;padding:14px}.growth-bottom-grid-v41123 h3{font-size:13px;margin:0 0 12px}.growth-daily-v41123{height:135px;display:flex;align-items:flex-end;gap:6px;padding-top:15px}.growth-daily-v41123>div{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.growth-daily-v41123 i{display:block;width:68%;min-height:5px;border-radius:5px 5px 2px 2px;background:linear-gradient(#5dd5ff,#3a9ccc)}.growth-daily-v41123 small{font-size:9px;color:#6f8795;white-space:nowrap}.growth-daily-v41123 .empty-state{width:100%;align-self:center}.growth-bottom-grid-v41123 .traffic-detail-row{min-height:32px}
@media(max-width:900px){.home-return-head-v41123{align-items:flex-start;flex-direction:column}.home-return-grid-v41123,.home-party-grid-v41123{grid-template-columns:1fr}.home-return-signup-v41123{width:100%;text-align:center}.growth-kpi-grid-v41123{grid-template-columns:1fr 1fr}.growth-funnel-steps-v41123{grid-template-columns:1fr;gap:6px}.growth-funnel-steps-v41123>i{transform:rotate(90deg);text-align:center}.growth-bottom-grid-v41123{grid-template-columns:1fr}.growth-admin-head-v41123{flex-direction:column}.growth-exclude-badge-v41123{white-space:normal}}
@media(max-width:560px){.home-return-hub-v41123{padding:18px 15px}.home-return-head-v41123 h2{font-size:20px}.growth-kpi-grid-v41123{grid-template-columns:1fr}.home-return-grid-v41123>a{padding:14px}.home-party-card-v41123{padding:14px}}

/* =========================================================
   v4.11.24 HOME ABOUT + ACTIVITY TOP 3 EVENT HERO
   ========================================================= */
.home-event-notice-v41124{border-color:rgba(232,176,61,.38)!important;background:linear-gradient(115deg,#201a14,#14222c 57%,#10222d)!important}
.home-event-notice-v41124:before{background:radial-gradient(circle,rgba(255,190,66,.20),transparent 68%)!important}
.home-event-notice-v41124 .home-notice-copy-v4115 b{color:#fff8e8}
.home-event-notice-v41124 .home-notice-go-v4115{border-color:rgba(91,190,230,.45);background:rgba(14,48,65,.75)}

.home-event-hero-v41124{position:relative;overflow:hidden;margin:0 0 14px;padding:20px;background:linear-gradient(135deg,#0a1a29 0%,#0b2033 42%,#101c3a 72%,#121a31 100%);border-color:rgba(63,167,225,.42)!important;box-shadow:0 22px 52px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)}
.home-event-hero-v41124:before{content:"";position:absolute;inset:-25% auto auto -8%;width:62%;height:90%;background:radial-gradient(circle,rgba(39,126,255,.19),transparent 66%);pointer-events:none}
.home-event-hero-v41124:after{content:"";position:absolute;right:-8%;bottom:-42%;width:48%;height:88%;border-radius:50%;background:radial-gradient(circle,rgba(137,51,255,.16),transparent 68%);pointer-events:none}
.home-event-stage-v41124{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:16px;align-items:stretch}
.home-event-about-v41124{position:relative;min-width:0;min-height:420px;padding:28px 24px 20px;border:1px solid rgba(84,159,218,.22);border-radius:19px;background:linear-gradient(120deg,rgba(8,24,42,.92),rgba(15,31,63,.76) 68%,rgba(12,27,50,.70));overflow:hidden}
.home-event-about-v41124:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,31,.62) 0%,rgba(7,21,37,.24) 62%,rgba(19,44,88,.06) 100%);pointer-events:none}
.home-event-copy-v41124{position:relative;z-index:3;max-width:650px}
.home-event-kicker-v41124{display:block;color:#53caff;font-size:10px;font-weight:1000;letter-spacing:.18em;margin-bottom:12px}
.home-event-copy-v41124 h1{margin:0;color:#f4f7fb;font-size:34px;line-height:1.18;letter-spacing:-.04em;text-shadow:0 8px 28px rgba(0,0,0,.28)}
.home-event-copy-v41124 h1 strong{display:inline-block;margin-top:4px;background:linear-gradient(100deg,#41d7ff,#4ca3ff 58%,#8c7cff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.2em}
.home-event-copy-v41124>p{margin:20px 0 0;color:#a8bbca;font-size:13px;line-height:1.75;max-width:590px}
.home-event-highlight-v41124{display:block;margin-top:12px;color:#58e2f6;font-size:15px;line-height:1.5}
.home-event-actions-v41124{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.home-event-actions-v41124>a,.home-event-actions-v41124>button{min-height:48px;padding:0 20px;border-radius:12px;border:1px solid rgba(73,185,234,.48);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:950;font-size:13px;transition:.16s ease;cursor:pointer}
.home-event-actions-v41124 .primary{background:linear-gradient(135deg,#35d7ff,#49bdf1);color:#052235!important;box-shadow:0 10px 28px rgba(48,190,240,.17)}
.home-event-actions-v41124 .secondary{background:rgba(8,26,40,.78);color:#e8f8ff;border-color:#3c7ca0}
.home-event-actions-v41124>a:hover,.home-event-actions-v41124>button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.home-event-features-v41124{position:absolute;left:24px;right:24px;bottom:20px;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.home-event-features-v41124>a{min-width:0;min-height:62px;border:1px solid rgba(83,133,183,.35);border-radius:12px;background:rgba(7,22,37,.78);display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;padding:9px 10px;color:inherit;transition:.15s ease}
.home-event-features-v41124>a:hover{border-color:#4cbde9;background:rgba(9,38,55,.92);transform:translateY(-1px)}
.home-event-features-v41124>a>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(33,111,156,.55),rgba(54,64,142,.35));font-size:16px}
.home-event-features-v41124 b{font-size:11px;color:#f1f8fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-event-features-v41124 small{font-size:8px;color:#7f96a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-event-brand-art-v41124{position:absolute;right:-7px;bottom:56px;width:245px;height:295px;z-index:1;opacity:.9;pointer-events:none}
.home-event-brand-art-v41124:before{content:"";position:absolute;inset:22px 10px 0;background:radial-gradient(circle at 50% 50%,rgba(53,131,255,.30),transparent 62%);filter:blur(2px)}
.home-event-brand-art-v41124 img{position:absolute;right:16px;bottom:6px;width:185px;height:auto;filter:drop-shadow(0 24px 36px rgba(2,8,20,.54)) drop-shadow(0 0 24px rgba(69,127,255,.28));transform:rotate(-4deg)}
.home-event-brand-art-v41124>b{position:absolute;left:0;top:18px;color:rgba(121,158,255,.22);font-size:28px;line-height:1.05;letter-spacing:.04em;transform:rotate(-4deg)}
.home-event-orbit-v41124{position:absolute;border:1px solid rgba(82,177,255,.18);border-radius:50%;filter:drop-shadow(0 0 12px rgba(73,137,255,.18))}.home-event-orbit-v41124.one{width:180px;height:180px;right:10px;bottom:30px}.home-event-orbit-v41124.two{width:115px;height:115px;right:50px;bottom:62px}

.home-event-side-v41124{display:grid;grid-template-rows:minmax(0,1.14fr) minmax(0,.86fr);gap:12px;min-width:0}
.home-activity-card-v41124{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(103,100,255,.46);background:linear-gradient(145deg,rgba(31,23,81,.94),rgba(26,24,84,.91) 55%,rgba(12,31,73,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.20)}
.home-activity-card-v41124.featured{padding:19px 18px 16px;background:radial-gradient(circle at 94% 8%,rgba(246,99,255,.19),transparent 31%),linear-gradient(145deg,#24165c,#281766 46%,#17265f)}
.home-activity-card-v41124.featured:before{content:"";position:absolute;width:190px;height:190px;right:-84px;bottom:-96px;border-radius:50%;background:radial-gradient(circle,rgba(77,143,255,.27),transparent 68%)}
.home-activity-card-head-v41124{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-activity-card-head-v41124>span,.home-activity-guide-label-v41124{display:inline-flex;align-items:center;height:25px;padding:0 10px;border-radius:999px;border:1px solid rgba(235,95,255,.62);background:rgba(195,56,255,.14);color:#f1c5ff;font-size:9px;font-weight:1000;letter-spacing:.14em}.home-activity-card-head-v41124 i{font-style:normal;font-size:20px}
.home-activity-card-v41124 h2{position:relative;z-index:2;margin:10px 0 0;color:#fff;font-size:24px;line-height:1.18;letter-spacing:-.035em}.home-activity-card-v41124 h2 strong{color:#f179ff}
.home-activity-reward-copy-v41124{position:relative;z-index:2;margin:7px 0 0;display:grid;gap:3px}.home-activity-reward-copy-v41124>b{color:#ffd36f;font-size:14px}.home-activity-reward-copy-v41124>span{color:#c5c8e8;font-size:10px;line-height:1.45}
.home-activity-rewards-v41124{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.home-activity-rewards-v41124>div{min-width:0;min-height:78px;border:1px solid rgba(255,220,112,.48);border-radius:12px;background:linear-gradient(180deg,rgba(88,57,101,.40),rgba(24,31,78,.72));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;box-shadow:0 0 16px rgba(255,185,72,.08)}.home-activity-rewards-v41124>div:nth-child(2){border-color:rgba(137,203,255,.54)}.home-activity-rewards-v41124>div:nth-child(3){border-color:rgba(255,139,130,.52)}.home-activity-rewards-v41124 span{font-size:15px}.home-activity-rewards-v41124 b{font-size:10px;color:#f7f1d6}.home-activity-rewards-v41124 strong{font-size:18px;color:#ffd459;line-height:1}.home-activity-rewards-v41124>div:nth-child(2) strong{color:#a9dcff}.home-activity-rewards-v41124>div:nth-child(3) strong{color:#ffb39c}.home-activity-rewards-v41124 strong small{font-size:8px;color:inherit}
.home-activity-cta-v41124{position:relative;z-index:2;margin-top:12px;min-height:40px;border-radius:10px;background:linear-gradient(100deg,#ef31f2,#7d43ff);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff!important;font-size:12px;font-weight:1000;box-shadow:0 8px 22px rgba(182,45,241,.22);transition:.16s ease}.home-activity-cta-v41124:hover{filter:brightness(1.08);transform:translateY(-1px)}
.home-event-token-v41124{position:absolute;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffe477,#e99525);box-shadow:0 0 22px rgba(255,191,57,.34);transform:rotate(26deg);opacity:.82}.home-event-token-v41124:before,.home-event-token-v41124:after{content:"";position:absolute;inset:7px;border:2px solid rgba(106,58,9,.55);border-radius:9px}.home-event-token-v41124:after{inset:14px;background:#fff0a2;border:0;border-radius:5px}.home-event-token-v41124.token-a{right:14px;top:50px;transform:rotate(22deg) scale(.68)}.home-event-token-v41124.token-b{right:49px;top:83px;transform:rotate(-15deg) scale(.48)}
.home-activity-card-v41124.guide{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;padding:15px 16px;border-color:rgba(56,165,238,.42);background:radial-gradient(circle at 90% 24%,rgba(56,106,255,.18),transparent 36%),linear-gradient(145deg,#0b2b48,#102b54 58%,#17235c)}
.home-activity-guide-copy-v41124{position:relative;z-index:2;min-width:0}.home-activity-guide-label-v41124{height:21px;border-color:rgba(71,199,255,.45);background:rgba(40,157,224,.12);color:#70d9ff;font-size:8px}.home-activity-guide-copy-v41124 h3{margin:6px 0 8px;color:#6fe0ff;font-size:16px;line-height:1.25}.home-activity-guide-copy-v41124 ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.home-activity-guide-copy-v41124 li{display:flex;align-items:center;gap:7px;color:#c5d7e5;font-size:9.5px}.home-activity-guide-copy-v41124 li span{width:20px}.home-activity-guide-copy-v41124>b{display:block;margin-top:8px;color:#fff2b0;font-size:9px;line-height:1.4}.home-activity-guide-copy-v41124>a{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:#73dcff!important;font-size:9px;font-weight:950}.home-event-gift-v41124{position:relative;display:grid;place-items:center;min-height:100px}.home-event-gift-v41124>span{position:relative;z-index:2;font-size:64px;filter:drop-shadow(0 0 16px rgba(115,112,255,.45));transform:rotate(-6deg)}.home-event-gift-v41124>i{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(107,90,255,.36),transparent 68%);filter:blur(2px)}

@media(max-width:1180px){.home-event-stage-v41124{grid-template-columns:minmax(0,1.05fr) minmax(315px,.95fr)}.home-event-copy-v41124 h1{font-size:30px}.home-event-brand-art-v41124{opacity:.57;right:-38px}.home-event-features-v41124{grid-template-columns:repeat(2,minmax(0,1fr));right:160px}.home-event-about-v41124{min-height:455px}.home-event-features-v41124>a{min-height:54px}}
@media(max-width:980px){.home-event-stage-v41124{grid-template-columns:1fr}.home-event-about-v41124{min-height:410px}.home-event-features-v41124{right:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-event-brand-art-v41124{right:0;opacity:.48}.home-event-side-v41124{grid-template-columns:1.05fr .95fr;grid-template-rows:1fr}.home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 88px}.home-event-gift-v41124>span{font-size:52px}}
@media(max-width:760px){.home-event-hero-v41124{padding:10px!important;border-radius:16px!important}.home-event-about-v41124{min-height:0;padding:21px 15px 16px;border-radius:15px}.home-event-copy-v41124 h1{font-size:27px}.home-event-copy-v41124>p{font-size:11.5px;line-height:1.65;margin-top:14px}.home-event-desktop-br-v41124{display:none}.home-event-highlight-v41124{font-size:12px;margin-top:9px}.home-event-actions-v41124{margin-top:16px;display:grid;grid-template-columns:1fr 1fr}.home-event-actions-v41124>a,.home-event-actions-v41124>button{min-height:43px;padding:0 10px;font-size:11px}.home-event-brand-art-v41124{display:none}.home-event-features-v41124{position:relative;left:auto;right:auto;bottom:auto;margin-top:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.home-event-features-v41124>a{min-height:52px}.home-event-side-v41124{grid-template-columns:1fr;gap:9px}.home-activity-card-v41124.featured{padding:16px 13px 13px}.home-activity-card-v41124 h2{font-size:22px}.home-activity-reward-copy-v41124>b{font-size:13px}.home-activity-rewards-v41124{gap:5px}.home-activity-rewards-v41124>div{min-height:69px}.home-activity-rewards-v41124 strong{font-size:15px}.home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 78px;padding:14px}.home-event-gift-v41124>span{font-size:46px}}
@media(max-width:430px){.home-event-copy-v41124 h1{font-size:24px}.home-event-copy-v41124 h1 strong{font-size:1.12em}.home-event-actions-v41124{grid-template-columns:1fr}.home-event-features-v41124 b{font-size:10px}.home-event-features-v41124 small{font-size:7.5px}.home-activity-card-v41124 h2{font-size:20px}.home-activity-reward-copy-v41124>span{font-size:9px}.home-activity-rewards-v41124 span{font-size:13px}.home-activity-rewards-v41124 b{font-size:9px}.home-activity-rewards-v41124 strong{font-size:14px}.home-activity-rewards-v41124 strong small{font-size:7px}.home-activity-card-v41124.guide{grid-template-columns:1fr}.home-event-gift-v41124{display:none}.home-activity-guide-copy-v41124 h3{font-size:15px}}



/* =========================================================
   v4.11.26 HERO LAYOUT + TYPOGRAPHY TUNE
   ========================================================= */
.home-event-hero-v41124{padding:24px 24px 18px}
.home-event-stage-v41124{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px}
.home-event-about-v41124{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:end;min-height:480px;padding:30px 26px 24px}
.home-event-copy-v41124{max-width:none;display:flex;flex-direction:column;justify-content:flex-start}
.home-event-kicker-v41124{font-size:12px;margin-bottom:14px}
.home-event-copy-v41124 h1{font-size:40px;line-height:1.14}
.home-event-copy-v41124>p{font-size:15px;line-height:1.8;max-width:620px;margin-top:18px}
.home-event-highlight-v41124{font-size:22px;line-height:1.35;margin-top:18px;font-weight:1000;color:#63ecff}
.home-event-actions-v41124{margin-top:22px;gap:12px}
.home-event-actions-v41124>a,.home-event-actions-v41124>button{min-height:54px;padding:0 22px;font-size:15px;border-radius:14px}
.home-event-features-v41124{position:relative;left:auto;right:auto;bottom:auto;margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-event-features-v41124>a{min-height:76px;padding:12px 14px;grid-template-columns:40px 1fr;column-gap:11px;border-radius:14px}
.home-event-features-v41124>a>span{width:40px;height:40px;font-size:18px}
.home-event-features-v41124 b{font-size:14px}
.home-event-features-v41124 small{font-size:10px;line-height:1.35;white-space:normal}
.home-event-brand-art-v41124{position:relative;right:auto;bottom:auto;width:210px;height:260px;justify-self:end;align-self:end;opacity:.98}
.home-event-brand-art-v41124 img{right:8px;bottom:0;width:178px;transform:rotate(-4deg)}
.home-event-brand-art-v41124>b{left:-6px;top:30px;font-size:24px;line-height:1.02}
.home-event-orbit-v41124.one{width:160px;height:160px;right:18px;bottom:20px}
.home-event-orbit-v41124.two{width:100px;height:100px;right:56px;bottom:55px}
.home-event-side-v41124{grid-template-rows:minmax(0,1fr) minmax(0,.95fr);gap:14px}
.home-activity-card-v41124.featured{padding:22px 22px 18px}
.home-activity-card-head-v41124>span,.home-activity-guide-label-v41124{font-size:10px;height:28px;padding:0 12px}
.home-activity-card-v41124 h2{font-size:28px;line-height:1.16}
.home-activity-reward-copy-v41124{margin-top:10px;gap:5px}
.home-activity-reward-copy-v41124>b{font-size:18px}
.home-activity-reward-copy-v41124>span{font-size:12px;line-height:1.55}
.home-activity-rewards-v41124{gap:9px;margin-top:16px}
.home-activity-rewards-v41124>div{min-height:92px;border-radius:14px;gap:4px}
.home-activity-rewards-v41124 span{font-size:18px}
.home-activity-rewards-v41124 b{font-size:13px}
.home-activity-rewards-v41124 strong{font-size:26px}
.home-activity-rewards-v41124 strong small{font-size:10px}
.home-activity-cta-v41124{min-height:48px;margin-top:15px;font-size:15px;border-radius:12px}
.home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 130px;padding:18px 18px}
.home-activity-guide-copy-v41124 h3{margin:8px 0 12px;font-size:28px;line-height:1.2}
.home-activity-guide-copy-v41124 ul{gap:7px}
.home-activity-guide-copy-v41124 li{font-size:15px;line-height:1.45;gap:10px}
.home-activity-guide-copy-v41124 li span{width:22px;display:inline-flex;justify-content:center}
.home-activity-guide-copy-v41124>b{margin-top:12px;font-size:15px;line-height:1.5}
.home-activity-guide-copy-v41124>a{margin-top:12px;font-size:14px}
.home-event-gift-v41124{min-height:132px}
.home-event-gift-v41124>span{font-size:72px}
@media(max-width:1180px){
  .home-event-about-v41124{grid-template-columns:minmax(0,1fr) 180px;min-height:500px}
  .home-event-copy-v41124 h1{font-size:36px}
  .home-event-highlight-v41124{font-size:19px}
  .home-activity-guide-copy-v41124 h3{font-size:24px}
}
@media(max-width:980px){
  .home-event-stage-v41124{grid-template-columns:1fr}
  .home-event-about-v41124{grid-template-columns:minmax(0,1fr) 180px;min-height:0}
  .home-event-brand-art-v41124{width:180px;height:220px}
  .home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 110px}
}
@media(max-width:760px){
  .home-event-hero-v41124{padding:12px!important}
  .home-event-about-v41124{grid-template-columns:1fr;gap:12px;padding:22px 16px 18px}
  .home-event-copy-v41124 h1{font-size:30px}
  .home-event-copy-v41124>p{font-size:13px;line-height:1.7}
  .home-event-highlight-v41124{font-size:16px}
  .home-event-actions-v41124{grid-template-columns:1fr 1fr}
  .home-event-actions-v41124>a,.home-event-actions-v41124>button{font-size:13px;min-height:46px}
  .home-event-features-v41124{grid-template-columns:1fr 1fr;margin-top:18px}
  .home-event-features-v41124>a{min-height:68px;padding:10px 12px}
  .home-event-brand-art-v41124{display:none}
  .home-activity-card-v41124 h2{font-size:24px}
  .home-activity-reward-copy-v41124>b{font-size:16px}
  .home-activity-rewards-v41124>div{min-height:84px}
  .home-activity-rewards-v41124 strong{font-size:22px}
  .home-activity-card-v41124.guide{grid-template-columns:1fr 92px}
  .home-activity-guide-copy-v41124 h3{font-size:22px}
  .home-activity-guide-copy-v41124 li{font-size:13px}
  .home-activity-guide-copy-v41124>b{font-size:13px}
}
@media(max-width:430px){
  .home-event-copy-v41124 h1{font-size:26px}
  .home-event-highlight-v41124{font-size:14px}
  .home-event-actions-v41124{grid-template-columns:1fr}
  .home-event-features-v41124{grid-template-columns:1fr}
  .home-activity-rewards-v41124{grid-template-columns:1fr 1fr 1fr}
  .home-activity-rewards-v41124 strong{font-size:18px}
  .home-activity-card-v41124.guide{grid-template-columns:1fr}
  .home-event-gift-v41124{display:none}
  .home-activity-guide-copy-v41124 h3{font-size:20px}
}



/* =========================================================
   v4.11.27 HERO POLISH + SIZE REBALANCE
   ========================================================= */
.home-event-hero-v41124{padding:20px 20px 16px}
.home-event-stage-v41124{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:16px;align-items:stretch}
.home-event-about-v41124{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:end;min-height:438px;padding:26px 22px 20px}
.home-event-copy-v41124{max-width:none;display:flex;flex-direction:column;justify-content:flex-start}
.home-event-kicker-v41124{font-size:11px;margin-bottom:11px}
.home-event-copy-v41124 h1{font-size:31px;line-height:1.16;letter-spacing:-.035em;word-break:keep-all}
.home-event-copy-v41124>p{margin-top:16px;max-width:560px;font-size:13px;line-height:1.72;color:#b6c4d0;word-break:keep-all}
.home-event-highlight-v41124{margin-top:13px;font-size:16px;line-height:1.48;font-weight:900;color:#66e8ff;word-break:keep-all}
.home-event-actions-v41124{margin-top:18px;gap:10px}
.home-event-actions-v41124>a,.home-event-actions-v41124>button{min-height:46px;padding:0 18px;font-size:13px;border-radius:12px}
.home-event-actions-v41124 .primary{min-width:168px}.home-event-actions-v41124 .secondary{min-width:170px}
.home-event-features-v41124{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.home-event-features-v41124>a{min-height:68px;padding:11px 12px;border-radius:13px;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}
.home-event-features-v41124>a>span{width:34px;height:34px;font-size:16px}
.home-event-features-v41124 b{font-size:12px;line-height:1.2}
.home-event-features-v41124 small{margin-top:2px;font-size:9px;line-height:1.35;white-space:normal}
.home-event-brand-art-v41124{position:relative;right:auto;bottom:auto;justify-self:end;align-self:end;width:190px;height:230px;opacity:.92}
.home-event-brand-art-v41124 img{right:12px;bottom:0;width:156px;transform:rotate(-4deg)}
.home-event-brand-art-v41124>b{left:0;top:32px;font-size:20px;line-height:1.04;opacity:.9}
.home-event-orbit-v41124.one{width:146px;height:146px;right:14px;bottom:20px}
.home-event-orbit-v41124.two{width:96px;height:96px;right:44px;bottom:52px}
.home-event-side-v41124{grid-template-rows:minmax(0,1fr) minmax(0,.92fr);gap:12px}
.home-activity-card-v41124.featured{padding:18px 18px 15px}
.home-activity-card-head-v41124>span,.home-activity-guide-label-v41124{height:24px;padding:0 10px;font-size:9px}
.home-activity-card-v41124 h2{margin-top:9px;font-size:22px;line-height:1.16;word-break:keep-all}
.home-activity-reward-copy-v41124{margin-top:7px;gap:3px}.home-activity-reward-copy-v41124>b{font-size:14px}.home-activity-reward-copy-v41124>span{font-size:10px;line-height:1.45}
.home-activity-rewards-v41124{gap:7px;margin-top:14px}.home-activity-rewards-v41124>div{min-height:76px;border-radius:12px;padding:4px 4px 5px}.home-activity-rewards-v41124 span{font-size:15px}.home-activity-rewards-v41124 b{font-size:10px}.home-activity-rewards-v41124 strong{font-size:20px}.home-activity-rewards-v41124 strong small{font-size:8px}
.home-activity-cta-v41124{min-height:42px;margin-top:13px;font-size:13px;border-radius:11px}
.home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 110px;align-items:center;padding:16px 16px}
.home-activity-guide-copy-v41124 h3{margin:6px 0 10px;font-size:20px;line-height:1.26;word-break:keep-all}
.home-activity-guide-copy-v41124 ul{gap:5px}.home-activity-guide-copy-v41124 li{font-size:12.5px;line-height:1.45;gap:8px;word-break:keep-all}.home-activity-guide-copy-v41124 li span{width:18px;display:inline-flex;justify-content:center}
.home-activity-guide-copy-v41124>b{margin-top:10px;font-size:11px;line-height:1.45}.home-activity-guide-copy-v41124>a{margin-top:10px;font-size:11px}
.home-event-gift-v41124{min-height:100px}.home-event-gift-v41124>span{font-size:58px}
@media(max-width:1180px){.home-event-stage-v41124{grid-template-columns:minmax(0,1.02fr) minmax(310px,.98fr)}.home-event-about-v41124{grid-template-columns:minmax(0,1fr) 165px;min-height:430px}.home-event-copy-v41124 h1{font-size:29px}.home-event-highlight-v41124{font-size:15px}.home-event-brand-art-v41124{width:170px;height:210px}.home-event-brand-art-v41124 img{width:142px}.home-activity-guide-copy-v41124 h3{font-size:18px}}
@media(max-width:980px){.home-event-stage-v41124{grid-template-columns:1fr}.home-event-about-v41124{grid-template-columns:minmax(0,1fr) 170px;min-height:0}.home-event-side-v41124{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 88px}.home-event-brand-art-v41124{width:170px;height:205px}}
@media(max-width:760px){.home-event-hero-v41124{padding:12px!important}.home-event-about-v41124{grid-template-columns:1fr;gap:10px;padding:20px 16px 16px}.home-event-copy-v41124 h1{font-size:27px}.home-event-copy-v41124>p{font-size:12px;line-height:1.68}.home-event-highlight-v41124{font-size:14px}.home-event-actions-v41124{display:grid;grid-template-columns:1fr 1fr}.home-event-actions-v41124>a,.home-event-actions-v41124>button{min-height:44px;font-size:12px;padding:0 12px;min-width:0}.home-event-features-v41124{grid-template-columns:1fr 1fr;gap:7px}.home-event-features-v41124>a{min-height:62px}.home-event-brand-art-v41124{display:none}.home-event-side-v41124{grid-template-columns:1fr;gap:10px}.home-activity-card-v41124 h2{font-size:21px}.home-activity-reward-copy-v41124>b{font-size:13px}.home-activity-rewards-v41124>div{min-height:72px}.home-activity-rewards-v41124 strong{font-size:18px}.home-activity-card-v41124.guide{grid-template-columns:minmax(0,1fr) 82px;padding:14px 14px}.home-activity-guide-copy-v41124 h3{font-size:18px}.home-activity-guide-copy-v41124 li{font-size:12px}.home-event-gift-v41124>span{font-size:46px}}
@media(max-width:430px){.home-event-copy-v41124 h1{font-size:24px}.home-event-actions-v41124{grid-template-columns:1fr}.home-event-features-v41124{grid-template-columns:1fr 1fr}.home-event-features-v41124 b{font-size:11px}.home-event-features-v41124 small{font-size:8px}.home-activity-rewards-v41124{grid-template-columns:repeat(3,minmax(0,1fr))}.home-activity-card-v41124.guide{grid-template-columns:1fr}.home-event-gift-v41124{display:none}}



/* =========================================================
   v4.11.28 LEFT HERO ALIGNMENT CLEANUP
   ========================================================= */
.home-event-stage-v41124{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:16px}
.home-event-about-v41124{display:block;min-height:430px;padding:28px 24px 22px}
.home-event-copy-v41124{position:relative;z-index:3;max-width:340px}
.home-event-copy-v41124 h1{font-size:33px;line-height:1.13;word-break:keep-all}
.home-event-copy-v41124>p{margin-top:16px;font-size:13px;line-height:1.72;max-width:320px;word-break:keep-all}
.home-event-highlight-v41124{margin-top:14px;font-size:16px;line-height:1.45;max-width:330px;word-break:keep-all}
.home-event-actions-v41124{display:block;margin-top:20px}
.home-event-actions-v41124>a{display:inline-flex;min-width:172px;min-height:46px;padding:0 20px;font-size:13px;border-radius:12px}
.home-event-actions-v41124>button{display:none!important}
.home-event-features-v41124{position:absolute;left:24px;right:220px;bottom:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.home-event-features-v41124>a{min-height:66px;padding:10px 11px;border-radius:13px;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}
.home-event-features-v41124>a>span{width:34px;height:34px;font-size:16px}
.home-event-features-v41124 b{font-size:12px;line-height:1.2}
.home-event-features-v41124 small{font-size:9px;line-height:1.35;white-space:normal}
.home-event-brand-art-v41124{position:absolute;right:18px;bottom:18px;width:182px;height:188px;opacity:.94}
.home-event-brand-art-v41124 img{right:8px;bottom:0;width:148px;height:auto;transform:rotate(-4deg)}
.home-event-brand-art-v41124>b{left:2px;top:34px;font-size:18px;line-height:1.03;color:rgba(116,143,235,.24)}
.home-event-orbit-v41124.one{width:138px;height:138px;right:8px;bottom:12px}
.home-event-orbit-v41124.two{width:88px;height:88px;right:38px;bottom:42px}
@media(max-width:1180px){
  .home-event-about-v41124{min-height:420px}
  .home-event-copy-v41124{max-width:315px}
  .home-event-copy-v41124 h1{font-size:30px}
  .home-event-highlight-v41124{font-size:15px}
  .home-event-features-v41124{right:192px}
  .home-event-brand-art-v41124{width:165px;height:176px}
  .home-event-brand-art-v41124 img{width:136px}
}
@media(max-width:980px){
  .home-event-stage-v41124{grid-template-columns:1fr}
  .home-event-about-v41124{min-height:0;padding:24px 20px 20px}
  .home-event-copy-v41124{max-width:100%}
  .home-event-copy-v41124>p,.home-event-highlight-v41124{max-width:100%}
  .home-event-features-v41124{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-event-brand-art-v41124{display:none}
}
@media(max-width:760px){
  .home-event-about-v41124{padding:20px 16px 16px}
  .home-event-copy-v41124 h1{font-size:27px}
  .home-event-copy-v41124>p{font-size:12px;line-height:1.68}
  .home-event-highlight-v41124{font-size:14px}
  .home-event-actions-v41124>a{min-height:44px;font-size:12px;padding:0 16px}
  .home-event-features-v41124{grid-template-columns:1fr 1fr;gap:8px}
  .home-event-features-v41124>a{min-height:62px}
}
@media(max-width:430px){
  .home-event-features-v41124{grid-template-columns:1fr 1fr}
  .home-event-copy-v41124 h1{font-size:24px}
  .home-event-features-v41124 b{font-size:11px}
  .home-event-features-v41124 small{font-size:8px}
}



/* =========================================================
   v4.11.29 LEFT HERO CLEAN REBUILD
   ========================================================= */
.home-event-stage-v41124{
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:16px;
  align-items:stretch;
}

.home-event-about-v41124{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  align-items:center;
  gap:24px;
  min-height:360px;
  padding:28px 26px;
  overflow:hidden;
}

.home-event-copy-v41124{
  position:relative;
  z-index:3;
  max-width:520px;
  min-width:0;
}

.home-event-kicker-v41124{
  margin:0 0 12px;
  font-size:10px;
}

.home-event-copy-v41124 h1{
  margin:0;
  font-size:34px;
  line-height:1.16;
  letter-spacing:-.035em;
  word-break:keep-all;
}

.home-event-copy-v41124 h1 strong{
  margin-top:4px;
}

.home-event-copy-v41124>p{
  margin:18px 0 0;
  max-width:500px;
  font-size:13px;
  line-height:1.75;
  color:#aebfcd;
  word-break:keep-all;
}

.home-event-highlight-v41124{
  display:block;
  margin-top:14px;
  max-width:500px;
  font-size:15px;
  line-height:1.5;
  color:#5de6ff;
  font-weight:900;
  word-break:keep-all;
}

.home-event-actions-v41124{
  display:block;
  margin-top:20px;
}

.home-event-actions-v41124>a.primary{
  min-width:176px;
  min-height:46px;
  padding:0 20px;
  border-radius:12px;
  font-size:13px;
}

.home-event-actions-v41124>button{
  display:none!important;
}

/* The old 4 mini feature cards are intentionally removed in v4.11.29 */
.home-event-features-v41124{
  display:none!important;
}

.home-event-brand-art-v41124{
  position:relative;
  right:auto;
  bottom:auto;
  width:180px;
  height:220px;
  justify-self:end;
  align-self:end;
  opacity:.98;
  pointer-events:none;
}

.home-event-brand-art-v41124 img{
  position:absolute;
  right:4px;
  bottom:2px;
  width:164px;
  height:auto;
  transform:rotate(-3deg);
  filter:drop-shadow(0 20px 34px rgba(2,8,20,.5))
         drop-shadow(0 0 22px rgba(69,127,255,.22));
}

.home-event-brand-art-v41124>b{
  display:none!important;
}

.home-event-orbit-v41124.one{
  width:150px;
  height:150px;
  right:4px;
  bottom:12px;
}

.home-event-orbit-v41124.two{
  width:94px;
  height:94px;
  right:34px;
  bottom:42px;
}

@media(max-width:1180px){
  .home-event-stage-v41124{
    grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  }
  .home-event-about-v41124{
    grid-template-columns:minmax(0,1fr) 150px;
    gap:18px;
    min-height:350px;
    padding:24px 22px;
  }
  .home-event-copy-v41124 h1{font-size:30px}
  .home-event-brand-art-v41124{width:150px;height:190px}
  .home-event-brand-art-v41124 img{width:138px}
}

@media(max-width:980px){
  .home-event-stage-v41124{
    grid-template-columns:1fr;
  }
  .home-event-about-v41124{
    grid-template-columns:minmax(0,1fr) 160px;
    min-height:330px;
  }
}

@media(max-width:760px){
  .home-event-about-v41124{
    grid-template-columns:1fr;
    min-height:0;
    padding:20px 16px 18px;
  }
  .home-event-copy-v41124{
    max-width:none;
  }
  .home-event-copy-v41124 h1{
    font-size:27px;
  }
  .home-event-copy-v41124>p{
    font-size:12px;
    line-height:1.68;
  }
  .home-event-highlight-v41124{
    font-size:14px;
  }
  .home-event-brand-art-v41124{
    display:none;
  }
}

@media(max-width:430px){
  .home-event-copy-v41124 h1{
    font-size:24px;
  }
  .home-event-actions-v41124>a.primary{
    width:100%;
    min-width:0;
  }
}



/* =========================================================
   v4.11.30 HOME SHOWCASE REDESIGN
   Screenshot-inspired compact gaming community layout
   ========================================================= */
.home-showcase-v41130{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);min-height:360px;margin-bottom:12px;padding:0;border-color:rgba(44,137,196,.38)!important;background:linear-gradient(105deg,#102844 0%,#0d2b50 50%,#0b2238 100%);box-shadow:0 18px 46px rgba(0,0,0,.24)}
.home-showcase-v41130:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 15%,rgba(55,188,255,.20),transparent 35%),linear-gradient(90deg,transparent 0 52%,rgba(5,19,33,.18) 52% 100%);pointer-events:none}
.home-showcase-copy-v41130{position:relative;z-index:3;padding:32px 30px;align-self:center}.home-showcase-copy-v41130>small{display:block;margin-bottom:14px;color:#52dcff;font-size:10px;font-weight:1000;letter-spacing:.15em}.home-showcase-copy-v41130 h1{margin:0;color:#f8fbff;font-size:38px;line-height:1.08;letter-spacing:-.045em;word-break:keep-all}.home-showcase-copy-v41130 h1 strong{color:#35d2ff}.home-showcase-copy-v41130 p{margin:20px 0 0;color:#c4d5df;font-size:13px;line-height:1.7;word-break:keep-all}.home-showcase-cta-v41130{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:24px;padding:0 18px;border:1px solid rgba(57,216,255,.45);border-radius:11px;background:linear-gradient(135deg,#43dfff,#3cb7ea);color:#062338!important;font-size:12px;font-weight:1000;box-shadow:0 10px 26px rgba(50,186,231,.18);transition:.15s ease}.home-showcase-cta-v41130:hover{transform:translateY(-2px);filter:brightness(1.05)}
.home-showcase-art-v41130{position:relative;min-width:0;overflow:hidden}.home-showcase-art-v41130:before{content:"";position:absolute;inset:28px 24px 18px 0;border-radius:22px;background:linear-gradient(145deg,rgba(57,172,255,.12),rgba(37,99,187,.03));transform:skewX(-5deg);border:1px solid rgba(81,175,240,.10)}.home-showcase-art-v41130:after{content:"";position:absolute;right:8%;bottom:-28%;width:80%;height:82%;border-radius:50%;background:radial-gradient(circle,rgba(56,166,255,.34),rgba(42,86,152,.13) 45%,transparent 70%);filter:blur(2px)}.home-showcase-art-v41130 img{position:absolute;z-index:3;right:14%;bottom:10px;width:265px;max-width:58%;height:auto;filter:drop-shadow(0 30px 34px rgba(0,0,0,.45)) drop-shadow(0 0 28px rgba(53,197,255,.22));transform:rotate(-5deg)}.home-showcase-art-v41130>b{position:absolute;z-index:4;right:24px;top:28px;color:#d9eeff;font-size:12px;line-height:1.45;font-weight:850;transform:rotate(-5deg);text-align:right;opacity:.92}.home-play-badge-v41130{position:absolute;z-index:4;left:15%;top:68px;width:72px;height:72px;border:2px solid rgba(188,239,255,.72);border-radius:50%;display:grid;place-items:center;color:#eafaff;font-size:10px;line-height:1.05;font-weight:1000;text-align:center;transform:rotate(-10deg);background:rgba(6,29,50,.68);box-shadow:0 0 25px rgba(56,193,255,.16)}
.home-cube-v41130{position:absolute;z-index:2;width:38px;height:38px;border-radius:8px;background:linear-gradient(145deg,#51deff,#2f83e5);box-shadow:0 0 20px rgba(58,185,255,.25);transform:rotate(18deg)}.home-cube-v41130.c1{right:9%;bottom:22%}.home-cube-v41130.c2{left:14%;bottom:19%;width:24px;height:24px;background:linear-gradient(145deg,#49f0b4,#28a471)}.home-cube-v41130.c3{left:32%;top:18%;width:20px;height:20px;background:linear-gradient(145deg,#8cdcff,#5878ff)}
.home-quick-grid-v41130{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.home-quick-card-v41130{appearance:none;text-align:left;position:relative;min-width:0;min-height:96px;padding:14px 38px 14px 14px;border:1px solid #223b50;border-radius:14px;background:#101b24;color:inherit!important;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;cursor:pointer;transition:.15s ease}.home-quick-card-v41130:hover{transform:translateY(-2px);border-color:#397c9e;background:#12232f}.home-quick-card-v41130>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:#143b65;box-shadow:inset 0 0 0 1px rgba(77,192,255,.16)}.home-quick-card-v41130.community>span{background:#123e39}.home-quick-card-v41130.chat>span{background:#3a285e}.home-quick-card-v41130.event>span{background:#583617}.home-quick-card-v41130 b{display:block;color:#f5f8fb;font-size:14px;line-height:1.2;margin:2px 0 6px}.home-quick-card-v41130 small{display:block;color:#8197a8;font-size:9px;line-height:1.45}.home-quick-card-v41130>i{position:absolute;right:12px;top:16px;width:23px;height:23px;border:1px solid #2c5067;border-radius:50%;display:grid;place-items:center;color:#6bcdf7;font-style:normal;font-size:14px}
.home-side-event-v41130{padding:15px!important;border-color:rgba(124,72,225,.45)!important;background:radial-gradient(circle at 100% 0,rgba(171,70,255,.16),transparent 35%),linear-gradient(145deg,#21184d,#1a2855)!important}.home-side-event-head-v41130{display:flex;align-items:center;gap:9px}.home-side-event-head-v41130>span{font-size:24px}.home-side-event-head-v41130 small{display:block;color:#bfa2ff;font-size:7px;font-weight:1000;letter-spacing:.15em}.home-side-event-head-v41130 h2{margin:2px 0 0;color:#fff;font-size:17px;line-height:1.15}.home-side-event-reward-v41130{display:block;margin-top:9px;color:#ffd34f;font-size:11px}.home-side-event-v41130>p{margin:5px 0 0;color:#9fafd0;font-size:8.5px;line-height:1.45}.home-side-event-ranks-v41130{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px}.home-side-event-ranks-v41130>span{min-width:0;min-height:62px;border:1px solid rgba(173,126,255,.45);border-radius:10px;background:rgba(14,24,66,.56);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.home-side-event-ranks-v41130 i{font-style:normal;font-size:11px}.home-side-event-ranks-v41130 b{font-size:8px;color:#e9e0ff}.home-side-event-ranks-v41130 strong{font-size:17px;color:#ffd34e;line-height:1}.home-side-event-ranks-v41130 strong small{font-size:5.5px;margin-left:2px;color:#e7d5ff}.home-side-event-v41130>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;margin-top:10px;border-radius:9px;background:linear-gradient(100deg,#d821f0,#7c43ff);color:#fff!important;font-size:10px;font-weight:1000;box-shadow:0 8px 18px rgba(128,50,230,.18)}
/* compact recommendation band to match the new home rhythm */
.recommend-hero{padding:14px 14px 11px!important;margin-bottom:12px!important}.recommend-head{margin-bottom:9px!important}.recommend-kicker{font-size:8px!important}.recommend-head h1{font-size:18px!important}.recommend-head p{font-size:9px!important;margin-top:3px!important}.recommend-shell{border-radius:12px!important}.recommend-bottom{margin-top:8px!important}
@media(max-width:1180px){.home-showcase-v41130{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.home-showcase-copy-v41130 h1{font-size:34px}.home-showcase-art-v41130 img{width:230px}.home-quick-grid-v41130{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.home-showcase-v41130{grid-template-columns:1fr minmax(260px,.72fr)}.home-showcase-copy-v41130{padding:26px 22px}.home-showcase-copy-v41130 h1{font-size:30px}.home-showcase-art-v41130 img{right:8%;width:210px}.home-showcase-art-v41130>b{display:none}.home-play-badge-v41130{left:8%;top:55px}}
@media(max-width:760px){.home-showcase-v41130{grid-template-columns:1fr;min-height:0}.home-showcase-copy-v41130{padding:24px 18px 20px}.home-showcase-copy-v41130 h1{font-size:30px}.home-showcase-copy-v41130 p{font-size:12px}.home-showcase-art-v41130{min-height:220px}.home-showcase-art-v41130 img{right:15%;width:190px}.home-play-badge-v41130{left:15%;top:28px}.home-quick-grid-v41130{grid-template-columns:1fr 1fr;gap:8px}.home-quick-card-v41130{min-height:82px;padding:12px 34px 12px 12px}.home-side-event-v41130{padding:14px!important}}
@media(max-width:430px){.home-showcase-copy-v41130 h1{font-size:27px}.home-quick-grid-v41130{grid-template-columns:1fr}.home-quick-card-v41130{min-height:78px}}



/* =========================================================
   v4.11.31 HOME VISUAL SHOWCASE
   ========================================================= */
.home-showcase-v41131{position:relative;isolation:isolate;overflow:hidden;min-height:372px;margin:0 0 12px;padding:0;border:1px solid rgba(62,165,225,.38)!important;border-radius:18px;background:#0c2238;box-shadow:0 18px 46px rgba(0,0,0,.28)}
.home-showcase-photo-v41131{position:absolute;z-index:0;inset:0 0 0 38%;overflow:hidden;background:linear-gradient(145deg,#164b78,#0d2742)}
.home-showcase-photo-v41131>img#homeShowcasePhotoV41131{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.04) brightness(.9);transform:scale(1.025)}
.home-showcase-photo-shade-v41131{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#102c4d 0%,rgba(12,35,61,.80) 10%,rgba(7,24,42,.18) 50%,rgba(5,19,34,.16) 100%),linear-gradient(0deg,rgba(3,13,24,.30),transparent 60%)}
.home-showcase-v41131:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#12365c 0 36%,rgba(18,54,92,.93) 41%,rgba(18,54,92,.32) 55%,transparent 70%);pointer-events:none}
.home-showcase-watermark-v41131{position:absolute!important;z-index:2!important;right:26px!important;bottom:20px!important;width:190px!important;height:auto!important;object-fit:contain!important;opacity:.16!important;filter:grayscale(1) brightness(1.9)!important;transform:none!important}
.home-showcase-play-v41131{position:absolute;z-index:3;left:37%;top:62px;width:76px;height:76px;border:2px solid rgba(222,248,255,.86);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;line-height:1.05;font-weight:1000;text-align:center;transform:rotate(-10deg);background:rgba(5,24,41,.54);backdrop-filter:blur(5px);box-shadow:0 8px 30px rgba(0,0,0,.24)}
.home-showcase-scribble-v41131{position:absolute;z-index:3;right:24px;top:28px;color:#f2fbff;font-size:12px;line-height:1.42;font-weight:850;text-align:right;transform:rotate(-5deg);text-shadow:0 2px 12px rgba(0,0,0,.6)}.home-showcase-scribble-v41131 b{color:#78e9ff}
.home-showcase-copy-v41131{position:relative;z-index:4;width:47%;padding:34px 30px 32px}.home-showcase-copy-v41131>small{display:block;margin-bottom:14px;color:#6ee6ff;font-size:10px;font-weight:1000;letter-spacing:.15em}.home-showcase-copy-v41131 h1{margin:0;color:#f8fbff;font-size:40px;line-height:1.07;letter-spacing:-.048em;word-break:keep-all;text-shadow:0 5px 20px rgba(0,0,0,.18)}.home-showcase-copy-v41131 h1 strong{color:#40d7ff}.home-showcase-copy-v41131 p{margin:20px 0 0;color:#c8d8e4;font-size:13px;line-height:1.72;word-break:keep-all}.home-showcase-actions-v41131{display:flex;align-items:center;gap:10px;margin-top:25px}.home-showcase-actions-v41131 a{min-height:46px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:950;transition:.16s}.home-showcase-actions-v41131 .primary{background:linear-gradient(135deg,#55e5ff,#31bde8);color:#052438!important;box-shadow:0 10px 28px rgba(43,192,234,.22)}.home-showcase-actions-v41131 .ghost{border:1px solid rgba(185,225,248,.35);background:rgba(4,22,38,.46);color:#edfaff!important;backdrop-filter:blur(8px)}.home-showcase-actions-v41131 a:hover{transform:translateY(-2px);filter:brightness(1.06)}
.home-quick-grid-v41131{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.home-quick-card-v41131{position:relative;min-width:0;min-height:104px;padding:17px 40px 16px 18px;border:1px solid rgba(73,131,167,.35);border-radius:15px;background:linear-gradient(145deg,#101f2b,#0d1821);display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;color:inherit;text-align:left;overflow:hidden;transition:.16s;cursor:pointer}.home-quick-card-v41131:before{content:"";position:absolute;inset:auto -28px -40px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(47,183,255,.14),transparent 68%)}.home-quick-card-v41131>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,rgba(42,111,180,.55),rgba(62,75,173,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.home-quick-card-v41131.community>span{background:linear-gradient(145deg,rgba(32,142,115,.58),rgba(24,83,91,.4))}.home-quick-card-v41131.chat>span{background:linear-gradient(145deg,rgba(121,68,188,.62),rgba(61,49,132,.48))}.home-quick-card-v41131.event>span{background:linear-gradient(145deg,rgba(187,106,28,.72),rgba(112,65,24,.48))}.home-quick-card-v41131 b{display:block;color:#f4f8fb;font-size:17px;line-height:1.2;margin-bottom:5px}.home-quick-card-v41131 small{display:block;color:#8398a8;font-size:10px;line-height:1.42;word-break:keep-all}.home-quick-card-v41131>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid rgba(86,183,231,.45);border-radius:50%;display:grid;place-items:center;color:#69d9ff;font-size:18px;font-style:normal}.home-quick-card-v41131:hover{transform:translateY(-3px);border-color:rgba(77,197,244,.65);background:linear-gradient(145deg,#142938,#0e1c26);box-shadow:0 14px 32px rgba(0,0,0,.24)}
.home-hot-games-v41131{padding:15px 14px 12px!important;margin-bottom:12px!important}.home-hot-games-v41131 .recommend-head{align-items:center;margin-bottom:11px!important}.home-hot-games-v41131 .recommend-kicker{font-size:8px!important}.home-hot-games-v41131 .recommend-head h1{font-size:18px!important}.home-hot-games-v41131 .recommend-head p{font-size:9px!important;margin-top:3px!important}.home-hot-games-v41131 .recommend-shell{overflow:hidden}.home-hot-track-v41131{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding:0 1px 3px!important}.home-hot-track-v41131 .recommend-card{flex:0 0 154px!important;width:154px!important;min-width:154px!important;height:132px!important;border-radius:12px!important;scroll-snap-align:start!important;box-shadow:none!important}.home-hot-track-v41131 .recommend-shade{background:linear-gradient(0deg,rgba(4,10,15,.94) 0%,rgba(4,10,15,.15) 72%)!important}.home-hot-track-v41131 .recommend-content{padding:10px!important;display:block!important}.home-hot-track-v41131 .recommend-rank{right:7px!important;top:7px!important;padding:4px 6px!important}.home-hot-track-v41131 .recommend-rank span{display:none!important}.home-hot-track-v41131 .recommend-rank b{font-size:10px!important}.home-hot-track-v41131 .recommend-copy{position:absolute;left:10px;right:10px;bottom:9px;max-width:none!important}.home-hot-track-v41131 .recommend-reason,.home-hot-track-v41131 .recommend-copy>p,.home-hot-track-v41131 .recommend-play{display:none!important}.home-hot-track-v41131 .recommend-copy h2{margin:0 0 4px!important;font-size:13px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-hot-track-v41131 .recommend-metrics{margin:0!important;gap:5px!important}.home-hot-track-v41131 .recommend-metrics span{padding:0!important;border:0!important;background:transparent!important;font-size:8px!important;color:#bdccd6!important}.home-hot-track-v41131 .recommend-metrics span:nth-child(n+2){display:none!important}.home-hot-track-v41131 .recommend-metrics b{font-size:9px!important}.home-hot-games-v41131 .recommend-bottom{display:none!important}.home-hot-games-v41131 .recommend-head-actions{display:flex!important}.home-hot-games-v41131 .recommend-arrow{width:31px;height:31px;font-size:20px;border-radius:9px}
@media(max-width:1180px){.home-showcase-copy-v41131{width:51%}.home-showcase-copy-v41131 h1{font-size:35px}.home-showcase-photo-v41131{inset:0 0 0 35%}.home-quick-grid-v41131{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.home-showcase-v41131{min-height:340px}.home-showcase-copy-v41131{width:56%;padding:28px 22px}.home-showcase-copy-v41131 h1{font-size:31px}.home-showcase-photo-v41131{inset:0 0 0 42%}.home-showcase-play-v41131{left:47%;top:46px}.home-showcase-scribble-v41131{display:none}.home-hot-track-v41131 .recommend-card{flex-basis:145px!important;width:145px!important;min-width:145px!important}}
@media(max-width:760px){.home-showcase-v41131{min-height:500px}.home-showcase-photo-v41131{inset:230px 0 0 0}.home-showcase-v41131:after{background:linear-gradient(180deg,#12365c 0 46%,rgba(18,54,92,.8) 52%,rgba(7,25,44,.15) 72%,transparent 100%)}.home-showcase-copy-v41131{width:100%;padding:24px 18px 20px}.home-showcase-copy-v41131 h1{font-size:30px}.home-showcase-copy-v41131 p{font-size:12px}.home-showcase-actions-v41131{margin-top:18px}.home-showcase-play-v41131{left:24px;top:265px;width:62px;height:62px;font-size:8px}.home-showcase-watermark-v41131{width:150px!important;right:15px!important;bottom:12px!important}.home-quick-grid-v41131{grid-template-columns:1fr 1fr;gap:8px}.home-quick-card-v41131{min-height:92px;padding:14px 34px 14px 13px;grid-template-columns:42px 1fr;gap:10px}.home-quick-card-v41131>span{width:42px;height:42px}.home-quick-card-v41131 b{font-size:14px}.home-hot-track-v41131 .recommend-card{flex-basis:138px!important;width:138px!important;min-width:138px!important}}
@media(max-width:430px){.home-showcase-v41131{min-height:520px}.home-showcase-copy-v41131 h1{font-size:27px}.home-showcase-actions-v41131{display:grid;grid-template-columns:1fr 1fr}.home-showcase-actions-v41131 a{padding:0 10px;font-size:11px}.home-quick-grid-v41131{grid-template-columns:1fr}.home-quick-card-v41131{min-height:84px}.home-hot-track-v41131 .recommend-card{flex-basis:132px!important;width:132px!important;min-width:132px!important}}



/* =========================================================
   v4.11.32 HOME WOW + PARTY + ACTIVITY EVENT
   ========================================================= */
.home-wow-v41132{position:relative;isolation:isolate;overflow:hidden;min-height:410px;margin:0 0 12px;padding:0;border:1px solid rgba(76,174,238,.48)!important;border-radius:20px;background:#0a2340;box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 0 1px rgba(43,160,255,.04) inset}
.home-wow-media-v41132{position:absolute;z-index:0;inset:0;overflow:hidden;background:#102d51}.home-wow-media-v41132>img#homeShowcasePhotoV41131{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;filter:saturate(1.18) contrast(1.06) brightness(.9);transform:scale(1.015)}
.home-wow-media-shade-v41132{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,38,.98) 0%,rgba(7,30,55,.96) 30%,rgba(7,31,57,.72) 47%,rgba(6,24,44,.18) 68%,rgba(4,17,31,.15) 100%),linear-gradient(0deg,rgba(2,11,22,.52),transparent 58%)}
.home-wow-v41132:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(55,202,255,.20),transparent 26%),linear-gradient(180deg,transparent 70%,rgba(3,13,25,.24))}
.home-wow-watermark-v41132{position:absolute!important;z-index:2!important;right:28px!important;bottom:20px!important;width:205px!important;height:auto!important;opacity:.20!important;filter:grayscale(1) brightness(2.3) drop-shadow(0 4px 20px rgba(0,0,0,.5))!important;transform:none!important}
.home-wow-scribble-v41132{position:absolute;z-index:3;right:26px;top:30px;color:#f4fbff;font-size:14px;font-weight:900;line-height:1.45;text-align:right;transform:rotate(-4deg);text-shadow:0 3px 18px rgba(0,0,0,.72)}.home-wow-scribble-v41132 b{color:#67e6ff}
.home-wow-copy-v41132{position:relative;z-index:4;width:54%;padding:28px 30px 28px}.home-wow-copy-v41132>small{display:block;margin:14px 0 10px;color:#6fe5ff;font-size:9px;font-weight:1000;letter-spacing:.13em}.home-wow-copy-v41132 h1{margin:0;color:#fff;font-size:42px;line-height:1.04;letter-spacing:-.052em;word-break:keep-all;text-shadow:0 5px 24px rgba(0,0,0,.28)}.home-wow-copy-v41132 h1 strong{background:linear-gradient(100deg,#41e2ff,#6e9eff 52%,#d27cff);-webkit-background-clip:text;background-clip:text;color:transparent}.home-wow-copy-v41132 p{margin:17px 0 0;color:#c7d9e5;font-size:13px;line-height:1.7;word-break:keep-all}
.home-wow-ai-badge-v41132{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:0 12px;border:1px solid rgba(115,210,255,.48);border-radius:999px;background:linear-gradient(100deg,rgba(36,120,255,.28),rgba(119,65,255,.26));box-shadow:0 0 24px rgba(61,154,255,.12);color:#eafaff!important;font-size:10px}.home-wow-ai-badge-v41132 span{font-size:14px}.home-wow-ai-badge-v41132 b{font-size:11px;color:#80ecff}.home-wow-ai-badge-v41132 em{font-style:normal;color:#c8d4ff;white-space:nowrap}
.home-wow-actions-v41132{display:flex;gap:10px;margin-top:21px}.home-wow-actions-v41132 a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:12px;font-size:13px;font-weight:1000;transition:.16s}.home-wow-actions-v41132 .primary{background:linear-gradient(120deg,#3ddcff,#4e8cff 62%,#8f5cff);color:#fff!important;box-shadow:0 10px 28px rgba(42,165,255,.24)}.home-wow-actions-v41132 .ghost{border:1px solid rgba(174,220,247,.37);background:rgba(4,20,37,.52);color:#f2faff!important;backdrop-filter:blur(9px)}.home-wow-actions-v41132 a:hover{transform:translateY(-2px);filter:brightness(1.06)}
.home-wow-points-v41132{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:17px;color:#a9c1d1;font-size:9px;font-weight:800}.home-wow-points-v41132 span{white-space:nowrap}
.home-wow-game-link-v41132{position:absolute;z-index:5;right:24px;bottom:20px;display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(3,16,29,.52);backdrop-filter:blur(8px);color:#ecfaff!important;font-size:9px;font-weight:900;opacity:.9}.home-wow-game-link-v41132:hover{background:rgba(9,37,60,.78);border-color:#68dbff}
.home-action-grid-v41132{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.home-action-card-v41132{position:relative;min-width:0;min-height:142px;padding:17px 16px;border:1px solid rgba(75,143,185,.38);border-radius:17px;overflow:hidden;display:flex;align-items:flex-start;gap:13px;text-align:left;color:inherit;cursor:pointer;transition:.17s;background:linear-gradient(145deg,#102b53,#0a1d34);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.home-action-card-v41132:before{content:"";position:absolute;inset:auto -30px -48px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(60,159,255,.30),transparent 68%)}.home-action-card-v41132.game{background:linear-gradient(145deg,#0b3c83,#102a5d)}.home-action-card-v41132.community{background:linear-gradient(145deg,#075d49,#0a393e)}.home-action-card-v41132.chat{background:linear-gradient(145deg,#4a247f,#261f61)}.home-action-card-v41132.party{background:linear-gradient(145deg,#8a275f,#4b205f)}.home-action-card-v41132 .icon{position:relative;z-index:2;flex:0 0 52px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.15)}.home-action-card-v41132>div{position:relative;z-index:2;min-width:0}.home-action-card-v41132 small{display:block;color:#8bdcff;font-size:8px;font-weight:1000;letter-spacing:.11em;margin-bottom:4px}.home-action-card-v41132 b{display:block;color:#fff;font-size:19px;line-height:1.2;margin-bottom:7px}.home-action-card-v41132 p{margin:0;color:#bfd0dc;font-size:10px;line-height:1.45;word-break:keep-all}.home-action-card-v41132 strong{display:block;margin-top:10px;color:#fff;font-size:10px}.home-action-card-v41132:hover{transform:translateY(-4px);filter:brightness(1.08);box-shadow:0 16px 36px rgba(0,0,0,.28)}
.home-side-event-v41130{position:relative;overflow:hidden;padding:17px!important;border-color:rgba(255,170,59,.54)!important;background:radial-gradient(circle at 92% 4%,rgba(255,182,54,.24),transparent 26%),linear-gradient(145deg,#3b176d,#311b74 52%,#172657)!important;box-shadow:0 16px 42px rgba(62,27,147,.20),0 0 28px rgba(255,170,48,.06) inset}.home-side-event-v41130:before{content:"EVENT";position:absolute;right:-8px;top:28px;color:rgba(255,255,255,.045);font-size:54px;font-weight:1000;transform:rotate(90deg)}.home-side-event-head-v41130>span{font-size:26px!important}.home-side-event-head-v41130 small{color:#ffd16a!important}.home-side-event-head-v41130 h2{font-size:22px!important}.home-side-event-reward-v41130{display:block!important;margin-top:11px!important;color:#ffe07a!important;font-size:14px!important}.home-side-event-v41130>p{font-size:10px!important;line-height:1.45!important;color:#d9d6ef!important}.home-side-event-ranks-v41130{gap:6px!important;margin-top:13px!important}.home-side-event-ranks-v41130>span{min-height:75px!important;background:rgba(12,14,50,.50)!important;border-color:rgba(255,202,101,.35)!important}.home-side-event-ranks-v41130 strong{font-size:20px!important;color:#ffd64d!important}.home-side-event-v41130>a{min-height:44px!important;margin-top:12px!important;background:linear-gradient(100deg,#ffcb43,#ff8a29)!important;color:#241100!important;box-shadow:0 8px 26px rgba(255,151,47,.25)!important}
.home-hot-track-v41131 .recommend-card{display:block;color:inherit;text-decoration:none;cursor:pointer}.home-hot-track-v41131 .recommend-card:hover{transform:translateY(-3px) scale(1.015)!important;box-shadow:0 12px 28px rgba(0,0,0,.34)!important}.home-hot-track-v41131 .recommend-card:focus-visible{outline:2px solid #58dfff;outline-offset:2px}
@media(max-width:1180px){.home-wow-copy-v41132{width:58%}.home-wow-copy-v41132 h1{font-size:37px}.home-action-grid-v41132{grid-template-columns:repeat(2,minmax(0,1fr))}.home-action-card-v41132{min-height:120px}}
@media(max-width:900px){.home-wow-v41132{min-height:390px}.home-wow-copy-v41132{width:64%;padding:24px 22px}.home-wow-copy-v41132 h1{font-size:32px}.home-wow-scribble-v41132{display:none}.home-wow-watermark-v41132{width:160px!important}.home-wow-game-link-v41132{display:none}}
@media(max-width:760px){.home-wow-v41132{min-height:540px}.home-wow-media-v41132>img#homeShowcasePhotoV41131{object-position:68% 88%}.home-wow-media-shade-v41132{background:linear-gradient(180deg,rgba(5,21,40,.99) 0%,rgba(6,28,51,.96) 45%,rgba(6,27,49,.48) 66%,rgba(3,13,25,.24) 100%)}.home-wow-copy-v41132{width:100%;padding:20px 16px}.home-wow-copy-v41132 h1{font-size:30px}.home-wow-copy-v41132 p{font-size:12px}.home-wow-ai-badge-v41132 em{display:none}.home-wow-points-v41132{font-size:8px}.home-wow-watermark-v41132{right:12px!important;bottom:14px!important;width:145px!important}.home-action-grid-v41132{grid-template-columns:1fr 1fr;gap:8px}.home-action-card-v41132{min-height:118px;padding:14px 12px;gap:10px}.home-action-card-v41132 .icon{width:44px;height:44px;flex-basis:44px;font-size:21px}.home-action-card-v41132 b{font-size:16px}.home-action-card-v41132 p{font-size:9px}}
@media(max-width:430px){.home-wow-v41132{min-height:570px}.home-wow-copy-v41132 h1{font-size:27px}.home-wow-actions-v41132{display:grid;grid-template-columns:1fr 1fr}.home-wow-actions-v41132 a{padding:0 9px;font-size:11px}.home-wow-points-v41132{display:grid;grid-template-columns:1fr 1fr}.home-action-grid-v41132{grid-template-columns:1fr}.home-action-card-v41132{min-height:100px}.home-action-card-v41132 p br{display:none}}


/* =========================================================
   v4.11.41 PANG BUCKS / REWARD CENTER
   ========================================================= */
.topnav-points-v41141{color:#7cecff!important}.top-point-pill-v41141{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid rgba(82,216,255,.32);border-radius:999px;background:linear-gradient(135deg,rgba(17,110,154,.28),rgba(70,76,190,.22));color:#a8f2ff!important;font-size:11px;font-weight:1000;white-space:nowrap}.top-point-pill-v41141 img{width:16px;height:16px}.top-point-pill-v41141 b{color:#fff;font-size:12px}
.point-page-v41141{display:grid;gap:14px}.point-hero-v41141{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;padding:28px;background:radial-gradient(circle at 86% 10%,rgba(91,87,255,.25),transparent 26%),radial-gradient(circle at 12% 90%,rgba(51,218,255,.14),transparent 30%),linear-gradient(145deg,#0a223c,#0b1830 62%,#171d42);border-color:rgba(79,185,234,.34)!important}.point-hero-v41141:after{content:"P";position:absolute;right:36%;top:-90px;font-size:330px;font-weight:1000;color:rgba(255,255,255,.018);pointer-events:none}.point-hero-copy-v41141{position:relative;z-index:1}.point-kicker-v41141,.point-section-head-v41141>div>span{display:block;color:#65defe;font-size:10px;font-weight:1000;letter-spacing:.14em}.point-hero-copy-v41141 h1{margin:8px 0 0;color:#fff;font-size:44px;letter-spacing:-.055em}.point-hero-copy-v41141 p{margin:13px 0 0;color:#bdcfdd;font-size:13px;line-height:1.7}.point-hero-copy-v41141 p b{color:#fff}.point-hero-actions-v41141{display:flex;gap:9px;margin-top:18px}.point-balance-card-v41141{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(118,211,255,.28);border-radius:18px;background:rgba(5,21,39,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 34px rgba(0,0,0,.18)}.point-balance-card-v41141>small{color:#9db7c9;font-size:11px;font-weight:900}.point-balance-card-v41141>strong{display:inline-block;margin-top:7px;color:#fff;font-size:42px;line-height:1;letter-spacing:-.045em}.point-balance-card-v41141>span{position:absolute;right:22px;top:30px;color:#56e4ff;font-size:18px;font-weight:1000}.point-balance-card-v41141>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.point-balance-card-v41141 em{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);font-style:normal;color:#8faabd;font-size:10px}.point-balance-card-v41141 em b{display:block;margin-top:3px;color:#dff7ff;font-size:12px}
.point-earn-v41141,.point-shop-v41141,.point-history-v41141,.point-orders-v41141,.point-policy-v41141{padding:20px}.point-section-head-v41141{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.point-section-head-v41141 h2{margin:5px 0 0;color:#fff;font-size:22px;letter-spacing:-.035em}.point-section-head-v41141 p{margin:5px 0 0;color:#90a9ba;font-size:11px}.point-section-head-v41141 p b{color:#dff8ff}.point-section-head-v41141.compact{margin-bottom:12px}.point-rule-badge-v41141{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(61,219,255,.28);border-radius:999px;background:rgba(40,174,221,.09);color:#72e8ff;font-size:10px;font-weight:1000}.point-ad-ready-v41141{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px dashed rgba(100,180,223,.28);border-radius:16px;background:linear-gradient(135deg,rgba(30,92,133,.12),rgba(74,68,161,.1))}.point-ad-ready-icon-v41141{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#1dcdf3,#5f6cff);font-size:24px;box-shadow:0 10px 24px rgba(38,165,244,.18)}.point-ad-ready-v41141 b{color:#fff;font-size:14px}.point-ad-ready-v41141 p{margin:5px 0 0;color:#9eb4c3;font-size:11px;line-height:1.55}.point-ad-ready-v41141>span{color:#70e7ff;font-size:10px;font-weight:1000}.point-rule-grid-v41141{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.point-rule-grid-v41141>div{padding:13px;border-radius:14px;background:#0c1b29;border:1px solid rgba(79,133,168,.2)}.point-rule-grid-v41141 b{display:block;color:#fff;font-size:12px}.point-rule-grid-v41141 span{display:block;margin-top:4px;color:#839cad;font-size:10px}
.point-shop-balance-v41141{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#0b2132;border:1px solid rgba(87,177,220,.22);color:#91afc0;font-size:11px}.point-shop-balance-v41141 b{color:#fff}.point-product-grid-v41141{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.point-product-v41141{position:relative;overflow:hidden;min-height:190px;padding:16px;border:1px solid rgba(85,150,196,.26);border-radius:17px;background:linear-gradient(160deg,#0d263c,#0a1727 62%,#101a3c);transition:.16s}.point-product-v41141:before{content:"";position:absolute;width:120px;height:120px;right:-38px;top:-40px;border-radius:50%;background:radial-gradient(circle,rgba(75,123,255,.26),transparent 70%)}.point-product-v41141:hover{transform:translateY(-3px);border-color:rgba(100,216,255,.44);box-shadow:0 16px 32px rgba(0,0,0,.24)}.point-product-token-v41141{position:relative;width:48px;height:48px}.point-product-token-v41141 img{width:100%;height:100%;filter:drop-shadow(0 8px 15px rgba(37,116,255,.28))}.point-product-v41141 h3{margin:13px 0 0;color:#fff;font-size:22px}.point-product-v41141 h3 small{font-size:11px;color:#7cecff}.point-product-price-v41141{display:flex;align-items:baseline;gap:4px;margin-top:6px;color:#7f9aac;font-size:11px}.point-product-price-v41141 b{color:#ffd76e;font-size:18px}.point-product-v41141 button{width:100%;margin-top:14px;min-height:40px}.point-product-v41141 button:disabled{opacity:.45;cursor:not-allowed}.point-product-v41141.is-affordable{border-color:rgba(73,205,255,.34)}.point-product-badge-v41141{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:999px;background:rgba(78,206,255,.1);border:1px solid rgba(78,206,255,.2);color:#75e7ff;font-size:9px;font-weight:1000}
.point-two-col-v41141{display:grid;grid-template-columns:1fr 1fr;gap:14px}.point-ledger-list-v41141,.point-order-list-v41141{display:grid;gap:7px}.point-ledger-row-v41141,.point-order-row-v41141{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(72,126,163,.17);border-radius:13px;background:#0a1825}.point-ledger-row-v41141 b,.point-order-row-v41141 b{display:block;color:#eaf6ff;font-size:12px}.point-ledger-row-v41141 small,.point-order-row-v41141 small{display:block;margin-top:3px;color:#7893a6;font-size:9px}.point-ledger-amount-v41141{font-size:13px;font-weight:1000;color:#5de7a4}.point-ledger-amount-v41141.minus{color:#ff859e}.point-order-meta-v41141{text-align:right}.point-order-status-v41141{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:1000}.point-order-status-v41141.pending{background:rgba(255,188,70,.11);color:#ffd06b}.point-order-status-v41141.processing{background:rgba(62,187,255,.11);color:#70dcff}.point-order-status-v41141.completed{background:rgba(58,216,151,.11);color:#70e8ac}.point-order-status-v41141.rejected,.point-order-status-v41141.cancelled{background:rgba(255,92,124,.1);color:#ff93a9}.point-order-row-v41141 button{margin-top:5px;padding:4px 8px;border:1px solid rgba(120,171,203,.2);border-radius:8px;background:#102436;color:#bcd3e3;font-size:9px}.point-policy-v41141 h3{margin:0;color:#d9e9f5;font-size:13px}.point-policy-v41141 p{margin:7px 0 0;color:#819bad;font-size:10px;line-height:1.6}
.point-order-modal-v41141{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:16px}.point-order-modal-v41141[hidden]{display:none}.point-order-backdrop-v41141{position:absolute;inset:0;background:rgba(1,8,14,.78);backdrop-filter:blur(7px)}.point-order-modal-v41141>section{position:relative;width:min(480px,100%);padding:22px;border:1px solid rgba(85,194,239,.32);border-radius:20px;background:#0a1828;box-shadow:0 28px 80px rgba(0,0,0,.48)}.point-order-modal-v41141 h2{margin:7px 0 0;color:#fff;font-size:22px}.point-order-close-v41141{position:absolute;right:13px;top:11px;width:34px;height:34px;border:0;border-radius:10px;background:#102538;color:#bcd5e6;font-size:22px}.point-order-product-v41141{margin-top:14px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#102a46,#171b45);color:#d8ebf7}.point-order-product-v41141 b{color:#fff}.point-target-field-v41141{display:grid;gap:7px;margin-top:14px;color:#aac0ce;font-size:10px;font-weight:900}.point-target-field-v41141 input{width:100%;height:44px;padding:0 12px;border:1px solid #29465d;border-radius:12px;background:#071522;color:#fff;outline:none}.point-target-field-v41141 input:focus{border-color:#53d8ff;box-shadow:0 0 0 3px rgba(56,195,240,.09)}.point-confirm-v41141{display:flex;gap:9px;align-items:flex-start;margin-top:13px;color:#92a9b8;font-size:10px;line-height:1.4}.point-order-submit-v41141{width:100%;margin-top:15px;min-height:44px}.point-order-note-v41141{margin:9px 0 0;text-align:center;color:#718b9d;font-size:9px}
.point-empty-v41141{padding:24px;border:1px dashed rgba(92,146,180,.2);border-radius:14px;text-align:center;color:#819bac;font-size:11px}.point-error-v41141{padding:14px;border:1px solid rgba(255,96,126,.24);border-radius:14px;background:rgba(115,22,43,.12);color:#ff9db0;font-size:11px;line-height:1.55}.mypage-point-card-v41141{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:18px;border:1px solid rgba(75,180,222,.28);border-radius:17px;background:radial-gradient(circle at 90% 10%,rgba(70,94,255,.18),transparent 28%),linear-gradient(135deg,#0a2235,#0a1729)}.mypage-point-card-v41141>div>span{color:#67e6ff;font-size:9px;font-weight:1000;letter-spacing:.12em}.mypage-point-card-v41141 h3{margin:5px 0 0;color:#fff;font-size:20px}.mypage-point-card-v41141 p{margin:5px 0 0;color:#8faabb;font-size:10px}.mypage-point-balance-v41141{display:flex;align-items:center;gap:10px}.mypage-point-balance-v41141 small{color:#829aaa}.mypage-point-balance-v41141 b{color:#fff;font-size:20px}.admin-point-kpis-v41141{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.admin-point-kpis-v41141>div{padding:14px;border:1px solid rgba(85,151,190,.2);border-radius:14px;background:#0c1b29}.admin-point-kpis-v41141 span{display:block;color:#7994a8;font-size:9px}.admin-point-kpis-v41141 b{display:block;margin-top:5px;color:#fff;font-size:20px}.admin-point-order-list-v41141{display:grid;gap:9px}.admin-point-order-v41141{display:grid;grid-template-columns:1fr auto;gap:14px;padding:13px;border:1px solid rgba(87,146,181,.2);border-radius:14px;background:#0a1825}.admin-point-order-v41141 h4{margin:0;color:#fff;font-size:13px}.admin-point-order-v41141 p{margin:5px 0 0;color:#879fad;font-size:10px}.admin-point-order-v41141 .actions{display:flex;align-items:center;gap:6px}.admin-point-order-v41141 select,.admin-point-order-v41141 input{height:34px;border:1px solid #29465d;border-radius:9px;background:#071522;color:#fff;padding:0 8px;font-size:10px}.admin-point-order-v41141 input{width:170px}
@media(max-width:980px){.point-hero-v41141{grid-template-columns:1fr}.point-product-grid-v41141{grid-template-columns:repeat(2,1fr)}.point-two-col-v41141{grid-template-columns:1fr}.admin-point-kpis-v41141{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.top-point-pill-v41141 span{display:none}.point-hero-v41141{padding:18px}.point-hero-copy-v41141 h1{font-size:34px}.point-product-grid-v41141{grid-template-columns:1fr}.point-rule-grid-v41141{grid-template-columns:1fr}.point-ad-ready-v41141{grid-template-columns:44px 1fr}.point-ad-ready-v41141>span{display:none}.point-balance-card-v41141>div{grid-template-columns:1fr}.mypage-point-card-v41141{align-items:flex-start;flex-direction:column}.mypage-point-balance-v41141{width:100%;flex-wrap:wrap}.admin-point-kpis-v41141{grid-template-columns:1fr}.admin-point-order-v41141{grid-template-columns:1fr}.admin-point-order-v41141 .actions{flex-wrap:wrap}.admin-point-order-v41141 input{width:100%}}


/* === v4.11.42 home right profile + Pang Bucks promo === */
.home-profile-card-v41142{position:relative;overflow:hidden;padding:13px!important;border-color:rgba(43,151,255,.50)!important;background:radial-gradient(circle at 100% 0,rgba(30,145,255,.18),transparent 42%),linear-gradient(155deg,#102b51 0%,#0b2444 52%,#0a1b35 100%)!important;box-shadow:0 14px 34px rgba(0,80,170,.18),inset 0 1px 0 rgba(255,255,255,.04)}
.home-profile-card-v41142:after{content:"";position:absolute;right:-34px;bottom:-52px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(58,171,255,.14),transparent 66%);pointer-events:none}
.home-profile-top-v41142{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.home-profile-top-v41142 small{color:#69dbff;font-size:7.5px;font-weight:1000;letter-spacing:.14em}
.home-profile-settings-v41142{color:#a9c4db!important;font-size:8px;font-weight:900;white-space:nowrap}.home-profile-settings-v41142:hover{color:#fff!important}
.home-profile-main-v41142{position:relative;z-index:1;display:grid;grid-template-columns:50px minmax(0,1fr) 42px;gap:10px;align-items:center;color:#fff!important}
.home-profile-avatar-v41142{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#355f85,#142a40);border:2px solid #58bfff;box-shadow:0 0 0 3px rgba(63,179,255,.12),0 8px 18px rgba(0,0,0,.22);font-size:14px;font-weight:1000}
.home-profile-avatar-v41142 .avatar-photo{width:100%;height:100%;object-fit:cover}.home-profile-avatar-v41142 .avatar-initials{display:grid;place-items:center;width:100%;height:100%}
.home-profile-copy-v41142{min-width:0;display:block}.home-profile-copy-v41142>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.1;color:#fff}
.home-profile-level-line-v41142{display:flex;align-items:center;gap:7px;margin-top:6px}.home-profile-level-line-v41142 em{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:7px;background:linear-gradient(135deg,#2db9ff,#2673df);color:#fff;font-size:10px;font-style:normal;font-weight:1000}.home-profile-level-line-v41142 span{color:#ffc46b;font-size:10px;font-weight:1000}
.home-profile-xpbar-v41142{display:block;height:5px;margin-top:7px;border-radius:999px;background:#071425;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.home-profile-xpbar-v41142 i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#27e1ff,#2478ff 65%,#7d55ff);box-shadow:0 0 10px rgba(45,155,255,.55);transition:width .3s ease}.home-profile-copy-v41142>small{display:block;margin-top:4px;text-align:right;color:#86b9dc;font-size:8px;font-weight:800}
.home-profile-tiermark-v41142{display:grid;place-items:center;width:42px;height:50px}.home-profile-tiermark-v41142 .tier-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}
.home-profile-point-v41142{position:relative;z-index:1;display:grid;grid-template-columns:34px 1fr 16px;gap:8px;align-items:center;min-height:48px;margin-top:10px;padding:7px 9px;border-radius:12px;border:1px solid rgba(62,149,255,.34);background:linear-gradient(135deg,rgba(10,49,91,.84),rgba(12,40,78,.9));color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.home-profile-point-v41142:hover{border-color:rgba(82,203,255,.65);background:linear-gradient(135deg,rgba(13,62,112,.94),rgba(19,52,101,.96))}.home-profile-point-icon-v41142{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#24aaff,#2358da);border:1px solid rgba(139,226,255,.7);box-shadow:0 0 16px rgba(39,160,255,.28)}.home-profile-point-icon-v41142 img{width:20px;height:20px}.home-profile-point-v41142 span:nth-child(2){min-width:0}.home-profile-point-v41142 small{display:block;color:#8dbbd8;font-size:8px}.home-profile-point-v41142 b{display:block;margin-top:1px;color:#5be6ff;font-size:17px;line-height:1}.home-profile-point-v41142>i{font-style:normal;color:#b8d4eb;font-size:22px;text-align:center}
.home-profile-card-v41142.is-guest .home-profile-tiermark-v41142,.home-profile-card-v41142.is-guest .home-profile-xpbar-v41142,.home-profile-card-v41142.is-guest .home-profile-copy-v41142>small{display:none}.home-profile-card-v41142.is-guest .home-profile-level-line-v41142 em{background:#25394c}.home-profile-card-v41142.is-guest .home-profile-level-line-v41142 span{color:#9eb1c0}

.home-point-banner-v41142{position:relative;display:block;overflow:hidden;min-height:174px;padding:16px!important;border-color:rgba(40,204,255,.58)!important;background:radial-gradient(circle at 92% 20%,rgba(28,214,255,.28),transparent 26%),radial-gradient(circle at 70% 78%,rgba(48,102,255,.27),transparent 34%),linear-gradient(145deg,#072842 0%,#064978 48%,#07305a 100%)!important;color:#fff!important;box-shadow:0 14px 38px rgba(0,118,205,.19),inset 0 0 34px rgba(47,208,255,.06)}
.home-point-banner-v41142:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 43%,rgba(255,255,255,.05) 44%,transparent 45% 100%);pointer-events:none}.home-point-banner-v41142:hover{transform:translateY(-2px);border-color:rgba(73,225,255,.86)!important;box-shadow:0 18px 44px rgba(0,137,235,.25),inset 0 0 42px rgba(47,208,255,.09)}
.home-point-banner-copy-v41142{position:relative;z-index:2;width:68%}.home-point-banner-copy-v41142>small{display:block;color:#58ebff;font-size:8px;font-weight:1000;letter-spacing:.03em}.home-point-banner-copy-v41142 h2{margin:7px 0 0;color:#fff;font-size:27px;line-height:1.02;letter-spacing:-.055em}.home-point-banner-copy-v41142 h2 strong{color:#ffd34f}.home-point-banner-copy-v41142 h2 em{font-style:normal;color:#58e8ff}.home-point-banner-copy-v41142 p{margin:8px 0 0;color:#c2dded;font-size:9px;line-height:1.5}.home-point-banner-copy-v41142>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;margin-top:12px;border-radius:10px;background:linear-gradient(100deg,#40e5ff,#2cbcff);color:#062039;font-size:10px;font-weight:1000;box-shadow:0 10px 22px rgba(28,196,244,.23)}.home-point-banner-copy-v41142>span b{font-size:12px}
.home-point-banner-art-v41142{position:absolute;z-index:1;right:7px;bottom:9px;width:92px;height:130px}.point-orb-v41142{position:absolute;right:8px;top:5px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;transform:rotate(30deg);background:linear-gradient(145deg,#a8ffcf,#34c878 52%,#149c72);border:4px solid rgba(196,255,220,.75);box-shadow:0 0 0 5px rgba(18,85,78,.32),0 0 26px rgba(81,255,191,.3);color:#0a7753;font-size:23px;font-style:normal;font-weight:1000;text-shadow:0 1px #c6ffe0}.point-orb-v41142::after{content:"";position:absolute;inset:8px;border:2px solid rgba(9,111,74,.5);border-radius:12px}.point-coin-v41142{position:absolute;width:22px;height:9px;border-radius:50%;background:#f7c13f;border:2px solid #ffe37d;box-shadow:0 3px 0 #b87818}.point-coin-v41142.c1{left:1px;top:66px;transform:rotate(-13deg)}.point-coin-v41142.c2{left:24px;top:81px;transform:rotate(12deg)}.point-coin-v41142.c3{right:0;top:75px;transform:rotate(-8deg)}
.robux-pack-v41142{position:absolute;right:0;bottom:0;width:62px;height:48px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#9f56ea,#4e238b);border:2px solid #c383ff;box-shadow:0 10px 20px rgba(38,8,82,.35);transform:rotate(4deg)}.robux-pack-v41142 img{width:22px;height:22px;filter:brightness(0) invert(1)}.robux-pack-v41142 b{margin-top:2px;color:#fff;font-size:8px;letter-spacing:.06em}

@media(max-width:1320px) and (min-width:1181px){.home-profile-card-v41142{padding:11px!important}.home-profile-main-v41142{grid-template-columns:44px minmax(0,1fr) 36px;gap:7px}.home-profile-avatar-v41142{width:44px;height:44px}.home-profile-tiermark-v41142{width:36px}.home-profile-tiermark-v41142 .tier-icon-img{width:34px;height:34px}.home-point-banner-copy-v41142 h2{font-size:23px}.home-point-banner-art-v41142{opacity:.88;right:3px}.home-point-banner-copy-v41142{width:72%}}


/* === v4.11.43 site life motion + PangBucks polish === */
@keyframes rpLifeFadeUpV41143{0%{opacity:0;transform:translate3d(0,16px,0) scale(.988)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes rpLifeHeroBreathV41143{0%{transform:scale(1.018) translate3d(0,0,0);filter:saturate(1.02) brightness(.98)}50%{transform:scale(1.038) translate3d(var(--rp-hero-x,0px),var(--rp-hero-y,0px));filter:saturate(1.08) brightness(1.02)}100%{transform:scale(1.022) translate3d(0,-2px,0);filter:saturate(1.04) brightness(1)}}
@keyframes rpLifeFloatV41143{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes rpLifePulseV41143{0%,100%{box-shadow:0 0 0 0 rgba(64,224,255,.03)}50%{box-shadow:0 0 0 5px rgba(64,224,255,.055),0 0 22px rgba(51,187,255,.18)}}
@keyframes rpLifeGlowV41143{0%,100%{filter:drop-shadow(0 5px 8px rgba(0,0,0,.28)) brightness(1)}50%{filter:drop-shadow(0 7px 15px rgba(73,179,255,.28)) brightness(1.1)}}
@keyframes rpLifeShineV41143{0%{transform:translateX(-145%) skewX(-18deg);opacity:0}15%{opacity:.52}45%,100%{transform:translateX(220%) skewX(-18deg);opacity:0}}
@keyframes rpLifeCoinV41143{0%,100%{transform:translate3d(0,0,0) rotate(var(--coin-r,0deg))}50%{transform:translate3d(0,-5px,0) rotate(var(--coin-r,0deg))}}
@keyframes rpLifeValuePopV41143{0%{transform:scale(1);text-shadow:none}35%{transform:scale(1.13);text-shadow:0 0 18px rgba(69,221,255,.65)}100%{transform:scale(1);text-shadow:none}}

.rp-life-reveal-v41143{opacity:0;transform:translate3d(0,16px,0) scale(.988);will-change:transform,opacity}
.rp-life-reveal-v41143.is-visible{animation:rpLifeFadeUpV41143 .58s cubic-bezier(.2,.75,.24,1) var(--rp-life-delay,0ms) both}
.rp-life-value-pop-v41143{animation:rpLifeValuePopV41143 .48s cubic-bezier(.2,.8,.2,1)}

/* home hero stays alive without distracting from readability */
.home-wow-v41132 .home-wow-media-v41132>img#homeShowcasePhotoV41131{transform-origin:68% 55%;animation:rpLifeHeroBreathV41143 12s ease-in-out infinite alternate;will-change:transform,filter}
.home-wow-v41132 .home-wow-ai-badge-v41132{position:relative;overflow:hidden}
.home-wow-v41132 .home-wow-ai-badge-v41132:after,.top-point-pill-v41141:after,.home-point-banner-v41142:after{content:"";position:absolute;top:-35%;bottom:-35%;width:44%;left:-65%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);pointer-events:none;animation:rpLifeShineV41143 7s ease-in-out infinite}
.home-wow-v41132 .home-wow-ai-badge-v41132:after{animation-delay:1.2s}

/* cards: gentle depth / glow */
.home-action-card-v41132,.feature-card,.recommend-card,.news-item,.rank-row,.point-product-v41141{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.home-action-card-v41132:hover,.feature-card:hover,.recommend-card:hover,.point-product-v41141:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 0 1px rgba(77,198,255,.08)}
.home-action-card-v41132:hover .icon{animation:rpLifeFloatV41143 1.15s ease-in-out infinite}

/* live / status cues */
.live-dot,.connection-dot,.presence-dot,.online-dot{animation:rpLifePulseV41143 2.1s ease-in-out infinite}

/* profile + PangBucks surfaces */
.home-profile-tiermark-v41142 .tier-icon-img{animation:rpLifeGlowV41143 3.2s ease-in-out infinite}
.home-profile-point-icon-v41142{animation:rpLifeFloatV41143 3.8s ease-in-out infinite}
.home-profile-point-v41142{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.home-profile-point-v41142:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(26,138,255,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.home-point-banner-v41142{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.home-point-banner-v41142:after{z-index:3;animation-duration:5.8s}
.point-orb-v41142{animation:rpLifeFloatV41143 3.1s ease-in-out infinite}
.point-coin-v41142.c1{--coin-r:-13deg;animation:rpLifeCoinV41143 2.7s ease-in-out .2s infinite}
.point-coin-v41142.c2{--coin-r:12deg;animation:rpLifeCoinV41143 3.1s ease-in-out .7s infinite}
.point-coin-v41142.c3{--coin-r:-8deg;animation:rpLifeCoinV41143 2.9s ease-in-out 1.1s infinite}
.robux-pack-v41142{animation:rpLifeFloatV41143 4.2s ease-in-out .6s infinite}
.top-point-pill-v41141{position:relative;overflow:hidden;animation:rpLifePulseV41143 4.5s ease-in-out infinite}

/* reward shop reacts when a product is affordable */
.point-product-v41141.is-affordable{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(58,208,255,.05)}
.point-product-v41141.is-affordable .point-product-token-v41141{animation:rpLifeFloatV41143 3.6s ease-in-out infinite}

/* preserve usability and battery on reduced-motion devices */
@media(prefers-reduced-motion:reduce){
  .rp-life-reveal-v41143,.rp-life-reveal-v41143.is-visible{opacity:1!important;transform:none!important;animation:none!important}
  .home-wow-v41132 .home-wow-media-v41132>img#homeShowcasePhotoV41131,.home-wow-v41132 .home-wow-ai-badge-v41132:after,.top-point-pill-v41141:after,.home-point-banner-v41142:after,.home-profile-tiermark-v41142 .tier-icon-img,.home-profile-point-icon-v41142,.point-orb-v41142,.point-coin-v41142,.robux-pack-v41142,.top-point-pill-v41141,.live-dot,.connection-dot,.presence-dot,.online-dot,.point-product-v41141.is-affordable .point-product-token-v41141{animation:none!important}
}

/* =========================================================
   v4.11.44 SITE-WIDE MOTION SYSTEM
   subtle motion across navigation, boards, posts, game pages,
   chat, forms, admin, profile and PangBucks surfaces.
   ========================================================= */
@keyframes rpRevealV41144{0%{opacity:0;transform:translate3d(0,14px,0) scale(.992)}100%{opacity:1;transform:none}}
@keyframes rpHeaderGlowV41144{0%,100%{opacity:.28;transform:translateX(-18%)}50%{opacity:.72;transform:translateX(18%)}}
@keyframes rpLogoBreatheV41144{0%,100%{filter:drop-shadow(0 0 0 rgba(66,202,255,0));transform:translateY(0)}50%{filter:drop-shadow(0 5px 13px rgba(66,202,255,.18));transform:translateY(-1px)}}
@keyframes rpSoftPulseV41144{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes rpShimmerV41144{0%{transform:translateX(-165%) skewX(-17deg);opacity:0}13%{opacity:.36}38%,100%{transform:translateX(260%) skewX(-17deg);opacity:0}}
@keyframes rpLivePulseV41144{0%,100%{box-shadow:0 0 0 0 rgba(70,230,255,.02)}50%{box-shadow:0 0 0 5px rgba(70,230,255,.055),0 0 20px rgba(58,178,255,.14)}}
@keyframes rpValuePopV41144{0%{transform:scale(1)}35%{transform:scale(1.12);text-shadow:0 0 16px rgba(80,222,255,.6)}100%{transform:scale(1);text-shadow:none}}
@keyframes rpMessageInV41144{0%{opacity:0;transform:translate3d(0,8px,0) scale(.99)}100%{opacity:1;transform:none}}
@keyframes rpModalInV41144{0%{opacity:0;transform:translate3d(0,8px,0) scale(.975)}100%{opacity:1;transform:none}}

.rp-reveal-v41144{opacity:0;transform:translate3d(0,14px,0) scale(.992);will-change:transform,opacity}
.rp-reveal-v41144.is-visible{animation:rpRevealV41144 .54s cubic-bezier(.2,.76,.24,1) var(--rp-reveal-delay,0ms) both}
.rp-value-pop-v41144{animation:rpValuePopV41144 .56s cubic-bezier(.2,.8,.2,1)}

/* header / logo / navigation */
.rp-site-motion-v41144 .topbar{position:sticky;overflow:visible}
.rp-site-motion-v41144 .topbar:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(75,212,255,.7),rgba(130,93,255,.45),transparent);animation:rpHeaderGlowV41144 8s ease-in-out infinite}
.rp-site-motion-v41144 .brand-logo img{animation:rpLogoBreatheV41144 6s ease-in-out infinite;transition:transform .22s ease,filter .22s ease}
.rp-site-motion-v41144 .brand-logo:hover img{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 7px 16px rgba(64,203,255,.28))}
.rp-site-motion-v41144 .topnav a{position:relative;transition:color .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease}
.rp-site-motion-v41144 .topnav a:not(.game-finder-link):not(.topnav-points-v41141):after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,#48dfff,#725fff);opacity:0;transition:left .22s ease,right .22s ease,opacity .22s ease}
.rp-site-motion-v41144 .topnav a:hover{transform:translateY(-1px)}
.rp-site-motion-v41144 .topnav a:hover:after{left:14%;right:14%;opacity:1}
.rp-site-motion-v41144 .mobile-menu{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.rp-site-motion-v41144 .mobile-menu:hover{transform:scale(1.06)}

/* sidebar and menus */
.rp-site-motion-v41144 .side-nav a,.rp-site-motion-v41144 .admin-tab,.rp-site-motion-v41144 .message-tabs button,.rp-site-motion-v41144 .chat-mode-tabs button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.rp-site-motion-v41144 .side-nav a:hover{transform:translateX(3px)}
.rp-site-motion-v41144 .side-nav a .ico{transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .2s ease}
.rp-site-motion-v41144 .side-nav a:hover .ico{transform:translateY(-2px) rotate(-3deg) scale(1.07);filter:drop-shadow(0 5px 8px rgba(55,184,255,.2))}
.rp-site-motion-v41144 .write-main{position:relative;overflow:hidden}
.rp-site-motion-v41144 .write-main:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-55%;width:34%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:rpShimmerV41144 8s ease-in-out 1.6s infinite}

/* general interactive surfaces */
.rp-site-motion-v41144 .btn,.rp-site-motion-v41144 button,.rp-site-motion-v41144 .chip,.rp-site-motion-v41144 .game-detail-play,.rp-site-motion-v41144 .finder-primary,.rp-site-motion-v41144 .finder-secondary,.rp-site-motion-v41144 .friend-action-btn,.rp-site-motion-v41144 .chat-head-icon-btn,.rp-site-motion-v41144 .room-info-action{transition:transform .18s ease,filter .18s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
@media(hover:hover){
  .rp-site-motion-v41144 .btn:hover,.rp-site-motion-v41144 button:hover,.rp-site-motion-v41144 .game-detail-play:hover,.rp-site-motion-v41144 .finder-primary:hover,.rp-site-motion-v41144 .finder-secondary:hover{transform:translateY(-2px);filter:brightness(1.055)}
  .rp-site-motion-v41144 .chip:hover{transform:translateY(-1px)}
}
.rp-site-motion-v41144 .rp-press-v41144{transform:translateY(1px) scale(.985)!important;filter:brightness(.98)!important}

/* forms feel responsive */
.rp-site-motion-v41144 input,.rp-site-motion-v41144 textarea,.rp-site-motion-v41144 select{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease}
.rp-site-motion-v41144 input:focus,.rp-site-motion-v41144 textarea:focus,.rp-site-motion-v41144 select:focus{box-shadow:0 0 0 3px rgba(55,185,255,.09),0 8px 24px rgba(0,0,0,.08)}
.rp-site-motion-v41144 .search:focus-within{transform:translateY(-1px);transition:transform .2s ease}

/* content rows and cards */
.rp-site-motion-v41144 .board-row,.rp-site-motion-v41144 .board-row-v6,.rp-site-motion-v41144 .home-latest-row,.rp-site-motion-v41144 .comment-item,.rp-site-motion-v41144 .game-review-card,.rp-site-motion-v41144 .friend-card,.rp-site-motion-v41144 .message-row,.rp-site-motion-v41144 .notification-item,.rp-site-motion-v41144 .chat-room-item,.rp-site-motion-v41144 .feedback-row,.rp-site-motion-v41144 .my-row,.rp-site-motion-v41144 .my-post-manage-row,.rp-site-motion-v41144 .rank-row,.rp-site-motion-v41144 .point-ledger-row-v41141,.rp-site-motion-v41144 .point-order-row-v41141{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){
  .rp-site-motion-v41144 .board-row:hover,.rp-site-motion-v41144 .board-row-v6:hover,.rp-site-motion-v41144 .home-latest-row:hover,.rp-site-motion-v41144 .comment-item:hover,.rp-site-motion-v41144 .game-review-card:hover,.rp-site-motion-v41144 .friend-card:hover,.rp-site-motion-v41144 .message-row:hover,.rp-site-motion-v41144 .notification-item:hover,.rp-site-motion-v41144 .chat-room-item:hover,.rp-site-motion-v41144 .feedback-row:hover,.rp-site-motion-v41144 .my-row:hover,.rp-site-motion-v41144 .my-post-manage-row:hover,.rp-site-motion-v41144 .rank-row:hover{transform:translateX(3px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
}

/* game / discovery cards */
.rp-site-motion-v41144 .recommend-card,.rp-site-motion-v41144 .game-rank-card,.rp-site-motion-v41144 .finder-game-card,.rp-site-motion-v41144 .game-genre-card,.rp-site-motion-v41144 .feature-card,.rp-site-motion-v41144 .home-trending-card-v4110,.rp-site-motion-v41144 .home-party-card-v41123,.rp-site-motion-v41144 .my-game-card,.rp-site-motion-v41144 .site-search-game-card,.rp-site-motion-v41144 .site-search-user-card,.rp-site-motion-v41144 .site-search-list-card,.rp-site-motion-v41144 .achievement-card{transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease,filter .24s ease}
.rp-site-motion-v41144 .recommend-card img,.rp-site-motion-v41144 .game-rank-card img,.rp-site-motion-v41144 .finder-game-card img,.rp-site-motion-v41144 .game-genre-card img,.rp-site-motion-v41144 .feature-card img,.rp-site-motion-v41144 .my-game-card img{transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .3s ease}
@media(hover:hover){
  .rp-site-motion-v41144 .recommend-card:hover,.rp-site-motion-v41144 .game-rank-card:hover,.rp-site-motion-v41144 .finder-game-card:hover,.rp-site-motion-v41144 .game-genre-card:hover,.rp-site-motion-v41144 .feature-card:hover,.rp-site-motion-v41144 .home-trending-card-v4110:hover,.rp-site-motion-v41144 .home-party-card-v41123:hover,.rp-site-motion-v41144 .my-game-card:hover,.rp-site-motion-v41144 .site-search-game-card:hover,.rp-site-motion-v41144 .site-search-user-card:hover,.rp-site-motion-v41144 .site-search-list-card:hover,.rp-site-motion-v41144 .achievement-card:hover{transform:translateY(-4px) scale(1.008);box-shadow:0 18px 36px rgba(0,0,0,.2),0 0 0 1px rgba(80,190,255,.06)}
  .rp-site-motion-v41144 .recommend-card:hover img,.rp-site-motion-v41144 .game-rank-card:hover img,.rp-site-motion-v41144 .finder-game-card:hover img,.rp-site-motion-v41144 .game-genre-card:hover img,.rp-site-motion-v41144 .feature-card:hover img,.rp-site-motion-v41144 .my-game-card:hover img{transform:scale(1.035);filter:saturate(1.06)}
}

/* post detail / like / badges */
.rp-site-motion-v41144 .post-card,.rp-site-motion-v41144 .comments-box,.rp-site-motion-v41144 .game-detail-hero,.rp-site-motion-v41144 .game-detail-section,.rp-site-motion-v41144 .game-review-section{transition:border-color .24s ease,box-shadow .24s ease}
.rp-site-motion-v41144 .post-like-btn-v4119 .post-like-heart-v4119{transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease}
.rp-site-motion-v41144 .post-like-btn-v4119:hover .post-like-heart-v4119{transform:scale(1.16) rotate(-6deg);filter:drop-shadow(0 4px 9px rgba(255,82,116,.28))}
.rp-site-motion-v41144 .tier-icon-img,.rp-site-motion-v41144 .role-emblem{transition:transform .22s ease,filter .22s ease}
.rp-site-motion-v41144 a:hover .tier-icon-img,.rp-site-motion-v41144 .tier-badge:hover .tier-icon-img{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 4px 8px rgba(80,190,255,.22))}

/* chat / realtime */
.rp-site-motion-v41144 .chat-message,.rp-site-motion-v41144 .room-message{animation:rpMessageInV41144 .32s cubic-bezier(.2,.78,.25,1) both}
.rp-site-motion-v41144 .chat-room-unread,.rp-site-motion-v41144 .notification-unread-dot,.rp-site-motion-v41144 .top-notification-badge,.rp-site-motion-v41144 .live-dot,.rp-site-motion-v41144 .connection-dot,.rp-site-motion-v41144 .presence-dot,.rp-site-motion-v41144 .online-dot,.rp-site-motion-v41144 .visitor-live{animation:rpSoftPulseV41144 2.2s ease-in-out infinite}
.rp-site-motion-v41144 .chat-head-avatar,.rp-site-motion-v41144 .chat-room-avatar,.rp-site-motion-v41144 .comment-avatar,.rp-site-motion-v41144 .post-avatar{transition:transform .22s ease,filter .22s ease}
@media(hover:hover){.rp-site-motion-v41144 .chat-room-item:hover .chat-room-avatar,.rp-site-motion-v41144 .comment-item:hover .comment-avatar{transform:scale(1.06);filter:drop-shadow(0 4px 8px rgba(66,181,255,.18))}}

/* modals, popovers, notifications and toast */
.rp-site-motion-v41144 .room-modal:not([hidden]) .room-modal-card,.rp-site-motion-v41144 .report-modal-card,.rp-site-motion-v41144 .live-chat-popup:not([hidden]) .live-chat-popup-card,.rp-site-motion-v41144 .notification-popover:not([hidden]){animation:rpModalInV41144 .26s cubic-bezier(.2,.8,.2,1) both}
.rp-site-motion-v41144 .toast.show:not(:empty){animation:rpModalInV41144 .28s cubic-bezier(.2,.8,.2,1) both}

/* loading / status */
.rp-site-motion-v41144 .rp-loading:not(.span-all),.rp-site-motion-v41144 .loading{animation:rpLivePulseV41144 2.8s ease-in-out infinite}

/* keep v4.11.43 PangBucks motion, but let the rest of the site share the same visual rhythm */
.rp-site-motion-v41144 .home-profile-tiermark-v41142 .tier-icon-img{animation:rpLifeGlowV41143 3.2s ease-in-out infinite}
.rp-site-motion-v41144 .top-point-pill-v41141{animation:rpLifePulseV41143 4.5s ease-in-out infinite}

@media(max-width:760px){
  .rp-site-motion-v41144 .side-nav a:hover,.rp-site-motion-v41144 .board-row:hover,.rp-site-motion-v41144 .board-row-v6:hover{transform:none}
  .rp-site-motion-v41144 .recommend-card:hover,.rp-site-motion-v41144 .game-rank-card:hover,.rp-site-motion-v41144 .finder-game-card:hover,.rp-site-motion-v41144 .feature-card:hover{transform:translateY(-2px)}
}

@media(prefers-reduced-motion:reduce){
  .rp-reveal-v41144,.rp-reveal-v41144.is-visible{opacity:1!important;transform:none!important;animation:none!important}
  .rp-site-motion-v41144 *,.rp-site-motion-v41144 *:before,.rp-site-motion-v41144 *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* =========================================================
   v4.11.45 VISIBLE AUTO MOTION
   Always-on motion for the homepage's main visual surfaces.
   ========================================================= */
@keyframes rpHeroBeamV41145{0%{transform:translate3d(-70%,0,0) skewX(-18deg);opacity:0}14%{opacity:.34}44%{opacity:.1}66%,100%{transform:translate3d(280%,0,0) skewX(-18deg);opacity:0}}
@keyframes rpHeroAuraV41145{0%,100%{transform:translate3d(-3%,1%,0) scale(1);opacity:.34}50%{transform:translate3d(6%,-3%,0) scale(1.12);opacity:.58}}
@keyframes rpHeroTextHitV41145{0%{opacity:.68;transform:translate3d(0,12px,0)}55%{opacity:1;transform:translate3d(0,-2px,0)}100%{opacity:1;transform:none}}
@keyframes rpHeroAccentV41145{0%,100%{filter:drop-shadow(0 0 0 rgba(73,212,255,0));background-position:0% 50%}50%{filter:drop-shadow(0 0 12px rgba(93,151,255,.36));background-position:100% 50%}}
@keyframes rpHeroCtaPulseV41145{0%,100%{transform:translateY(0) scale(1);box-shadow:0 10px 28px rgba(42,165,255,.24)}50%{transform:translateY(-3px) scale(1.018);box-shadow:0 15px 38px rgba(64,166,255,.38),0 0 20px rgba(125,90,255,.15)}}
@keyframes rpHeroParticleV41145{0%{transform:translate3d(0,16px,0) scale(.7);opacity:0}22%{opacity:.72}72%{opacity:.28}100%{transform:translate3d(var(--drift,18px),-84px,0) scale(1.08);opacity:0}}
@keyframes rpActionFocusV41145{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-5px) scale(1.018);filter:brightness(1.09)}}
@keyframes rpActionIconV41145{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes rpActionSweepV41145{0%{transform:translateX(-180%) skewX(-16deg);opacity:0}20%{opacity:.35}58%,100%{transform:translateX(330%) skewX(-16deg);opacity:0}}
@keyframes rpHotFocusV41145{0%,100%{box-shadow:0 0 0 rgba(65,202,255,0);filter:brightness(1)}50%{box-shadow:0 0 0 1px rgba(72,220,255,.5),0 12px 30px rgba(0,0,0,.34),0 0 22px rgba(67,178,255,.22);filter:brightness(1.09)}}
@keyframes rpSectionLineV41145{0%{background-position:0% 50%;opacity:.36}50%{background-position:100% 50%;opacity:.9}100%{background-position:0% 50%;opacity:.36}}
@keyframes rpSidebarBrandV41145{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(70,210,255,0))}50%{transform:translateY(-3px);filter:drop-shadow(0 7px 13px rgba(70,210,255,.2))}}

/* Main hero: image cross-fades automatically and the surface itself visibly moves. */
.rp-visible-auto-v41145 .home-wow-v41132{box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 34px rgba(42,174,255,.08),0 0 0 1px rgba(43,160,255,.06) inset}
.rp-visible-auto-v41145 .home-wow-media-v41132{isolation:isolate}
.rp-visible-auto-v41145 .home-wow-media-v41132:before{content:"";position:absolute;z-index:1;inset:-24%;pointer-events:none;background:radial-gradient(circle at 75% 30%,rgba(57,210,255,.32),transparent 25%),radial-gradient(circle at 54% 76%,rgba(122,78,255,.18),transparent 27%);animation:rpHeroAuraV41145 7.5s ease-in-out infinite}
.rp-visible-auto-v41145 .home-wow-media-v41132:after{content:"";position:absolute;z-index:3;top:-18%;bottom:-18%;left:-38%;width:26%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(87,220,255,.11),transparent);animation:rpHeroBeamV41145 5.8s ease-in-out .5s infinite}
.rp-visible-auto-v41145 .home-wow-media-v41132>img#homeShowcasePhotoV41131{z-index:0;opacity:1;transition:opacity .78s ease,filter .78s ease,transform 5.2s ease!important;animation:none!important;transform:scale(1.055);will-change:opacity,transform,filter}
.rp-visible-auto-v41145 .home-wow-media-v41132.rp-hero-show-next-v41145>img#homeShowcasePhotoV41131{opacity:.06;transform:scale(1.015);filter:saturate(1.25) contrast(1.04) brightness(.74) blur(2px)}
.rp-hero-next-v41145{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;opacity:0;transform:scale(1.08);filter:saturate(1.18) contrast(1.06) brightness(.9);transition:opacity .78s ease,transform 5.2s ease;pointer-events:none;will-change:opacity,transform}
.rp-visible-auto-v41145 .home-wow-media-v41132.rp-hero-show-next-v41145 .rp-hero-next-v41145{opacity:1;transform:scale(1.015)}
.rp-visible-auto-v41145 .home-wow-media-shade-v41132{z-index:2}
.rp-visible-auto-v41145 .home-wow-watermark-v41132,.rp-visible-auto-v41145 .home-wow-scribble-v41132{z-index:4}
.rp-visible-auto-v41145 .home-wow-copy-v41132,.rp-visible-auto-v41145 .home-wow-game-link-v41132{z-index:5}
.rp-visible-auto-v41145 .home-wow-copy-v41132.rp-hero-copy-hit-v41145>*{animation:rpHeroTextHitV41145 .58s cubic-bezier(.2,.76,.24,1) both}
.rp-visible-auto-v41145 .home-wow-copy-v41132.rp-hero-copy-hit-v41145>*:nth-child(2){animation-delay:.05s}
.rp-visible-auto-v41145 .home-wow-copy-v41132.rp-hero-copy-hit-v41145>*:nth-child(3){animation-delay:.1s}
.rp-visible-auto-v41145 .home-wow-copy-v41132.rp-hero-copy-hit-v41145>*:nth-child(4){animation-delay:.15s}
.rp-visible-auto-v41145 .home-wow-copy-v41132 h1 strong{background-size:220% 100%;animation:rpHeroAccentV41145 3.2s ease-in-out infinite}
.rp-visible-auto-v41145 .home-wow-actions-v41132 .primary{animation:rpHeroCtaPulseV41145 2.7s ease-in-out infinite}
.rp-visible-auto-v41145 .home-wow-ai-badge-v41132:after{animation-duration:3.9s!important}
.rp-visible-auto-v41145 .home-wow-game-link-v41132{max-width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.rp-visible-auto-v41145 .home-wow-game-link-v41132{animation:rpLivePulseV41144 3.1s ease-in-out infinite}

/* Small ambient particles are intentionally visible even when the pointer never moves. */
.rp-hero-particle-v41145{position:absolute;z-index:4;left:var(--x,70%);bottom:-18px;width:var(--size,5px);height:var(--size,5px);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#d7fbff 0 24%,#55dfff 35%,rgba(75,173,255,.12) 72%,transparent 75%);box-shadow:0 0 14px rgba(71,209,255,.72);animation:rpHeroParticleV41145 var(--duration,5.8s) linear var(--delay,0s) infinite}

/* Four primary home actions continuously take turns receiving focus. */
.rp-visible-auto-v41145 .home-action-card-v41132{will-change:transform,filter,box-shadow;border-color:rgba(75,143,185,.42);transition:transform .36s cubic-bezier(.2,.78,.25,1),filter .36s ease,box-shadow .36s ease,border-color .36s ease}
.rp-visible-auto-v41145 .home-action-card-v41132:after{content:"";position:absolute;z-index:1;top:-28%;bottom:-28%;left:-45%;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);opacity:0}
.rp-visible-auto-v41145 .home-action-card-v41132 .icon{animation:rpActionIconV41145 3.2s ease-in-out infinite}
.rp-visible-auto-v41145 .home-action-card-v41132:nth-child(2) .icon{animation-delay:.45s}
.rp-visible-auto-v41145 .home-action-card-v41132:nth-child(3) .icon{animation-delay:.9s}
.rp-visible-auto-v41145 .home-action-card-v41132:nth-child(4) .icon{animation-delay:1.35s}
.rp-visible-auto-v41145 .home-action-card-v41132.rp-auto-focus-v41145{transform:translateY(-5px) scale(1.018);filter:brightness(1.09);border-color:rgba(102,220,255,.72);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 25px rgba(64,181,255,.18)}
.rp-visible-auto-v41145 .home-action-card-v41132.rp-auto-focus-v41145:after{opacity:1;animation:rpActionSweepV41145 1.1s ease-out both}
.rp-visible-auto-v41145 .home-action-card-v41132.rp-auto-focus-v41145 .icon{animation:rpActionFocusV41145 1.25s ease-in-out infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.18),0 0 22px rgba(89,211,255,.2)}

/* Hot games visibly move on their own and the active card glows. */
.rp-visible-auto-v41145 .home-hot-track-v41131{scroll-behavior:smooth}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145{transform:translateY(-4px) scale(1.018)!important;animation:rpHotFocusV41145 2.1s ease-in-out infinite;border-color:rgba(82,211,255,.58)!important}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-bg{transform:scale(1.045);filter:saturate(1.12) brightness(1.04)}

/* More center-column motion, not only the right sidebar. */
.rp-visible-auto-v41145 .home-hot-games-v41131,.rp-visible-auto-v41145 .game-trend-section,.rp-visible-auto-v41145 .home-trending-v4110{position:relative;overflow:hidden}
.rp-visible-auto-v41145 .home-hot-games-v41131:before,.rp-visible-auto-v41145 .game-trend-section:before,.rp-visible-auto-v41145 .home-trending-v4110:before{content:"";position:absolute;z-index:1;left:18px;right:18px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#46dfff,#7b69ff,#46dfff,transparent);background-size:220% 100%;animation:rpSectionLineV41145 5s ease-in-out infinite}
.rp-visible-auto-v41145 .side-brand-banner img{animation:rpSidebarBrandV41145 4.2s ease-in-out infinite}

@media(max-width:760px){
  .rp-hero-particle-v41145{display:none}
  .rp-visible-auto-v41145 .home-action-card-v41132.rp-auto-focus-v41145{transform:translateY(-3px) scale(1.008)}
  .rp-visible-auto-v41145 .home-wow-media-v41132:after{animation-duration:7s}
}
@media(prefers-reduced-motion:reduce){
  .rp-visible-auto-v41145 .home-wow-media-v41132:before,.rp-visible-auto-v41145 .home-wow-media-v41132:after,.rp-visible-auto-v41145 .home-wow-copy-v41132 h1 strong,.rp-visible-auto-v41145 .home-wow-actions-v41132 .primary,.rp-visible-auto-v41145 .home-wow-game-link-v41132,.rp-visible-auto-v41145 .home-action-card-v41132 .icon,.rp-visible-auto-v41145 .side-brand-banner img,.rp-hero-particle-v41145{animation:none!important}
  .rp-visible-auto-v41145 .home-action-card-v41132.rp-auto-focus-v41145,.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145{transform:none!important;animation:none!important}
}


/* === v4.11.47 mobile board cleanup + Pang Bucks visibility + EN parity === */
.home-wow-pangbucks-v41147{display:none;text-decoration:none;color:inherit}
.home-wow-pangbucks-copy-v41147,.home-wow-pangbucks-art-v41147{position:relative;z-index:1}
@media(max-width:780px){
  .board-shell .board-head-v7{display:none!important}
  .board-shell .board-row-v6{
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    align-items:start!important;
    row-gap:6px!important;
    column-gap:9px!important;
    min-height:0!important;
    padding:11px 4px!important;
  }
  .board-shell .board-row-v6>.board-kind-v6{grid-column:1;grid-row:1 / span 3;align-self:start!important;padding-top:1px!important}
  .board-shell .board-row-v6>.board-main-v6{grid-column:2;grid-row:1;min-width:0!important}
  .board-shell .board-row-v6>.board-author-v6{grid-column:2;grid-row:2;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
  .board-shell .board-row-v6>.board-author-v6>span:last-child{min-width:0!important}
  .board-shell .board-row-v6>.board-author-v6 b{display:block!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .board-shell .board-row-v6>.board-author-v6 small{display:block!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#7f95a3!important}
  .board-shell .board-row-v6>.board-date-v6{grid-column:2;grid-row:3;display:block!important;justify-self:start!important;font-size:8.5px!important;line-height:1.3!important;color:#7c93a1!important}
  .board-shell .board-row-v6>.board-metric-v6{display:none!important}
  .board-shell .board-row-v6 .author-mini-avatar{width:22px!important;height:22px!important;min-width:22px!important}
  .board-shell .board-row-v6 .board-title-copy-v6{display:flex!important;flex-direction:column!important;min-width:0!important}
  .board-shell .board-row-v6 .title-line-v6{display:flex!important;align-items:flex-start!important;gap:5px!important;flex-wrap:wrap!important}
  .board-shell .board-row-v6 .title-line-v6>b{font-size:13px!important;line-height:1.32!important;min-width:0!important;overflow-wrap:anywhere!important}
  .board-shell .board-row-v6 .post-preview-v6{font-size:9px!important;line-height:1.45!important}
  .board-shell .board-row-v6 .board-hashtags-v4108{display:flex!important;flex-wrap:wrap!important;gap:4px!important}
  .board-shell .board-row-v6 .board-mobile-stats-v41112{display:flex!important;gap:6px!important;margin-top:5px!important}
}
@media(max-width:760px){
  .home-wow-pangbucks-v41147{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:14px!important;
    padding:14px 14px 12px!important;
    border:1px solid rgba(75,197,255,.34)!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#0d5e91 0%,#0c3e74 47%,#4b2aa0 100%)!important;
    box-shadow:0 14px 30px rgba(10,70,120,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .home-wow-pangbucks-v41147:before{content:"";position:absolute;inset:auto auto -46px -36px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(67,226,255,.28),transparent 68%)}
  .home-wow-pangbucks-v41147:after{content:"";position:absolute;top:-24%;bottom:-24%;left:-34%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:rpHeroBeamV41145 6.2s ease-in-out infinite}
  .home-wow-pangbucks-copy-v41147{display:flex!important;flex-direction:column!important;min-width:0!important;gap:4px!important}
  .home-wow-pangbucks-copy-v41147 small{color:#97e9ff!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.09em!important;text-transform:uppercase!important}
  .home-wow-pangbucks-copy-v41147 b{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.16!important}
  .home-wow-pangbucks-copy-v41147 b strong{color:#ffd84a!important}
  .home-wow-pangbucks-copy-v41147 b em{font-style:normal!important;color:#b9c0ff!important}
  .home-wow-pangbucks-copy-v41147 p{margin:0!important;color:#d7e7f2!important;font-size:10px!important;line-height:1.42!important}
  .home-wow-pangbucks-art-v41147{flex:0 0 84px!important;width:84px!important;height:74px!important}
  .home-wow-pangbucks-v41147 .point-orb-v41142{right:14px!important;top:2px!important;transform:rotate(26deg) scale(.84)!important}
  .home-wow-pangbucks-v41147 .point-coin-v41142.c1{left:10px!important;top:47px!important}
  .home-wow-pangbucks-v41147 .point-coin-v41142.c2{left:32px!important;top:59px!important}
  .home-wow-pangbucks-v41147 .point-coin-v41142.c3{right:2px!important;top:54px!important}
  .home-wow-pangbucks-v41147 .robux-pack-v41142{right:-2px!important;bottom:-1px!important;transform:scale(.88)!important}
  .rightcol .home-point-banner-v41142{display:none!important}
}

/* === v4.11.48 mobile production polish + full EN Pang Bucks parity === */
@media(max-width:780px){
  html,body{max-width:100%;overflow-x:hidden}
  .board-shell{overflow:hidden!important;padding:12px 10px!important}
  .board-title-row{align-items:center!important;margin-bottom:9px!important}
  .board-title-row h1{font-size:19px!important}
  .board-title-row p{font-size:9px!important}
  .board-toolbar{margin-bottom:7px!important}
  .board-toolbar .chip{min-height:32px!important;padding:0 11px!important;font-size:10px!important}
  .board-shell .board-row-v6{
    width:100%!important;box-sizing:border-box!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:8px!important;row-gap:5px!important;
    padding:11px 2px!important;min-height:0!important;
  }
  .board-shell .board-row-v6>.board-kind-v6{grid-column:1!important;grid-row:1 / span 2!important;width:54px!important;min-width:0!important}
  .board-kind-v6>b,.board-kind-v6>small{max-width:52px!important;width:max-content!important;font-size:8.5px!important;line-height:1.15!important}
  .board-kind-v6>b{padding:6px 7px!important}
  .board-kind-v6>small{margin-top:7px!important;padding-left:1px!important;color:#8298a6!important}
  .board-shell .board-row-v6>.board-main-v6{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;gap:7px!important}
  .board-shell .board-row-v6>.board-author-v6{grid-column:2!important;grid-row:2!important;justify-self:start!important;max-width:68%!important;display:flex!important;align-items:center!important;gap:6px!important}
  .board-shell .board-row-v6>.board-date-v6{grid-column:2!important;grid-row:2!important;justify-self:end!important;align-self:center!important;font-size:8px!important;color:#6f8795!important;white-space:nowrap!important}
  .board-shell .board-row-v6>.board-metric-v6{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important}
  .board-main-v6 .board-media-thumb{width:52px!important;height:42px!important;flex:0 0 52px!important}
  .board-title-copy-v6{min-width:0!important;width:100%!important}
  .title-line-v6{min-width:0!important;gap:4px!important}
  .title-line-v6>b{display:block!important;max-width:100%!important;font-size:13px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .title-line-v6>small{display:none!important}
  .post-preview-v6{display:block!important;max-width:100%!important;margin-top:3px!important;font-size:9px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .board-hashtags-v4108{margin-top:5px!important;gap:4px!important;flex-wrap:nowrap!important;overflow:hidden!important}
  .board-hashtag-v4108{flex:0 0 auto!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .board-mobile-stats-v41112{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;gap:5px!important;margin:7px 0 0!important;
  }
  .board-mobile-stats-v41112>span{
    min-width:0!important;min-height:30px!important;padding:0 5px!important;
    justify-content:center!important;border-radius:8px!important;
    font-size:8.5px!important;line-height:1!important;white-space:nowrap!important;
  }
  .board-mobile-stats-v41112>span b{font-size:10px!important}
  .board-author-v6 .author-mini-avatar{width:20px!important;height:20px!important;min-width:20px!important}
  .board-author-v6 b{font-size:9.5px!important}
  .board-author-v6 small{font-size:7.5px!important}
}

@media(max-width:760px){
  .home-wow-v41132{min-height:625px!important;border-radius:17px!important}
  .home-wow-copy-v41132{width:100%!important;padding:17px 16px 16px!important}
  .home-wow-ai-badge-v41132{min-height:38px!important;padding:0 12px!important}
  .home-wow-copy-v41132>small{margin:13px 0 9px!important;font-size:8px!important}
  .home-wow-copy-v41132 h1{font-size:29px!important;line-height:1.02!important}
  .home-wow-copy-v41132 p{margin-top:13px!important;font-size:10.5px!important;line-height:1.55!important}
  .home-wow-actions-v41132{margin-top:15px!important;gap:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .home-wow-actions-v41132 a{min-height:44px!important;padding:0 9px!important;font-size:11px!important;border-radius:11px!important}
  .home-wow-pangbucks-v41147{margin-top:12px!important;min-height:96px!important;padding:12px 12px!important;border-radius:14px!important}
  .home-wow-pangbucks-copy-v41147{gap:3px!important;padding-right:2px!important}
  .home-wow-pangbucks-copy-v41147 small{font-size:8px!important}
  .home-wow-pangbucks-copy-v41147 b{font-size:16px!important;line-height:1.18!important}
  .home-wow-pangbucks-copy-v41147 p{font-size:8.8px!important;line-height:1.35!important}
  .home-wow-pangbucks-art-v41147{flex-basis:76px!important;width:76px!important;height:68px!important}
  .home-wow-points-v41132{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 9px!important;margin-top:10px!important;font-size:7.8px!important;line-height:1.25!important}
  .home-wow-points-v41132 span:last-child{grid-column:1/-1!important}
  .home-wow-watermark-v41132{width:122px!important;right:10px!important;bottom:9px!important;opacity:.3!important}
  .home-action-grid-v41132{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .home-action-card-v41132{min-height:108px!important;padding:12px 10px!important;gap:9px!important;border-radius:14px!important}
  .home-action-card-v41132 .icon{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:19px!important}
  .home-action-card-v41132 b{font-size:14px!important}
  .home-action-card-v41132 p{font-size:8.2px!important;line-height:1.35!important}
  .home-action-card-v41132 strong{margin-top:7px!important;font-size:8.5px!important}
  .home-hot-games-v41131{padding:13px 11px 10px!important}
  .home-hot-track-v41131{gap:8px!important}
  .home-hot-track-v41131 .recommend-card{flex-basis:142px!important;width:142px!important;min-width:142px!important;height:124px!important}
  .rightcol .home-profile-card-v41142{display:none!important}
  .rightcol .home-point-banner-v41142{display:none!important}

  .point-page-v41141{gap:10px!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:88px!important}
  .point-hero-v41141{padding:16px!important;gap:12px!important;border-radius:16px!important}
  .point-hero-copy-v41141 h1{font-size:31px!important}
  .point-hero-copy-v41141 p{font-size:10.5px!important;line-height:1.55!important}
  .point-hero-actions-v41141{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:14px!important}
  .point-hero-actions-v41141 .btn{min-height:42px!important;padding:0 8px!important;font-size:10.5px!important}
  .point-balance-card-v41141{padding:16px!important;border-radius:14px!important}
  .point-balance-card-v41141>strong{font-size:34px!important}
  .point-balance-card-v41141>div{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:12px!important}
  .point-balance-card-v41141 em{padding:8px!important;font-size:8.5px!important}
  .point-section-head-v41141{gap:8px!important}
  .point-section-head-v41141 h2{font-size:18px!important}
  .point-section-head-v41141 p{font-size:9px!important;line-height:1.4!important}
  .point-ad-ready-v41141{padding:12px!important;gap:9px!important}
  .point-rule-grid-v41141{gap:7px!important}
  .point-product-grid-v41141{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .point-product-v41141{min-height:165px!important;padding:13px!important;border-radius:14px!important}
  .point-product-token-v41141{width:40px!important;height:40px!important}
  .point-product-v41141 h3{font-size:18px!important;margin-top:10px!important}
  .point-product-price-v41141 b{font-size:15px!important}
  .point-product-v41141 button{min-height:38px!important;margin-top:10px!important;font-size:10px!important}
  .point-two-col-v41141{gap:9px!important}
  .mypage-point-card-v41141{margin:12px 0!important;padding:14px!important;gap:12px!important;border-radius:14px!important}
}
@media(max-width:430px){
  .home-wow-v41132{min-height:640px!important}
  .home-wow-copy-v41132 h1{font-size:27px!important}
  .home-wow-pangbucks-copy-v41147 b{font-size:15px!important}
  .home-wow-pangbucks-copy-v41147 p{font-size:8.2px!important}
  .point-product-grid-v41141{grid-template-columns:1fr!important}
  .point-product-v41141{min-height:150px!important}
}


/* =========================================================
   v4.11.49 NARROW DESKTOP / TABLET LANDSCAPE POLISH
   - keep header usable around 761~1180px
   - keep Pang Bucks visible when the right rail disappears
   - preserve full desktop and mobile layouts
   ========================================================= */
.home-mid-pangbucks-v41149{display:none!important;color:inherit;text-decoration:none}

@media(min-width:761px) and (max-width:1180px){
  /* When the right rail is hidden, surface Pang Bucks directly in the main column. */
  .home-mid-pangbucks-v41149{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    min-height:92px!important;
    margin:0 0 12px!important;
    padding:15px 18px!important;
    overflow:hidden!important;
    border:1px solid rgba(57,210,255,.48)!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 86% 18%,rgba(92,239,255,.24),transparent 26%),
      radial-gradient(circle at 67% 115%,rgba(105,80,255,.24),transparent 34%),
      linear-gradient(120deg,#073754 0%,#07517a 48%,#31247c 100%)!important;
    box-shadow:0 14px 34px rgba(0,107,174,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .home-mid-pangbucks-v41149:before{
    content:"";position:absolute;top:-40%;bottom:-40%;left:-25%;width:18%;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
    animation:rpHeroBeamV41145 6.4s ease-in-out infinite;
  }
  .home-mid-pangbucks-copy-v41149{position:relative;z-index:2;min-width:0;display:grid;gap:4px}
  .home-mid-pangbucks-copy-v41149>small{color:#8de8ff;font-size:8px;font-weight:1000;letter-spacing:.12em}
  .home-mid-pangbucks-copy-v41149>b{color:#fff;font-size:21px;line-height:1.15;letter-spacing:-.025em}
  .home-mid-pangbucks-copy-v41149>b strong{color:#ffd84f}
  .home-mid-pangbucks-copy-v41149>b em{font-style:normal;color:#c7c1ff}
  .home-mid-pangbucks-copy-v41149>span{color:#c5dce9;font-size:9.5px;line-height:1.45}
  .home-mid-pangbucks-cta-v41149{
    position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    min-height:40px;padding:0 15px;border-radius:11px;background:linear-gradient(100deg,#45e4ff,#4ba8ff 58%,#7a65ff);
    color:#041b2a;font-size:10px;font-weight:1000;box-shadow:0 9px 24px rgba(43,184,255,.24)
  }
  .home-mid-pangbucks-orb-v41149{
    position:absolute;right:122px;top:16px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
    transform:rotate(24deg);background:linear-gradient(145deg,#a8ffd0,#43d385 55%,#119c72);border:3px solid rgba(209,255,226,.68);
    box-shadow:0 0 0 4px rgba(18,90,77,.24),0 0 24px rgba(65,255,190,.22);color:#086f4e;font-size:22px;font-weight:1000
  }
}

/* 761~860px is a PC/tablet-landscape state, not the tiny-phone header.
   Keep only the useful account tools so nothing is clipped. */
@media(min-width:761px) and (max-width:860px){
  .topbar{height:64px!important}
  .topbar-inner{
    width:calc(100% - 20px)!important;height:64px!important;padding:0!important;
    display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important
  }
  .mobile-menu{display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important}
  .brand.brand-logo{flex:0 1 142px!important;min-width:104px!important;max-width:142px!important;overflow:hidden!important}
  .brand.brand-logo img{display:block!important;width:100%!important;max-width:138px!important;height:auto!important;object-fit:contain!important}
  .rp-language-mobile{flex:0 0 auto!important;margin:0!important;height:34px!important}
  .mobile-search-link{display:none!important}
  .global-online-count{display:none!important}
  .auth-area{
    flex:0 0 auto!important;max-width:none!important;width:auto!important;margin-left:auto!important;gap:6px!important;
    overflow:visible!important;justify-content:flex-end!important;height:40px!important
  }
  .auth-area .top-mini-link,.auth-area .top-login,.auth-area .top-admin-link{display:none!important}
  .auth-area .top-point-pill-v41141{
    display:inline-flex!important;min-height:36px!important;height:36px!important;padding:0 10px!important;gap:6px!important;
    border-radius:12px!important;font-size:9.5px!important;max-width:none!important;overflow:visible!important
  }
  .auth-area .top-point-pill-v41141 span{display:inline!important;font-size:9px!important}
  .auth-area .top-point-pill-v41141 b{font-size:11px!important}
  .auth-area .top-point-pill-v41141 img{width:15px!important;height:15px!important}
  .auth-area .top-notification-wrap,.auth-area .top-notification-btn{display:flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;align-items:center!important;justify-content:center!important}
  .auth-area .avatar{display:grid!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important}

  .site{width:calc(100% - 28px)!important;margin-top:14px!important}
  .home-wow-v41132{min-height:405px!important}
  .home-wow-copy-v41132{width:62%!important;padding:23px 22px!important}
  .home-wow-copy-v41132 h1{font-size:31px!important}
  .home-wow-copy-v41132 p{font-size:11px!important;line-height:1.55!important}
  .home-wow-media-v41132>img#homeShowcasePhotoV41131{transform:scale(1.005)!important;object-position:70% 50%!important}
  .home-action-grid-v41132{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .home-action-card-v41132{min-height:122px!important}
}

@media(min-width:861px) and (max-width:1180px){
  .site{width:min(calc(100% - 28px),var(--max))!important;grid-template-columns:205px minmax(0,1fr)!important;gap:14px!important}
  .sidebar{padding:11px!important}
  .home-wow-v41132{min-height:400px!important}
  .home-wow-copy-v41132{width:61%!important;padding:24px 24px!important}
  .home-wow-copy-v41132 h1{font-size:34px!important}
  .home-wow-media-v41132>img#homeShowcasePhotoV41131{transform:scale(1.005)!important;object-position:70% 50%!important}
}

@media(max-width:760px){
  .home-mid-pangbucks-v41149{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .home-mid-pangbucks-v41149:before{animation:none!important}
}


/* =========================================================
   v4.11.50 NARROW PC HEADER RESTORE
   - do not delete account/header tools on smaller PC windows
   - use a compact icon-first header instead
   - keep Pang Bucks, notifications, messages, chat, nickname and avatar reachable
   ========================================================= */
@media(min-width:761px) and (max-width:980px){
  .topbar{height:64px!important;min-height:64px!important}
  .topbar-inner{
    width:calc(100% - 14px)!important;
    height:64px!important;
    padding:0!important;
    gap:5px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }

  /* Navigation remains available from the hamburger instead of consuming the row. */
  .mobile-menu{
    display:grid!important;place-items:center!important;
    flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;
    margin:0!important;border-radius:10px!important
  }
  .topnav{display:none!important}
  .search{display:none!important}
  .top-spacer{display:none!important}

  .brand.brand-logo{
    flex:0 1 116px!important;min-width:88px!important;max-width:116px!important;
    overflow:hidden!important;margin-right:1px!important
  }
  .brand.brand-logo img{display:block!important;width:100%!important;max-width:112px!important;height:auto!important;object-fit:contain!important}

  /* Use the compact ENG/KR selector in this width range. */
  .rp-language-desktop{display:none!important}
  .rp-language-mobile{
    display:inline-flex!important;flex:0 0 auto!important;height:34px!important;
    margin:0 1px!important;padding:0 4px!important
  }

  /* Search and online count stay visible as compact controls. */
  .mobile-search-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;
    margin:0!important;border-radius:10px!important;font-size:19px!important
  }
  .global-online-count{
    display:inline-flex!important;flex:0 0 auto!important;height:34px!important;min-width:40px!important;
    margin:0 1px!important;padding:0 7px!important;gap:4px!important
  }
  .global-online-count span{display:none!important}
  .global-online-count i{width:6px!important;height:6px!important}
  .global-online-count b{font-size:9px!important}

  /* Restore every account tool. Only the text labels are compacted. */
  .auth-area{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;
    margin-left:auto!important;gap:3px!important;height:40px!important;
    overflow:visible!important
  }
  .auth-area .top-admin-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 1 46px!important;max-width:46px!important;min-width:38px!important;
    height:36px!important;min-height:36px!important;padding:0 6px!important;
    border-radius:10px!important;font-size:8.5px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  .auth-area .top-notification-wrap{
    display:flex!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important
  }
  .auth-area .top-notification-btn{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    border-radius:10px!important
  }
  .auth-area .top-point-pill-v41141{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-width:72px!important;max-width:88px!important;height:36px!important;min-height:36px!important;
    padding:0 8px!important;gap:4px!important;border-radius:11px!important;overflow:hidden!important
  }
  .auth-area .top-point-pill-v41141 span{display:inline!important;font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .auth-area .top-point-pill-v41141 b{font-size:10px!important;white-space:nowrap!important}
  .auth-area .top-point-pill-v41141 img{width:14px!important;height:14px!important;flex:0 0 14px!important}

  .auth-area .top-mini-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    padding:0!important;border-radius:9px!important;font-size:12px!important;overflow:visible!important
  }
  .auth-area .top-mini-link>span{display:none!important}

  .auth-area .top-login{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 1 52px!important;max-width:52px!important;min-width:32px!important;height:34px!important;min-height:34px!important;
    padding:0 5px!important;border-radius:9px!important;font-size:8.5px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  .auth-area .avatar{
    display:grid!important;place-items:center!important;
    flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important
  }
}

/* On the tightest PC widths, trim labels a little further but never hide the tools. */
@media(min-width:761px) and (max-width:835px){
  .topbar-inner{gap:3px!important}
  .brand.brand-logo{flex-basis:104px!important;max-width:104px!important;min-width:82px!important}
  .brand.brand-logo img{max-width:100px!important}
  .rp-language-mobile .rp-language-options a{min-width:25px!important;padding:0 4px!important}
  .global-online-count{min-width:34px!important;padding:0 6px!important}
  .auth-area{gap:2px!important}
  .auth-area .top-admin-link{flex-basis:40px!important;max-width:40px!important;min-width:34px!important;padding:0 4px!important;font-size:8px!important}
  .auth-area .top-point-pill-v41141{min-width:66px!important;max-width:76px!important;padding:0 6px!important}
  .auth-area .top-point-pill-v41141 span{font-size:7.5px!important}
  .auth-area .top-login{flex-basis:44px!important;max-width:44px!important;font-size:8px!important}
}


/* =========================================================
   v4.11.51 NARROW PC TWO-ROW HEADER
   - keep the full utility header reachable
   - restore visible primary navigation instead of hiding it
   - always expose Game Finder + Pang Bucks
   ========================================================= */
@media(min-width:761px) and (max-width:980px){
  .topbar{
    height:112px!important;
    min-height:112px!important;
    background:rgba(5,13,19,.97)!important;
    border-bottom:1px solid rgba(70,151,190,.22)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px)!important;
  }
  .topbar-inner{
    position:relative!important;
    width:calc(100% - 16px)!important;
    height:112px!important;
    min-height:112px!important;
    padding:9px 0 49px!important;
    gap:6px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .mobile-menu{
    display:grid!important;place-items:center!important;
    flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;
    margin:0!important;border-radius:11px!important;
    border:1px solid rgba(99,151,180,.30)!important;
    background:linear-gradient(180deg,#13232d,#0d1921)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important
  }
  .brand.brand-logo{
    flex:0 0 112px!important;min-width:112px!important;max-width:112px!important;
    margin:0 1px!important;overflow:visible!important
  }
  .brand.brand-logo img{width:108px!important;max-width:108px!important;height:auto!important;display:block!important}

  .top-spacer,.search{display:none!important}
  .rp-language-desktop{display:none!important}
  .rp-language-mobile{
    display:inline-flex!important;flex:0 0 auto!important;height:36px!important;margin:0!important;
    padding:0 5px!important;border-radius:10px!important;background:#0d1d27!important;
    border-color:rgba(81,149,181,.28)!important
  }
  .mobile-search-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;
    margin:0!important;border:1px solid rgba(83,142,172,.28)!important;border-radius:10px!important;
    background:#0c1a23!important;color:#b9eaff!important;font-size:19px!important
  }
  .global-online-count{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;height:36px!important;min-width:38px!important;margin:0!important;padding:0 7px!important;
    border-radius:999px!important
  }
  .global-online-count span{display:none!important}

  /* Account/utility tools stay on the first row. */
  .auth-area{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important;
    margin-left:auto!important;gap:4px!important;height:42px!important;overflow:visible!important
  }
  .auth-area .top-admin-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-width:42px!important;max-width:52px!important;height:38px!important;
    padding:0 7px!important;border-radius:10px!important;font-size:8.5px!important;white-space:nowrap!important
  }
  .auth-area .top-notification-wrap{display:flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;margin:0!important}
  .auth-area .top-notification-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:10px!important}
  .auth-area .top-point-pill-v41141{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-width:72px!important;max-width:86px!important;height:38px!important;min-height:38px!important;
    padding:0 8px!important;gap:4px!important;border-radius:11px!important
  }
  .auth-area .top-point-pill-v41141 span{display:none!important}
  .auth-area .top-point-pill-v41141 b{font-size:11px!important;white-space:nowrap!important}
  .auth-area .top-point-pill-v41141 img{width:15px!important;height:15px!important;flex:0 0 15px!important}
  .auth-area .top-mini-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    padding:0!important;border:1px solid rgba(72,124,151,.20)!important;border-radius:10px!important;
    background:rgba(13,27,36,.72)!important;font-size:12px!important
  }
  .auth-area .top-mini-link>span{display:none!important}
  .auth-area .top-login{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 1 58px!important;max-width:58px!important;min-width:0!important;height:36px!important;
    padding:0 6px!important;border-radius:9px!important;font-size:8.5px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  .auth-area .avatar{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}

  /* Second row: a clean, visible nav strip. */
  .topnav{
    display:flex!important;
    position:absolute!important;
    left:0!important;right:0!important;bottom:7px!important;
    height:38px!important;min-height:38px!important;
    align-items:center!important;justify-content:flex-start!important;
    gap:6px!important;padding:0 1px!important;margin:0!important;
    overflow:hidden!important;white-space:nowrap!important
  }
  .topnav>a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;height:34px!important;min-height:34px!important;
    padding:0 12px!important;border-radius:9px!important;
    border:1px solid rgba(70,120,148,.18)!important;
    background:rgba(11,27,37,.72)!important;
    color:#a9bfcc!important;font-size:9.5px!important;font-weight:850!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important
  }
  .topnav>a:nth-child(4),.topnav>a:nth-child(5),.topnav>a:nth-child(6){display:none!important}
  .topnav>a:nth-child(1),.topnav>a:nth-child(2),.topnav>a:nth-child(3){min-width:58px!important}
  .topnav>a.topnav-points-v41141{
    display:inline-flex!important;min-width:82px!important;
    margin-left:auto!important;padding:0 13px!important;
    color:#b7f5ff!important;border-color:rgba(61,215,255,.46)!important;
    background:linear-gradient(135deg,rgba(15,104,145,.48),rgba(55,66,160,.42))!important;
    box-shadow:0 7px 18px rgba(28,156,211,.13),inset 0 1px 0 rgba(255,255,255,.05)!important
  }
  .topnav>a.game-finder-link{
    display:inline-flex!important;min-width:108px!important;height:34px!important;
    padding:0 14px!important;border-radius:9px!important;
    color:#fff!important;border-color:rgba(76,198,242,.60)!important;
    background:linear-gradient(115deg,#116ea0,#3b5dcc 62%,#6746bd)!important;
    box-shadow:0 8px 20px rgba(38,122,205,.18)!important
  }
  .topnav>a:hover{transform:translateY(-1px)!important;color:#fff!important;border-color:rgba(92,201,244,.55)!important;background-color:#122f40!important}
}

@media(min-width:761px) and (max-width:835px){
  .topbar-inner{width:calc(100% - 10px)!important;gap:4px!important}
  .brand.brand-logo{flex-basis:98px!important;min-width:98px!important;max-width:98px!important}
  .brand.brand-logo img{width:94px!important;max-width:94px!important}
  .rp-language-mobile{height:34px!important;padding:0 3px!important}
  .rp-language-mobile .rp-language-options a{min-width:24px!important;padding:0 3px!important;font-size:8px!important}
  .mobile-search-link{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important}
  .global-online-count{min-width:34px!important;height:34px!important;padding:0 5px!important}
  .auth-area{gap:2px!important}
  .auth-area .top-admin-link{min-width:36px!important;max-width:42px!important;height:34px!important;padding:0 4px!important;font-size:7.5px!important}
  .auth-area .top-notification-wrap,.auth-area .top-notification-btn{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .auth-area .top-point-pill-v41141{min-width:60px!important;max-width:68px!important;height:34px!important;min-height:34px!important;padding:0 5px!important}
  .auth-area .top-mini-link{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
  .auth-area .top-login{display:none!important}
  .auth-area .avatar{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .topnav{gap:5px!important}
  .topnav>a{height:33px!important;min-height:33px!important;padding:0 9px!important;font-size:9px!important}
  .topnav>a:nth-child(3){display:none!important}
  .topnav>a:nth-child(1),.topnav>a:nth-child(2){min-width:54px!important}
  .topnav>a.topnav-points-v41141{min-width:78px!important;padding:0 10px!important}
  .topnav>a.game-finder-link{min-width:104px!important;padding:0 11px!important}
}


/* === v4.11.52 hot-game animation visibility fix === */
.home-hot-track-v41131 .recommend-card,
.rp-site-motion-v41144 .home-hot-track-v41131 .recommend-card,
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card{
  opacity:1!important;
  visibility:visible!important;
}
.home-hot-track-v41131 .recommend-card.rp-reveal-v41144{
  opacity:1!important;
}


/* === v4.11.53 hot-game spotlight animation ===
   Keep every card visible; make the rotating active card feel intentional
   with neon lift, light sweep, badge pulse, and a timed progress rail.
   The game image itself no longer zooms in/out. */
@keyframes rpHotSpotlightV41153{
  0%{transform:translateY(0);border-color:rgba(72,132,160,.40);box-shadow:0 0 0 rgba(58,211,255,0),0 0 0 rgba(118,83,255,0)}
  12%{transform:translateY(-7px);border-color:rgba(104,232,255,.95);box-shadow:0 16px 30px rgba(0,0,0,.38),0 0 0 1px rgba(104,232,255,.28),0 0 28px rgba(44,205,255,.34),0 0 46px rgba(116,80,255,.16)}
  45%{transform:translateY(-5px);border-color:rgba(126,214,255,.78);box-shadow:0 15px 28px rgba(0,0,0,.34),0 0 0 1px rgba(91,219,255,.20),0 0 24px rgba(44,192,255,.24),0 0 34px rgba(119,84,255,.12)}
  82%{transform:translateY(-5px);border-color:rgba(116,211,255,.72);box-shadow:0 14px 26px rgba(0,0,0,.32),0 0 0 1px rgba(91,219,255,.18),0 0 20px rgba(44,192,255,.20)}
  100%{transform:translateY(-2px);border-color:rgba(75,157,190,.52);box-shadow:0 10px 20px rgba(0,0,0,.24),0 0 12px rgba(44,192,255,.09)}
}
@keyframes rpHotSweepV41153{
  0%{transform:translate3d(-180%,0,0) skewX(-20deg);opacity:0}
  16%{opacity:.75}
  62%{opacity:.34}
  100%{transform:translate3d(430%,0,0) skewX(-20deg);opacity:0}
}
@keyframes rpHotProgressV41153{
  0%{transform:scaleX(0);opacity:1}
  92%{transform:scaleX(1);opacity:1}
  100%{transform:scaleX(1);opacity:0}
}
@keyframes rpHotRankPopV41153{
  0%{transform:scale(.82);box-shadow:0 0 0 rgba(78,223,255,0)}
  22%{transform:scale(1.13);box-shadow:0 0 20px rgba(78,223,255,.48)}
  45%{transform:scale(1);box-shadow:0 0 10px rgba(78,223,255,.22)}
  100%{transform:scale(1);box-shadow:0 0 0 rgba(78,223,255,0)}
}
@keyframes rpHotTitleGlowV41153{
  0%{text-shadow:0 3px 12px rgba(0,0,0,.8)}
  24%{text-shadow:0 0 9px rgba(126,235,255,.72),0 3px 12px rgba(0,0,0,.82)}
  100%{text-shadow:0 3px 12px rgba(0,0,0,.8)}
}

.home-hot-track-v41131 .recommend-card{
  position:relative!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  transition:border-color .32s ease,box-shadow .32s ease,filter .32s ease!important;
}
/* Freeze the picture scale: the animation now happens around the card, not by zooming the thumbnail. */
.home-hot-track-v41131 .recommend-card .recommend-bg,
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card .recommend-bg{
  transform:scale(1.015)!important;
  transition:filter .45s ease!important;
}
.home-hot-track-v41131 .recommend-card::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-34%;
  bottom:-34%;
  left:-55%;
  width:28%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),rgba(103,225,255,.58),rgba(154,112,255,.34),transparent);
  filter:blur(.2px);
}
.home-hot-track-v41131 .recommend-card::after{
  content:"";
  position:absolute;
  z-index:5;
  left:8px;
  right:8px;
  bottom:5px;
  height:2px;
  border-radius:99px;
  pointer-events:none;
  transform-origin:left center;
  transform:scaleX(0);
  opacity:0;
  background:linear-gradient(90deg,#61eaff 0%,#679bff 50%,#b266ff 100%);
  box-shadow:0 0 10px rgba(93,220,255,.72);
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145{
  animation:rpHotSpotlightV41153 4.15s cubic-bezier(.18,.82,.22,1) both!important;
  filter:brightness(1.045) saturate(1.06)!important;
  z-index:4!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145::before{
  animation:rpHotSweepV41153 1.18s cubic-bezier(.18,.76,.22,1) .08s both!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145::after{
  animation:rpHotProgressV41153 4.05s linear .08s both!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-bg{
  transform:scale(1.015)!important;
  filter:saturate(1.13) brightness(1.06) contrast(1.03)!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-rank{
  border-color:rgba(110,230,255,.74)!important;
  background:linear-gradient(135deg,rgba(8,31,47,.88),rgba(40,31,84,.82))!important;
  animation:rpHotRankPopV41153 .92s cubic-bezier(.18,.82,.22,1) both!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-copy h2{
  animation:rpHotTitleGlowV41153 1.25s ease-out both!important;
}
/* Inactive cards stay calm so the moving spotlight reads clearly. */
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card:not(.rp-hot-active-v41145){
  filter:brightness(.93) saturate(.94)!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card:not(.rp-hot-active-v41145):hover{
  filter:brightness(1.04) saturate(1.04)!important;
}
@media(max-width:760px){
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145{animation-name:rpHotSpotlightV41153!important}
  .home-hot-track-v41131 .recommend-card::after{left:6px;right:6px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145::before,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145::after,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-rank,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-copy h2{animation:none!important}
}

/* === v4.11.54 premium hot-game carousel motion ===
   Thumbnail stays visually stable. Motion comes from neon frame, color wave,
   HOT NOW badge, sparks, title pulse, rank pop, and timed progress rail. */
@keyframes rpHotCardV41154{
  0%{transform:translateY(0);box-shadow:0 0 0 rgba(72,221,255,0);border-color:rgba(72,132,160,.42)}
  9%{transform:translateY(-5px);box-shadow:0 14px 28px rgba(0,0,0,.34),0 0 0 1px rgba(95,231,255,.32),0 0 26px rgba(52,207,255,.32),0 0 48px rgba(144,82,255,.16);border-color:rgba(107,231,255,.82)}
  45%{transform:translateY(-4px);box-shadow:0 13px 26px rgba(0,0,0,.32),0 0 0 1px rgba(95,231,255,.22),0 0 22px rgba(52,207,255,.25),0 0 34px rgba(144,82,255,.12);border-color:rgba(111,213,255,.72)}
  88%{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.30),0 0 18px rgba(70,207,255,.18);border-color:rgba(106,190,226,.62)}
  100%{transform:translateY(0);box-shadow:0 8px 18px rgba(0,0,0,.22),0 0 0 rgba(72,221,255,0);border-color:rgba(72,132,160,.42)}
}
@keyframes rpHotNeonSpinV41154{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes rpHotWaveV41154{
  0%{transform:translate3d(-125%,-10%,0) rotate(-12deg);opacity:0}
  10%{opacity:.15}
  28%{opacity:.72}
  58%{opacity:.35}
  100%{transform:translate3d(145%,8%,0) rotate(-12deg);opacity:0}
}
@keyframes rpHotTagV41154{
  0%{transform:translateY(-8px) scale(.84);opacity:0}
  12%{transform:translateY(0) scale(1.06);opacity:1}
  22%,82%{transform:translateY(0) scale(1);opacity:1}
  100%{transform:translateY(-3px) scale(.96);opacity:0}
}
@keyframes rpHotSpark1V41154{
  0%,100%{transform:translate(0,0) scale(.4);opacity:0}
  13%{opacity:1;transform:translate(0,0) scale(1)}
  38%{opacity:.85;transform:translate(44px,-22px) scale(.7)}
  58%{opacity:0;transform:translate(82px,-34px) scale(.25)}
}
@keyframes rpHotSpark2V41154{
  0%,18%,100%{transform:translate(0,0) scale(.35);opacity:0}
  28%{opacity:1;transform:translate(0,0) scale(1)}
  50%{opacity:.8;transform:translate(-38px,-25px) scale(.72)}
  68%{opacity:0;transform:translate(-70px,-38px) scale(.25)}
}
@keyframes rpHotSpark3V41154{
  0%,36%,100%{transform:translate(0,0) scale(.4);opacity:0}
  46%{opacity:1;transform:translate(0,0) scale(.95)}
  66%{opacity:.7;transform:translate(30px,-34px) scale(.65)}
  80%{opacity:0;transform:translate(58px,-48px) scale(.2)}
}
@keyframes rpHotProgressV41154{
  0%{transform:scaleX(0);opacity:1}
  94%{transform:scaleX(1);opacity:1}
  100%{transform:scaleX(1);opacity:0}
}
@keyframes rpHotRankV41154{
  0%{transform:translateY(-3px) scale(.78);filter:brightness(1)}
  14%{transform:translateY(0) scale(1.15);filter:brightness(1.3)}
  28%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes rpHotTitleV41154{
  0%{transform:translateX(-5px);opacity:.78;text-shadow:0 3px 12px rgba(0,0,0,.8)}
  14%{transform:translateX(0);opacity:1;text-shadow:0 0 10px rgba(91,227,255,.9),0 0 18px rgba(124,91,255,.52),0 3px 12px rgba(0,0,0,.82)}
  42%,100%{transform:translateX(0);opacity:1;text-shadow:0 3px 12px rgba(0,0,0,.82)}
}
.home-hot-track-v41131 .recommend-card::before,
.home-hot-track-v41131 .recommend-card::after{content:none!important;animation:none!important}
.home-hot-track-v41131 .recommend-card,
.rp-site-motion-v41144 .home-hot-track-v41131 .recommend-card,
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card{
  opacity:1!important;visibility:visible!important;transform:translateY(0)!important;
  overflow:hidden!important;isolation:isolate!important;
  transition:border-color .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
.home-hot-track-v41131 .recommend-card .recommend-bg,
.rp-site-motion-v41144 .home-hot-track-v41131 .recommend-card .recommend-bg,
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card .recommend-bg{
  transform:scale(1.015)!important;
  transition:filter .3s ease!important;
  animation:none!important;
}
.rp-hot-fx-v41154{position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:0}
.rp-hot-neon-v41154{position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(110deg,#63efff 0%,#5f9dff 28%,#b464ff 52%,#63efff 76%,#5f9dff 100%);background-size:320% 320%;opacity:.96;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(84,222,255,.55))}
.rp-hot-wave-v41154{position:absolute;z-index:2;top:-28%;bottom:-28%;left:-42%;width:48%;background:linear-gradient(90deg,transparent,rgba(91,229,255,.06),rgba(107,224,255,.48),rgba(164,104,255,.28),transparent);filter:blur(2px);opacity:0}
.rp-hot-tag-v41154{position:absolute;z-index:5;left:8px;top:8px;display:flex;align-items:center;justify-content:center;height:21px;padding:0 7px;border-radius:999px;background:linear-gradient(100deg,#40e9ff,#6f8fff 55%,#c05cff);box-shadow:0 5px 14px rgba(43,193,255,.28),0 0 14px rgba(139,83,255,.26);color:#fff;font-size:7px;font-weight:1000;letter-spacing:.08em;opacity:0;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.rp-hot-progress-v41154{position:absolute;z-index:6;left:7px;right:7px;bottom:4px;height:3px;border-radius:99px;background:linear-gradient(90deg,#64efff,#6199ff 48%,#c05cff);box-shadow:0 0 10px rgba(93,220,255,.75);transform-origin:left center;transform:scaleX(0);opacity:0}
.rp-hot-spark-v41154{position:absolute;z-index:7;width:5px;height:5px;border-radius:50%;background:#e8fdff;box-shadow:0 0 5px #fff,0 0 12px #67e7ff,0 0 18px #9272ff;opacity:0}
.rp-hot-spark-v41154.s1{left:12px;bottom:15px}.rp-hot-spark-v41154.s2{right:14px;bottom:18px}.rp-hot-spark-v41154.s3{left:48%;top:18px}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145{
  animation:rpHotCardV41154 4.28s cubic-bezier(.18,.82,.22,1) both!important;
  filter:brightness(1.03) saturate(1.04)!important;z-index:4!important;
}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-fx-v41154{opacity:1}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-neon-v41154{animation:rpHotNeonSpinV41154 2.15s linear infinite}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-wave-v41154{animation:rpHotWaveV41154 2.35s cubic-bezier(.16,.72,.18,1) .14s both}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-tag-v41154{animation:rpHotTagV41154 4.12s ease both}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-progress-v41154{animation:rpHotProgressV41154 4.12s linear .08s both}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-spark-v41154.s1{animation:rpHotSpark1V41154 2.35s ease-out .22s both}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-spark-v41154.s2{animation:rpHotSpark2V41154 2.6s ease-out .12s both}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-spark-v41154.s3{animation:rpHotSpark3V41154 2.9s ease-out .18s both}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-rank{animation:rpHotRankV41154 .8s cubic-bezier(.15,.8,.2,1) both!important;border-color:rgba(115,234,255,.72)!important;background:rgba(6,24,39,.86)!important;box-shadow:0 0 14px rgba(84,217,255,.22)!important}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-copy h2{animation:rpHotTitleV41154 1.1s ease-out both!important}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-bg{transform:scale(1.015)!important;filter:saturate(1.07) brightness(1.025) contrast(1.02)!important}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card:not(.rp-hot-active-v41145){filter:brightness(.985) saturate(.99)!important}
.rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card:not(.rp-hot-active-v41145):hover{filter:brightness(1.025) saturate(1.02)!important}
@media(max-width:760px){
  .rp-hot-tag-v41154{height:18px;padding:0 6px;font-size:6px;left:6px;top:6px}
  .rp-hot-progress-v41154{left:5px;right:5px;bottom:3px;height:2px}
  .rp-hot-spark-v41154{width:4px;height:4px}
}
@media(prefers-reduced-motion:reduce){
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-neon-v41154,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-wave-v41154,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-tag-v41154,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-progress-v41154,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .rp-hot-spark-v41154,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-rank,
  .rp-visible-auto-v41145 .home-hot-track-v41131 .recommend-card.rp-hot-active-v41145 .recommend-copy h2{animation:none!important}
  .rp-hot-tag-v41154,.rp-hot-progress-v41154,.rp-hot-spark-v41154,.rp-hot-wave-v41154{display:none!important}
}



/* v4.11.60: missing-review-rating popup points to the existing top rating only */
.game-rating-box.review-rating-attention{animation:rpExistingRatingAttentionV41160 .72s ease;outline:1px solid rgba(245,196,81,.52);outline-offset:7px;border-radius:8px}
@keyframes rpExistingRatingAttentionV41160{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.game-rating-box.review-rating-attention{animation:none}}

/* =========================================================
   v4.11.59 review submit rating-required popup
   - Review textarea remains writable before rating
   - Missing rating is handled only when Submit is pressed
   ========================================================= */
.game-review-rating-modal{z-index:1400}
.game-review-rating-modal-card{width:min(430px,calc(100vw - 32px));padding:20px}
.game-review-rating-modal-card .room-modal-head{margin-bottom:12px}
.game-review-rating-modal-card .room-modal-head h2{font-size:19px}
.game-review-rating-modal-card>p{margin:0;color:#9eb0bb;font-size:11px;line-height:1.7}
.game-review-rating-modal-card .room-modal-actions{margin-top:18px}
@media(max-width:520px){.game-review-rating-modal{padding:16px}.game-review-rating-modal-card{padding:17px}.game-review-rating-modal-card .room-modal-actions{display:grid;grid-template-columns:1fr 1.35fr}.game-review-rating-modal-card .room-modal-actions .btn{width:100%}}


/* =========================================================
   v4.11.62 MOBILE HOME POLISH
   - cleaner mobile top bar rhythm
   - prettier first-view home hero
   - calmer CTA stacking and Pang Bucks banner balance
   ========================================================= */
@media (max-width:760px){
  body:not(.mobile-app-chat) .topbar{
    height:66px!important;
    background:rgba(8,14,22,.96)!important;
    border-bottom:1px solid rgba(76,174,238,.22)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  }
  body:not(.mobile-app-chat) .topbar-inner{
    width:calc(100% - 14px)!important;
    padding:0 2px!important;
    gap:6px!important;
  }
  body:not(.mobile-app-chat) .mobile-menu,
  body:not(.mobile-app-chat) .mobile-search-link,
  body:not(.mobile-app-chat) .auth-area .top-mini-link,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn,
  body:not(.mobile-app-chat) .auth-area .top-admin-link,
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141,
  body:not(.mobile-app-chat) .auth-area .avatar,
  body:not(.mobile-app-chat) .rp-language-current{
    border-radius:12px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.14)!important;
  }
  body:not(.mobile-app-chat) .mobile-menu{
    width:40px!important;height:40px!important;min-width:40px!important;
    border:1px solid rgba(92,177,232,.16)!important;
    background:linear-gradient(180deg,#0f1d2b,#0b1622)!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo{max-width:104px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{max-width:100px!important}
  body:not(.mobile-app-chat) .rp-language-mobile{height:40px!important}
  body:not(.mobile-app-chat) .rp-language-current{height:40px!important;padding:0 8px!important}
  body:not(.mobile-app-chat) .rp-language-current a{min-width:34px!important;font-size:12px!important}
  body:not(.mobile-app-chat) .auth-area{
    gap:4px!important;
    max-width:50vw!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-admin-link{
    min-width:46px!important;max-width:50px!important;height:36px!important;
    padding:0 6px!important;font-size:8px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{
    min-width:58px!important;max-width:66px!important;height:36px!important;min-height:36px!important;
    padding:0 6px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 b{font-size:11px!important}
  body:not(.mobile-app-chat) .auth-area .avatar{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important;
  }

  .maincol{gap:12px!important}
  .home-wow-v41132{
    min-height:auto!important;
    border-radius:22px!important;
    margin-bottom:14px!important;
  }
  .home-wow-media-v41132>img#homeShowcasePhotoV41131{
    object-position:66% 76%!important;
    transform:scale(1.01)!important;
  }
  .home-wow-media-shade-v41132{
    background:linear-gradient(180deg,rgba(4,16,29,.98) 0%,rgba(6,27,49,.95) 44%,rgba(7,30,54,.70) 68%,rgba(4,15,28,.32) 100%)!important;
  }
  .home-wow-copy-v41132{
    width:100%!important;
    padding:18px 16px 14px!important;
  }
  .home-wow-ai-badge-v41132{
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:18px!important;
    background:linear-gradient(110deg,rgba(65,136,255,.32),rgba(122,87,255,.30))!important;
  }
  .home-wow-ai-badge-v41132 em{display:none!important}
  .home-wow-copy-v41132>small{
    margin:14px 0 10px!important;
    font-size:9px!important;
    letter-spacing:.15em!important;
    color:#92ebff!important;
  }
  .home-wow-copy-v41132 h1{
    font-size:32px!important;
    line-height:.98!important;
    letter-spacing:-.058em!important;
    max-width:7ch!important;
  }
  .home-wow-copy-v41132 p{
    margin-top:14px!important;
    font-size:11.5px!important;
    line-height:1.62!important;
    max-width:95%!important;
    color:#d6e4ef!important;
  }
  .home-wow-actions-v41132{
    margin-top:16px!important;
    gap:10px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .home-wow-actions-v41132 a{
    min-height:48px!important;
    padding:0 14px!important;
    font-size:13px!important;
    border-radius:14px!important;
  }
  .home-wow-actions-v41132 .ghost{
    background:rgba(7,22,39,.66)!important;
    border-color:rgba(175,221,247,.28)!important;
  }
  .home-wow-pangbucks-v41147{
    margin-top:14px!important;
    min-height:100px!important;
    padding:14px 14px!important;
    gap:12px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#194f9d 0%,#223d96 48%,#5a2fb2 100%)!important;
  }
  .home-wow-pangbucks-copy-v41147{gap:4px!important;padding-right:4px!important}
  .home-wow-pangbucks-copy-v41147 small{font-size:8px!important;letter-spacing:.05em!important}
  .home-wow-pangbucks-copy-v41147 b{font-size:17px!important;line-height:1.18!important}
  .home-wow-pangbucks-copy-v41147 p{font-size:9.4px!important;line-height:1.46!important}
  .home-wow-pangbucks-art-v41147{flex-basis:82px!important;width:82px!important;height:74px!important}
  .home-wow-points-v41132{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:12px!important;
    font-size:8.5px!important;
  }
  .home-wow-points-v41132 span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:rgba(7,23,39,.52)!important;
    border:1px solid rgba(120,192,235,.16)!important;
    color:#d6e8f4!important;
    white-space:nowrap!important;
  }
  .home-wow-watermark-v41132{
    right:10px!important;
    bottom:12px!important;
    width:116px!important;
    opacity:.18!important;
  }
  .home-action-grid-v41132{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .home-action-card-v41132{
    min-height:116px!important;
    padding:13px 12px!important;
    border-radius:16px!important;
  }
  .home-action-card-v41132 .icon{
    width:42px!important;height:42px!important;flex-basis:42px!important;font-size:20px!important;
  }
  .home-action-card-v41132 b{font-size:14px!important}
  .home-action-card-v41132 p{font-size:8.8px!important;line-height:1.42!important}
  .home-action-card-v41132 strong{font-size:8.8px!important}
}
@media (max-width:430px){
  body:not(.mobile-app-chat) .topbar-inner{width:calc(100% - 10px)!important;gap:4px!important}
  body:not(.mobile-app-chat) .brand.brand-logo{max-width:96px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{max-width:92px!important}
  body:not(.mobile-app-chat) .rp-language-current a{min-width:30px!important;font-size:11px!important}
  body:not(.mobile-app-chat) .auth-area{max-width:49vw!important;gap:3px!important}
  body:not(.mobile-app-chat) .auth-area .top-admin-link{min-width:42px!important;max-width:46px!important;font-size:7.5px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{min-width:54px!important;max-width:60px!important}

  .home-wow-v41132{border-radius:20px!important}
  .home-wow-copy-v41132{padding:17px 14px 14px!important}
  .home-wow-copy-v41132 h1{font-size:29px!important;max-width:7.2ch!important}
  .home-wow-copy-v41132 p{font-size:10.8px!important}
  .home-wow-actions-v41132 a{min-height:46px!important;font-size:12.5px!important}
  .home-wow-pangbucks-v41147{padding:13px 13px!important;gap:10px!important}
  .home-wow-pangbucks-copy-v41147 b{font-size:16px!important}
  .home-wow-pangbucks-copy-v41147 p{font-size:9px!important}
  .home-wow-pangbucks-art-v41147{flex-basis:72px!important;width:72px!important;height:66px!important}
  .home-wow-points-v41132{gap:7px!important}
  .home-wow-points-v41132 span{min-height:26px!important;padding:0 9px!important;font-size:8px!important}
  .home-action-grid-v41132{grid-template-columns:1fr!important}
  .home-action-card-v41132{min-height:108px!important}
}


/* =========================================================
   v4.11.63 MOBILE TOPBAR CLEANUP
   - remove crowded header feeling on mobile
   - keep only one Pang Bucks pill visible
   - hide duplicated hero brand marks on mobile
   ========================================================= */
@media (max-width:760px){
  body:not(.mobile-app-chat) .global-online-count{display:none!important}
  body:not(.mobile-app-chat) .auth-area{
    margin-left:auto!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    gap:4px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-mini-link,
  body:not(.mobile-app-chat) .auth-area .top-admin-link,
  body:not(.mobile-app-chat) .auth-area .top-login{
    display:none!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{
    display:flex!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
    min-width:58px!important;
    max-width:64px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 7px!important;
    border-radius:12px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 span{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 img{width:14px!important;height:14px!important;flex:0 0 14px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 b{font-size:11px!important;line-height:1!important;white-space:nowrap!important}
  body:not(.mobile-app-chat) .auth-area .avatar{
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:12px!important;
  }

  .home-wow-v41132{overflow:hidden!important}
  .home-wow-watermark-v41132,
  .home-wow-scribble-v41132,
  .home-wow-game-link-v41132{display:none!important}
  .home-wow-copy-v41132{padding-bottom:16px!important}
  .home-wow-copy-v41132 h1{max-width:6.8ch!important}
  .home-wow-copy-v41132 p{max-width:100%!important}
  .home-wow-pangbucks-v41147{margin-bottom:10px!important}
}
@media (max-width:430px){
  body:not(.mobile-app-chat) .topbar-inner{gap:5px!important}
  body:not(.mobile-app-chat) .mobile-menu{width:38px!important;height:38px!important;min-width:38px!important}
  body:not(.mobile-app-chat) .brand.brand-logo{max-width:92px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{max-width:88px!important}
  body:not(.mobile-app-chat) .rp-language-current{padding:0 6px!important}
  body:not(.mobile-app-chat) .rp-language-current a{min-width:28px!important;font-size:10.5px!important}
  body:not(.mobile-app-chat) .auth-area{gap:3px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{min-width:54px!important;max-width:58px!important;padding:0 6px!important}
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn,
  body:not(.mobile-app-chat) .auth-area .avatar{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex-basis:34px!important}
}


/* =========================================================
   v4.11.64 MOBILE HOME COMPLETE POLISH
   Cohesive mobile-app presentation for header, hero, quick actions and bottom nav.
   ========================================================= */
@media (max-width:760px){
  :root{--rp-mobile-edge:8px}
  html,body{overflow-x:hidden!important}
  body:not(.mobile-app-chat){background:#071019!important}

  /* ---------- Header: one clean row, no horizontal squeeze ---------- */
  body:not(.mobile-app-chat) .topbar{
    height:62px!important;
    background:rgba(7,14,22,.97)!important;
    border-bottom:1px solid rgba(96,191,238,.16)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  }
  body:not(.mobile-app-chat) .topbar-inner{
    width:100%!important;height:62px!important;margin:0!important;
    padding:0 var(--rp-mobile-edge)!important;
    display:flex!important;align-items:center!important;gap:5px!important;
    overflow:visible!important;
  }
  body:not(.mobile-app-chat) .mobile-menu{
    display:grid!important;place-items:center!important;
    flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;
    margin:0!important;padding:0!important;border-radius:12px!important;
    border:1px solid rgba(112,190,231,.18)!important;
    background:linear-gradient(180deg,#102131,#0b1723)!important;
    color:#d9edf7!important;font-size:20px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 0 94px!important;width:94px!important;max-width:94px!important;min-width:82px!important;
    overflow:hidden!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo img{
    display:block!important;width:92px!important;max-width:92px!important;height:auto!important;object-fit:contain!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile{
    display:inline-flex!important;flex:0 0 56px!important;width:56px!important;height:36px!important;
    margin:0!important;padding:2px!important;border-radius:11px!important;
    border:1px solid rgba(111,177,214,.18)!important;background:#0b1825!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options{
    width:100%!important;height:30px!important;padding:0!important;gap:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options i{display:none!important}
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a{
    min-width:0!important;width:100%!important;height:30px!important;padding:0!important;border-radius:9px!important;
    display:grid!important;place-items:center!important;font-size:8.5px!important;color:#71889a!important;background:transparent!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a.on{
    color:#b8ecff!important;background:#12334b!important;box-shadow:inset 0 0 0 1px rgba(89,203,255,.28)!important;
  }
  body:not(.mobile-app-chat) .global-online-count,
  body:not(.mobile-app-chat) .mobile-search-link{display:none!important}
  body:not(.mobile-app-chat) .auth-area{
    margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:0 0 auto!important;width:auto!important;max-width:none!important;height:38px!important;gap:4px!important;overflow:visible!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-mini-link,
  body:not(.mobile-app-chat) .auth-area .top-login,
  body:not(.mobile-app-chat) .auth-area .top-admin-link{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
    margin:0!important;border-radius:11px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{
    background:#0d1d2a!important;border:1px solid rgba(106,178,216,.17)!important;
    color:#f0c24d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    flex:0 0 auto!important;min-width:50px!important;max-width:58px!important;height:34px!important;min-height:34px!important;
    padding:0 6px!important;border-radius:11px!important;
    background:linear-gradient(180deg,#102b42,#0d2032)!important;
    border:1px solid rgba(87,197,245,.26)!important;box-shadow:none!important;animation:none!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 span{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 img{width:13px!important;height:13px!important;flex:0 0 13px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 b{font-size:10px!important;line-height:1!important;color:#d8f4ff!important;white-space:nowrap!important}
  body:not(.mobile-app-chat) .auth-area .avatar{
    display:grid!important;place-items:center!important;
    flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
    border-radius:11px!important;border:1px solid rgba(150,200,229,.26)!important;
    box-shadow:none!important;overflow:hidden!important;
  }

  /* ---------- Main page rhythm ---------- */
  .site{width:calc(100% - 16px)!important;margin:10px auto 0!important;gap:12px!important}
  .maincol{display:block!important;min-width:0!important}

  /* ---------- Hero becomes a clean split-card instead of text over noisy art ---------- */
  .home-wow-v41132{
    position:relative!important;display:flex!important;flex-direction:column!important;
    min-height:0!important;height:auto!important;margin:0 0 12px!important;padding:0!important;
    overflow:hidden!important;border-radius:20px!important;
    border:1px solid rgba(80,184,238,.34)!important;
    background:#0a1928!important;
    box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .home-wow-v41132:after{display:none!important}
  .home-wow-copy-v41132{
    order:1!important;position:relative!important;z-index:5!important;width:100%!important;
    padding:18px 16px 16px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(68,129,255,.13),transparent 33%),
      linear-gradient(180deg,#0b1d2f 0%,#091826 100%)!important;
  }
  .home-wow-ai-badge-v41132{
    display:inline-flex!important;min-height:34px!important;padding:0 12px!important;gap:7px!important;
    border-radius:999px!important;border-color:rgba(99,203,255,.30)!important;
    background:linear-gradient(105deg,rgba(31,111,180,.34),rgba(102,72,194,.28))!important;
    box-shadow:none!important;
  }
  .home-wow-ai-badge-v41132 span{font-size:13px!important}
  .home-wow-ai-badge-v41132 b{font-size:10px!important;color:#9aeaff!important}
  .home-wow-ai-badge-v41132 em{display:none!important}
  .home-wow-copy-v41132>small{
    margin:14px 0 8px!important;font-size:8.5px!important;letter-spacing:.16em!important;color:#72cfe9!important;
  }
  .home-wow-copy-v41132 h1{
    margin:0!important;max-width:none!important;font-size:31px!important;line-height:1.01!important;
    letter-spacing:-.055em!important;text-shadow:none!important;
  }
  .home-wow-copy-v41132 h1 strong{filter:none!important}
  .home-wow-copy-v41132 p{
    margin:12px 0 0!important;max-width:100%!important;font-size:10.8px!important;line-height:1.58!important;color:#b9cbd7!important;
  }
  .home-wow-copy-v41132 p br{display:none!important}
  .home-wow-actions-v41132{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:15px!important;
  }
  .home-wow-actions-v41132 a{
    min-width:0!important;min-height:44px!important;padding:0 10px!important;border-radius:13px!important;
    font-size:11px!important;box-shadow:none!important;transform:none!important;animation:none!important;
  }
  .home-wow-actions-v41132 .primary{
    background:linear-gradient(110deg,#42caec,#558dff 58%,#7b5df2)!important;
    color:#fff!important;
  }
  .home-wow-actions-v41132 .ghost{
    background:#0c1d2d!important;border-color:rgba(132,191,223,.24)!important;color:#e4f1f7!important;
    backdrop-filter:none!important;
  }

  /* Compact reward banner: still noticeable, no longer dominates the first screen. */
  .home-wow-pangbucks-v41147{
    display:flex!important;min-height:82px!important;margin:13px 0 0!important;padding:11px 12px!important;gap:10px!important;
    border-radius:15px!important;border:1px solid rgba(100,178,255,.25)!important;
    background:linear-gradient(120deg,#184e86 0%,#273b94 57%,#55339e 100%)!important;
    box-shadow:none!important;
  }
  .home-wow-pangbucks-v41147:after{animation:none!important;opacity:.35!important}
  .home-wow-pangbucks-copy-v41147{gap:3px!important;padding-right:2px!important}
  .home-wow-pangbucks-copy-v41147 small{font-size:7.5px!important;letter-spacing:.04em!important;color:#9be9ff!important}
  .home-wow-pangbucks-copy-v41147 b{font-size:15px!important;line-height:1.15!important;letter-spacing:-.025em!important}
  .home-wow-pangbucks-copy-v41147 p{font-size:8.5px!important;line-height:1.35!important;color:#d4e5ef!important}
  .home-wow-pangbucks-art-v41147{flex:0 0 66px!important;width:66px!important;height:58px!important}
  .home-wow-pangbucks-v41147 .point-orb-v41142{transform:rotate(20deg) scale(.66)!important;right:6px!important;top:-5px!important}
  .home-wow-pangbucks-v41147 .point-coin-v41142{display:none!important}
  .home-wow-pangbucks-v41147 .robux-pack-v41142{right:-8px!important;bottom:-9px!important;transform:scale(.72)!important}

  /* Three compact product-value chips. */
  .home-wow-points-v41132{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:11px!important;
    font-size:7.7px!important;line-height:1.2!important;
  }
  .home-wow-points-v41132 span,.home-wow-points-v41132 span:last-child{
    grid-column:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
    min-width:0!important;min-height:31px!important;padding:0 5px!important;border-radius:10px!important;
    background:#0b1c2a!important;border:1px solid rgba(110,180,215,.13)!important;color:#9fb8c8!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Artwork lives in its own visual block, so text never competes with it. */
  .home-wow-media-v41132{
    order:2!important;position:relative!important;z-index:2!important;inset:auto!important;
    width:100%!important;height:205px!important;min-height:205px!important;overflow:hidden!important;
    border-top:1px solid rgba(103,181,221,.14)!important;background:#0b1f33!important;
    isolation:isolate!important;
  }
  .home-wow-media-v41132>img#homeShowcasePhotoV41131,
  .rp-visible-auto-v41145 .home-wow-media-v41132>img#homeShowcasePhotoV41131{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:50% 55%!important;
    transform:scale(1.02)!important;filter:saturate(1.03) contrast(1.03) brightness(.88)!important;
    animation:none!important;transition:opacity .65s ease!important;
  }
  .home-wow-media-shade-v41132{
    z-index:3!important;background:linear-gradient(180deg,rgba(3,13,23,.08),rgba(3,13,23,.10) 52%,rgba(3,13,23,.60) 100%)!important;
  }
  .rp-visible-auto-v41145 .home-wow-media-v41132:before,
  .rp-visible-auto-v41145 .home-wow-media-v41132:after,
  .rp-hero-particle-v41145{display:none!important}
  .home-wow-watermark-v41132,.home-wow-scribble-v41132,.home-wow-game-link-v41132{display:none!important}

  /* ---------- Quick actions: consistent 2x2 mobile tiles ---------- */
  .home-action-grid-v41132{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;
  }
  .home-action-card-v41132{
    min-width:0!important;min-height:112px!important;padding:12px 11px!important;gap:9px!important;
    border-radius:15px!important;border-color:rgba(104,163,194,.16)!important;
    background:linear-gradient(180deg,#101d28,#0b151e)!important;box-shadow:none!important;
  }
  .home-action-card-v41132 .icon{
    width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;font-size:18px!important;
  }
  .home-action-card-v41132 small{font-size:6.8px!important;letter-spacing:.10em!important}
  .home-action-card-v41132 b{font-size:13px!important;line-height:1.1!important}
  .home-action-card-v41132 p{margin-top:4px!important;font-size:8px!important;line-height:1.35!important;color:#859dac!important}
  .home-action-card-v41132 p br{display:none!important}
  .home-action-card-v41132 strong{margin-top:6px!important;font-size:8px!important}

  /* ---------- Home content cards ---------- */
  .home-hot-games-v41131,.section,.panel{border-radius:16px!important}
  .home-hot-games-v41131{padding:13px 11px 11px!important;margin-bottom:12px!important}
  .recommend-head h1{font-size:17px!important}
  .recommend-head p{font-size:8.5px!important;line-height:1.4!important}
  .home-hot-track-v41131{gap:9px!important}
  .home-hot-track-v41131 .recommend-card{border-radius:13px!important}

  /* ---------- Bottom navigation: lighter, less bulky active state ---------- */
  body.mobile-bottom-nav-ready:not(.embed-chat){padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
  body:not(.mobile-app-chat) .mobile-bottom-nav{
    height:calc(62px + env(safe-area-inset-bottom))!important;
    padding:3px 8px env(safe-area-inset-bottom)!important;
    background:rgba(6,13,19,.975)!important;border-top:1px solid rgba(99,174,211,.14)!important;
    box-shadow:0 -8px 24px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important;
  }
  body:not(.mobile-app-chat) .mobile-bottom-nav>a{
    height:54px!important;gap:3px!important;border-radius:12px!important;
    color:#6e8492!important;font-size:8.5px!important;background:transparent!important;
  }
  body:not(.mobile-app-chat) .mobile-bottom-nav>a.on{
    color:#94e4ff!important;background:rgba(35,112,151,.11)!important;
    box-shadow:inset 0 0 0 1px rgba(90,193,237,.08)!important;
  }
  body:not(.mobile-app-chat) .mobile-bottom-nav>a.on:after{
    top:1px!important;width:22px!important;height:2px!important;background:#69d3fb!important;box-shadow:0 0 8px rgba(105,211,251,.34)!important;
  }
  body:not(.mobile-app-chat) .mobile-bottom-nav svg{width:20px!important;height:20px!important;stroke-width:1.8!important}
  .mobile-nav-badge{top:3px!important;transform:scale(.86)!important}

  /* ---------- Admin access is moved into the drawer on mobile ---------- */
  .side-nav .mobile-admin-shortcut-v41164{
    display:flex!important;margin-top:6px!important;border:1px solid rgba(203,157,67,.22)!important;
    background:linear-gradient(180deg,#261f14,#1a1711)!important;color:#f0c872!important;
  }
}

@media (max-width:420px){
  :root{--rp-mobile-edge:6px}
  body:not(.mobile-app-chat) .topbar-inner{gap:4px!important}
  body:not(.mobile-app-chat) .brand.brand-logo{flex-basis:86px!important;width:86px!important;max-width:86px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{width:84px!important;max-width:84px!important}
  body:not(.mobile-app-chat) .rp-language-mobile{flex-basis:52px!important;width:52px!important}
  body:not(.mobile-app-chat) .auth-area{gap:3px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{min-width:46px!important;max-width:52px!important;padding:0 5px!important}

  .home-wow-copy-v41132{padding:16px 14px 14px!important}
  .home-wow-copy-v41132 h1{font-size:28px!important}
  .home-wow-copy-v41132 p{font-size:10px!important}
  .home-wow-actions-v41132{gap:7px!important}
  .home-wow-actions-v41132 a{min-height:42px!important;font-size:10.5px!important}
  .home-wow-pangbucks-v41147{min-height:78px!important;padding:10px 11px!important}
  .home-wow-pangbucks-copy-v41147 b{font-size:14px!important}
  .home-wow-pangbucks-copy-v41147 p{font-size:8px!important}
  .home-wow-pangbucks-art-v41147{flex-basis:60px!important;width:60px!important;height:54px!important}
  .home-wow-media-v41132{height:190px!important;min-height:190px!important}
  .home-action-card-v41132{min-height:106px!important;padding:11px 10px!important}
}

@media (max-width:350px){
  body:not(.mobile-app-chat) .brand.brand-logo{flex-basis:78px!important;width:78px!important;max-width:78px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{width:76px!important;max-width:76px!important}
  body:not(.mobile-app-chat) .rp-language-mobile{flex-basis:48px!important;width:48px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{display:none!important}
  .home-wow-actions-v41132{grid-template-columns:1fr!important}
  .home-action-grid-v41132{grid-template-columns:1fr!important}
}


/* =========================================================
   v4.11.65 CHAT MOTION STABILITY FIX
   - chat messages are fully re-rendered on realtime refresh
   - do not replay generic reveal/scale motion on every redraw
   ========================================================= */
.rp-site-motion-v41144 #chatRoot .chat-message,
.rp-site-motion-v41144 #chatRoot .room-message,
.rp-site-motion-v41144 #chatRoot .room-system-event,
.rp-site-motion-v41144 #chatRoot .room-member-row,
.rp-site-motion-v41144 #chatRoot .chat-room-item,
.rp-site-motion-v41144 #chatRoot .rp-reveal-v41144,
.rp-site-motion-v41144 #chatRoot .rp-reveal-v41144.is-visible{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
  will-change:auto!important;
}

/* Large chat layout surfaces must never breathe/scale during polling or realtime redraws. */
.rp-site-motion-v41144 #chatRoot .chat-shell,
.rp-site-motion-v41144 #chatRoot .chat-main,
.rp-site-motion-v41144 #chatRoot #chatPanel,
.rp-site-motion-v41144 #chatRoot #roomPanel,
.rp-site-motion-v41144 #chatRoot .chat-messages,
.rp-site-motion-v41144 #chatRoot .room-messages,
.rp-site-motion-v41144 #chatRoot .room-conversation,
.rp-site-motion-v41144 #chatRoot .chat-form,
.rp-site-motion-v41144 #chatRoot .room-chat-form{
  animation:none!important;
}

@media(max-width:760px){
  body.mobile-app-chat #chatRoot .chat-message,
  body.mobile-app-chat #chatRoot .room-message,
  body.mobile-app-chat #chatRoot .room-system-event,
  body.mobile-app-chat #chatRoot .room-member-row,
  body.mobile-app-chat #chatRoot .chat-room-item{
    transition:background-color .15s ease,border-color .15s ease!important;
  }
}


/* =========================================================
   v4.11.66 GREENP OFFERWALL LIVE
   ========================================================= */
.point-greenp-live-v41166{position:relative;overflow:hidden;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 18px;border:1px solid rgba(84,222,255,.28);border-radius:17px;background:radial-gradient(circle at 87% 15%,rgba(70,92,255,.18),transparent 24%),linear-gradient(135deg,#0a2639,#0c1c34 58%,#171c3d);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 13px 28px rgba(0,0,0,.17)}
.point-greenp-live-v41166:after{content:"";position:absolute;inset:-50% auto -50% -28%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);transform:skewX(-16deg);animation:greenpShineV41166 6.4s ease-in-out infinite;pointer-events:none}
@keyframes greenpShineV41166{0%,54%{transform:translateX(-80%) skewX(-16deg);opacity:0}66%{opacity:1}86%,100%{transform:translateX(620%) skewX(-16deg);opacity:0}}
.point-greenp-live-icon-v41166{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#45e3ff,#467cff 62%,#8157ff);box-shadow:0 12px 28px rgba(62,135,255,.24);font-size:25px}
.point-greenp-live-copy-v41166{position:relative;z-index:1;min-width:0}.point-greenp-live-copy-v41166 small{display:block;color:#63e6ff;font-size:9px;font-weight:1000;letter-spacing:.11em}.point-greenp-live-copy-v41166>b{display:block;margin-top:4px;color:#fff;font-size:18px;letter-spacing:-.035em}.point-greenp-live-copy-v41166 p{margin:5px 0 0;color:#9fb8c8;font-size:10px;line-height:1.5}.point-greenp-live-tags-v41166{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.point-greenp-live-tags-v41166 span{padding:5px 7px;border-radius:999px;background:rgba(93,198,239,.08);border:1px solid rgba(101,208,247,.12);color:#9bdff8;font-size:8px;font-weight:900}
.point-greenp-live-actions-v41166{position:relative;z-index:1;display:grid;gap:7px;min-width:150px}.point-greenp-live-actions-v41166 .btn{min-height:42px}.point-greenp-refresh-v41166{min-height:32px;border:1px solid rgba(126,171,201,.18);border-radius:9px;background:#0a1822;color:#93aebe;font-size:9px;font-weight:900;cursor:pointer}
.point-greenp-modal-v41166{position:fixed;z-index:50000;inset:0;display:grid;place-items:center;padding:18px}.point-greenp-modal-v41166[hidden]{display:none!important}.point-greenp-backdrop-v41166{position:absolute;inset:0;background:rgba(2,8,13,.84);backdrop-filter:blur(14px)}.point-greenp-dialog-v41166{position:relative;z-index:1;width:min(980px,96vw);height:min(900px,92dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(89,204,255,.31);border-radius:22px;background:#07131c;box-shadow:0 32px 100px rgba(0,0,0,.58)}
.point-greenp-dialog-v41166>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid rgba(108,172,205,.14);background:linear-gradient(180deg,#0c2030,#091721)}.point-greenp-dialog-v41166>header small{color:#58e4ff;font-size:8px;font-weight:1000;letter-spacing:.12em}.point-greenp-dialog-v41166>header h2{margin:4px 0 0;color:#fff;font-size:20px}.point-greenp-dialog-v41166>header p{margin:5px 0 0;color:#8fa9b9;font-size:9px}.point-greenp-close-v41166{width:38px;height:38px;border:1px solid rgba(137,185,211,.18);border-radius:11px;background:#0b1a24;color:#d9edf6;font-size:23px;cursor:pointer}
.point-greenp-frame-wrap-v41166{position:relative;min-height:0;background:#fff}.point-greenp-frame-wrap-v41166 iframe{display:block;width:100%;height:100%;border:0;background:#fff}.point-greenp-loading-v41166{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#08141d;color:#d8ebf4}.point-greenp-loading-v41166[hidden]{display:none!important}.point-greenp-loading-v41166 b{font-size:11px}
.point-greenp-dialog-v41166>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:9px 14px;border-top:1px solid rgba(108,172,205,.14);background:#091720;color:#7894a4;font-size:9px}.point-greenp-dialog-v41166>footer button{min-height:32px;padding:0 11px;border:1px solid #2a708e;border-radius:9px;background:#0f2c3b;color:#83dcff;font-size:9px;font-weight:900;cursor:pointer}
body.greenp-offerwall-open-v41166{overflow:hidden!important}
@media(max-width:760px){.point-greenp-live-v41166{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px}.point-greenp-live-icon-v41166{width:44px;height:44px;border-radius:13px;font-size:20px}.point-greenp-live-copy-v41166>b{font-size:15px}.point-greenp-live-copy-v41166 p{font-size:9px}.point-greenp-live-actions-v41166{grid-column:1/-1;grid-template-columns:1fr auto;min-width:0}.point-greenp-live-actions-v41166 .btn{min-height:44px}.point-greenp-modal-v41166{padding:0}.point-greenp-dialog-v41166{width:100vw;height:100dvh;border:0;border-radius:0}.point-greenp-dialog-v41166>header{padding:max(12px,env(safe-area-inset-top)) 13px 11px}.point-greenp-dialog-v41166>header h2{font-size:17px}.point-greenp-dialog-v41166>footer{padding:8px 10px max(8px,env(safe-area-inset-bottom))}.point-greenp-dialog-v41166>footer span{max-width:65%;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.point-greenp-live-v41166:after{animation:none!important}}

.point-greenp-inline-v41169{margin-top:14px;display:grid;grid-template-rows:auto minmax(760px,1fr) auto;overflow:hidden;border:1px solid rgba(89,204,255,.31);border-radius:22px;background:#07131c;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.point-greenp-inline-v41169>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid rgba(108,172,205,.14);background:linear-gradient(180deg,#0c2030,#091721)}
.point-greenp-inline-v41169>header small{color:#58e4ff;font-size:8px;font-weight:1000;letter-spacing:.12em}.point-greenp-inline-v41169>header h2{margin:4px 0 0;color:#fff;font-size:20px}.point-greenp-inline-v41169>header p{margin:5px 0 0;color:#8fa9b9;font-size:9px}
.point-greenp-inline-frame-v41169{height:980px;min-height:980px}
.point-greenp-inline-v41169>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:9px 14px;border-top:1px solid rgba(108,172,205,.14);background:#091720;color:#7894a4;font-size:9px}.point-greenp-inline-v41169>footer button{min-height:32px;padding:0 11px;border:1px solid #2a708e;border-radius:9px;background:#0f2c3b;color:#83dcff;font-size:9px;font-weight:900;cursor:pointer}
@media(max-width:760px){.point-greenp-inline-v41169{margin-top:12px;grid-template-rows:auto minmax(860px,1fr) auto;border-radius:18px}.point-greenp-inline-v41169>header{padding:13px 14px 11px}.point-greenp-inline-v41169>header h2{font-size:17px}.point-greenp-inline-frame-v41169{height:1120px;min-height:1120px}.point-greenp-inline-v41169>footer{padding:8px 10px 10px}.point-greenp-inline-v41169>footer span{max-width:65%;line-height:1.4}}
/* v4.11.75 Pang Bucks native web reward list */
.point-reward-api-v41175{margin-top:14px;overflow:hidden;border:1px solid rgba(88,205,255,.24);border-radius:20px;background:#07131c;box-shadow:0 20px 55px rgba(0,0,0,.24)}
.point-reward-api-head-v41175{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(111,183,216,.13);background:linear-gradient(180deg,#0b2130,#091820)}
.point-reward-api-head-v41175 small{display:block;color:#59ddfa;font-size:9px;font-weight:1000;letter-spacing:.12em}.point-reward-api-head-v41175 h2{margin:4px 0 0;color:#fff;font-size:20px}.point-reward-api-head-v41175 p{margin:5px 0 0;color:#8ca8b7;font-size:10px;line-height:1.5}
.point-reward-count-v41175{min-width:66px;text-align:center;padding:8px 12px;border:1px solid rgba(99,217,255,.18);border-radius:13px;background:#0b1c27;color:#8bdfff}.point-reward-count-v41175 strong{font-size:20px}.point-reward-count-v41175 span{margin-left:3px;font-size:9px}
.point-reward-filter-v41175{display:flex;gap:7px;overflow:auto;padding:12px 14px 4px}.point-reward-filter-v41175 button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid rgba(121,163,187,.16);border-radius:999px;background:#0b1922;color:#90a9b7;font-size:10px;font-weight:900;cursor:pointer}.point-reward-filter-v41175 button.is-active{border-color:rgba(81,216,255,.5);background:#123447;color:#76dcff}
.point-reward-status-v41175{display:flex;align-items:center;justify-content:center;gap:9px;margin:10px 14px;padding:12px;border-radius:12px;background:#0a1821;color:#9db4c0;font-size:10px}.point-reward-status-v41175.is-error{border:1px solid rgba(255,100,100,.25);color:#ffb1b1;background:rgba(92,25,25,.18)}.point-reward-status-v41175.is-ready{border:1px solid rgba(92,220,165,.16);color:#9ee7c8;background:rgba(20,74,55,.15)}
.point-reward-grid-v41175{display:grid;gap:10px;padding:4px 14px 16px}.point-reward-card-v41175{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(134,168,188,.15);border-radius:16px;background:#0a1720;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.point-reward-card-icon-v41175{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#fff}.point-reward-card-icon-v41175 img{width:100%;height:100%;object-fit:cover}.point-reward-card-icon-v41175 span{font-size:30px}
.point-reward-card-main-v41175{min-width:0}.point-reward-card-top-v41175{display:flex;align-items:center;gap:8px;min-width:0}.point-reward-card-top-v41175 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}.point-reward-type-v41175{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(69,194,237,.11);color:#77dafb;font-size:8px;font-weight:1000}.point-reward-condition-v41175{margin:7px 0 0;color:#c5d5dd;font-size:10px;font-weight:800}.point-reward-summary-v41175{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0;color:#829ba9;font-size:9px;line-height:1.5}
.point-reward-card-side-v41175{display:grid;justify-items:end;gap:8px;min-width:114px}.point-reward-card-side-v41175>b{color:#5ee0ff;font-size:17px}.point-reward-card-side-v41175>b small{margin-left:2px;color:#a9c6d3;font-size:9px}.point-reward-card-side-v41175 .btn{min-width:112px;min-height:38px}
.point-reward-empty-v41175{display:grid;place-items:center;gap:5px;min-height:160px;padding:24px;text-align:center;border:1px dashed rgba(114,165,192,.18);border-radius:14px;color:#a7bec9}.point-reward-empty-v41175 span{color:#718b98;font-size:10px}
@media(max-width:760px){.point-reward-api-head-v41175{padding:14px}.point-reward-api-head-v41175 h2{font-size:17px}.point-reward-api-head-v41175 p{font-size:9px}.point-reward-count-v41175{min-width:58px;padding:7px 9px}.point-reward-card-v41175{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:11px}.point-reward-card-icon-v41175{width:58px;height:58px;border-radius:13px}.point-reward-card-side-v41175{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%}.point-reward-card-side-v41175 .btn{min-width:130px}.point-reward-card-top-v41175 strong{font-size:13px}}

/* v4.11.76 reward toolbar / sorting / pagination */
.point-reward-toolbar-v41176{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 4px}.point-reward-toolbar-v41176 .point-reward-filter-v41175{padding:0;flex:1;min-width:0}.point-reward-sort-v41176{flex:0 0 auto;display:flex;align-items:center;gap:7px;color:#86a5b5;font-size:10px;font-weight:900}.point-reward-sort-v41176 select{min-height:34px;padding:0 32px 0 11px;border:1px solid rgba(104,190,226,.22);border-radius:10px;background:#0b1922;color:#d9edf5;font-size:10px;font-weight:800;outline:none}.point-reward-os-v41176{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(116,162,192,.10);color:#9ebaca;font-size:8px;font-weight:900}.point-reward-pagination-v41176{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 14px 16px}.point-reward-pagination-v41176 button{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(104,171,201,.18);border-radius:9px;background:#0b1922;color:#9cb4c0;font-size:10px;font-weight:900;cursor:pointer}.point-reward-pagination-v41176 button.is-active{border-color:rgba(89,218,255,.55);background:#12374a;color:#7fe2ff}.point-reward-pagination-v41176 button:disabled{opacity:.35;cursor:default}.point-reward-pagination-v41176 span{margin-left:4px;color:#6f8997;font-size:9px;font-weight:800}
@media(max-width:760px){.point-reward-toolbar-v41176{display:grid;grid-template-columns:1fr;padding:11px 10px 4px}.point-reward-toolbar-v41176 .point-reward-filter-v41175{width:100%}.point-reward-sort-v41176{justify-content:space-between;width:100%}.point-reward-sort-v41176 select{flex:1;max-width:220px}.point-reward-pagination-v41176{padding:2px 10px 14px}.point-reward-card-top-v41175{flex-wrap:wrap}.point-reward-card-top-v41175 strong{flex-basis:100%}}

/* === v4.11.77 reward admin finance + mobile operations === */
.admin-tabs-v403{grid-template-columns:repeat(7,minmax(110px,1fr))!important}
.admin-point-tab-v41177{position:relative;gap:6px}
.admin-point-tab-v41177 i{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff526c;color:#fff;font-style:normal;font-size:9px;font-weight:1000;line-height:1}
.admin-reward-finance-v41177{margin-bottom:18px}
.admin-point-kpis-v41177{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-point-kpis-v41177>div{min-height:112px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.admin-point-kpis-v41177>div:after{content:"";position:absolute;right:-26px;top:-26px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(71,197,255,.14),transparent 68%);pointer-events:none}
.admin-point-kpis-v41177>div.is-highlight{border-color:rgba(75,208,255,.42);background:linear-gradient(145deg,#0d2a3d,#112349)}
.admin-point-kpis-v41177>div.is-profit{border-color:rgba(90,224,166,.35);background:linear-gradient(145deg,#0d2924,#0d1f2f)}
.admin-point-kpis-v41177 span{font-size:10px;font-weight:900}
.admin-point-kpis-v41177 b{font-size:24px;letter-spacing:-.035em;word-break:break-word}
.admin-point-kpis-v41177 small{display:block;margin-top:5px;color:#6f8999;font-size:9px;line-height:1.45}
.admin-finance-note-v41177{padding:11px 13px;border:1px solid rgba(255,196,83,.17);border-radius:12px;background:rgba(118,81,11,.08);color:#9a8d72;font-size:9px;line-height:1.55}
.admin-point-upgrade-v41177{display:grid;gap:6px;padding:16px;border:1px solid rgba(255,184,68,.3);border-radius:14px;background:rgba(98,63,8,.12);color:#ddc28c}.admin-point-upgrade-v41177 b{color:#ffd783}.admin-point-upgrade-v41177 span{font-size:10px;line-height:1.55}
.admin-point-order-head-v41177{align-items:flex-end}
.admin-point-pending-chip-v41177{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 11px;border:1px solid rgba(77,199,255,.25);border-radius:999px;background:#0b2231;color:#75ddff;font-size:10px;font-weight:1000;white-space:nowrap}
.admin-point-order-v41141.is-new-v41177{border-color:rgba(86,210,255,.38);box-shadow:inset 3px 0 0 #4dd7ff}
.admin-point-order-title-v41177{display:flex;align-items:center;gap:7px;min-width:0}.admin-point-order-title-v41177 span{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:#ff526c;color:#fff;font-size:8px;font-weight:1000}.admin-point-order-title-v41177 h4{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-point-delivery-target-v41177{margin-top:9px;padding:9px 10px;border:1px solid rgba(79,139,178,.18);border-radius:10px;background:#07141f}.admin-point-delivery-target-v41177 small{display:block;color:#6e899a;font-size:8px}.admin-point-delivery-target-v41177 b{display:block;margin-top:3px;color:#d9eef8;font-size:11px;overflow-wrap:anywhere}

/* redemption modal: mobile-safe bottom sheet */
body.point-order-open-v41177{overflow:hidden!important;overscroll-behavior:none}
.point-order-modal-v41141{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}
.point-order-modal-v41141>section{max-height:min(720px,calc(100dvh - 32px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.point-order-close-v41141{z-index:3;cursor:pointer}

@media(max-width:1150px){.admin-tabs-v403{grid-template-columns:repeat(4,1fr)!important}.admin-point-kpis-v41177{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  body:has(#adminRoot){overflow-x:hidden}
  body:has(#adminRoot) .page.admin-page{width:100%!important;max-width:100%!important;margin:6px 0 0!important;padding:0 8px calc(94px + env(safe-area-inset-bottom))!important}
  #adminRoot .admin-dashboard-v403{width:100%!important;max-width:100%!important;border-radius:14px!important;overflow:hidden!important}
  #adminRoot .admin-hero{padding:15px 13px!important;gap:10px!important}
  #adminRoot .admin-hero h1{font-size:20px!important;line-height:1.15!important}
  #adminRoot .admin-hero p{font-size:10px!important;line-height:1.5!important}
  #adminRoot .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:9px!important;gap:7px!important}
  #adminRoot .admin-stat{min-width:0!important;min-height:76px!important;padding:10px!important}
  #adminRoot .admin-stat b{font-size:21px!important}
  #adminRoot .admin-tabs-v403,#adminRoot .admin-tabs{position:sticky;top:0;z-index:15;display:flex!important;grid-template-columns:none!important;gap:6px!important;width:100%!important;padding:9px 9px 10px!important;overflow-x:auto!important;background:#0a1117;box-shadow:0 8px 20px rgba(0,0,0,.16);scroll-snap-type:x proximity}
  #adminRoot .admin-tab{flex:0 0 auto!important;min-width:max-content!important;height:38px!important;padding:0 11px!important;scroll-snap-align:start}
  #adminRoot .admin-tab-page{padding:12px 9px 18px!important;overflow:hidden!important}
  #adminRoot .admin-section-head{display:flex!important;align-items:stretch!important;gap:8px!important;margin-bottom:11px!important}
  #adminRoot .admin-section-head h2,#adminRoot .admin-section-head h3{font-size:16px!important;line-height:1.25!important}
  #adminRoot .admin-section-head p{font-size:10px!important;line-height:1.5!important}
  #adminRoot .admin-section-head>.btn{width:100%!important;min-height:40px!important}
  #adminRoot .admin-point-kpis-v41177{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #adminRoot .admin-point-kpis-v41177>div{min-height:98px!important;padding:11px!important;border-radius:12px!important}
  #adminRoot .admin-point-kpis-v41177 b{font-size:19px!important;line-height:1.15!important}
  #adminRoot .admin-point-kpis-v41177 small{font-size:8px!important}
  #adminRoot .admin-finance-note-v41177{font-size:8.5px!important;padding:9px 10px!important}
  #adminRoot .admin-point-order-head-v41177{align-items:stretch!important}
  #adminRoot .admin-point-pending-chip-v41177{align-self:flex-start!important}
  #adminRoot .admin-point-order-v41141{grid-template-columns:1fr!important;gap:10px!important;padding:11px!important}
  #adminRoot .admin-point-order-v41141 .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  #adminRoot .admin-point-order-v41141 select,#adminRoot .admin-point-order-v41141 input{width:100%!important;min-width:0!important;height:42px!important;font-size:12px!important}
  #adminRoot .admin-point-order-v41141 input{grid-column:1/-1!important}
  #adminRoot .admin-point-order-v41141 .actions .btn{height:42px!important;grid-column:1/-1!important}
  #adminRoot .admin-point-order-title-v41177 h4{font-size:12px!important;white-space:normal!important}
  #adminRoot .admin-point-delivery-target-v41177 b{font-size:11px!important}
  #adminRoot .admin-user-toolbar-v430{display:grid!important;gap:8px!important}
  #adminRoot .admin-user-toolbar-v430 label{width:100%!important}.admin-user-toolbar-v430 select{width:100%!important}
  #adminRoot .admin-search{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.admin-search input{grid-column:1/-1!important;width:100%!important;min-width:0!important;font-size:16px!important}
  #adminRoot .admin-recommend-row,#adminRoot .admin-action-row,#adminRoot .admin-data-row{max-width:100%!important;overflow:hidden!important}
  #adminRoot .admin-recommend-form{grid-template-columns:1fr!important}.admin-recommend-form input,.admin-recommend-form .btn{grid-column:auto!important;width:100%!important}
  #adminRoot table{max-width:100%!important}
  .point-order-modal-v41141{align-items:end!important;place-items:end center!important;padding:0!important}
  .point-order-backdrop-v41141{background:rgba(1,7,12,.84)!important;backdrop-filter:blur(9px)!important}
  .point-order-modal-v41141>section{width:100%!important;max-width:none!important;max-height:min(82dvh,760px)!important;margin:0!important;padding:20px 16px calc(18px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;animation:pointSheetInV41177 .2s ease-out}
  .point-order-modal-v41141 h2{font-size:21px!important;padding-right:42px!important}
  .point-order-close-v41141{position:sticky!important;float:right!important;top:0!important;margin:-7px -3px 0 0!important;width:40px!important;height:40px!important;border-radius:12px!important}
  .point-order-product-v41141{clear:both!important;margin-top:12px!important;padding:12px!important}
  .point-target-field-v41141{font-size:11px!important}.point-target-field-v41141 input{height:48px!important;font-size:16px!important;border-radius:13px!important}
  .point-confirm-v41141{font-size:11px!important;line-height:1.5!important}.point-confirm-v41141 input{width:20px!important;height:20px!important;flex:0 0 auto!important}
  .point-order-submit-v41141{min-height:50px!important;font-size:14px!important;border-radius:13px!important}
  .point-order-note-v41141{font-size:9.5px!important;line-height:1.5!important}
}
@media(max-width:390px){#adminRoot .admin-point-kpis-v41177{grid-template-columns:1fr!important}}
@keyframes pointSheetInV41177{from{transform:translateY(24px);opacity:.55}to{transform:translateY(0);opacity:1}}

/* =========================================================
   v4.11.79 NARROW WINDOW HEADER POLISH
   - cleaner two-row header for 761~980px desktop/tablet widths
   - balanced utility group, no cramped labels
   - four primary destinations are always readable on row two
   ========================================================= */
@media (min-width:761px) and (max-width:980px){
  body:not(.mobile-app-chat) .topbar{
    height:116px!important;
    min-height:116px!important;
    background:rgba(5,13,19,.975)!important;
    border-bottom:1px solid rgba(76,171,214,.20)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  }
  body:not(.mobile-app-chat) .topbar-inner{
    position:relative!important;
    width:calc(100% - 18px)!important;
    height:116px!important;
    min-height:116px!important;
    margin:0 auto!important;
    padding:8px 0 50px!important;
    gap:6px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body:not(.mobile-app-chat) .mobile-menu{
    display:grid!important;place-items:center!important;
    flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;
    margin:0!important;padding:0!important;border-radius:12px!important;
    border:1px solid rgba(103,177,216,.24)!important;
    background:linear-gradient(180deg,#102331,#0b1822)!important;
    color:#d8edf8!important;font-size:20px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 16px rgba(0,0,0,.18)!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo{
    flex:0 0 104px!important;min-width:104px!important;max-width:104px!important;
    margin:0!important;overflow:hidden!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo img{
    display:block!important;width:100px!important;max-width:100px!important;height:auto!important;object-fit:contain!important;
  }

  body:not(.mobile-app-chat) .rp-language-desktop{display:none!important}
  body:not(.mobile-app-chat) .rp-language-mobile{
    display:inline-flex!important;flex:0 0 54px!important;width:54px!important;height:36px!important;
    margin:0!important;padding:2px!important;border-radius:11px!important;
    border:1px solid rgba(100,174,212,.20)!important;background:#0b1924!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options{
    width:100%!important;height:30px!important;padding:0!important;gap:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options i{display:none!important}
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a{
    width:100%!important;min-width:0!important;height:30px!important;padding:0!important;border-radius:8px!important;
    display:grid!important;place-items:center!important;font-size:8px!important;font-weight:900!important;color:#718899!important;background:transparent!important;
  }
  body:not(.mobile-app-chat) .rp-language-mobile .rp-language-options a.on{
    color:#c9f3ff!important;background:#12364e!important;box-shadow:inset 0 0 0 1px rgba(86,203,255,.25)!important;
  }

  body:not(.mobile-app-chat) .search,
  body:not(.mobile-app-chat) .top-spacer{display:none!important}
  body:not(.mobile-app-chat) .mobile-search-link{
    display:grid!important;place-items:center!important;
    flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;
    margin:0!important;border:1px solid rgba(90,156,191,.20)!important;border-radius:11px!important;
    background:#0b1822!important;color:#bfeaff!important;font-size:18px!important;
  }
  body:not(.mobile-app-chat) .global-online-count{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;
    margin:0!important;padding:0!important;border-radius:999px!important;
    border:1px solid rgba(87,208,133,.22)!important;background:#0d211a!important;
  }
  body:not(.mobile-app-chat) .global-online-count span{display:none!important}
  body:not(.mobile-app-chat) .global-online-count i{width:6px!important;height:6px!important;margin:0 3px 0 0!important}
  body:not(.mobile-app-chat) .global-online-count b{font-size:8px!important;color:#a9f6c7!important}

  /* Put utility actions in one visually grouped capsule. */
  body:not(.mobile-app-chat) .auth-area{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:0 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important;
    height:42px!important;margin-left:auto!important;padding:3px!important;gap:3px!important;
    overflow:visible!important;border:1px solid rgba(80,140,172,.14)!important;border-radius:13px!important;
    background:rgba(9,22,30,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-admin-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:34px!important;min-height:34px!important;
    padding:0!important;border-radius:9px!important;font-size:8px!important;font-weight:950!important;white-space:nowrap!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
    margin:0!important;border-radius:9px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-width:56px!important;max-width:64px!important;height:34px!important;min-height:34px!important;
    padding:0 6px!important;gap:4px!important;border-radius:9px!important;overflow:hidden!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 span{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 img{width:13px!important;height:13px!important;flex:0 0 13px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 b{font-size:9.5px!important;white-space:nowrap!important}
  body:not(.mobile-app-chat) .auth-area .top-mini-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
    padding:0!important;border-radius:9px!important;font-size:11px!important;background:#0d1d27!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-mini-link>span{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-login{display:none!important}
  body:not(.mobile-app-chat) .auth-area .avatar{
    display:grid!important;place-items:center!important;
    flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    border-radius:10px!important;overflow:hidden!important;
  }

  /* Second row: four primary destinations, equal and easy to scan. */
  body:not(.mobile-app-chat) .topnav{
    position:absolute!important;left:0!important;right:0!important;bottom:7px!important;
    height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;
    display:grid!important;grid-template-columns:.82fr 1.08fr 1fr 1.38fr!important;gap:7px!important;
    align-items:stretch!important;overflow:visible!important;
  }
  body:not(.mobile-app-chat) .topnav>a{display:none!important;margin:0!important}
  body:not(.mobile-app-chat) .topnav>a:nth-child(1),
  body:not(.mobile-app-chat) .topnav>a:nth-child(2),
  body:not(.mobile-app-chat) .topnav>a.topnav-points-v41141,
  body:not(.mobile-app-chat) .topnav>a.game-finder-link{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;
    padding:0 8px!important;border-radius:10px!important;
    border:1px solid rgba(72,131,162,.20)!important;
    background:linear-gradient(180deg,rgba(15,33,45,.92),rgba(10,24,33,.92))!important;
    color:#a9bfcc!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  body:not(.mobile-app-chat) .topnav>a.active,
  body:not(.mobile-app-chat) .topnav>a:hover{
    color:#eaf8ff!important;border-color:rgba(82,192,237,.34)!important;background:linear-gradient(180deg,#123349,#0d2737)!important;
  }
  body:not(.mobile-app-chat) .topnav>a.topnav-points-v41141{
    color:#c5f5ff!important;border-color:rgba(67,210,255,.38)!important;
    background:linear-gradient(135deg,rgba(12,96,137,.54),rgba(52,65,153,.48))!important;
  }
  body:not(.mobile-app-chat) .topnav>a.game-finder-link{
    color:#fff!important;border-color:rgba(92,189,255,.44)!important;
    background:linear-gradient(110deg,#11668f,#315ec6 58%,#6946c6)!important;
    box-shadow:0 7px 18px rgba(48,104,194,.16),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}

@media (min-width:761px) and (max-width:840px){
  body:not(.mobile-app-chat) .topbar-inner{width:calc(100% - 12px)!important;gap:4px!important}
  body:not(.mobile-app-chat) .brand.brand-logo{flex-basis:92px!important;min-width:92px!important;max-width:92px!important}
  body:not(.mobile-app-chat) .brand.brand-logo img{width:88px!important;max-width:88px!important}
  body:not(.mobile-app-chat) .rp-language-mobile{flex-basis:50px!important;width:50px!important}
  body:not(.mobile-app-chat) .mobile-search-link{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important}
  body:not(.mobile-app-chat) .global-online-count{display:none!important}
  body:not(.mobile-app-chat) .auth-area{gap:2px!important;padding:2px!important}
  body:not(.mobile-app-chat) .auth-area .top-admin-link{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;font-size:7.5px!important}
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn,
  body:not(.mobile-app-chat) .auth-area .avatar{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{min-width:50px!important;max-width:56px!important;height:32px!important;min-height:32px!important;padding:0 5px!important}
  body:not(.mobile-app-chat) .auth-area .top-mini-link{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}
  body:not(.mobile-app-chat) .topnav{grid-template-columns:.76fr 1.02fr .92fr 1.30fr!important;gap:5px!important}
  body:not(.mobile-app-chat) .topnav>a:nth-child(1),
  body:not(.mobile-app-chat) .topnav>a:nth-child(2),
  body:not(.mobile-app-chat) .topnav>a.topnav-points-v41141,
  body:not(.mobile-app-chat) .topnav>a.game-finder-link{font-size:9.3px!important;padding:0 5px!important}
}

/* v4.11.80 Pang Bucks gift-card fulfillment */
.point-gift-flow-v41180{display:grid;gap:8px;margin-top:14px;padding:14px;border:1px solid rgba(83,191,235,.22);border-radius:14px;background:#071522}.point-gift-flow-v41180>b{color:#61dcff;font-size:10px;letter-spacing:.04em}.point-gift-flow-v41180>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.point-gift-flow-v41180>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#12334a;color:#6fe3ff;font-size:11px;font-weight:1000}.point-gift-flow-v41180 p{margin:0;display:grid;gap:2px}.point-gift-flow-v41180 strong{color:#fff;font-size:11px}.point-gift-flow-v41180 small{color:#839dab;font-size:9px;line-height:1.4}
.admin-gift-requests-v41180{margin-bottom:22px}.admin-gift-order-list-v41180{display:grid;gap:11px}.admin-gift-order-v41180{padding:15px;border:1px solid rgba(82,148,183,.22);border-radius:16px;background:linear-gradient(180deg,#0b1b29,#091722);box-shadow:0 12px 30px rgba(0,0,0,.12)}.admin-gift-order-v41180.is-received{border-color:rgba(83,210,255,.42);box-shadow:inset 3px 0 0 #54d9ff,0 12px 30px rgba(0,0,0,.12)}.admin-gift-order-v41180.is-completed{border-color:rgba(82,210,145,.28);box-shadow:inset 3px 0 0 #55d595,0 12px 30px rgba(0,0,0,.12)}.admin-gift-order-head-v41180{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-gift-order-head-v41180>div{min-width:0}.admin-gift-order-head-v41180 span{display:block;color:#728fa2;font-size:8px;font-weight:900}.admin-gift-order-head-v41180 b{display:block;margin-top:3px;color:#fff;font-size:14px}.admin-gift-order-head-v41180 small{display:block;margin-top:3px;color:#698294;font-size:9px}.admin-gift-status-v41180{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:9px;font-style:normal;font-weight:1000}.admin-gift-status-v41180.pending{background:rgba(59,190,239,.14);border:1px solid rgba(79,210,255,.28);color:#72e1ff}.admin-gift-status-v41180.completed{background:rgba(60,194,125,.13);border:1px solid rgba(84,216,151,.28);color:#7ce4ad}.admin-gift-status-v41180.terminal{background:rgba(127,139,149,.1);border:1px solid rgba(127,139,149,.2);color:#8c9aa5}.admin-gift-order-metrics-v41180{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.admin-gift-order-metrics-v41180>div{padding:11px;border:1px solid rgba(83,145,177,.16);border-radius:12px;background:#081521}.admin-gift-order-metrics-v41180 span{display:block;color:#718a9b;font-size:8px}.admin-gift-order-metrics-v41180 b{display:block;margin-top:4px;color:#fff;font-size:16px}.admin-gift-order-metrics-v41180 b small{color:#65dfff;font-size:8px}.admin-gift-order-actions-v41180{display:grid;grid-template-columns:150px minmax(220px,1fr) minmax(180px,.8fr) auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid rgba(89,149,180,.13)}.admin-gift-order-actions-v41180 label{display:grid;gap:5px}.admin-gift-order-actions-v41180 label>span{color:#7994a7;font-size:8px;font-weight:900}.admin-gift-order-actions-v41180 select,.admin-gift-order-actions-v41180 input{width:100%;height:40px;padding:0 10px;border:1px solid #29465d;border-radius:10px;background:#06131f;color:#fff;font-size:10px;outline:none}.admin-gift-order-actions-v41180 input:focus,.admin-gift-order-actions-v41180 select:focus{border-color:#55d9ff;box-shadow:0 0 0 3px rgba(85,217,255,.08)}.admin-gift-order-actions-v41180>.btn{height:40px;white-space:nowrap}.admin-gift-sent-v41180{grid-column:2/4;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(82,210,145,.2);border-radius:10px;background:rgba(46,147,98,.08)}.admin-gift-sent-v41180 b{color:#7ce4ad;font-size:10px}.admin-gift-sent-v41180 span{color:#6f8a7c;font-size:8px}.admin-gift-order-terminal-v41180{margin-top:12px;padding:10px;border-radius:10px;background:rgba(117,128,137,.08);color:#788993;font-size:9px}.admin-reward-finance-v41180{padding-top:18px;border-top:1px solid rgba(84,145,178,.14)}
@media(max-width:900px){.admin-gift-order-actions-v41180{grid-template-columns:1fr 1fr}.admin-gift-code-field-v41180,.admin-gift-note-field-v41180{grid-column:auto}.admin-gift-order-actions-v41180>.btn{grid-column:1/-1}.admin-gift-sent-v41180{grid-column:1/-1}}
@media(max-width:620px){.admin-gift-order-v41180{padding:12px;border-radius:14px}.admin-gift-order-metrics-v41180{grid-template-columns:1fr 1fr}.admin-gift-order-metrics-v41180>div:first-child{grid-column:1/-1}.admin-gift-order-metrics-v41180 b{font-size:15px}.admin-gift-order-actions-v41180{grid-template-columns:1fr}.admin-gift-code-field-v41180,.admin-gift-note-field-v41180,.admin-gift-order-actions-v41180>.btn{grid-column:1}.admin-gift-order-actions-v41180 select,.admin-gift-order-actions-v41180 input,.admin-gift-order-actions-v41180>.btn{height:44px;font-size:12px}.admin-gift-sent-v41180{grid-column:1;align-items:flex-start;flex-direction:column}.point-gift-flow-v41180{padding:12px}}


/* === v4.11.81 email verification === */
.signup-email-verify-v41181{display:flex;align-items:flex-start;gap:11px;margin:-2px 0 17px;padding:12px 13px;border:1px solid #28566c;border-radius:12px;background:linear-gradient(135deg,rgba(39,151,201,.13),rgba(25,80,108,.08));color:#dff6ff}
.signup-email-verify-v41181>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#15384a;color:#76ddff;font-size:15px}.signup-email-verify-v41181 b{display:block;font-size:11px;color:#e9faff}.signup-email-verify-v41181 small{display:block;margin-top:4px;color:#8fa8b5;font-size:9.5px;line-height:1.55}
.email-verify-notice-v41181{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;margin:0 0 15px;padding:14px;border:1px solid #2c6076;border-radius:13px;background:linear-gradient(145deg,#102633,#0e1c25)}.email-verify-notice-v41181[hidden]{display:none!important}.email-verify-icon-v41181{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#153c50;color:#74e0ff;font-size:18px}.email-verify-copy-v41181{min-width:0}.email-verify-copy-v41181 b{display:block;color:#ecfaff;font-size:12px}.email-verify-copy-v41181 p{margin:4px 0 0;color:#91a9b6;font-size:9.5px;line-height:1.55}.email-verify-copy-v41181 strong{display:block;margin-top:6px;color:#73d9fb;font-size:9.5px;overflow-wrap:anywhere}.email-verify-actions-v41181{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.email-verify-actions-v41181 button{min-height:38px;border:1px solid #36748e;border-radius:9px;background:#146287;color:#eafaff;font-size:10px;font-weight:900;cursor:pointer}.email-verify-actions-v41181 button.secondary{background:#111b22;color:#b9cbd4;border-color:#2c3d47}.email-verify-notice-v41181.success{border-color:#2c7054;background:linear-gradient(145deg,#102a21,#101d1a)}.email-verify-notice-v41181.success .email-verify-icon-v41181{background:#174734;color:#8ef0bd}.email-verify-notice-v41181.error{border-color:#75463e;background:linear-gradient(145deg,#2a1715,#1b1414)}.email-verify-notice-v41181.error .email-verify-icon-v41181{background:#542620;color:#ffb2a7}
@media(max-width:560px){.signup-email-verify-v41181{padding:11px;margin-bottom:14px}.email-verify-notice-v41181{grid-template-columns:36px minmax(0,1fr);padding:12px}.email-verify-icon-v41181{width:36px;height:36px;border-radius:10px}.email-verify-actions-v41181{grid-template-columns:1fr}.email-verify-actions-v41181 button{min-height:41px}}


/* === v4.11.82 inline signup email OTP === */
.signup-email-field-v41182{position:relative}
.signup-email-row-v41182{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px;align-items:stretch}
.auth-card .signup-email-row-v41182 input{min-width:0}
.auth-card .signup-email-action-v41182{width:100%;min-height:44px;margin:0;padding:0 10px;border:1px solid #2a7898;border-radius:10px;background:linear-gradient(135deg,#14698e,#105471);color:#ecfbff;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}
.auth-card .signup-email-action-v41182:hover:not(:disabled){filter:brightness(1.08)}
.auth-card .signup-email-action-v41182:disabled{cursor:not-allowed;opacity:.62;filter:none}
.signup-otp-wrap-v41182{margin-top:9px;padding:10px;border:1px solid #244e61;border-radius:11px;background:rgba(11,35,46,.72)}
.signup-otp-wrap-v41182[hidden]{display:none!important}
.signup-email-status-v41182{margin-top:7px;color:#8fa7b5;font-size:9px;line-height:1.45}
.signup-email-status-v41182.is-success{color:#79e8b0;font-weight:800}
.signup-email-status-v41182.is-error{color:#ffaaa0;font-weight:800}
#signupSubmitBtnV41182:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.55)}
@media(max-width:520px){.signup-email-row-v41182{grid-template-columns:minmax(0,1fr) 104px;gap:6px}.auth-card .signup-email-action-v41182{padding:0 7px;font-size:9px}}


/* === v4.11.83 ADEN offerwall === */
.point-aden-v41183{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:20px;margin:18px 0;padding:20px;border:1px solid rgba(61,179,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(15,38,56,.96),rgba(12,25,37,.94));box-shadow:0 14px 32px rgba(0,0,0,.14)}
.point-aden-brand-v41183{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-right:18px;border-right:1px solid rgba(111,176,211,.18)}
.point-aden-logo-v41183{font-size:28px;font-weight:1000;letter-spacing:-1.4px;color:#f5fbff}
.point-aden-brand-v41183>span:last-child{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#58d6ff}
.point-aden-copy-v41183 small{display:block;margin-bottom:5px;color:#5dd9ff;font-size:9px;font-weight:900;letter-spacing:1.1px}
.point-aden-copy-v41183 h3{margin:0;color:#f4fbff;font-size:19px;line-height:1.3}
.point-aden-copy-v41183 p{margin:7px 0 11px;color:#9fb4c1;font-size:11px;line-height:1.65}
.point-aden-tags-v41183{display:flex;flex-wrap:wrap;gap:6px}
.point-aden-tags-v41183 span{padding:5px 8px;border:1px solid rgba(74,182,224,.2);border-radius:999px;background:rgba(35,95,120,.2);color:#bdeeff;font-size:9px;font-weight:800}
.point-aden-actions-v41183{display:flex;min-width:168px;flex-direction:column;align-items:stretch;gap:8px}
.point-aden-actions-v41183 .btn{min-height:44px;white-space:nowrap}
.point-aden-actions-v41183 small{max-width:180px;color:#78909e;font-size:8.5px;line-height:1.45;text-align:center}
@media(max-width:820px){.point-aden-v41183{grid-template-columns:1fr;gap:13px;padding:16px}.point-aden-brand-v41183{padding:0 0 12px;border-right:0;border-bottom:1px solid rgba(111,176,211,.18)}.point-aden-actions-v41183{min-width:0}.point-aden-actions-v41183 small{max-width:none}.point-aden-copy-v41183 h3{font-size:17px}}

/* === v4.11.94 Creator Hub === */
.creator-hub-v41194,.creator-profile-page-v41194{width:min(1180px,calc(100% - 28px));margin:26px auto 70px}
.creator-hub-hero-v41194{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:stretch;gap:30px;padding:44px;border:1px solid rgba(112,193,255,.18);border-radius:26px;background:radial-gradient(circle at 82% 20%,rgba(76,143,255,.22),transparent 34%),linear-gradient(145deg,rgba(15,28,40,.96),rgba(8,14,20,.98));box-shadow:0 22px 70px rgba(0,0,0,.24)}
.creator-hub-hero-v41194>div:first-child{max-width:720px;position:relative;z-index:2}
.creator-hub-hero-v41194>div>span,.creator-hub-title-v41194 span,.creator-profile-copy-v41194>span,.creator-profile-about-v41194>div>span,.creator-profile-section-title-v41194 span{display:block;color:#6cc7ff;font-size:11px;font-weight:900;letter-spacing:.16em}
.creator-hub-hero-v41194 h1{margin:10px 0 14px;font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.045em}
.creator-hub-hero-v41194 h1 strong{color:#8bd8ff}
.creator-hub-hero-v41194 p{margin:0;max-width:670px;color:#a9beca;font-size:15px;line-height:1.75}
.creator-hub-actions-v41194{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.creator-hub-mark-v41194{min-width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-left:1px solid rgba(255,255,255,.08)}
.creator-hub-mark-v41194 img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25))}
.creator-hub-mark-v41194 b{text-align:center;color:#d8edf8;font-size:17px;line-height:1.05;letter-spacing:.18em}
.creator-hub-section-v41194{margin-top:22px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(10,17,24,.72)}
.creator-hub-title-v41194{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.creator-hub-title-v41194 h2,.creator-profile-about-v41194 h2,.creator-profile-section-title-v41194 h2{margin:5px 0 0;font-size:24px;letter-spacing:-.025em}
.creator-hub-title-v41194 p{margin:5px 0 0;color:#78909d;font-size:12px}
.creator-hub-title-v41194>b{font-size:13px;color:#9ec8dc;border:1px solid rgba(112,193,255,.18);border-radius:999px;padding:8px 12px;background:rgba(60,131,177,.08)}
.creator-directory-grid-v41194{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.creator-directory-card-v41194{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:linear-gradient(180deg,rgba(17,27,36,.92),rgba(10,16,22,.96));transition:transform .18s ease,border-color .18s ease}
.creator-directory-card-v41194:hover{transform:translateY(-3px);border-color:rgba(102,201,255,.30)}
.creator-directory-cover-v41194{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,rgba(35,74,100,.5),rgba(13,24,33,.9))}
.creator-directory-cover-v41194>img{width:100%;height:100%;object-fit:cover;display:block}
.creator-directory-cover-v41194>span{width:100%;height:100%;display:grid;place-items:center}
.creator-directory-cover-v41194>i{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,12,16,.78))}
.creator-directory-avatar-v41194{width:100px!important;height:100px!important;font-size:27px!important}
.creator-directory-body-v41194{padding:16px}
.creator-directory-name-v41194{display:flex;align-items:center;gap:10px}
.creator-directory-name-v41194>span{flex:0 0 auto}
.creator-directory-mini-avatar-v41194{width:42px!important;height:42px!important}
.creator-directory-name-v41194 small{display:block;color:#61bdf1;font-size:9px;font-weight:900;letter-spacing:.12em}
.creator-directory-name-v41194 h2{margin:2px 0 0;font-size:17px;line-height:1.2}
.creator-directory-tagline-v41194{min-height:42px;margin:12px 0;color:#a8bbc5;font-size:12px;line-height:1.65}
.creator-directory-meta-v41194{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.creator-directory-meta-v41194 span{padding:5px 8px;border-radius:999px;background:rgba(101,190,235,.08);color:#7fb8d4;font-size:9px;font-weight:800}
.creator-directory-social-v41194,.creator-profile-social-v41194{display:flex;gap:7px;flex-wrap:wrap}
.creator-directory-social-v41194 a,.creator-profile-social-v41194 a{padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#c9d8df;font-size:10px;font-weight:800;text-decoration:none}
.creator-directory-more-v41194{display:block;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:#76cdf9;font-size:11px;font-weight:900;text-decoration:none}
.creator-directory-empty-v41194,.creator-profile-empty-v41194{grid-column:1/-1;padding:40px 18px;text-align:center;border:1px dashed rgba(255,255,255,.11);border-radius:16px;color:#8197a3}
.creator-directory-empty-v41194 b{display:block;color:#c8d8df;font-size:15px}.creator-directory-empty-v41194 p{margin:7px 0 0;font-size:12px}
.creator-profile-back-v41194{margin-bottom:12px}.creator-profile-back-v41194 a{color:#8fa8b5;font-size:12px;font-weight:800;text-decoration:none}
.creator-profile-hero-v41194{position:relative;display:flex;align-items:center;gap:22px;padding:30px;border:1px solid rgba(108,199,255,.20);border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(83,152,255,.19),transparent 30%),rgba(10,18,25,.94)}
.creator-profile-avatar-v41194{flex:0 0 auto}.creator-profile-avatar-img-v41194{width:116px!important;height:116px!important;font-size:32px!important;border:3px solid rgba(111,203,255,.22)}
.creator-profile-copy-v41194{min-width:0;flex:1}.creator-profile-copy-v41194 h1{margin:6px 0 6px;font-size:clamp(30px,5vw,50px);letter-spacing:-.04em}
.creator-profile-tagline-v41194{margin:0 0 14px;color:#a8bdc8;font-size:14px;line-height:1.6}
.creator-profile-community-v41194{align-self:flex-start;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#a9c8d7;text-decoration:none;font-size:11px;font-weight:900}
.creator-profile-about-v41194{display:grid;grid-template-columns:250px 1fr;gap:28px;margin-top:16px;padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(10,17,23,.80)}
.creator-profile-about-v41194 p{margin:0;color:#adc0ca;line-height:1.85;font-size:13px}
.creator-profile-videos-v41194{margin-top:16px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(10,17,23,.80)}
.creator-profile-section-title-v41194{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.creator-profile-section-title-v41194>b{color:#6ec7f3;font-size:12px}
.creator-video-grid-v41194{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.creator-video-card-v41194{display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(17,27,35,.72);text-decoration:none;color:inherit}
.creator-video-thumb-v41194{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1117;display:grid;place-items:center}
.creator-video-thumb-v41194 img{width:100%;height:100%;object-fit:cover}.creator-video-thumb-v41194>i{font-size:30px;color:#7cbfdf}.creator-video-thumb-v41194>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.68);color:white;font-size:15px}
.creator-video-copy-v41194{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:14px}.creator-video-copy-v41194 small{color:#66c1ee;font-size:8px;font-weight:900;letter-spacing:.12em}.creator-video-copy-v41194 strong{margin-top:5px;font-size:13px;line-height:1.45}.creator-video-copy-v41194 em{margin-top:8px;color:#819aa7;font-size:10px;font-style:normal;font-weight:800}
/* Admin creator editor */
.creator-admin-guide-v41194{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(103,196,255,.15);border-radius:12px;background:rgba(56,121,163,.07)}.creator-admin-guide-v41194 b{font-size:12px}.creator-admin-guide-v41194 span{color:#7f98a5;font-size:11px}
.creator-admin-list-v41194{display:grid;gap:10px}.creator-admin-card-v41194{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(10,17,23,.68);overflow:hidden}.creator-admin-card-v41194>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 14px;list-style:none}.creator-admin-card-v41194>summary::-webkit-details-marker{display:none}.creator-admin-card-v41194>summary>div{min-width:0;flex:1}.creator-admin-card-v41194>summary b,.creator-admin-card-v41194>summary small{display:block}.creator-admin-card-v41194>summary small{margin-top:2px;color:#78909d;font-size:10px}.creator-admin-card-v41194>summary em{font-style:normal;font-size:9px;font-weight:900;color:#6cc9f7}
.creator-admin-avatar-v41194{width:39px!important;height:39px!important}.creator-admin-form-v41194{padding:0 14px 15px;border-top:1px solid rgba(255,255,255,.06)}.creator-admin-form-v41194 label{display:block;margin-top:12px}.creator-admin-form-v41194 label>span{display:block;margin-bottom:5px;color:#8fa5b0;font-size:10px;font-weight:800}.creator-admin-form-v41194 input,.creator-admin-form-v41194 textarea{width:100%;box-sizing:border-box}.creator-admin-two-v41194,.creator-admin-three-v41194{display:grid;gap:10px}.creator-admin-two-v41194{grid-template-columns:1fr 150px}.creator-admin-three-v41194{grid-template-columns:repeat(3,minmax(0,1fr))}
.creator-admin-videos-v41194{margin-top:15px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.015)}.creator-admin-videos-v41194>div:first-child{display:flex;align-items:center;justify-content:space-between}.creator-admin-videos-v41194>div:first-child small{color:#78909d;font-size:9px}.creator-admin-video-row-v41194{display:grid!important;grid-template-columns:28px .8fr 1.6fr;gap:7px;align-items:center;margin-top:7px}.creator-admin-video-row-v41194>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(99,190,238,.09);font-size:10px;font-weight:900}
.creator-admin-publish-v41194{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.creator-admin-publish-v41194>label{display:flex;align-items:center;gap:7px;margin:0}.creator-admin-publish-v41194>label input{width:auto}.creator-admin-publish-v41194>label span{margin:0}.creator-admin-publish-v41194>div{display:flex;gap:7px}.creator-admin-empty-v41194{padding:35px;text-align:center;border:1px dashed rgba(255,255,255,.10);border-radius:14px;color:#8297a2}.creator-admin-empty-v41194 b{display:block;color:#c5d6df}.creator-admin-empty-v41194 p{margin:6px 0 0;font-size:11px}
@media(max-width:900px){.creator-directory-grid-v41194{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-hub-mark-v41194{display:none}.creator-profile-about-v41194{grid-template-columns:1fr}.creator-video-grid-v41194{grid-template-columns:1fr}}
@media(max-width:620px){.creator-hub-v41194,.creator-profile-page-v41194{width:min(100% - 16px,1180px);margin-top:12px}.creator-hub-hero-v41194{padding:26px 20px;border-radius:19px}.creator-hub-hero-v41194 h1{font-size:36px}.creator-hub-section-v41194,.creator-profile-videos-v41194{padding:16px}.creator-directory-grid-v41194{grid-template-columns:1fr}.creator-profile-hero-v41194{align-items:flex-start;padding:20px;flex-wrap:wrap}.creator-profile-avatar-img-v41194{width:86px!important;height:86px!important}.creator-profile-community-v41194{width:100%;text-align:center}.creator-profile-about-v41194{padding:18px}.creator-video-card-v41194{grid-template-columns:128px minmax(0,1fr)}.creator-admin-two-v41194,.creator-admin-three-v41194{grid-template-columns:1fr}.creator-admin-video-row-v41194{grid-template-columns:25px 1fr}.creator-admin-video-row-v41194 input:last-child{grid-column:2}.creator-admin-publish-v41194{align-items:flex-start;flex-direction:column}.creator-admin-guide-v41194{flex-direction:column}}


/* === v4.11.95 Home Creator Partners === */
.home-creators-v41195{margin:0 0 12px;padding:16px 17px!important;border-color:rgba(93,183,234,.22)!important;background:linear-gradient(145deg,rgba(10,27,42,.96),rgba(11,20,31,.96))!important;overflow:hidden}
.home-creators-head-v41195{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.home-creators-head-v41195 small{display:block;color:#68d6ff;font-size:8px;font-weight:1000;letter-spacing:.14em}
.home-creators-head-v41195 h2{margin:3px 0 0;color:#f4fbff;font-size:19px;letter-spacing:-.035em}
.home-creators-head-v41195 p{margin:3px 0 0;color:#8299a6;font-size:10px}
.home-creators-head-actions-v41195{display:flex;align-items:center;gap:8px;white-space:nowrap}
.home-creators-head-actions-v41195 span{padding:5px 8px;border-radius:999px;background:rgba(83,185,235,.09);color:#82cce9;font-size:9px;font-weight:900}
.home-creators-head-actions-v41195 a{color:#cfefff!important;font-size:10px;font-weight:900;text-decoration:none}
.home-creators-track-v41195{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-creator-card-v41195{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;transition:.16s}
.home-creator-card-v41195:hover{transform:translateY(-2px);border-color:rgba(103,204,255,.25);background:rgba(88,176,222,.055)}
.home-creator-media-v41195{position:relative;width:74px;height:54px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#12344b,#111d29)}
.home-creator-media-v41195>img{width:100%;height:100%;object-fit:cover;display:block}
.home-creator-media-v41195>i{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:rgba(3,11,17,.75);color:#c8efff;font-size:6px;font-style:normal;font-weight:1000;letter-spacing:.08em}
.home-creator-avatar-v41195{width:100%;height:100%;display:grid;place-items:center}
.creator-home-avatar-v41195{width:38px!important;height:38px!important;font-size:12px!important}
.home-creator-copy-v41195{min-width:0}.home-creator-copy-v41195 small{display:block;color:#58bee8;font-size:6px;font-weight:1000;letter-spacing:.1em}.home-creator-copy-v41195 b{display:block;margin-top:2px;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-creator-copy-v41195 em{display:block;margin-top:3px;color:#8fa6b1;font-size:8px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-creator-card-v41195>strong{color:#6ed3ff;font-size:15px}
.home-creator-empty-v41195{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed rgba(106,190,232,.18);border-radius:12px;background:rgba(75,156,201,.025);text-decoration:none;color:inherit}
.home-creator-empty-v41195>span{font-size:22px}.home-creator-empty-v41195>div{min-width:0;flex:1}.home-creator-empty-v41195 b,.home-creator-empty-v41195 small{display:block}.home-creator-empty-v41195 b{color:#dcecf4;font-size:11px}.home-creator-empty-v41195 small{margin-top:2px;color:#7d949f;font-size:9px}.home-creator-empty-v41195 em{color:#73caef;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
@media(max-width:980px){.home-creators-track-v41195{grid-template-columns:repeat(2,minmax(0,1fr))}.home-creator-card-v41195:nth-child(n+5){display:none}}
@media(max-width:620px){.home-creators-v41195{padding:14px!important}.home-creators-head-v41195{align-items:flex-start}.home-creators-head-v41195 p{display:none}.home-creators-track-v41195{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px}.home-creator-card-v41195{flex:0 0 min(84vw,310px);scroll-snap-align:start}.home-creator-card-v41195:nth-child(n){display:grid}.home-creator-empty-v41195{flex:0 0 100%}.home-creators-head-actions-v41195 span{display:none}}


/* === v4.11.95 external creator partners === */
.home-creator-loading-v41195{display:flex!important;align-items:center;justify-content:center;min-height:104px}
.home-creator-name-row-v41195{display:flex;align-items:center;gap:8px;min-width:0;margin-top:5px}
.home-creator-name-row-v41195>b{min-width:0;color:#fff;font-size:17px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-creator-avatar-v41195{flex:0 0 auto;width:24px;height:24px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#31ccef,#6b66ff);color:#071724;font-size:10px;font-weight:1000}
.home-creator-avatar-v41195 img{width:100%;height:100%;object-fit:cover}
.home-creator-media-fallback-v41195{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#16334d,#252a62);font-size:34px;font-weight:1000;color:#9deaff}
.admin-partner-manager-v41195{margin:0 0 22px;padding:18px;border:1px solid rgba(83,190,238,.22);border-radius:16px;background:linear-gradient(145deg,rgba(10,29,43,.72),rgba(18,25,54,.72))}
.admin-partner-head-v41195{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-partner-head-v41195 h3{margin:3px 0 4px;font-size:20px}.admin-partner-head-v41195 p{margin:0;color:#8399a6;font-size:11px}
.admin-partner-form-v41195{margin-top:15px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}
.admin-partner-grid-v41195{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-partner-grid-v41195 label{display:block}.admin-partner-grid-v41195 label>span{display:block;margin:0 0 5px;color:#8fa5b0;font-size:10px;font-weight:800}.admin-partner-grid-v41195 input{width:100%;box-sizing:border-box}
.admin-partner-form-foot-v41195{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.admin-partner-form-foot-v41195>div{display:flex;gap:7px}.admin-partner-toggle-v41195{display:flex;align-items:center;gap:7px;color:#c9e2ec;font-size:11px}.admin-partner-toggle-v41195 input{width:auto}
.admin-partner-list-v41195{display:grid;gap:9px;margin-top:14px}.admin-partner-row-v41195{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(7,15,24,.45)}
.admin-partner-thumb-v41195{width:52px;height:52px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#15364e,#34326e);font-weight:1000}.admin-partner-thumb-v41195 img{width:100%;height:100%;object-fit:cover}
.admin-partner-copy-v41195{min-width:0}.admin-partner-copy-v41195>b{display:block;color:#f3f8fb;font-size:14px}.admin-partner-copy-v41195>span{display:block;margin-top:3px;color:#8ca0ad;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-partner-copy-v41195>small{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;background:rgba(65,185,230,.10);color:#79dfff;font-size:8px;font-weight:900}.admin-partner-copy-v41195>small.off{background:rgba(255,255,255,.05);color:#7f8d96}
.admin-partner-actions-v41195{display:flex;gap:6px}.admin-partner-actions-v41195 .btn{padding:0 9px;min-height:32px}.admin-member-creators-v41195{padding-top:4px}.admin-partner-subhead-v41195{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}.admin-partner-subhead-v41195 b{font-size:14px}.admin-partner-subhead-v41195 span{color:#7e929f;font-size:10px}
@media(max-width:700px){.admin-partner-grid-v41195{grid-template-columns:1fr}.admin-partner-head-v41195,.admin-partner-form-foot-v41195{align-items:flex-start;flex-direction:column}.admin-partner-row-v41195{grid-template-columns:44px minmax(0,1fr)}.admin-partner-thumb-v41195{width:44px;height:44px}.admin-partner-actions-v41195{grid-column:1/-1;width:100%}.admin-partner-actions-v41195 .btn{flex:1}.home-creator-name-row-v41195>b{font-size:15px}}

.creator-directory-partner-v41195{border-color:rgba(85,198,241,.22)}
.creator-partner-dir-avatar-v41195{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#31ccef,#6b66ff);color:#071724;font-size:13px;font-weight:1000;flex:0 0 auto}
.creator-partner-dir-avatar-v41195 img{width:100%;height:100%;object-fit:cover}
.creator-partner-dir-avatar-v41195.large{width:100%;height:100%;border-radius:0;font-size:42px}
.creator-partner-dir-avatar-v41195.large img{width:100%;height:100%;object-fit:cover}

/* === v4.11.97 creator partner image upload === */
.admin-partner-image-field-v41197{display:block}.admin-partner-image-field-v41197>span{display:block;margin:0 0 5px;color:#8fa5b0;font-size:10px;font-weight:800}
.admin-partner-image-uploader-v41197{display:flex;align-items:center;gap:12px;min-height:92px;padding:10px;border:1px dashed rgba(112,202,240,.23);border-radius:12px;background:rgba(6,18,28,.42)}
.admin-partner-image-preview-v41197{position:relative;flex:0 0 76px;width:76px;height:76px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#15384f,#34336f);color:#8ba4b2;font-size:9px;font-weight:900;text-align:center}
.admin-partner-image-preview-v41197 img{width:100%;height:100%;object-fit:cover}.admin-partner-image-preview-v41197.is-uploading:after{content:"";position:absolute;inset:0;background:rgba(4,12,20,.65)}
.admin-partner-image-preview-v41197.is-uploading:before{content:"";position:absolute;z-index:2;left:50%;top:50%;width:22px;height:22px;margin:-11px;border:2px solid rgba(255,255,255,.25);border-top-color:#79dcff;border-radius:50%;animation:spin .7s linear infinite}
.admin-partner-image-controls-v41197{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.admin-partner-file-btn-v41197{cursor:pointer}.admin-partner-image-controls-v41197 small{flex-basis:100%;color:#738a98;font-size:9px}.admin-partner-image-controls-v41197 strong{flex-basis:100%;color:#78dfff;font-size:9px}.admin-partner-image-controls-v41197 strong.is-error{color:#ff9a9a}
@media(max-width:700px){.admin-partner-image-uploader-v41197{align-items:flex-start}.admin-partner-image-preview-v41197{width:68px;height:68px;flex-basis:68px}.admin-partner-image-controls-v41197{align-items:flex-start}}

/* === v4.11.98 creator self-service studio === */
.creator-self-studio-v41198{margin:24px 0;padding:20px;border:1px solid rgba(91,194,239,.24);border-radius:18px;background:linear-gradient(145deg,rgba(8,26,39,.86),rgba(18,24,52,.82));box-shadow:0 16px 42px rgba(0,0,0,.14)}
.creator-self-head-v41198{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.creator-self-head-v41198>div:first-child>span{display:block;color:#66dfff;font-size:9px;font-weight:1000;letter-spacing:.16em}.creator-self-head-v41198 h3{margin:4px 0;font-size:21px}.creator-self-head-v41198 p{margin:0;color:#879aa7;font-size:11px}
.creator-self-admin-state-v41198{flex:0 0 auto;min-width:120px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);text-align:right}.creator-self-admin-state-v41198 small,.creator-self-admin-state-v41198 em{display:block;color:#738793;font-size:8px;font-style:normal}.creator-self-admin-state-v41198 b{display:block;margin:2px 0;color:#91e6ff;font-size:12px}
.creator-self-notice-v41198{margin-top:13px;padding:10px 12px;border-radius:11px;background:rgba(73,179,226,.07);color:#9eb1bd;font-size:10px;line-height:1.55}.creator-self-notice-v41198 b{color:#d7f3ff}
.creator-self-basic-v41198{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.creator-self-basic-v41198 label.wide{grid-column:1/-1}.creator-self-studio-v41198 label>span,.creator-platform-links-v41198 label>span{display:block;margin:0 0 5px;color:#91a5b1;font-size:10px;font-weight:800}.creator-self-studio-v41198 input,.creator-self-studio-v41198 textarea,.creator-self-studio-v41198 select{width:100%;box-sizing:border-box}
.creator-self-section-title-v41198{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.creator-self-section-title-v41198 b{font-size:14px}.creator-self-section-title-v41198 small{display:block;margin-top:3px;color:#748a97;font-size:9px}
.creator-platform-picker-v41198{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.creator-platform-picker-v41198 label{position:relative;cursor:pointer}.creator-platform-picker-v41198 input{position:absolute;opacity:0;pointer-events:none}.creator-platform-picker-v41198 label>span{display:flex;flex-direction:column;gap:2px;margin:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);transition:.15s ease}.creator-platform-picker-v41198 label>span b{color:#d6e5ec;font-size:12px}.creator-platform-picker-v41198 label>span small{color:#738995;font-size:9px}.creator-platform-picker-v41198 input:checked+span{border-color:rgba(81,204,250,.52);background:rgba(53,168,222,.11);box-shadow:inset 0 0 0 1px rgba(82,207,255,.07)}.creator-platform-picker-v41198 input:checked+span b{color:#8ae5ff}
.creator-platform-links-v41198{display:grid;gap:9px;margin-top:10px}.creator-platform-links-v41198 label{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(3,12,20,.28)}
.creator-self-content-list-v41198{display:grid;gap:8px;margin-top:10px}.creator-self-content-row-v41198{display:grid;grid-template-columns:30px 140px .9fr 1.5fr;gap:7px;align-items:center}.creator-self-content-row-v41198>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(87,190,232,.09);color:#9bdfff;font-size:10px;font-weight:1000}.creator-self-content-row-v41198 select,.creator-self-content-row-v41198 input{min-width:0}
.creator-self-save-v41198{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.creator-self-save-v41198>span{color:#728894;font-size:9px}
.creator-admin-control-v41198{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}.creator-admin-control-row-v41198{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:12px;align-items:center}.creator-admin-readonly-v41198{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.creator-admin-readonly-v41198 span{padding:3px 7px;border-radius:999px;background:rgba(82,178,219,.08);color:#8ecde8;font-size:8px;font-weight:900}.creator-admin-readonly-v41198 span.off{background:rgba(255,255,255,.04);color:#70818b}.creator-admin-control-v41198 label>span{display:block;margin-bottom:5px;color:#7f949f;font-size:9px}.creator-admin-control-actions-v41198{display:flex;align-items:center;gap:8px}.creator-admin-control-actions-v41198 label{display:flex;align-items:center;gap:6px;color:#a7bac5;font-size:10px}.creator-admin-control-actions-v41198 label input{width:auto}
.creator-platform-fallback-v41198{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#152d42,#252957);color:#a6e8ff;font-weight:1000;font-size:11px;letter-spacing:.08em}
@media(max-width:720px){.creator-self-head-v41198{flex-direction:column}.creator-self-admin-state-v41198{width:100%;box-sizing:border-box;text-align:left}.creator-self-basic-v41198{grid-template-columns:1fr}.creator-platform-picker-v41198{grid-template-columns:1fr}.creator-self-content-row-v41198{grid-template-columns:28px 1fr}.creator-self-content-row-v41198 input{grid-column:2}.creator-self-save-v41198{align-items:flex-start;flex-direction:column}.creator-self-save-v41198 .btn{width:100%}.creator-admin-control-row-v41198{grid-template-columns:1fr}.creator-admin-control-actions-v41198{justify-content:space-between}}


/* === v4.11.99 cinematic creator showcase === */
/* Creator Studio: banner + theme */
.creator-showcase-design-v41199{display:grid;gap:13px;margin:16px 0 4px}
.creator-showcase-banner-editor-v41199{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:14px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(4,13,22,.34)}
.creator-showcase-banner-preview-v41199{position:relative;min-height:126px;overflow:hidden;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(115,91,255,.38),transparent 34%),linear-gradient(135deg,#102336,#191b3e);color:#a8bfd0;font-size:10px;font-weight:1000;letter-spacing:.08em}
.creator-showcase-banner-preview-v41199 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.creator-showcase-banner-preview-v41199>span{position:relative;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(4,10,18,.72)}
.creator-showcase-banner-preview-v41199.is-uploading:after{content:"";position:absolute;inset:0;z-index:3;background:rgba(4,10,18,.68)}
.creator-showcase-banner-preview-v41199.is-uploading:before{content:"";position:absolute;z-index:4;left:50%;top:50%;width:28px;height:28px;margin:-14px;border:2px solid rgba(255,255,255,.22);border-top-color:#a5eeff;border-radius:50%;animation:creatorSpinV41199 .7s linear infinite}
.creator-showcase-banner-controls-v41199>b{display:block;font-size:14px}.creator-showcase-banner-controls-v41199>p{margin:4px 0 10px;color:#7f929e;font-size:10px}.creator-showcase-banner-controls-v41199>div{display:flex;gap:7px;flex-wrap:wrap}.creator-showcase-banner-controls-v41199>small{display:block;margin-top:8px;color:#76909f;font-size:9px}.creator-showcase-banner-controls-v41199>small.is-error{color:#ff9d9d}
.creator-theme-picker-v41199{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(4,13,22,.24)}
.creator-theme-picker-v41199>div:first-child>b{display:block;font-size:14px}.creator-theme-picker-v41199>div:first-child>small{display:block;margin-top:4px;color:#778d99;font-size:9px}
.creator-theme-options-v41199{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.creator-theme-options-v41199 label{position:relative;cursor:pointer}.creator-theme-options-v41199 input{position:absolute;opacity:0;pointer-events:none}.creator-theme-options-v41199 label>span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025);font-size:9px;font-weight:900;color:#9db0bc;transition:.16s ease}.creator-theme-options-v41199 label>span i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.creator-theme-options-v41199 [data-creator-theme="aurora"] i{background:#7ee9d8;color:#7ee9d8}.creator-theme-options-v41199 [data-creator-theme="ocean"] i{background:#5cb8ff;color:#5cb8ff}.creator-theme-options-v41199 [data-creator-theme="neon"] i{background:#b56bff;color:#b56bff}.creator-theme-options-v41199 [data-creator-theme="gold"] i{background:#ffc95e;color:#ffc95e}.creator-theme-options-v41199 [data-creator-theme="rose"] i{background:#ff78ac;color:#ff78ac}.creator-theme-options-v41199 input:checked+span{border-color:rgba(128,218,255,.45);background:rgba(74,172,219,.10);color:#eaf9ff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(115,221,255,.05),0 8px 18px rgba(0,0,0,.12)}
@keyframes creatorSpinV41199{to{transform:rotate(360deg)}}

/* Card links that enter a showcase */
.creator-profile-name-link-v41199,.creator-directory-name-link-v41199{color:inherit!important;text-decoration:none!important}
.creator-directory-cover-v41194{position:relative}
.creator-directory-enter-v41199{position:absolute;right:10px;bottom:9px;z-index:3;padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(5,11,19,.72);backdrop-filter:blur(8px);color:#e8f8ff;font-size:8px;letter-spacing:.07em;opacity:0;transform:translateY(5px);transition:.18s ease}
.creator-directory-cover-v41194:hover .creator-directory-enter-v41199{opacity:1;transform:translateY(0)}

/* Full creator showcase page */
.creator-showcase-body-v41199{background:#060b12}
.creator-showcase-body-v41199 .creator-profile-page-v41194{width:100%;max-width:none;margin:0;padding:0 0 70px}
.creator-showcase-body-v41199 .creator-profile-back-v41194{position:fixed;z-index:140;left:max(18px,calc((100vw - 1400px)/2 + 18px));top:84px}
.creator-showcase-body-v41199 .creator-profile-back-v41194 a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(6,12,20,.64);backdrop-filter:blur(14px);color:#dceaf1;font-size:10px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.22)}
.creator-showcase-body-v41199 #creatorProfileBodyV41194{min-height:70vh;opacity:0;transform:translateY(10px);transition:opacity .34s ease,transform .34s ease}
.creator-showcase-body-v41199 #creatorProfileBodyV41194.is-show-v41199{opacity:1;transform:none}

.creator-showcase-hero-v41199{--cs-accent:#78e8da;--cs-accent2:#846fff;--cs-glow:rgba(99,226,216,.34);position:relative;isolation:isolate;width:min(calc(100% - 28px),1440px);min-height:min(760px,78vh);margin:14px auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:radial-gradient(circle at 74% 18%,var(--cs-glow),transparent 31%),linear-gradient(145deg,#07121d,#0a1019 55%,#0c0d19);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.creator-showcase-hero-v41199.theme-ocean,.creator-showcase-main-v41199.theme-ocean{--cs-accent:#5fc7ff;--cs-accent2:#3e74ff;--cs-glow:rgba(63,165,255,.34)}
.creator-showcase-hero-v41199.theme-neon,.creator-showcase-main-v41199.theme-neon{--cs-accent:#c277ff;--cs-accent2:#5d6cff;--cs-glow:rgba(175,79,255,.33)}
.creator-showcase-hero-v41199.theme-gold,.creator-showcase-main-v41199.theme-gold{--cs-accent:#ffd06a;--cs-accent2:#d28b35;--cs-glow:rgba(255,190,80,.30)}
.creator-showcase-hero-v41199.theme-rose,.creator-showcase-main-v41199.theme-rose{--cs-accent:#ff84b6;--cs-accent2:#a76bff;--cs-glow:rgba(255,100,171,.31)}
.creator-showcase-main-v41199.theme-aurora{--cs-accent:#78e8da;--cs-accent2:#846fff;--cs-glow:rgba(99,226,216,.34)}
.creator-showcase-banner-v41199{position:absolute;z-index:-5;inset:0;background:linear-gradient(120deg,#0b1f2d,#17152f)}
.creator-showcase-banner-v41199:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,15,.93) 0%,rgba(4,10,18,.73) 38%,rgba(4,9,17,.42) 65%,rgba(4,9,17,.72) 100%),linear-gradient(0deg,rgba(4,8,14,.96),transparent 50%)}
.creator-showcase-banner-v41199 img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04);transform:scale(1.09);animation:creatorBannerRevealV41199 1.25s cubic-bezier(.16,.8,.2,1) both}
.creator-showcase-light-v41199{position:absolute;z-index:-3;width:460px;height:460px;border-radius:50%;filter:blur(42px);opacity:.36;background:var(--cs-accent);mix-blend-mode:screen;pointer-events:none}
.creator-showcase-light-v41199.one{right:-130px;top:-170px;animation:creatorFloatOneV41199 7s ease-in-out infinite alternate}
.creator-showcase-light-v41199.two{left:38%;bottom:-340px;background:var(--cs-accent2);opacity:.22;animation:creatorFloatTwoV41199 8s ease-in-out infinite alternate}
.creator-showcase-stars-v41199{position:absolute;z-index:-1;inset:0;pointer-events:none}.creator-showcase-stars-v41199 i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--cs-accent);opacity:.52;animation:creatorTwinkleV41199 2.8s ease-in-out infinite}.creator-showcase-stars-v41199 i:nth-child(1){left:13%;top:23%;animation-delay:.2s}.creator-showcase-stars-v41199 i:nth-child(2){left:29%;top:16%;animation-delay:1.1s}.creator-showcase-stars-v41199 i:nth-child(3){left:67%;top:22%;animation-delay:.6s}.creator-showcase-stars-v41199 i:nth-child(4){left:80%;top:48%;animation-delay:1.8s}.creator-showcase-stars-v41199 i:nth-child(5){left:56%;top:72%;animation-delay:.9s}.creator-showcase-stars-v41199 i:nth-child(6){left:20%;top:76%;animation-delay:2.1s}
.creator-showcase-watermark-v41199{position:absolute;right:-12px;bottom:-58px;z-index:-1;color:rgba(255,255,255,.022);font-size:clamp(100px,18vw,270px);line-height:.8;font-weight:1000;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}
.creator-showcase-hero-inner-v41199{position:absolute;left:clamp(26px,5vw,74px);right:clamp(26px,5vw,74px);bottom:clamp(38px,7vh,72px);z-index:4;max-width:980px}
.creator-showcase-eyebrow-v41199{display:flex;align-items:center;gap:9px;margin-bottom:20px;opacity:0;transform:translateY(15px);animation:creatorHeroRiseV41199 .7s .14s ease forwards}.creator-showcase-eyebrow-v41199 i{width:28px;height:1px;background:var(--cs-accent);box-shadow:0 0 12px var(--cs-accent)}.creator-showcase-eyebrow-v41199 span{color:var(--cs-accent);font-size:10px;font-weight:1000;letter-spacing:.19em}.creator-showcase-eyebrow-v41199 b{padding:3px 7px;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:#8798a5;font-size:7px;letter-spacing:.08em}
.creator-showcase-identity-v41199{display:flex;align-items:center;gap:24px}.creator-showcase-avatar-v41199{position:relative;flex:0 0 118px;width:118px;height:118px;border-radius:32px;padding:4px;background:linear-gradient(145deg,var(--cs-accent),rgba(255,255,255,.12),var(--cs-accent2));box-shadow:0 0 0 1px rgba(255,255,255,.12),0 16px 50px rgba(0,0,0,.35),0 0 44px var(--cs-glow);opacity:0;transform:scale(.72) rotate(-6deg);animation:creatorAvatarPopV41199 .75s .23s cubic-bezier(.16,1,.3,1) forwards}.creator-showcase-avatar-v41199:after{content:"";position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--cs-accent) 38%,transparent);border-radius:40px;opacity:.55}.creator-showcase-avatar-v41199>*{width:100%!important;height:100%!important;border-radius:28px!important;object-fit:cover!important;display:grid!important;place-items:center!important;overflow:hidden}.creator-showcase-initial-v41199{background:linear-gradient(145deg,#192c3a,#29234d);font-size:36px!important;font-weight:1000;color:#fff}
.creator-showcase-name-v41199{min-width:0}.creator-showcase-name-v41199 small{display:block;color:#8799a5;font-size:9px;font-weight:900;letter-spacing:.18em;opacity:0;transform:translateY(10px);animation:creatorHeroRiseV41199 .65s .34s ease forwards}.creator-showcase-name-v41199 h1{margin:3px 0 7px;color:#fff;font-size:clamp(46px,7vw,92px);line-height:.96;letter-spacing:-.065em;text-shadow:0 12px 36px rgba(0,0,0,.38);opacity:0;transform:translateY(28px);animation:creatorHeroRiseV41199 .78s .38s cubic-bezier(.16,.9,.25,1) forwards}.creator-showcase-name-v41199 p{max-width:720px;margin:0;color:#c4d0d8;font-size:clamp(13px,1.5vw,18px);line-height:1.5;opacity:0;transform:translateY(16px);animation:creatorHeroRiseV41199 .7s .5s ease forwards}
.creator-showcase-links-v41199{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;opacity:0;transform:translateY(15px);animation:creatorHeroRiseV41199 .65s .62s ease forwards}.creator-showcase-social-v41199{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:116px;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(5,12,20,.46);backdrop-filter:blur(12px);color:#edf7fb!important;font-size:10px;font-weight:900;transition:.16s ease}.creator-showcase-social-v41199:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cs-accent) 60%,white 0%);background:rgba(255,255,255,.065)}.creator-showcase-social-v41199 b{color:var(--cs-accent)}
.creator-showcase-scroll-v41199{position:absolute;left:0;bottom:-48px;display:flex;align-items:center;gap:9px;color:#71828c;font-size:7px;font-weight:900;letter-spacing:.15em}.creator-showcase-scroll-v41199 i{display:block;width:35px;height:1px;background:linear-gradient(90deg,var(--cs-accent),transparent);animation:creatorScrollLineV41199 1.7s ease-in-out infinite}
.creator-showcase-main-v41199{--cs-accent:#78e8da;--cs-accent2:#846fff;--cs-glow:rgba(99,226,216,.34);width:min(calc(100% - 36px),1180px);margin:0 auto;padding:76px 0 0}
.creator-showcase-about-v41199{display:grid;grid-template-columns:320px minmax(0,1fr);gap:70px;padding:58px 0 70px;border-bottom:1px solid rgba(255,255,255,.07)}
.creator-showcase-section-label-v41199{display:flex;align-items:flex-start;gap:12px}.creator-showcase-section-label-v41199>span{display:grid;place-items:center;min-width:34px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--cs-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--cs-accent) 25%,transparent);color:var(--cs-accent);font-size:8px;font-weight:1000}.creator-showcase-section-label-v41199 small{display:block;color:var(--cs-accent);font-size:8px;font-weight:1000;letter-spacing:.15em}.creator-showcase-section-label-v41199 h2{margin:5px 0 0;color:#f0f6f9;font-size:26px;letter-spacing:-.035em}.creator-showcase-section-label-v41199>em{margin-left:auto;color:#758790;font-size:11px;font-style:normal;font-weight:900}
.creator-showcase-about-copy-v41199 p{margin:0;color:#b6c4cc;font-size:16px;line-height:1.95}.creator-showcase-sign-v41199{display:flex;align-items:baseline;gap:8px;margin-top:25px;color:#edf7fb;font-size:17px;font-weight:950}.creator-showcase-sign-v41199 span{color:var(--cs-accent);font-size:8px;letter-spacing:.12em}
.creator-showcase-featured-v41199{padding:70px 0 22px}.creator-showcase-featured-v41199>.creator-showcase-section-label-v41199{margin-bottom:23px}.creator-showcase-content-grid-v41199{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.creator-showcase-content-v41199{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:linear-gradient(145deg,rgba(14,23,34,.94),rgba(10,15,25,.98));box-shadow:0 18px 40px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.creator-showcase-content-v41199:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cs-accent) 37%,transparent);box-shadow:0 25px 55px rgba(0,0,0,.24),0 0 26px color-mix(in srgb,var(--cs-glow) 38%,transparent)}
.creator-showcase-content-media-v41199{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a111a}.creator-showcase-content-media-v41199>img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.creator-showcase-content-v41199:hover .creator-showcase-content-media-v41199>img{transform:scale(1.035)}.creator-showcase-content-media-v41199:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,15,.68),transparent 55%)}.creator-showcase-content-media-v41199>em{position:absolute;z-index:2;left:12px;bottom:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(4,9,15,.72);color:#fff;font-size:8px;font-style:normal;font-weight:1000}
.creator-showcase-platform-art-v41199{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 28%,var(--cs-glow),transparent 28%),linear-gradient(145deg,#111f2d,#171429)}.creator-showcase-platform-art-v41199 span{font-size:30px;font-weight:1000;letter-spacing:-.04em;color:rgba(255,255,255,.9)}.creator-showcase-platform-art-v41199 i{position:absolute;right:17px;top:14px;color:var(--cs-accent);font-size:17px;font-style:normal}
.creator-showcase-content-copy-v41199{padding:15px 16px 17px}.creator-showcase-content-copy-v41199 small{color:var(--cs-accent);font-size:7px;font-weight:1000;letter-spacing:.14em}.creator-showcase-content-copy-v41199 h3{margin:6px 0 14px;color:#eef4f7;font-size:17px;line-height:1.4}.creator-showcase-content-copy-v41199>span{display:flex;justify-content:space-between;color:#8598a3;font-size:9px;font-weight:900}.creator-showcase-content-copy-v41199>span b{color:var(--cs-accent)}
.creator-showcase-empty-v41199{grid-column:1/-1;padding:50px 20px;border:1px dashed rgba(255,255,255,.09);border-radius:18px;text-align:center;color:#758894}.creator-showcase-empty-v41199 b{display:block;color:#c7d4da}.creator-showcase-empty-v41199 p{margin:5px 0 0;font-size:11px}
.creator-showcase-end-v41199{display:flex;align-items:center;gap:12px;justify-content:center;padding:55px 0 0;color:#657782;font-size:8px;font-weight:1000;letter-spacing:.18em}.creator-showcase-end-v41199 i{width:45px;height:1px;background:linear-gradient(90deg,transparent,var(--cs-accent))}.creator-showcase-end-v41199 i:last-child{transform:scaleX(-1)}
.creator-showcase-error-v41199{width:min(calc(100% - 36px),900px);margin:80px auto;padding:70px 20px!important;text-align:center}.creator-showcase-error-v41199 b{display:block;font-size:20px}.creator-showcase-error-v41199 p{margin:8px 0 18px;color:#899aa5}

/* Page-enter cinematic overlay */
.creator-cinematic-transition-v41199{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#17233e 0%,#070c14 43%,#030609 100%);opacity:0;pointer-events:none}
.creator-cinematic-transition-v41199:before,.creator-cinematic-transition-v41199:after{content:"";position:absolute;width:72vw;height:72vw;border:1px solid rgba(116,222,255,.12);border-radius:50%;transform:scale(.22);opacity:0}.creator-cinematic-transition-v41199:after{width:42vw;height:42vw;border-color:rgba(157,108,255,.18)}
.creator-cinematic-transition-v41199.is-active{pointer-events:auto;animation:creatorTransitionFadeV41199 .72s ease forwards}.creator-cinematic-transition-v41199.is-active:before{animation:creatorTransitionRingV41199 .72s cubic-bezier(.1,.75,.18,1) forwards}.creator-cinematic-transition-v41199.is-active:after{animation:creatorTransitionRingV41199 .72s .08s cubic-bezier(.1,.75,.18,1) forwards}
.creator-cinematic-lines-v41199{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(111,224,255,.18) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(139,110,255,.15) 50%,transparent 50.1%);transform:scale(.2);opacity:0}.creator-cinematic-transition-v41199.is-active .creator-cinematic-lines-v41199{animation:creatorTransitionLinesV41199 .62s .08s ease forwards}
.creator-cinematic-core-v41199{position:relative;z-index:3;text-align:center;transform:scale(.88);opacity:0}.creator-cinematic-transition-v41199.is-active .creator-cinematic-core-v41199{animation:creatorTransitionCoreV41199 .55s .09s cubic-bezier(.16,.9,.22,1) forwards}.creator-cinematic-core-v41199>span{display:block;color:#89e7ff;font-size:9px;font-weight:1000;letter-spacing:.24em}.creator-cinematic-core-v41199 h2{margin:8px 0 11px;color:#fff;font-size:clamp(34px,6vw,78px);line-height:1;letter-spacing:-.055em;text-shadow:0 0 38px rgba(110,208,255,.2)}.creator-cinematic-core-v41199 i{display:block;width:0;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,#9fefff,transparent);box-shadow:0 0 12px #7ddcff}.creator-cinematic-transition-v41199.is-active .creator-cinematic-core-v41199 i{animation:creatorTransitionBeamV41199 .42s .24s ease forwards}.creator-cinematic-core-v41199 small{display:block;margin-top:10px;color:#617886;font-size:7px;font-weight:1000;letter-spacing:.2em}
@keyframes creatorTransitionFadeV41199{0%{opacity:0}15%,100%{opacity:1}}
@keyframes creatorTransitionRingV41199{0%{transform:scale(.15);opacity:0}25%{opacity:1}100%{transform:scale(1.22);opacity:0}}
@keyframes creatorTransitionLinesV41199{to{transform:scale(1);opacity:1}}
@keyframes creatorTransitionCoreV41199{to{transform:scale(1);opacity:1}}
@keyframes creatorTransitionBeamV41199{to{width:min(360px,72vw)}}
@keyframes creatorBannerRevealV41199{from{transform:scale(1.22);filter:saturate(.55) brightness(.55)}to{transform:scale(1.09);filter:saturate(.86) brightness(1)}}
@keyframes creatorHeroRiseV41199{to{opacity:1;transform:none}}
@keyframes creatorAvatarPopV41199{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes creatorFloatOneV41199{to{transform:translate(-35px,28px) scale(1.08)}}
@keyframes creatorFloatTwoV41199{to{transform:translate(42px,-22px) scale(.94)}}
@keyframes creatorTwinkleV41199{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.9;transform:scale(1.5)}}
@keyframes creatorScrollLineV41199{0%,100%{opacity:.25;transform:scaleX(.55);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}

@media(max-width:820px){
  .creator-showcase-banner-editor-v41199,.creator-theme-picker-v41199{grid-template-columns:1fr}.creator-theme-options-v41199{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto;padding-bottom:2px}
  .creator-showcase-hero-v41199{min-height:620px;border-radius:22px}.creator-showcase-identity-v41199{align-items:flex-start;flex-direction:column;gap:17px}.creator-showcase-avatar-v41199{width:92px;height:92px;flex-basis:92px;border-radius:25px}.creator-showcase-avatar-v41199>*{border-radius:21px!important}.creator-showcase-name-v41199 h1{font-size:clamp(42px,12vw,70px)}
  .creator-showcase-about-v41199{grid-template-columns:1fr;gap:26px;padding:45px 0 55px}.creator-showcase-main-v41199{padding-top:45px}.creator-showcase-content-grid-v41199{grid-template-columns:1fr}
}
@media(max-width:520px){
  .creator-showcase-body-v41199 .creator-profile-back-v41194{top:69px;left:12px}.creator-showcase-body-v41199 .creator-profile-back-v41194 a{min-height:30px;font-size:9px}
  .creator-showcase-hero-v41199{width:calc(100% - 16px);min-height:590px;margin-top:8px;border-radius:18px}.creator-showcase-hero-inner-v41199{left:20px;right:20px;bottom:54px}.creator-showcase-eyebrow-v41199{margin-bottom:15px}.creator-showcase-eyebrow-v41199 b{display:none}.creator-showcase-name-v41199 small{font-size:7px}.creator-showcase-name-v41199 p{font-size:13px}.creator-showcase-links-v41199{gap:6px;margin-top:18px}.creator-showcase-social-v41199{min-width:auto;min-height:34px;gap:10px;padding:0 9px;font-size:9px}.creator-showcase-scroll-v41199{bottom:-36px}
  .creator-showcase-main-v41199{width:calc(100% - 24px)}.creator-showcase-section-label-v41199 h2{font-size:22px}.creator-showcase-about-copy-v41199 p{font-size:14px;line-height:1.82}.creator-showcase-featured-v41199{padding-top:52px}.creator-showcase-content-copy-v41199 h3{font-size:15px}.creator-showcase-end-v41199{font-size:7px}
  .creator-showcase-banner-preview-v41199{min-height:105px}.creator-theme-options-v41199{grid-template-columns:repeat(5,82px)}
}
@media(prefers-reduced-motion:reduce){
  .creator-showcase-banner-v41199 img,.creator-showcase-light-v41199,.creator-showcase-stars-v41199 i,.creator-showcase-eyebrow-v41199,.creator-showcase-avatar-v41199,.creator-showcase-name-v41199 small,.creator-showcase-name-v41199 h1,.creator-showcase-name-v41199 p,.creator-showcase-links-v41199,.creator-showcase-scroll-v41199 i{animation:none!important;opacity:1!important;transform:none!important}
  .creator-cinematic-transition-v41199{display:none!important}
}

.creator-self-save-v41198>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:720px){.creator-self-save-v41198>div{width:100%}.creator-self-save-v41198>div .btn{flex:1}}


/* === v4.12.00 Creator Hub compact hero + creator-first cards === */
.creator-hub-v41194{margin-top:18px}
.creator-hub-hero-v41194{
  gap:22px;
  padding:26px 32px;
  border-radius:22px;
  min-height:0;
  align-items:center;
}
.creator-hub-hero-v41194>div:first-child{max-width:760px}
.creator-hub-hero-v41194>div>span{font-size:9px;letter-spacing:.15em}
.creator-hub-hero-v41194 h1{
  margin:6px 0 9px;
  font-size:clamp(30px,4vw,48px);
  line-height:1.03;
}
.creator-hub-hero-v41194 p{
  max-width:720px;
  font-size:13px;
  line-height:1.6;
}
.creator-hub-actions-v41194{margin-top:16px}
.creator-hub-actions-v41194 .btn{min-height:38px;padding:9px 12px}
.creator-hub-mark-v41194{
  min-width:180px;
  gap:8px;
}
.creator-hub-mark-v41194 img{width:82px;height:82px}
.creator-hub-mark-v41194 b{font-size:13px;letter-spacing:.16em}
.creator-hub-section-v41194{margin-top:16px;padding:20px}
.creator-hub-title-v41194{margin-bottom:14px}
.creator-hub-title-v41194 h2{font-size:22px}

.creator-directory-grid-v41194{
  grid-template-columns:repeat(auto-fit,minmax(360px,520px));
  gap:16px;
  justify-content:start;
}
.creator-directory-card-v41200{
  width:100%;
  max-width:520px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(18,29,39,.97),rgba(8,14,20,.99));
  box-shadow:0 15px 36px rgba(0,0,0,.18);
}
.creator-directory-card-v41200 .creator-directory-cover-v41194{
  aspect-ratio:16/9;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:radial-gradient(circle at 75% 20%,rgba(64,169,231,.18),transparent 36%),linear-gradient(145deg,#102737,#0a1119);
}
.creator-directory-card-v41200 .creator-directory-cover-v41194>img{
  transition:transform .25s ease,filter .25s ease;
}
.creator-directory-card-v41200:hover .creator-directory-cover-v41194>img{transform:scale(1.025);filter:saturate(1.06)}
.creator-directory-feature-badge-v41200{
  position:absolute;
  left:14px;
  top:14px;
  z-index:3;
  padding:6px 9px;
  border:1px solid rgba(133,221,255,.24);
  border-radius:999px;
  background:rgba(4,14,22,.78);
  backdrop-filter:blur(10px);
  color:#aeeaff;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.12em;
}
.creator-directory-media-fallback-v41200{
  width:100%;
  height:100%;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:radial-gradient(circle at 50% 42%,rgba(78,191,255,.17),transparent 30%),linear-gradient(145deg,rgba(20,50,70,.88),rgba(14,20,35,.96));
}
.creator-directory-media-fallback-v41200.has-content{
  background:radial-gradient(circle at 50% 42%,rgba(114,111,255,.22),transparent 30%),linear-gradient(145deg,rgba(23,45,69,.9),rgba(27,24,61,.96));
}
.creator-directory-media-fallback-v41200>b{
  color:#bdefff;
  font-size:10px;
  letter-spacing:.16em;
}
.creator-directory-media-avatar-v41200{
  width:88px;
  height:88px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:3px solid rgba(140,221,255,.2);
  background:linear-gradient(145deg,#36c8ee,#7167ff);
  box-shadow:0 14px 32px rgba(0,0,0,.28);
  color:#07131b;
  font-size:28px;
  font-weight:1000;
}
.creator-directory-media-avatar-v41200 img,
.creator-directory-media-avatar-v41200>.avatar,
.creator-directory-media-avatar-v41200 .creator-directory-mini-avatar-v41194{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
}
.creator-directory-card-v41200 .creator-directory-enter-v41199{right:14px;bottom:13px}
.creator-directory-card-v41200 .creator-directory-body-v41194{padding:16px 17px 17px}
.creator-directory-profile-row-v41200{
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.creator-directory-profile-avatar-v41200{
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  overflow:hidden;
  display:grid!important;
  place-items:center;
  border:2px solid rgba(122,211,255,.22);
  background:linear-gradient(145deg,#34c9ef,#7169ff);
  color:#07131b;
  font-size:17px;
  font-weight:1000;
}
.creator-directory-profile-avatar-v41200>img,
.creator-directory-profile-avatar-v41200>.avatar,
.creator-directory-profile-avatar-v41200 .creator-directory-mini-avatar-v41194{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  border-radius:50%!important;
}
.creator-directory-profile-row-v41200 h2{font-size:20px}
.creator-directory-profile-row-v41200 em{
  display:block;
  max-width:340px;
  margin-top:4px;
  color:#93aab6;
  font-size:10px;
  font-style:normal;
  line-height:1.45;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creator-directory-feature-copy-v41200{
  margin-top:14px;
  padding:13px 14px;
  border:1px solid rgba(111,199,243,.12);
  border-radius:13px;
  background:rgba(71,144,184,.055);
}
.creator-directory-feature-copy-v41200>small{
  display:block;
  color:#67cff7;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.14em;
}
.creator-directory-feature-copy-v41200>strong{
  display:block;
  margin-top:5px;
  color:#f3f9fc;
  font-size:14px;
  line-height:1.4;
}
.creator-directory-feature-copy-v41200>span{
  display:block;
  margin-top:5px;
  color:#839ba7;
  font-size:10px;
  line-height:1.55;
}
.creator-directory-feature-copy-v41200>a{
  display:inline-flex;
  margin-top:9px;
  color:#7ddaff;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.creator-directory-card-v41200 .creator-directory-social-v41194{margin-top:11px}
.creator-directory-card-v41200 .creator-directory-more-v41194{margin-top:11px}

/* v4.12.00 Admin creator assignment */
.admin-creator-assign-v41200{
  margin:0 0 14px;
  padding:16px;
  border:1px solid rgba(88,198,248,.20);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(20,61,82,.18),rgba(34,39,79,.14));
}
.admin-creator-assign-head-v41200{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.admin-creator-assign-head-v41200 h3{margin:3px 0 4px;font-size:18px}
.admin-creator-assign-head-v41200 p{margin:0;color:#849aa6;font-size:10.5px;line-height:1.55}
.admin-creator-publish-default-v41200{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  white-space:nowrap;
  color:#c9e5ef;
  font-size:10px;
  font-weight:800;
}
.admin-creator-publish-default-v41200 input{width:auto}
.admin-creator-search-v41200{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:12px;
}
.admin-creator-search-v41200 input{width:100%}
.admin-creator-search-results-v41200{display:grid;gap:7px;margin-top:10px}
.admin-creator-search-row-v41200{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(7,16,24,.45);
}
.admin-creator-search-row-v41200>span:nth-child(2){min-width:0}
.admin-creator-search-row-v41200 b,.admin-creator-search-row-v41200 small{display:block}
.admin-creator-search-row-v41200 b{font-size:12px}
.admin-creator-search-row-v41200 small{margin-top:2px;color:#8197a2;font-size:9px}
.creator-admin-readonly-v41198 .is-live{
  color:#80e8b0;
  border-color:rgba(71,215,141,.18);
  background:rgba(48,166,107,.08);
}

@media(max-width:760px){
  .creator-hub-hero-v41194{padding:20px 18px;border-radius:18px}
  .creator-hub-hero-v41194 h1{font-size:31px}
  .creator-hub-hero-v41194 p{font-size:11.5px}
  .creator-hub-actions-v41194{margin-top:13px}
  .creator-hub-section-v41194{padding:15px}
  .creator-directory-grid-v41194{grid-template-columns:1fr}
  .creator-directory-card-v41200{max-width:none}
  .creator-directory-profile-row-v41200 em{max-width:220px}
  .admin-creator-assign-head-v41200{flex-direction:column}
  .admin-creator-publish-default-v41200{width:100%;box-sizing:border-box}
  .admin-creator-search-row-v41200{grid-template-columns:34px minmax(0,1fr)}
  .admin-creator-search-row-v41200 .btn{grid-column:1/-1;width:100%}
}

/* v4.12.01 creator admin partner editor placement */
.admin-partner-manager-v41195{margin-top:18px!important}


/* === v4.12.02 creator platform picker + home creator carousel === */
.creator-self-content-row-v41198 select{
  appearance:auto;
  cursor:pointer;
  color:#eaf7ff;
  background:#101a27;
  border-color:rgba(126,194,229,.24);
}
.creator-self-content-row-v41198 select option{
  color:#eef8ff;
  background:#101a27;
}
.creator-platform-picker-v41198 label.on>span{
  border-color:rgba(81,204,250,.52);
  background:rgba(53,168,222,.11);
  box-shadow:inset 0 0 0 1px rgba(82,207,255,.07);
}
.creator-platform-picker-v41198 label.on>span b{color:#8ae5ff}

body .home-creator-track-v41189{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
body .home-creator-track-v41189::-webkit-scrollbar{display:none}
body .home-creator-track-v41189 .home-creator-card-v41189{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box;
  scroll-snap-align:start!important;
  scroll-snap-stop:always;
}
.home-creator-carousel-nav-v41202{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
}
.home-creator-carousel-nav-v41202 button{
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,196,236,.26);
  border-radius:9px;
  background:rgba(35,104,140,.12);
  color:#a9e9ff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:.15s ease;
}
.home-creator-carousel-nav-v41202 button:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(102,213,255,.48);
  background:rgba(50,151,196,.18);
}
.home-creator-carousel-nav-v41202 button:disabled{
  opacity:.28;
  cursor:default;
}
.home-creator-carousel-nav-v41202 span{
  min-width:42px;
  color:#738e9d;
  font-size:9px;
  text-align:center;
}
.home-creator-carousel-nav-v41202 span b{
  color:#bcefff;
  font-size:10px;
}
.home-creator-carousel-nav-v41202 span em{
  color:inherit;
  font-style:normal;
}
@media(max-width:760px){
  .home-creator-carousel-nav-v41202{margin-top:8px}
  body .home-creator-track-v41189 .home-creator-card-v41189{
    flex-basis:92%!important;
    width:92%!important;
  }
}


/* === v4.12.03 Creator presentation overhaul === */

/* HOME: full-width creator showcase, 3 visible cards, one-card autoplay */
body .home-creator-partners-v41189{
  display:block!important;
  margin:16px 0!important;
  padding:17px!important;
  border-color:rgba(93,196,244,.34)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(92,90,255,.17),transparent 30%),
    linear-gradient(115deg,rgba(8,24,37,.99),rgba(15,27,49,.98) 58%,rgba(25,23,55,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.18)!important;
}
body .home-creator-intro-v41189{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:0 2px 13px!important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.home-creator-intro-copy-v41203{min-width:0;max-width:650px}
.home-creator-intro-copy-v41203>span{display:block;color:#6adfff;font-size:9px;font-weight:1000;letter-spacing:.17em;margin-bottom:5px}
.home-creator-intro-copy-v41203 h2{margin:0;color:#f5fbff;font-size:21px;line-height:1.2;letter-spacing:-.035em}
.home-creator-intro-copy-v41203 p{margin:5px 0 0;color:#8ca1ae;font-size:10px;line-height:1.5}
.home-creator-intro-copy-v41203>a{display:inline-flex;margin-top:7px;color:#72dfff!important;font-size:9.5px;font-weight:950}
body .home-creator-track-v41189{
  gap:12px!important;
  margin-top:13px;
  padding:1px 0 2px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
}
body .home-creator-track-v41189 .home-creator-card-v41189{
  flex:0 0 calc((100% - 24px)/3)!important;
  width:calc((100% - 24px)/3)!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  overflow:hidden;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(26,40,60,.98),rgba(20,24,51,.96))!important;
  scroll-snap-align:start!important;
}
body .home-creator-card-v41189 .home-creator-video-v41189{
  width:100%!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body .home-creator-card-v41189 .home-creator-meta-v41189{
  padding:10px 11px 11px;
  min-height:104px;
}
body .home-creator-card-v41189 .home-creator-name-row-v41195>b{
  font-size:14px!important;
}
body .home-creator-card-v41189 .home-creator-meta-v41189>small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:9px!important;
}
body .home-creator-card-v41189 .home-creator-actions-v41189{
  width:100%;
  gap:5px!important;
  margin-top:7px!important;
}
body .home-creator-card-v41189 .home-creator-actions-v41189>a{
  min-height:26px!important;
  padding:0 7px!important;
  font-size:8px!important;
}
.home-creator-carousel-nav-v41202{
  flex:0 0 auto;
  margin:0!important;
  padding-bottom:1px;
}
.home-creator-carousel-nav-v41202 button{
  width:32px!important;height:32px!important;
  border-radius:10px!important;
}
.home-creator-carousel-nav-v41202 span{
  min-width:48px!important;
  font-size:10px!important;
}
.home-creator-carousel-nav-v41202 span b{font-size:11px!important}

@media(max-width:1050px){
  body .home-creator-track-v41189 .home-creator-card-v41189{
    flex-basis:calc((100% - 12px)/2)!important;
    width:calc((100% - 12px)/2)!important;
  }
}
@media(max-width:680px){
  body .home-creator-intro-v41189{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body .home-creator-track-v41189 .home-creator-card-v41189{
    flex-basis:88%!important;
    width:88%!important;
  }
  body .home-creator-card-v41189 .home-creator-meta-v41189{min-height:96px}
}

/* CREATOR HUB: much smaller intro banner + denser browse grid */
.creator-hub-v41194{width:min(1320px,calc(100% - 28px))!important;margin-top:18px!important}
.creator-hub-hero-v41194{
  min-height:0!important;
  padding:16px 22px!important;
  gap:18px!important;
  border-radius:18px!important;
  align-items:center!important;
}
.creator-hub-hero-v41194>div:first-child{max-width:920px!important}
.creator-hub-hero-v41194>div>span{font-size:8px!important}
.creator-hub-hero-v41194 h1{
  margin:5px 0 6px!important;
  font-size:clamp(27px,3.1vw,39px)!important;
  line-height:1.03!important;
}
.creator-hub-hero-v41194 p{
  font-size:10.5px!important;
  line-height:1.55!important;
  max-width:760px!important;
}
.creator-hub-actions-v41194{margin-top:11px!important;gap:7px!important}
.creator-hub-actions-v41194 .btn{min-height:34px!important;padding:7px 10px!important;font-size:9px!important}
.creator-hub-mark-v41194{
  min-width:145px!important;
  gap:5px!important;
}
.creator-hub-mark-v41194 img{width:62px!important;height:62px!important}
.creator-hub-mark-v41194 b{font-size:10px!important;letter-spacing:.15em!important}
.creator-hub-section-v41194{
  margin-top:14px!important;
  padding:18px!important;
  border-radius:18px!important;
}
.creator-hub-title-v41194{margin-bottom:14px!important}
.creator-hub-title-v41194 h2{font-size:21px!important}
.creator-hub-title-v41194 p{font-size:10px!important}
.creator-hub-title-v41194>b{padding:6px 9px!important;font-size:10px!important}
.creator-directory-grid-v41194{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.creator-directory-card-v41203{
  overflow:hidden;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(16,27,36,.96),rgba(8,15,21,.99))!important;
}
.creator-directory-visual-v41203{
  position:relative;
  display:block;
  aspect-ratio:16/8.6;
  overflow:hidden;
  background:linear-gradient(145deg,#123149,#141b32);
  text-decoration:none;
}
.creator-directory-visual-v41203>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.creator-directory-card-v41203:hover .creator-directory-visual-v41203>img{transform:scale(1.025)}
.creator-directory-avatar-stage-v41203{
  width:100%;height:100%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(70,194,240,.2),transparent 30%),
    linear-gradient(145deg,#10293a,#171a35);
}
.creator-directory-stage-avatar-v41203{
  width:72px;height:72px;
  display:grid;place-items:center;
  overflow:hidden;border-radius:50%;
  border:2px solid rgba(132,220,255,.26);
  background:linear-gradient(145deg,#2bc9ed,#756aff);
  box-shadow:0 12px 28px rgba(0,0,0,.3);
  color:#071622;font-size:22px;font-weight:1000;
}
.creator-directory-stage-avatar-v41203>*,
.creator-directory-stage-avatar-v41203>img,
.creator-directory-stage-avatar-v41203 .creator-directory-avatar-img-v41203{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;
}
.creator-directory-body-v41203{padding:12px 13px 13px}
.creator-directory-identity-v41203{
  display:flex;align-items:center;gap:9px;color:inherit!important;text-decoration:none!important;
}
.creator-directory-identity-avatar-v41203{
  flex:0 0 38px;width:38px;height:38px;
  display:grid;place-items:center;overflow:hidden;border-radius:50%;
  background:linear-gradient(145deg,#2bc9ed,#756aff);
  color:#071622;font-size:12px;font-weight:1000;
}
.creator-directory-identity-avatar-v41203>*,
.creator-directory-identity-avatar-v41203>img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;
}
.creator-directory-identity-v41203 small{display:block;color:#65caf6;font-size:7px;font-weight:1000;letter-spacing:.12em}
.creator-directory-identity-v41203 b{display:block;margin-top:2px;color:#f1f8fb;font-size:15px;line-height:1.15}
.creator-directory-body-v41203>p{
  min-height:31px;margin:9px 0 0;color:#8fa4af;font-size:9.5px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.creator-directory-featured-v41203{
  display:grid;gap:2px;margin-top:10px;padding:9px 10px;
  border:1px solid rgba(99,193,235,.11);border-radius:10px;
  background:rgba(67,139,174,.055);text-decoration:none!important;
}
.creator-directory-featured-v41203 small{color:#5fcdf8;font-size:7px;font-weight:1000;letter-spacing:.09em}
.creator-directory-featured-v41203 b{
  color:#dcecf3;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.creator-directory-featured-v41203 span{color:#7595a3;font-size:8px;font-weight:900}
.creator-directory-featured-empty-v41203{
  margin-top:10px;padding:9px 10px;border:1px dashed rgba(255,255,255,.07);border-radius:10px;
  color:#617681;font-size:8.5px;
}
.creator-directory-social-v41203{margin-top:8px!important;gap:5px!important}
.creator-directory-social-v41203 a{padding:5px 7px!important;border-radius:7px!important;font-size:8px!important}
.creator-directory-more-v41203{margin-top:9px!important;padding-top:9px!important;font-size:9px!important}

@media(min-width:1500px){
  .creator-hub-v41194{width:min(1480px,calc(100% - 36px))!important}
  .creator-directory-grid-v41194{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .creator-directory-grid-v41194{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .creator-hub-mark-v41194{display:none!important}
}
@media(max-width:580px){
  .creator-hub-hero-v41194{padding:14px!important}
  .creator-hub-hero-v41194 h1{font-size:28px!important}
  .creator-directory-grid-v41194{grid-template-columns:1fr!important}
}

/* INDIVIDUAL CREATOR PAGE: name -> intro -> content -> platforms -> board */
.creator-page-body-v41203 .creator-profile-page-v41194{
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  margin:22px auto 70px!important;
  padding:0!important;
}
.creator-page-body-v41203 .creator-profile-back-v41194{
  position:static!important;
  margin:0 0 10px!important;
}
.creator-page-body-v41203 .creator-profile-back-v41194 a{
  min-height:30px!important;padding:0 9px!important;font-size:9px!important;
  background:rgba(8,17,24,.75)!important;
}
.creator-page-head-v41203,
.creator-page-stack-v41203{
  --cs-accent:#78e8da;--cs-accent2:#846fff;--cs-glow:rgba(99,226,216,.24);
}
.creator-page-head-v41203.theme-ocean,.creator-page-stack-v41203.theme-ocean{--cs-accent:#5fc7ff;--cs-accent2:#3e74ff;--cs-glow:rgba(63,165,255,.25)}
.creator-page-head-v41203.theme-neon,.creator-page-stack-v41203.theme-neon{--cs-accent:#c277ff;--cs-accent2:#5d6cff;--cs-glow:rgba(175,79,255,.24)}
.creator-page-head-v41203.theme-gold,.creator-page-stack-v41203.theme-gold{--cs-accent:#ffd06a;--cs-accent2:#d28b35;--cs-glow:rgba(255,190,80,.22)}
.creator-page-head-v41203.theme-rose,.creator-page-stack-v41203.theme-rose{--cs-accent:#ff84b6;--cs-accent2:#a76bff;--cs-glow:rgba(255,100,171,.23)}

.creator-page-head-v41203{
  position:relative;overflow:hidden;min-height:230px;
  display:flex;align-items:flex-end;padding:26px;
  border:1px solid rgba(255,255,255,.09);border-radius:22px;
  background:linear-gradient(145deg,#081722,#111426);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}
.creator-page-head-bg-v41203{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,var(--cs-glow),transparent 32%),linear-gradient(145deg,#0b2130,#15162e)}
.creator-page-head-bg-v41203 img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02)}
.creator-page-head-shade-v41203{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,15,.95),rgba(5,10,17,.72) 48%,rgba(5,10,17,.46)),linear-gradient(0deg,rgba(4,8,14,.92),transparent 58%)}
.creator-page-head-inner-v41203{position:relative;z-index:2;display:flex;align-items:center;gap:17px;min-width:0}
.creator-page-avatar-v41203{
  flex:0 0 88px;width:88px;height:88px;padding:3px;overflow:hidden;border-radius:25px;
  background:linear-gradient(145deg,var(--cs-accent),rgba(255,255,255,.12),var(--cs-accent2));
  box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 24px var(--cs-glow);
}
.creator-page-avatar-v41203>*{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:22px!important;display:grid!important;place-items:center!important}
.creator-page-name-v41203>span{color:var(--cs-accent);font-size:8px;font-weight:1000;letter-spacing:.15em}
.creator-page-name-v41203 h1{margin:3px 0 5px;color:#fff;font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.055em}
.creator-page-name-v41203 p{margin:0;color:#c1d0d7;font-size:12px;line-height:1.5}

.creator-page-stack-v41203{display:grid;gap:12px;margin-top:12px}
.creator-page-block-v41203{
  padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:17px;
  background:rgba(10,17,23,.84);
}
.creator-page-block-title-v41203{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.creator-page-block-title-v41203>span{
  display:grid;place-items:center;width:31px;height:22px;border-radius:999px;
  background:color-mix(in srgb,var(--cs-accent) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--cs-accent) 24%,transparent);
  color:var(--cs-accent);font-size:7px;font-weight:1000;
}
.creator-page-block-title-v41203 small{display:block;color:var(--cs-accent);font-size:7px;font-weight:1000;letter-spacing:.13em}
.creator-page-block-title-v41203 h2{margin:2px 0 0;font-size:19px;letter-spacing:-.025em}
.creator-page-block-title-v41203>em{margin-left:auto;color:#6f838e;font-size:9px;font-style:normal;font-weight:900}
.creator-page-about-v41203>p{margin:0;color:#afc0c8;font-size:12px;line-height:1.85}

.creator-page-content-grid-v41203{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.creator-page-content-grid-v41203 .creator-showcase-content-v41199{border-radius:13px;box-shadow:none}
.creator-page-content-grid-v41203 .creator-showcase-content-copy-v41199{padding:11px 12px 13px}
.creator-page-content-grid-v41203 .creator-showcase-content-copy-v41199 h3{font-size:13px;margin:4px 0 9px}
.creator-page-content-grid-v41203 .creator-showcase-platform-art-v41199 span{font-size:21px}
.creator-page-content-grid-v41203>.creator-showcase-content-v41199:first-child:nth-last-child(n+2){
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);
}
.creator-page-content-grid-v41203>.creator-showcase-content-v41199:first-child:nth-last-child(n+2) .creator-showcase-content-media-v41199{aspect-ratio:16/7.5}
.creator-page-content-grid-v41203>.creator-showcase-content-v41199:first-child:nth-last-child(n+2) .creator-showcase-content-copy-v41199{display:flex;flex-direction:column;justify-content:center;padding:18px}
.creator-page-content-grid-v41203>.creator-showcase-content-v41199:first-child:nth-last-child(n+2) .creator-showcase-content-copy-v41199 h3{font-size:17px}

.creator-page-platform-list-v41203{display:flex;flex-wrap:wrap;gap:8px}
.creator-page-platform-list-v41203 .creator-showcase-social-v41199{
  min-width:145px;min-height:40px;border-radius:10px;background:rgba(8,18,27,.72);
}
.creator-page-empty-v41203{
  grid-column:1/-1;padding:22px 16px;border:1px dashed rgba(255,255,255,.08);border-radius:12px;
  color:#708590;text-align:center;
}
.creator-page-empty-v41203 b{display:block;color:#bac9d0;font-size:12px}
.creator-page-empty-v41203 span{display:block;margin-top:4px;font-size:9px;line-height:1.5}
.creator-page-empty-v41203.compact{width:100%;padding:13px}

.creator-page-post-list-v41203{display:grid;border:1px solid rgba(255,255,255,.065);border-radius:12px;overflow:hidden}
.creator-page-post-row-v41203{
  display:grid;grid-template-columns:72px minmax(0,1fr) 88px 62px;
  align-items:center;gap:9px;min-height:43px;padding:0 12px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:inherit!important;text-decoration:none!important;background:rgba(255,255,255,.012);
}
.creator-page-post-row-v41203:last-child{border-bottom:0}
.creator-page-post-row-v41203:hover{background:rgba(88,184,224,.055)}
.creator-page-post-cat-v41203{color:#69ccef;font-size:8px;font-weight:950;white-space:nowrap}
.creator-page-post-row-v41203>b{min-width:0;color:#dce8ed;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-page-post-row-v41203>small{color:#6e828c;font-size:8px;text-align:right}
.creator-page-post-row-v41203>em{color:#7d929d;font-size:8px;font-style:normal;text-align:right}
.creator-page-post-empty-v41203{padding:18px;text-align:center;color:#71858f;font-size:9.5px}
.creator-page-member-link-v41203{display:inline-flex;margin-top:10px;color:var(--cs-accent)!important;font-size:9px;font-weight:950;text-decoration:none}

@media(max-width:760px){
  .creator-page-head-v41203{min-height:190px;padding:18px;border-radius:17px}
  .creator-page-head-inner-v41203{align-items:flex-end}
  .creator-page-avatar-v41203{flex-basis:66px;width:66px;height:66px;border-radius:19px}
  .creator-page-avatar-v41203>*{border-radius:16px!important}
  .creator-page-name-v41203 h1{font-size:34px}
  .creator-page-name-v41203 p{font-size:10px}
  .creator-page-block-v41203{padding:15px}
  .creator-page-content-grid-v41203{grid-template-columns:1fr}
  .creator-page-content-grid-v41203>.creator-showcase-content-v41199:first-child:nth-last-child(n+2){grid-column:auto;display:block}
  .creator-page-content-grid-v41203>.creator-showcase-content-v41199:first-child:nth-last-child(n+2) .creator-showcase-content-media-v41199{aspect-ratio:16/9}
  .creator-page-post-row-v41203{grid-template-columns:58px minmax(0,1fr) 52px}
  .creator-page-post-row-v41203>small{display:none}
}


/* === v4.12.04 Creator Studio featured-content form cleanup === */
.creator-self-content-list-v41198{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
}
.creator-self-content-row-v41198{
  display:grid!important;
  grid-template-columns:34px 168px minmax(180px,.9fr) minmax(260px,1.5fr)!important;
  gap:9px!important;
  align-items:end!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
  background:rgba(4,13,22,.28);
}
.creator-self-content-number-v41204{
  align-self:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,rgba(51,177,226,.18),rgba(93,95,214,.14))!important;
  color:#8ee2ff!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.creator-self-content-field-v41204{
  display:block!important;
  min-width:0;
  margin:0!important;
}
.creator-self-content-field-v41204>small{
  display:block;
  margin:0 0 5px;
  color:#778f9d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.03em;
}
.creator-self-content-row-v41198 select,
.creator-self-content-row-v41198 input{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  padding:0 11px!important;
  border:1px solid rgba(118,172,203,.18)!important;
  border-radius:9px!important;
  outline:none!important;
  background:#0b1722!important;
  color:#dcebf2!important;
  font-family:inherit!important;
  font-size:10.5px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.creator-self-content-row-v41198 input::placeholder{
  color:#536b78!important;
  opacity:1!important;
}
.creator-self-content-row-v41198 select{
  cursor:pointer!important;
  color:#7d94a1!important;
  appearance:auto!important;
}
.creator-self-content-row-v41198 select.has-value{
  color:#e8f8ff!important;
  border-color:rgba(82,201,247,.32)!important;
  background:#0c1b29!important;
}
.creator-self-content-row-v41198 select option{
  background:#0b1722!important;
  color:#e7f5fb!important;
}
.creator-self-content-row-v41198 select:focus,
.creator-self-content-row-v41198 input:focus{
  border-color:rgba(95,211,255,.55)!important;
  background:#0d1c29!important;
  box-shadow:0 0 0 3px rgba(70,184,230,.07)!important;
}
.creator-self-content-row-v41198:focus-within{
  border-color:rgba(91,190,234,.15);
  background:rgba(8,23,34,.42);
}
.creator-platform-picker-v41198 label>span{
  position:relative;
  min-height:64px;
  justify-content:center;
}
.creator-platform-picker-v41198 label.on>span:after,
.creator-platform-picker-v41198 input:checked+span:after{
  content:"✓";
  position:absolute;
  right:10px;
  top:9px;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(73,204,247,.14);
  color:#79e2ff;
  font-size:9px;
  font-weight:1000;
}
.creator-platform-links-v41198 label:not([hidden]){
  display:block;
}
.creator-platform-links-v41198 input{
  min-height:40px!important;
  padding:0 11px!important;
  border:1px solid rgba(118,172,203,.18)!important;
  border-radius:9px!important;
  background:#0b1722!important;
  color:#dcebf2!important;
}
.creator-self-save-v41198{
  margin-top:17px!important;
}

@media(max-width:900px){
  .creator-self-content-row-v41198{
    grid-template-columns:32px 145px minmax(0,1fr)!important;
  }
  .creator-self-content-field-v41204.url{
    grid-column:2/-1;
  }
}
@media(max-width:620px){
  .creator-self-content-row-v41198{
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:start!important;
  }
  .creator-self-content-number-v41204{grid-row:1/4}
  .creator-self-content-field-v41204.platform,
  .creator-self-content-field-v41204.title,
  .creator-self-content-field-v41204.url{
    grid-column:2!important;
  }
}


/* ROBLPANG v4.12.15 — tone-only sky background. Keep the v4.12.12 dark UI intact. */
html,body{background:#abd2f3!important}


/* ROBLPANG v4.12.16 — sky/navy harmony theme */
:root{
  --bg:#abd2f3!important;
  --panel:#13283a!important;
  --panel2:#183247!important;
  --line:#2f4f67!important;
  --line2:#456884!important;
  --text:#f4faff!important;
  --muted:#afc4d6!important;
  --accent:#4db5ff!important;
  --blue:#4db5ff!important;
  --green:#59d2b3!important;
}
html,body{
  background:#abd2f3!important;
  color:#f4faff!important;
}
body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 260px),
    #abd2f3!important;
}

/* dark surfaces shifted from charcoal to deep blue navy */
.topbar{
  background:rgba(10,30,45,.96)!important;
  border-bottom-color:#31536d!important;
  box-shadow:0 8px 26px rgba(25,77,111,.12)!important;
}
.panel,
.sidebar,
.board-shell,
.post-card,
.comments-box,
.editor,
.auth-card,
.legal,
.mypage-head,
.tab-panel,
.admin-grid{
  background:linear-gradient(180deg,#163149 0%,#11293d 100%)!important;
  border-color:#31536d!important;
  box-shadow:0 10px 28px rgba(35,87,121,.15)!important;
}
.sidebar{
  background:linear-gradient(180deg,#132c41,#10263a)!important;
}
.side-head{border-bottom-color:#31536d!important}
.side-head small,
.section-title p,
.board-title-row p,
.post-meta,
.comment-top,
.auth-card>p,
.auth-bottom,
.profile-id p,
.muted{color:#9fb9cc!important}

.topnav a{color:#c7dce9!important}
.topnav a:hover,.topnav a.active{color:#70c8ff!important}
.top-login{color:#c5d9e7!important}
.search input,
.board-search,
.field input,
.field textarea,
.field select,
.profile-form input,
.comment-form textarea{
  background:#0f2638!important;
  border-color:#355773!important;
  color:#eff9ff!important;
}
.search input:focus,
.board-search:focus,
.field input:focus,
.field textarea:focus,
.field select:focus,
.profile-form input:focus,
.comment-form textarea:focus{
  border-color:#55b8f4!important;
  box-shadow:0 0 0 3px rgba(77,181,255,.12)!important;
}
input::placeholder,textarea::placeholder{color:#7f9caf!important}

.side-nav a{color:#c4d7e5!important}
.side-nav a:hover,
.side-nav a.selected{
  background:#1b405a!important;
  color:#f5fbff!important;
}
.side-nav .ico{
  background:#17364c!important;
  border-color:#3b607a!important;
  color:#7fd0ff!important;
}
.write-main{
  background:linear-gradient(135deg,#3ca9eb,#2d84c3)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(23,112,169,.22)!important;
}

.chip,
.btn,
.login-buttons a+a{
  background:#17364d!important;
  border-color:#3a607a!important;
  color:#dff2ff!important;
}
.chip:hover,
.chip.on,
.btn:hover{
  background:#204b68!important;
  border-color:#5ab9ef!important;
  color:#fff!important;
}
.btn.primary,
.login-buttons a:first-child{
  background:linear-gradient(135deg,#55bcf7,#3596d4)!important;
  border-color:#55bcf7!important;
  color:#082033!important;
}
.btn.primary:hover{
  background:linear-gradient(135deg,#45afea,#2d86c1)!important;
  color:#fff!important;
}

.feature-card{
  background:#122a3d!important;
  border-color:#31536d!important;
}
.feature-card:hover{
  background:#17364d!important;
  border-color:#5b8cab!important;
}
.feature-foot,
.latest-head,
.latest-row,
.board-row,
.comment-item,
.my-row,
.rank-row{
  border-color:#294a62!important;
}
.latest-row:hover,
.board-row:hover{
  background:rgba(82,177,232,.08)!important;
}

.avatar,
.rank-avatar,
.profile-big{
  background:linear-gradient(145deg,#4f91bd,#244b68)!important;
  border-color:#79bde7!important;
}
.toast{
  background:#15344a!important;
  border-color:#49728e!important;
}
.toast.success{
  background:#123d36!important;
  border-color:#4ca98f!important;
}
.toast.error{
  background:#4a2830!important;
  border-color:#9b5966!important;
}

footer{
  border-top-color:rgba(32,79,111,.35)!important;
  color:#537894!important;
}

/* keep special event/reward cards colorful; only cool their frames */
.home-creator-partners-v41189,
.home-trending-v4110{
  border-color:#315f80!important;
  box-shadow:0 10px 28px rgba(35,87,121,.16)!important;
}
.home-profile-card-v41142{
  border-color:#3a6f91!important;
}
.home-action-card-v41132{
  border-color:rgba(111,193,240,.42)!important;
  box-shadow:0 10px 26px rgba(32,91,129,.18)!important;
}
.home-action-card-v41132:hover{
  border-color:#74ccff!important;
}

/* retain the v4.12.12 motion/structure untouched */


/* ROBLPANG v4.12.18 — softened sky bridge palette */
:root{
  --bg:#abd2f3!important;
  --panel:#1b3b52!important;
  --panel2:#21465f!important;
  --line:#527a94!important;
  --line2:#6c95ad!important;
  --text:#f7fbfe!important;
  --muted:#bfd2df!important;
  --accent:#62c2f2!important;
  --blue:#62c2f2!important;
  --green:#66d1b8!important;
}
html,body{
  background:#abd2f3!important;
}
body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 220px,rgba(99,153,190,.06) 100%),
    #abd2f3!important;
}

/* bridge the bright page background into the dark UI */
.topbar{
  background:rgba(22,55,76,.96)!important;
  border-bottom:1px solid rgba(119,166,195,.58)!important;
  box-shadow:0 10px 28px rgba(50,103,137,.14)!important;
}
.panel,
.sidebar,
.board-shell,
.post-card,
.comments-box,
.editor,
.auth-card,
.legal,
.mypage-head,
.tab-panel,
.admin-grid{
  background:linear-gradient(180deg,#20465f 0%,#193b52 100%)!important;
  border-color:#557b94!important;
  box-shadow:0 10px 26px rgba(52,103,136,.13)!important;
}
.sidebar{
  background:linear-gradient(180deg,#1d425a,#17374c)!important;
}
.side-head{
  border-bottom-color:#4c7189!important;
}
.side-head b,
.section-title h2,
.board-title-row h1{
  color:#f5fbff!important;
}
.side-head small,
.section-title p,
.board-title-row p,
.post-meta,
.comment-top,
.auth-card>p,
.auth-bottom,
.profile-id p,
.muted{
  color:#b7ccda!important;
}

.topnav a{
  color:#d4e4ee!important;
}
.topnav a:hover,
.topnav a.active{
  color:#91dcff!important;
}
.top-login{
  color:#d5e4ed!important;
}

.search input,
.board-search,
.field input,
.field textarea,
.field select,
.profile-form input,
.comment-form textarea{
  background:#17384d!important;
  border-color:#5a7f97!important;
  color:#f1f9fe!important;
}
.search input:focus,
.board-search:focus,
.field input:focus,
.field textarea:focus,
.field select:focus,
.profile-form input:focus,
.comment-form textarea:focus{
  border-color:#7fc8ee!important;
  box-shadow:0 0 0 3px rgba(113,194,235,.13)!important;
}
input::placeholder,
textarea::placeholder{
  color:#91aabd!important;
}

.side-nav a{
  color:#d2e1ea!important;
}
.side-nav a:hover,
.side-nav a.selected{
  background:#2b5873!important;
  color:#fff!important;
}
.side-nav .ico{
  background:#27516a!important;
  border-color:#668ba2!important;
  color:#a5e0ff!important;
}
.write-main{
  background:linear-gradient(135deg,#61bff0,#4ca6d7)!important;
  color:#0e2c3f!important;
  box-shadow:0 8px 20px rgba(48,119,161,.18)!important;
}

.chip,
.btn,
.login-buttons a+a{
  background:#244b64!important;
  border-color:#668ba2!important;
  color:#e9f6fc!important;
}
.chip:hover,
.chip.on,
.btn:hover{
  background:#315f7b!important;
  border-color:#85c7e9!important;
  color:#fff!important;
}
.btn.primary,
.login-buttons a:first-child{
  background:linear-gradient(135deg,#7bcdf4,#58b6e8)!important;
  border-color:#7bcdf4!important;
  color:#123044!important;
}
.btn.primary:hover{
  background:linear-gradient(135deg,#6ac4ef,#4ca9da)!important;
  color:#0d293a!important;
}

.feature-card{
  background:#1b3d54!important;
  border-color:#567d96!important;
}
.feature-card:hover{
  background:#244c65!important;
  border-color:#81b5d2!important;
}
.feature-foot,
.latest-head,
.latest-row,
.board-row,
.comment-item,
.my-row,
.rank-row{
  border-color:#466b83!important;
}
.latest-row:hover,
.board-row:hover{
  background:rgba(134,203,239,.09)!important;
}

.avatar,
.rank-avatar,
.profile-big{
  background:linear-gradient(145deg,#6ba8cc,#3d708f)!important;
  border-color:#9bcde8!important;
}
.toast{
  background:#244d64!important;
  border-color:#7197ad!important;
}

.home-creator-partners-v41189,
.home-trending-v4110{
  border-color:#5e8aa5!important;
}
.home-profile-card-v41142{
  border-color:#6695b0!important;
}
.home-action-card-v41132{
  border-color:rgba(140,205,239,.54)!important;
  box-shadow:0 9px 22px rgba(48,102,137,.13)!important;
}
.home-action-card-v41132:hover{
  border-color:#9fddfb!important;
}

footer{
  border-top-color:rgba(76,119,147,.38)!important;
  color:#4f7892!important;
}


/* ROBLPANG v4.12.19 — unified sky glass palette */
:root{
  --bg:#abd2f3!important;
  --panel:#f6fbff!important;
  --panel2:#eaf5fc!important;
  --line:#9fc8e1!important;
  --line2:#7fb1cf!important;
  --text:#18384d!important;
  --muted:#66879d!important;
  --accent:#2589c7!important;
  --blue:#2589c7!important;
  --green:#2d9c7d!important;
}
html,body{
  background:#abd2f3!important;
  color:#18384d!important;
}
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.34),transparent 29%),
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.20),transparent 27%),
    linear-gradient(180deg,#b4d8f4 0%,#abd2f3 44%,#a5cdef 100%) fixed!important;
}

/* Top shell becomes part of the sky instead of a separate dark strip */
.topbar{
  background:rgba(237,248,255,.91)!important;
  border-bottom:1px solid rgba(92,146,181,.34)!important;
  box-shadow:0 8px 26px rgba(48,101,136,.10)!important;
  backdrop-filter:blur(18px)!important;
}
.topnav a{color:#365d77!important}
.topnav a:hover,.topnav a.active{color:#167cb9!important}
.top-login{color:#365d77!important}
.mobile-menu{color:#275773!important}
.brand-logo img{filter:drop-shadow(0 4px 10px rgba(40,93,126,.08))!important}

.search input{
  background:rgba(255,255,255,.72)!important;
  border-color:#9fc5dc!important;
  color:#1b3c51!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.search:before{color:#6f91a8!important}
.search input::placeholder{color:#7f9aae!important}

/* Common surfaces: light sky glass, not navy blocks */
.panel,
.sidebar,
.board-shell,
.post-card,
.comments-box,
.editor,
.auth-card,
.legal,
.mypage-head,
.tab-panel,
.admin-grid{
  background:linear-gradient(180deg,rgba(249,253,255,.95),rgba(233,245,252,.94))!important;
  border:1px solid rgba(111,164,198,.42)!important;
  box-shadow:
    0 12px 28px rgba(51,105,139,.10),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
  color:#18384d!important;
}
.sidebar{
  background:linear-gradient(180deg,rgba(239,249,255,.96),rgba(221,239,249,.96))!important;
}
.side-head{border-bottom-color:rgba(94,148,182,.26)!important}
.side-head b,
.section-title h2,
.board-title-row h1,
.post-head h1,
.auth-card h1,
.mypage-head h1,
.legal h1,
.legal h2{
  color:#17384d!important;
}
.side-head small,
.section-title p,
.board-title-row p,
.post-meta,
.comment-top,
.auth-card>p,
.auth-bottom,
.profile-id p,
.muted,
.feature-body p{
  color:#66879d!important;
}

.side-nav a{color:#426b85!important}
.side-nav a:hover,
.side-nav a.selected{
  background:linear-gradient(135deg,#cce9f9,#bde0f4)!important;
  color:#145e8b!important;
}
.side-nav .ico{
  background:#d7edf9!important;
  border-color:#a8cee4!important;
  color:#227fb7!important;
}
.write-main{
  background:linear-gradient(135deg,#4ab1e9,#2e91cb)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(39,123,174,.20)!important;
}

/* Inputs and controls */
.board-search,
.field input,
.field textarea,
.field select,
.profile-form input,
.comment-form textarea{
  background:rgba(255,255,255,.78)!important;
  border-color:#a4c9df!important;
  color:#193b50!important;
}
.board-search:focus,
.field input:focus,
.field textarea:focus,
.field select:focus,
.profile-form input:focus,
.comment-form textarea:focus{
  border-color:#54aede!important;
  box-shadow:0 0 0 3px rgba(69,158,211,.14)!important;
}
input::placeholder,
textarea::placeholder{color:#7895a9!important}

/* Neutral cards and rows */
.feature-card{
  background:rgba(248,252,255,.92)!important;
  border-color:#a7cade!important;
  box-shadow:0 6px 18px rgba(57,108,140,.07)!important;
}
.feature-card:hover{
  background:#fff!important;
  border-color:#73b1d4!important;
}
.feature-body h3,
.title-link,
.comment-body,
.post-content{
  color:#23465c!important;
}
.feature-foot,
.latest-head,
.latest-row,
.board-row,
.comment-item,
.my-row,
.rank-row{
  border-color:rgba(104,154,184,.23)!important;
}
.latest-head{color:#7896aa!important}
.latest-row:hover,
.board-row:hover{
  background:rgba(105,185,229,.12)!important;
}

/* Buttons use soft blues that sit naturally on the sky */
.chip,
.btn,
.login-buttons a+a{
  background:rgba(236,247,253,.92)!important;
  border-color:#9cc6dd!important;
  color:#356781!important;
}
.chip:hover,
.chip.on,
.btn:hover{
  background:#d5eefb!important;
  border-color:#6eb5dc!important;
  color:#165f8d!important;
}
.btn.primary,
.login-buttons a:first-child{
  background:linear-gradient(135deg,#4eb5eb,#2f93cc)!important;
  border-color:#4eb5eb!important;
  color:#fff!important;
}
.btn.primary:hover{
  background:linear-gradient(135deg,#3ca8e1,#277fb6)!important;
  color:#fff!important;
}

.avatar,
.rank-avatar,
.profile-big{
  background:linear-gradient(145deg,#d7effb,#92c7e5)!important;
  border-color:#6fafd3!important;
  color:#1a608b!important;
}
.toast{
  background:#eff9ff!important;
  border-color:#8bbbd6!important;
  color:#21475d!important;
}

/* Home sections that should visually belong to the page */
.home-creator-partners-v41189,
.home-trending-v4110{
  background:linear-gradient(180deg,rgba(249,253,255,.96),rgba(230,243,251,.95))!important;
  border-color:#99c5de!important;
  box-shadow:0 10px 24px rgba(48,103,137,.09)!important;
  color:#18384d!important;
}
.home-creator-intro-v41189 h2,
.home-creator-intro-v41189 p{
  color:#254e67!important;
}
.home-creator-card-v41189{
  background:#eef8fd!important;
  border-color:#aad0e5!important;
}
.home-profile-card-v41142{
  background:linear-gradient(145deg,#dff2fd,#c7e6f7)!important;
  border-color:#8ebdd7!important;
  color:#214a62!important;
}
.home-profile-card-v41142 h3,
.home-profile-card-v41142 b,
.home-profile-card-v41142 strong{
  color:#173f59!important;
}
.home-action-card-v41132{
  box-shadow:0 8px 20px rgba(50,103,137,.10)!important;
}

/* Right-side neutral information cards should also be light.
   Keep event/pangbucks promos colorful by excluding their classes. */
.visitor-card,
.news-card,
.rank-card,
.feedback-mini-card,
.login-card{
  background:linear-gradient(180deg,rgba(249,253,255,.96),rgba(232,245,252,.95))!important;
  border-color:#9bc4dc!important;
  color:#1c4056!important;
}
.news-item b,
.rank-row b,
.login-card h3{
  color:#1d4157!important;
}
.news-item span,
.rank-row small,
.login-card p{
  color:#66879d!important;
}

/* Footer belongs to the sky background */
footer{
  border-top-color:rgba(68,126,161,.28)!important;
  color:#456f89!important;
}

/* Preserve focal dark/colorful blocks: hero, event, Pangbucks, game artwork.
   Their original gradients remain so the page still has depth. */
.home-wow-v41132,
.home-side-event-v41130,
.home-side-pangbucks-v41149,
.home-side-pangbucks-v41147,
.home-side-pangbucks-v41150,
.home-point-banner-v41142,
.point-hero-v41141,
.game-finder-hero,
.creator-hub-hero-v41194{
  box-shadow:0 12px 28px rgba(48,101,135,.16)!important;
}


/* =========================================================
   v4.12.90 981~1180px HEADER OVERFLOW FIX
   - home/main pages use style-v41217.css, separate from points style.css
   - switch crowded one-line desktop header to a stable two-row layout
   - keep every primary destination visible without text collisions
   ========================================================= */
@media (min-width:981px) and (max-width:1180px){
  body:not(.mobile-app-chat) .topbar{
    height:112px!important;
    min-height:112px!important;
    background:rgba(38,91,119,.98)!important;
    border-bottom:1px solid rgba(162,220,255,.24)!important;
    box-shadow:0 8px 22px rgba(24,69,96,.13)!important;
    backdrop-filter:blur(16px)!important;
  }
  body:not(.mobile-app-chat) .topbar-inner{
    position:relative!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    height:112px!important;
    min-height:112px!important;
    padding:8px 0 48px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body:not(.mobile-app-chat) .mobile-menu{
    display:grid!important;
    place-items:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    border:1px solid rgba(184,229,255,.22)!important;
    border-radius:10px!important;
    background:rgba(22,69,95,.74)!important;
    color:#fff!important;
    font-size:20px!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo{
    flex:0 0 126px!important;
    min-width:126px!important;
    max-width:126px!important;
    margin:0 2px 0 0!important;
    overflow:visible!important;
  }
  body:not(.mobile-app-chat) .brand.brand-logo img{
    display:block!important;
    width:122px!important;
    max-width:122px!important;
    height:auto!important;
    object-fit:contain!important;
  }

  body:not(.mobile-app-chat) .top-spacer,
  body:not(.mobile-app-chat) .search{display:none!important}
  body:not(.mobile-app-chat) .rp-language-desktop{display:none!important}
  body:not(.mobile-app-chat) .rp-language-mobile{
    display:inline-flex!important;
    flex:0 0 auto!important;
    height:36px!important;
    margin:0!important;
    padding:0 5px!important;
    border-radius:10px!important;
    border:1px solid rgba(169,220,250,.22)!important;
    background:rgba(20,63,88,.66)!important;
  }
  body:not(.mobile-app-chat) .mobile-search-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    margin:0!important;
    border:1px solid rgba(169,220,250,.22)!important;
    border-radius:10px!important;
    background:rgba(20,63,88,.66)!important;
    color:#dff6ff!important;
    font-size:18px!important;
  }
  body:not(.mobile-app-chat) .global-online-count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:42px!important;
    height:36px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:999px!important;
  }
  body:not(.mobile-app-chat) .global-online-count span{display:none!important}

  body:not(.mobile-app-chat) .auth-area{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    height:40px!important;
    margin-left:auto!important;
    gap:4px!important;
    overflow:visible!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-admin-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    max-width:52px!important;
    min-width:40px!important;
    height:36px!important;
    padding:0 7px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-notification-wrap,
  body:not(.mobile-app-chat) .auth-area .top-notification-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:64px!important;
    max-width:78px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 7px!important;
    gap:4px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 span{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 b{font-size:10px!important;white-space:nowrap!important}
  body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 img{width:14px!important;height:14px!important;flex:0 0 14px!important}
  body:not(.mobile-app-chat) .auth-area .top-mini-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:12px!important;
  }
  body:not(.mobile-app-chat) .auth-area .top-mini-link>span{display:none!important}
  body:not(.mobile-app-chat) .auth-area .top-login{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 1 58px!important;
    max-width:58px!important;
    min-width:40px!important;
    height:34px!important;
    padding:0 6px!important;
    border-radius:9px!important;
    font-size:8.5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body:not(.mobile-app-chat) .auth-area .avatar{
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }

  body:not(.mobile-app-chat) .topnav{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:7px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    gap:5px!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body:not(.mobile-app-chat) .topnav>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 0!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 7px!important;
    border:1px solid rgba(174,221,248,.18)!important;
    border-radius:10px!important;
    background:rgba(29,77,103,.56)!important;
    color:#e4f0f7!important;
    font-size:9.5px!important;
    font-weight:900!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body:not(.mobile-app-chat) .topnav>a:hover,
  body:not(.mobile-app-chat) .topnav>a.active{
    color:#fff!important;
    border-color:rgba(181,230,255,.42)!important;
    background:rgba(20,64,90,.82)!important;
  }
  body:not(.mobile-app-chat) .topnav>a.topnav-points-v41141{
    flex-grow:1.05!important;
    color:#e5fbff!important;
    border-color:rgba(102,219,255,.42)!important;
    background:linear-gradient(135deg,rgba(17,111,149,.82),rgba(57,79,164,.72))!important;
  }
  body:not(.mobile-app-chat) .topnav>a.game-finder-link{
    flex-grow:1.35!important;
    color:#fff!important;
    border-color:rgba(119,213,255,.54)!important;
    background:linear-gradient(110deg,#116f9b,#315ec6 58%,#6946c6)!important;
    box-shadow:0 6px 16px rgba(36,86,170,.13)!important;
  }
}

/* ROBLPANG v4.12.91 universal mid-width header */
@media (min-width:761px) and (max-width:1450px){
body:not(.mobile-app-chat) .topbar{height:116px!important;min-height:116px!important;background:linear-gradient(180deg,#326a89,#2b607e)!important;border-bottom:1px solid rgba(203,235,255,.32)!important;box-shadow:0 8px 22px rgba(32,79,105,.14)!important}
body:not(.mobile-app-chat) .topbar-inner{position:relative!important;width:min(calc(100% - 24px),1320px)!important;max-width:1320px!important;height:116px!important;min-height:116px!important;margin:0 auto!important;padding:8px 0 51px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}
body:not(.mobile-app-chat) .brand.brand-logo{flex:0 0 132px!important;min-width:132px!important;max-width:132px!important;margin:0!important}
body:not(.mobile-app-chat) .brand.brand-logo img{display:block!important;width:128px!important;max-width:128px!important;height:auto!important}
body:not(.mobile-app-chat) .top-spacer,body:not(.mobile-app-chat) .search{display:none!important}
body:not(.mobile-app-chat) .rp-language-desktop{display:none!important}
body:not(.mobile-app-chat) .rp-language-mobile{display:inline-flex!important;flex:0 0 auto!important;height:36px!important;margin-left:auto!important}
body:not(.mobile-app-chat) .mobile-search-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0!important}
body:not(.mobile-app-chat) .global-online-count{display:inline-flex!important;flex:0 0 auto!important;min-width:40px!important;height:36px!important;margin:0!important;padding:0 7px!important}
body:not(.mobile-app-chat) .global-online-count span{display:none!important}
body:not(.mobile-app-chat) .auth-area{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:40px!important;margin:0!important;gap:4px!important;overflow:visible!important}
body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141{min-width:62px!important;max-width:76px!important;height:36px!important;min-height:36px!important;padding:0 7px!important}
body:not(.mobile-app-chat) .auth-area .top-point-pill-v41141 span,body:not(.mobile-app-chat) .auth-area .top-mini-link>span{display:none!important}
body:not(.mobile-app-chat) .auth-area .top-notification-wrap,body:not(.mobile-app-chat) .auth-area .top-notification-btn,body:not(.mobile-app-chat) .auth-area .avatar{flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
body:not(.mobile-app-chat) .auth-area .top-mini-link{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}
body:not(.mobile-app-chat) .auth-area .top-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;max-width:58px!important;height:34px!important;padding:0 7px!important;font-size:9px!important;white-space:nowrap!important}
body:not(.mobile-app-chat) .topnav{position:absolute!important;left:0!important;right:0!important;bottom:7px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:3px!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px!important;overflow:visible!important;border:1px solid rgba(209,239,255,.18)!important;border-radius:12px!important;background:rgba(18,65,90,.34)!important}
body:not(.mobile-app-chat) .topnav>a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#e6f2f8!important;font-size:11px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.02em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:not(.mobile-app-chat) .topnav>a:hover,body:not(.mobile-app-chat) .topnav>a.active{color:#fff!important;background:rgba(9,48,72,.54)!important}
body:not(.mobile-app-chat) .topnav>a.topnav-points-v41141{color:#f0fcff!important;background:linear-gradient(135deg,rgba(19,116,151,.78),rgba(61,78,164,.66))!important}
body:not(.mobile-app-chat) .topnav>a.game-finder-link{color:#fff!important;background:linear-gradient(110deg,#146f99,#345fc7 58%,#6948c6)!important;box-shadow:0 5px 14px rgba(43,92,174,.12)!important}
}
@media (min-width:861px) and (max-width:1450px){body:not(.mobile-app-chat) .mobile-menu{display:none!important}}
@media (min-width:761px) and (max-width:860px){
body:not(.mobile-app-chat) .mobile-menu{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;margin:0!important}
body:not(.mobile-app-chat) .brand.brand-logo{flex-basis:110px!important;min-width:110px!important;max-width:110px!important}
body:not(.mobile-app-chat) .brand.brand-logo img{width:106px!important;max-width:106px!important}
body:not(.mobile-app-chat) .global-online-count{display:none!important}
body:not(.mobile-app-chat) .topnav>a{font-size:9.5px!important;padding:0 2px!important}
}

/* ROBLPANG 2026-10-19 header legibility hotfix.
   The nav gained more than eight links; keeping repeat(8) in the old header
   caused extra links to wrap over the next row and overlap the account tools.
   A dedicated second row with horizontal overflow is safer at every desktop width. */
@media (min-width:861px){
  body:not(.mobile-app-chat) .topbar{
    height:113px!important;min-height:113px!important;
  }
  body:not(.mobile-app-chat) .topbar-inner{
    position:relative!important;box-sizing:border-box!important;
    display:flex!important;flex-wrap:nowrap!important;
    align-items:center!important;gap:clamp(7px,.9vw,15px)!important;
    height:113px!important;min-height:113px!important;
    width:min(calc(100% - 30px),1580px)!important;
    max-width:1580px!important;
    margin-inline:auto!important;padding:0 0 43px!important;
    overflow:visible!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.brand.brand-logo{
    flex:0 0 clamp(110px,9vw,150px)!important;
    min-width:100px!important;max-width:150px!important;overflow:visible!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.brand.brand-logo img{
    width:100%!important;max-width:150px!important;height:auto!important;
    object-fit:contain!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.topnav{
    box-sizing:border-box!important;position:absolute!important;
    left:0!important;right:0!important;bottom:5px!important;top:auto!important;
    display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
    align-items:center!important;grid-template-columns:none!important;
    width:100%!important;height:39px!important;min-height:39px!important;
    margin:0!important;padding:3px 7px!important;gap:5px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:thin!important;scrollbar-color:rgba(177,215,237,.48) transparent!important;
    border:1px solid rgba(190,226,245,.2)!important;
    border-radius:10px!important;background:rgba(14,57,80,.29)!important;
    white-space:nowrap!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.topnav>a{
    box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
    justify-content:center!important;flex:0 0 auto!important;min-width:max-content!important;
    width:auto!important;max-width:none!important;
    height:30px!important;min-height:30px!important;
    padding:0 12px!important;margin:0!important;
    overflow:visible!important;text-overflow:clip!important;
    font-size:12px!important;line-height:1.2!important;letter-spacing:-.01em!important;
    word-break:keep-all!important;white-space:nowrap!important;
    border-radius:8px!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.topnav>a:hover,
  body:not(.mobile-app-chat) .topbar-inner>.topnav>a.active{
    background:rgba(8,48,75,.5)!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.top-spacer{flex:1 1 auto!important;min-width:3px!important}
  body:not(.mobile-app-chat) .topbar-inner>.search{
    flex:0 1 230px!important;min-width:128px!important;
    max-width:230px!important;width:auto!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.auth-area{
    display:flex!important;flex:0 1 auto!important;align-items:center!important;
    justify-content:flex-end!important;min-width:0!important;gap:6px!important;
    max-width:calc(100% - 170px)!important;
    overflow-x:auto!important;overflow-y:visible!important;
    scrollbar-width:none!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.auth-area>*{flex-shrink:0!important}
  body:not(.mobile-app-chat) .topbar-inner>.auth-area::-webkit-scrollbar{display:none}
}
@media (min-width:861px) and (max-width:1120px){
  body:not(.mobile-app-chat) .topbar-inner>.search{display:none!important}
  body:not(.mobile-app-chat) .topbar-inner>.brand.brand-logo{
    flex-basis:114px!important;min-width:114px!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.topnav>a{
    padding-inline:10px!important;font-size:11.5px!important;
  }
}
@media (min-width:761px) and (max-width:860px){
  body:not(.mobile-app-chat) .topbar{height:70px!important;min-height:70px!important}
  body:not(.mobile-app-chat) .topbar-inner{
    height:70px!important;min-height:70px!important;
    padding:0!important;align-items:center!important;
  }
  body:not(.mobile-app-chat) .topbar-inner>.topnav{display:none!important}
  body:not(.mobile-app-chat) .topbar-inner>.search{display:none!important}
}
/* Keep tooltip/popover text and controls from overlapping in account tools. */
.topbar .topnav a,.topbar .auth-area a,.topbar .auth-area button{
  white-space:nowrap!important;word-break:keep-all!important;
}