/* BODHIX / CINEMA 0.2
   Presentation-only upgrade. The original component stylesheet remains the
   functional baseline for forms, moderation and account-management workflows. */
:root{--bg:#060a09;--surface:#0c1311;--raised:#131f1a;--line:#ffffff22;--line-soft:#ffffff13;--text:#f2f6f3;--muted:#a4b2ab;--quiet:#82958b;--accent:#aeff63;--accent-dark:#132416;--radius:10px;--gutter:clamp(22px,3.1vw,84px);--console-font:"Segoe UI",Arial,sans-serif;--display-font:"Arial Black","Segoe UI",Arial,sans-serif}
html{background:var(--bg);scrollbar-color:#3b5949 #080e0b}
body{background:var(--bg);font-family:var(--console-font);overflow-x:clip}
#app{position:relative;isolation:isolate;min-height:100svh}
.main{max-width:none;width:100%;margin:0;padding:26px var(--gutter) 25px;position:relative;min-height:calc(100svh - 86px)}
.world-atmosphere{position:absolute;inset:0 0 auto;height:clamp(680px,58vw,1250px);overflow:hidden;pointer-events:none;z-index:-1}
.scene-image{position:absolute;right:0;top:0;width:85%;height:100%;max-width:none;object-fit:cover;object-position:55% 34%;filter:saturate(.87);opacity:.99;transform:scale(1.015);transition:opacity .3s;animation:world-drift 30s ease-in-out infinite alternate;will-change:transform}
.scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,#060a09 0%,#060a09ef 12%,#060a09b3 27%,#060a0929 49%,#060a0900 68%,#060a0959 100%)}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#060a0940 0%,transparent 25%,#060a0900 43%,#060a09a1 72%,#060a09 97%)}
.scene-switch{opacity:.35}
.atmosphere-line{position:absolute;height:1px;bottom:15%;width:48%;left:22%;background:linear-gradient(90deg,transparent,#b7dfbc2d,transparent)}
.section-atmosphere{height:clamp(700px,63vw,1180px)}
.section-atmosphere .scene-image{inset:0;width:100%;height:100%;object-position:center 18%;opacity:.9;filter:saturate(.9) contrast(1.04)}
.section-atmosphere .scene-wash{background:linear-gradient(90deg,#060a09f8 0%,#060a09dc 18%,#060a0978 39%,#060a091f 68%,#060a095e 100%)}
.section-atmosphere .scene-vignette{background:linear-gradient(180deg,#060a096e 0%,transparent 24%,#060a092b 50%,#060a09e8 88%,#060a09 100%)}
.section-atmosphere[data-art="beta-club"] .scene-image{object-position:center 14%}
.section-atmosphere[data-art="live"] .scene-image{object-position:center 25%}
.section-atmosphere[data-art="rewards"] .scene-image{object-position:center 20%}
.section-atmosphere[data-art="social"] .scene-image{object-position:center 18%}
.section-atmosphere[data-art="labs"] .scene-image{object-position:center 20%}
.section-atmosphere[data-art="beta-club"] .atmosphere-line{background:linear-gradient(90deg,transparent,#b187ff55,transparent)}
.section-atmosphere[data-art="rewards"] .atmosphere-line{background:linear-gradient(90deg,transparent,#ffe89a55,transparent)}
.section-atmosphere[data-art="social"] .atmosphere-line{background:linear-gradient(90deg,transparent,#dca2ff44,transparent)}
@keyframes world-drift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.04) translate3d(-.4%,.3%,0)}}
.topbar{height:86px;padding:0 var(--gutter);gap:clamp(25px,3vw,70px);background:linear-gradient(180deg,#060b09ce,#070d0a40);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff13;position:sticky;top:0;z-index:40}
.brand{gap:12px}.brand img{width:32px;height:32px}.brand-text{font-size:clamp(27px,2.15vw,47px);font-family:var(--display-font);font-weight:950;letter-spacing:1.2px;line-height:1}.brand-text>span{color:var(--accent)}.brand-sub{display:block;font-size:7px;font-weight:600;letter-spacing:2.3px;margin-top:9px;color:#c4d0c7}
.nav{gap:clamp(19px,2vw,44px)}.nav a{font-size:12px;text-transform:uppercase;font-weight:550;letter-spacing:1.5px;color:#b7c2ba}.nav a:hover,.nav a.active{color:#d2ffb6}.nav a.active:after{bottom:18px;width:100%;height:2px;background:var(--accent);box-shadow:0 0 17px #aaff75;left:0;transform:none}
.header-tools{margin-left:auto;gap:16px;min-width:0}.icon-button{border-radius:8px;min-width:36px;min-height:36px}.icon-button.bare{color:#c7d2ca}.header-tools .settings-shortcut{display:inline-flex}.profile-pill{border:1px solid #ffffff15;padding:7px 12px 7px 7px;background:#07100c88;border-radius:8px;gap:10px}.profile-pill strong{font-size:13px;font-weight:650}.profile-pill small{font-size:9px;color:#b8eb9b;letter-spacing:.6px}.profile-pill>.icon{margin-left:12px}.avatar{border:1px solid #b0dcac4d;background:#172018;box-shadow:0 0 0 3px #ffffff06;overflow:hidden}.avatar img{object-fit:cover}.build-indicator{font-size:8px;letter-spacing:1.5px;color:#bcc6ba;white-space:nowrap;display:flex;align-items:center;gap:7px}.build-indicator i{width:4px;height:4px;border-radius:50%;background:#bfd39a}.header-tools>.build-indicator{position:absolute;right:var(--gutter);top:99px}.notification-dot{background:var(--accent)}
.overline{font-size:10px;letter-spacing:2.2px;color:#bceba6}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#adbbb0}.button{border-radius:7px;padding:13px 19px;min-height:45px;font-size:12px;letter-spacing:.2px;background:#101b15c9;backdrop-filter:blur(12px);border-color:#ffffff24}.button:hover{background:#233326c9;border-color:#a9ed9877}.button.primary{color:#07130b;background:linear-gradient(135deg,#bbff84,#97eb5b);border-color:#d0ffb28c;box-shadow:0 0 22px #a5ff5518}.button.primary:hover{background:#c5ffa0;box-shadow:0 0 30px #a5ff5538}.button.small{min-height:37px;font-size:11px}.button.ghost{background:#0b140ec2}.text-link{font-size:11px;gap:9px;color:#c4d0c4}.badge{border-radius:4px;font-size:8px;letter-spacing:1px;padding:5px 8px}.badge.lime,.badge.green{color:#c3ffa8;border:1px solid #c3ffa831;background:#98f76711}.badge.muted{background:#0a110ecc;border:1px solid #ffffff28;color:#d1dacf}.panel,.console-panel{border:1px solid #ffffff21;background:linear-gradient(120deg,#131e17b8,#080f0bcc);border-radius:10px;backdrop-filter:blur(16px);box-shadow:0 12px 45px #00000015}.panel h2{font-size:17px;font-weight:550}.panel-head{margin-bottom:22px}.notice{font-size:11px;line-height:1.7;background:#142015c7;border-color:#accd992a;border-radius:6px;backdrop-filter:blur(12px)}.notice.warning{background:#201d13c2;color:#c4baa3;border-color:#b1a56d3d}.progress-track{height:5px;background:#ffffff12;border-radius:5px;overflow:hidden}.progress-track>span{background:linear-gradient(90deg,#66d99c,#b5ff87);box-shadow:0 0 12px #a8ff7760}
/* Home: the UI sits in the selected world, not inside an illustration card. */
body[data-surface="home"] .main{padding-top:19px}.console-welcome{display:flex;align-items:center;gap:22px;height:27px;font-size:11px;color:#bcc6bf}.console-welcome>span:last-child{padding-left:22px;border-left:1px solid #ffffff26}.console-welcome strong{color:#e7f0e8;font-weight:600}.console-stage{position:relative;min-height:clamp(410px,30vw,680px);display:grid;grid-template-columns:minmax(0,1fr) clamp(258px,20vw,370px);gap:28px;padding:20px 0 26px;align-items:start}.spotlight{padding-top:8px;position:relative;max-width:min(50vw,780px)}.spotlight-copy{max-width:600px;animation:copy-in .3s ease-out}.spotlight-kicker{display:flex;align-items:center;gap:11px;color:#bdedb7;font-size:10px;letter-spacing:1.8px;font-weight:600}.kicker-divider{width:22px;height:1px;background:#b4deaf58}.world-title{font-family:var(--display-font);font-size:clamp(70px,6.65vw,155px);font-weight:950;letter-spacing:-4px;line-height:.92;color:white;margin:22px 0 13px;max-width:690px;text-shadow:0 4px 30px #0005}.world-title>span{display:block;color:#dceecb}.world-title.rally-title{font-style:italic;letter-spacing:-5px}.world-title.rally-title>span{color:#c2ff9c}.world-tagline{font-size:clamp(15px,1.1vw,25px);font-weight:550;letter-spacing:.15px;color:#e8f0e4;max-width:430px;line-height:1.4}.spotlight-description{max-width:390px;font-size:12px;line-height:1.8;color:#bcc9bf;margin-top:13px}.spotlight-actions{display:flex;gap:12px;align-items:center;margin:25px 0 22px}.play-button{height:54px;min-width:194px;letter-spacing:2px;font-size:14px}.spotlight-facts{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#c5cfbf}.spotlight-facts>span{display:flex;align-items:center;gap:7px}.spotlight-facts svg{color:#9aaa9b}.console-deck{display:flex;flex-direction:column;gap:14px;padding-top:10px}.id-deck{padding:18px 19px}.deck-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.4}.deck-heading>span{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#d9e3d9}.deck-heading small{font-size:9px;color:#b2e095;font-weight:400;margin-left:10px;letter-spacing:.4px}.deck-heading a{display:inline-flex}.identity-meter{display:flex;gap:19px;align-items:center;margin:24px 0}.xp-orbit{--progress:0%;width:86px;height:86px;flex-shrink:0;border-radius:50%;background:conic-gradient(from -80deg,#b8ff8b var(--progress),#ffffff0d 0);padding:5px;box-shadow:0 0 24px #78d59615}.xp-orbit>span{background:#0a140e;border-radius:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 24px #000c}.xp-orbit small{font-size:9px;letter-spacing:2px;color:#b7c6b8}.xp-orbit strong{font-size:35px;line-height:1.15;font-weight:550}.xp-summary{flex:1;min-width:0}.xp-summary>strong{display:block;font-size:30px;font-weight:550;margin-bottom:10px;color:#b5ebbf}.xp-summary>strong small{font-size:18px}.xp-summary>span{display:block;font-size:9px;letter-spacing:.5px;margin-top:8px;color:#b3c1b5}.id-deck-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:14px;gap:8px}.id-deck-bottom>a{font-size:9px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:#c1d0bf}.id-deck-bottom svg{color:#bde7a6}.guest-deck h2{font-size:25px;font-weight:600;line-height:1.25;margin:21px 0 13px;letter-spacing:-.5px}.guest-deck h2>span{color:#cbf4ae}.guest-deck p{font-size:11px;line-height:1.8;color:#becbbd;margin-bottom:20px}.guest-deck>small{font-size:9px;color:#a6b99d;display:block;margin-top:11px;text-align:center}.vault-deck{padding:18px 19px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 70% 50%,#61894b30,transparent 70%),#08100dc9}.vault-deck h3{font-size:20px;line-height:1.25;font-weight:450;letter-spacing:-.3px;margin:16px 0 6px}.reward-medals{display:flex;gap:13px;position:absolute;right:20px;bottom:40px;opacity:.75}.reward-medals>span{background:linear-gradient(135deg,#bfd38d22,#22372133);border:1px solid #cafaab38;width:45px;height:50px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);color:#cde9ad;transform:rotate(9deg)}.reward-medals>span:first-child{display:none}.vault-link{display:block;margin-top:26px;font-size:9px;letter-spacing:.7px;color:#bed0b2}.world-caption{position:absolute;bottom:24px;right:calc(20vw + 52px);font-size:7px;letter-spacing:2px;color:#dce5ca82}.world-caption>span{margin:0 8px}.spotlight-rail-header{display:flex;align-items:center;justify-content:space-between;margin:3px 0 13px}.spotlight-rail-header>div{display:flex;align-items:center;gap:22px}.rail-instruction{font-size:10px;color:#a4b3a3}.spotlight-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.spotlight-tile{height:clamp(164px,13.9vw,330px);position:relative;padding:0;text-align:left;border-radius:8px;border:1px solid #ffffff34;overflow:hidden;isolation:isolate;background:#08120d;transition:transform .2s,border-color .2s,box-shadow .2s}.spotlight-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s;filter:saturate(.83)}.spotlight-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0004 0%,transparent 40%,#050c04ed 100%)}.spotlight-tile:hover{transform:translateY(-4px);border-color:#b4eea8a6}.spotlight-tile:hover>img{transform:scale(1.045)}.spotlight-tile.is-selected{border:2px solid #c4f6ac;box-shadow:0 0 19px #97f8722e,0 0 0 3px #a8e7800c}.tile-status{position:absolute;top:11px;left:12px;font-size:7px;padding:4px 6px;border:1px solid #ffffff26;border-radius:3px;background:#07100dad;letter-spacing:1px;color:#d9e5cf}.tile-number{position:absolute;right:12px;top:14px;color:#edf4d5a3;font-size:9px;letter-spacing:1px}.tile-name{position:absolute;bottom:31px;left:15px;right:12px;color:white;font-family:var(--display-font);font-size:clamp(13px,1.3vw,29px);font-weight:900;letter-spacing:.3px}.tile-genre{position:absolute;bottom:14px;left:16px;font-size:8px;letter-spacing:2px;color:#cfdfc4;text-transform:uppercase}.tile-indicator{position:absolute;right:11px;bottom:10px;color:#d7ffb8;opacity:0}.is-selected .tile-indicator{opacity:1}.console-bottom{display:grid;grid-template-columns:1.6fr 1.15fr 1fr;gap:15px;margin-top:23px}.console-bottom>.console-panel{padding:19px 20px}.crew-inner{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:16px}.crew-inner .friend-strip{margin:0;gap:19px;flex-wrap:nowrap;min-width:0;overflow-x:auto}.friend-strip-item{min-width:51px;font-size:11px;gap:9px}.friend-strip-item>span:not(.avatar){font-size:10px}.friend-strip-item>small{font-size:8px}.friend-add{width:49px;height:49px;border:1px solid #ffffff35;background:#ffffff04;color:#a9c995}.friend-strip-item .online-dot:not(.active){background:#57615b}.friend-strip-item .online-dot.active{background:#acfc82}.crew-quote{flex-shrink:0;font-size:12px;line-height:1.9;color:#c3dbb9;font-weight:350;letter-spacing:.4px}.crew-quote>em{font-style:normal;color:#81947e}.continue-row{display:flex;align-items:center;gap:12px;margin-top:13px;padding-top:10px;border-top:1px solid #ffffff0c;min-width:0}.continue-row>img{width:73px;height:46px;object-fit:cover;border-radius:4px}.continue-row>div{min-width:0;flex:1}.continue-row strong{display:block;font-size:11px;font-weight:600;letter-spacing:.3px}.continue-row small{display:block;color:#9cab99;font-size:9px;margin-top:6px}.continue-row>.icon{color:#b7cdb1}.membership-deck{background:radial-gradient(ellipse at right,#84964421,transparent 65%),#0b130fcf;position:relative;overflow:hidden}.membership-deck:after{content:"+";position:absolute;right:1px;bottom:-65px;color:#bde39d0a;font-size:240px;pointer-events:none}.membership-deck h3{font-family:var(--display-font);font-size:21px;line-height:1.23;letter-spacing:-.6px;margin:14px 0 9px}.membership-deck h3>span{color:#bdeda6}.membership-deck p{color:#b7c2ae;font-size:9px;line-height:1.8}.membership-price{margin-top:14px;display:block;font-size:20px;font-weight:600;line-height:1.3}.membership-price small{font-size:8px;color:#c0c8b6;display:block;font-weight:400;margin-top:5px}.coming-note{display:block;font-size:8px;color:#9caa93;margin-top:5px}.platform-footer{font-size:9px;padding-top:19px;margin-top:29px;min-height:45px;color:#8a9e87;letter-spacing:1px;border-top-color:#cfecbb1c}.platform-footer strong{color:#c2f6a7;letter-spacing:2px}.footer-links{gap:20px}.footer-links a{color:#c0d0b7}.mobile-dev-badge{display:none}
/* Library / beautiful real cards, not screenshots of a dashboard. */
body[data-surface="library"] .world-atmosphere{height:660px;opacity:.65}body[data-surface="library"] .scene-wash{background:linear-gradient(90deg,#060a09e8,#060a09bd 30%,#060a0955 100%)}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:19px 0 37px;gap:30px;min-height:165px}.library-heading h1{font-family:var(--display-font);font-size:clamp(42px,4vw,93px);line-height:.98;letter-spacing:-2px;margin:17px 0 13px;font-weight:900}.library-heading h1>span{color:#cee8bf}.library-heading p{font-size:12px;color:#b8c5b5}.library-counter{display:flex;align-items:center;gap:15px;padding-bottom:10px}.library-counter>strong{font-size:60px;font-weight:250;color:#d3efc7}.library-counter>span{font-size:9px;letter-spacing:3px;line-height:1.8;color:#c4d2ba}.library-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px}.library-sidebar{border-right:1px solid #ffffff17;padding-right:22px}.library-sidebar>.eyebrow{font-size:8px;color:#c1d4ba}.library-filters{display:flex;flex-direction:column;gap:6px;margin-top:23px}.library-filters .chip{display:flex;align-items:center;justify-content:flex-start;gap:13px;background:transparent;border:1px solid transparent;padding:14px 11px;width:100%;border-radius:6px;color:#b9c8b4;font-size:12px;min-height:46px}.library-filters .chip:hover{background:#bddfa40b}.library-filters .chip.active{background:linear-gradient(90deg,#b7fd871a,#93d87705);border-color:#b8e69766;box-shadow:inset 3px 0 0 #b4ed8f;color:#dbffc4}.filter-count{margin-left:auto;background:#c2edab16;font-size:9px;padding:3px 5px;border-radius:3px}.library-plus{margin-top:33px;padding:24px 10px;border-top:1px solid #ffffff22;display:flex;flex-direction:column;align-items:flex-start;gap:13px;color:#d4e9c4}.library-plus strong{font-size:20px;line-height:1.2;letter-spacing:1px}.library-plus strong span{color:#b7ff7a}.library-plus small{font-size:10px;color:#94aa8c}.library-main{min-width:0}.catalogue-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.catalogue-controls .eyebrow{font-size:9px}.catalogue-controls p{font-size:11px;color:#afbfaa;margin-top:4px}.search-field{border:1px solid #ffffff29;border-radius:7px;background:#07110ccc;min-width:250px;padding:12px 15px;backdrop-filter:blur(14px)}.search-field input{font-size:12px;color:#e6eee1}.search-field input::placeholder{color:#91a88e}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cinema-card{border-radius:8px;background:#08100a;box-shadow:0 10px 25px #0003}.cinema-card .card-art{height:320px;aspect-ratio:unset;position:relative;overflow:hidden;background:#111a11}.cinema-card .card-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.87);transition:transform .65s,filter .65s}.cinema-card .card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07110b 0%,#07110b00 58%,#07110b33 100%)}.cinema-card .card-art>.badge{position:absolute;top:16px;left:15px;z-index:2}.cinema-card .card-copy{position:relative;margin-top:-78px;min-height:115px;padding:18px 18px 19px;z-index:1;pointer-events:none}.cinema-card .card-copy .eyebrow{font-size:8px;font-weight:450;letter-spacing:1px;color:#d4e4c5}.cinema-card .card-copy h3{font-family:var(--display-font);font-size:clamp(19px,1.6vw,29px);font-weight:900;letter-spacing:.1px;margin:6px 0;color:#f4fbec;line-height:1.08}.cinema-card .card-copy p{font-size:10px;color:#baccb2;line-height:1.4}.cinema-card:hover .card-art img{filter:saturate(1)}.cinema-card .favorite-button{z-index:3;right:12px;top:12px;width:32px;height:32px;background:#07110d99;border-color:#ffffff4d}.cinema-card .card-arrow{bottom:85px;right:17px;z-index:3;background:#101b10ac;border:1px solid #e5ffd483;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#d3ffb9}.art-disclosure{font-size:9px;letter-spacing:.6px;color:#9db294;margin-top:27px;line-height:1.7}
/* Detail & shared inner surfaces. */
.cinema-detail.hero{border:0;border-radius:0;background:none;overflow:visible;min-height:520px;isolation:auto}.cinema-detail.hero:before,.cinema-detail.hero:after{display:none}.cinema-detail .spotlight-copy{padding:21px 0 34px;max-width:600px}.hero-world-caption{position:absolute;right:var(--gutter);bottom:50px;display:flex;align-items:center;gap:12px;font-size:9px;line-height:1.7;letter-spacing:2px;color:#c4deba}.detail-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.detail-description{font-size:14px!important;line-height:1.9!important;max-width:700px}.page-intro{margin-top:25px;margin-bottom:29px;min-height:98px}.page-intro h1{font-size:clamp(34px,3.6vw,75px);font-weight:850;font-family:var(--display-font);letter-spacing:-1.3px;line-height:1.1}.page-intro p{font-size:12px;line-height:1.8;color:#b5c5b0}.workspace-meta .workspace-badge{font-size:7px;letter-spacing:.8px;border-color:#e8ebcf26}.timestamp{color:#aabb9e;font-size:9px}.workspace-meta{font-size:9px;line-height:1.8}.section-kicker{font-size:9px;color:#c5dabb}.section-kicker:before{height:1px;background:#b1d791}.page-intro .workspace-meta{display:none}.auth-box{background:linear-gradient(150deg,#101c15ee,#050d09eb);border-color:#d0f3b62c;box-shadow:0 30px 90px #0008;max-width:510px;padding:38px;border-radius:12px;backdrop-filter:blur(22px);margin:40px auto}.auth-box h1{font-size:40px;font-weight:750;letter-spacing:-1.3px}.auth-box .auth-note{font-size:10px}.field input,.field textarea,.field select{background:#060e09b9;border:1px solid #c2d8b838;font-size:14px;min-height:46px;padding:12px 14px}.field>span{font-size:12px}.field small{font-size:11px;color:#a1b397}.account-layout{grid-template-columns:245px minmax(0,1fr);gap:38px}.account-content{max-width:1050px}.account-content>.panel{padding:30px;border-color:#b5d99a2e;background:#0d1810dc}.account-nav{padding:13px 17px 25px 0;border-right:1px solid #bfd0b524}.account-nav a{font-size:13px;padding:16px 16px;gap:13px}.account-nav a.active{border-color:#aadc8463;background:#aefc6a0e}.account-caption{font-size:12px;line-height:1.8}.profile-stats .mini-stat{background:#101b0dbd}.player-banner{border-radius:12px;background:linear-gradient(90deg,#0b180ff0,#0b180fb0 50%,#0b180f30),url('/assets/worlds/city-hero.webp') center 52%/cover!important;min-height:300px}.player-banner h1{font-size:clamp(40px,4.5vw,78px);font-weight:800}.player-banner:after{display:none}.player-banner .avatar{border-color:#d4e3c857;box-shadow:0 0 0 8px #d7f5cb0b}.achievement-card{background:linear-gradient(145deg,#1e33178a,#0c180ab5);border-color:#c1e59e27;border-radius:9px;padding:24px 17px}.achievement-card .icon{filter:drop-shadow(0 0 17px #aeff6033);color:#d3ecb8}.achievement-card h3{font-size:13px}.achievement-card p{font-size:11px;line-height:1.6}.level-banner{background:linear-gradient(115deg,#0d1c11e9,#112b15b8);border-color:#c4fa9438}.level-banner h2{font-size:25px}.reward-card{border-color:#c1d4b333;background:#0b170fe0;border-radius:10px}.reward-art{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--reward-accent) 20%,transparent),#071109);height:200px}.reward-art>.icon{filter:drop-shadow(0 0 25px color-mix(in srgb,var(--reward-accent) 40%,transparent));transform:rotate(-8deg);width:70px;height:70px}.reward-card h3{font-size:20px}.reward-card p{font-size:12px}.rewards-grid{gap:22px}.plus-hero{border-color:#c4e1a345;border-radius:12px;background:linear-gradient(105deg,#0d1c10ed,#122d15ce),url('/assets/worlds/city-cover.webp') center/cover}.plus-hero h1{font-family:var(--display-font);font-size:clamp(45px,4vw,90px);font-weight:900}.plus-hero p{color:#c4d5bc}.plus-price span{color:#bcc8ae}.plus-hero .overline,.plus-hero .purple-text{color:#c4eea3}.plus-benefit{background:#101b10c7;border-color:#bfdba332;border-radius:10px}.plus-benefit>.icon{color:#c9eeb2}.plus-benefit h3{font-size:17px}.plus-benefit p{font-size:12px;color:#a8bca0}
/* Social: atmospheric landscape, independent panes and substantial profiles. */
body[data-surface="social"] .world-atmosphere{height:680px}.social-layout{border:0;border-radius:0;background:none;gap:16px;grid-template-columns:280px minmax(0,1fr) 285px;overflow:visible;min-height:620px}.social-roster,.chat-pane,.chat-profile{border:1px solid #d0e6c232;border-radius:10px;background:#0a160edb;backdrop-filter:blur(17px);min-width:0;overflow:hidden}.social-roster{background:linear-gradient(135deg,#172218ec,#0a120dea)}.roster-header{padding:20px 17px 16px}.roster-header h2{font-size:14px;font-weight:500}.roster-header h2>span{display:block;margin-top:7px;font-size:10px}.roster-tabs{margin-top:18px;gap:3px;display:flex;flex-wrap:wrap}.roster-tabs .chip{padding:8px 9px;font-size:10px;min-height:34px}.roster-list{padding:0 10px 14px}.roster-person{padding:13px 11px;border-radius:6px;border:1px solid transparent}.roster-person.active{background:linear-gradient(90deg,#bfff711c,#91c88405);border-color:#a4da7b57;box-shadow:inset 2px 0 0 #c1ff97}.roster-person .person-copy strong{font-size:13px}.roster-person .person-copy small{font-size:10px;line-height:1.4}.chat-pane{height:620px;background:linear-gradient(180deg,#102115d9,#07120cdd)}.chat-header{min-height:82px;padding:19px 23px;background:#08140e57}.chat-header h2{font-size:17px}.chat-header p{font-size:10px}.chat-messages{padding:30px 25px;gap:25px}.chat-date{color:#98b48b;font-size:8px}.message-bubble{font-size:13px;line-height:1.8;background:#253326bb;border:1px solid #c2d7b816;border-radius:0 11px 11px 11px;max-width:410px;padding:13px 17px}.own .message-bubble{background:#86bd5e20;border:1px solid #b1e9883b;border-radius:11px 0 11px 11px;color:#e1f3d6}.message-meta{font-size:9px;color:#95b285}.chat-compose{padding:19px 22px}.chat-compose input{height:49px;font-size:13px;background:#06100aa6;border-color:#abc6963b}.chat-compose .button{height:49px}.chat-profile{position:relative;padding-top:110px;background:#0d1a10e8}.social-profile-cover{position:absolute;inset:0 0 auto;height:155px;z-index:-1}.social-profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d1a10,transparent)}.social-profile-cover img{width:100%;height:100%;object-fit:cover;object-position:center 29%;opacity:.8}.chat-profile>.avatar{border:2px solid #c2deab97;box-shadow:0 0 0 6px #9fc67e13;position:relative;z-index:1}.chat-profile h2{font-size:27px;line-height:1.1}.chat-profile .handle{font-size:11px;margin-top:8px}.chat-profile .profile-tools .button{font-size:11px;min-height:42px}.chat-profile .account-caption{font-size:11px}.chat-profile .mini-heading{color:#b5cb9e}.social-layout + .notice{margin-top:23px}.request-item{padding:14px 9px}.request-item .button{font-size:10px;padding:8px;min-height:36px}
/* Command is an operator product, not an extension of a hero card. */
body[data-surface="command"] .world-atmosphere{height:500px;opacity:.38}body[data-surface="command"] .scene-wash{background:linear-gradient(90deg,#060a09 0%,#060a09d9 30%,#060a098c 80%)}.command-topbar{background:#080f0add;gap:38px}.command-topbar .brand{width:190px}.command-search{display:flex;align-items:center;gap:13px;border:1px solid #b6d0a427;background:#0d170fb3;border-radius:7px;padding:12px 16px;color:#aabb9e;width:360px;font-size:12px}.command-search kbd{margin-left:auto;font-size:10px;padding:3px 7px;border:1px solid #c5daba25;border-radius:4px}.command-layout{grid-template-columns:234px minmax(0,1fr);min-height:calc(100svh - 86px)}.command-sidebar{top:86px;height:calc(100svh - 86px);padding:27px 17px;background:#071009c4;backdrop-filter:blur(16px);border-right-color:#b7ceab23}.command-wordmark>strong{font-size:25px;letter-spacing:.6px;font-weight:600}.command-wordmark .eyebrow{font-size:8px}.sidebar-label{color:#9aaf8f;margin:28px 12px 13px;font-size:9px;letter-spacing:1.8px}.command-sidebar a{font-size:12px;padding:14px 13px;gap:12px;border-radius:5px}.command-sidebar a.active{background:linear-gradient(90deg,#9df27719,#b4ee9a08);border-color:#b4ee9a5c;box-shadow:inset 2px 0 0 #b4ee9a;color:#dcf6cb}.sidebar-bottom .workspace-meta{font-size:8px;color:#96a28a}.sidebar-health{font-size:10px}.sidebar-health small{font-size:9px;margin-top:7px}.command-main{max-width:none;padding:31px clamp(24px,2.6vw,65px) 30px}.command-main .page-intro{margin-top:0;min-height:95px}.command-main .page-intro h1{font-size:clamp(29px,2.7vw,66px);font-weight:900;letter-spacing:1px}.command-main .page-intro p{font-size:12px}.command-main .page-intro .section-kicker{font-size:8px}.command-main>.notice{background:#151b12b8;padding:10px 14px;margin:0 0 23px;font-size:10px;max-width:100%;color:#c6cbb4}.stats-grid{gap:16px;margin:22px 0}.stat-card{background:linear-gradient(130deg,#1b2c17ac,#07140ecf);border:1px solid #c3e9a42b;border-radius:8px;padding:20px 21px;min-height:137px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;height:1px;left:18px;right:18px;background:linear-gradient(90deg,#abe37a77,transparent)}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#bcceae;display:flex;gap:10px;align-items:center}.stat-label svg{color:#c0e9a5}.stat-card>strong{font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:16px 0 10px;display:block}.stat-card>small{font-size:10px;color:#b1c29f;line-height:1.7}.dashboard-two{gap:20px;margin:20px 0}.command-main .panel{padding:23px;background:linear-gradient(140deg,#101e13e6,#08120def);border-color:#c1d3b72b;border-radius:8px}.command-main .panel h2{font-size:17px;color:#e8f4dc;font-weight:500;margin-top:5px}.command-main .panel .eyebrow{font-size:9px;color:#bceca1;letter-spacing:1.4px}.command-main .panel-head{margin-bottom:20px}.chart-header strong{font-size:32px}.chart-header span{font-size:10px}.chart svg{height:175px}.chart-labels,.chart-scale{font-size:9px}.mini-metrics strong{font-size:31px;color:#e5f1d6;font-weight:450}.mini-metrics span{font-size:11px;color:#b3c8a3}.mini-note{font-size:10px;color:#a3b496;line-height:1.9}.health-line{font-size:12px;border-color:#e0eaca13;padding:13px 0}.health-line .badge{font-size:8px}.table-game img{width:67px;height:43px;object-fit:cover;border-radius:5px;border:1px solid #dff7c82a}.table-game strong{font-size:11px;letter-spacing:.3px}.table-wrap table th{font-size:9px;letter-spacing:1px;color:#a9bd9b;font-weight:450;text-transform:uppercase}.table-wrap table td{font-size:12px;padding:15px 12px;border-color:#c1d7af10}.table-wrap table td small{font-size:10px;color:#a2b694}.table-wrap table td strong{font-weight:600}.command-main .panel-head .text-link{font-size:10px}.command-main .command-tools{min-width:0;flex-shrink:0}.select-compact{background:#0e1b11b3;border-color:#acc5943d;padding:10px 12px;font-size:11px;min-height:38px}.command-main .platform-footer{font-size:8px;letter-spacing:.6px}.command-main .stats-grid:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.modal{background:linear-gradient(150deg,#192819f7,#08130dfc);border-color:#d6f4bf40;border-radius:13px;box-shadow:0 35px 140px #000c}.modal-head h2{font-size:22px;font-weight:600}.modal-backdrop{backdrop-filter:blur(10px);background:#000a}.toast{border-color:#b8e49069;background:#182918f5;box-shadow:0 15px 50px #0008;color:#e3f6d3}.search-thumb{object-fit:cover;border:1px solid #cce9b333}.search-result:hover{background:#bde29310}.form-error{color:#ffa497}
/* Keyboard and device adaptation. No animated effect is required to use the app. */
@keyframes copy-in{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
:focus-visible{outline:2px solid #d1ffb0!important;outline-offset:4px!important}
@media(min-width:1750px){.main{padding-top:32px}.console-stage{padding-top:30px}.spotlight-description{max-width:480px;font-size:14px}.spotlight-kicker{font-size:12px}.console-welcome{font-size:13px}.console-deck{gap:20px}.id-deck,.vault-deck{padding:25px}.xp-orbit{width:110px;height:110px}.xp-orbit strong{font-size:43px}.xp-summary>strong{font-size:40px}.xp-summary>span{font-size:11px}.id-deck-bottom>a{font-size:11px}.deck-heading>span{font-size:11px}.vault-deck h3{font-size:28px}.reward-medals{bottom:44px}.reward-medals>span{width:58px;height:66px}.reward-medals>span:first-child{display:grid}.vault-link{font-size:10px;margin-top:36px}.console-bottom>.console-panel{padding:24px}.crew-quote{font-size:15px}.spotlight-facts{font-size:12px}.play-button{height:62px;min-width:240px}.spotlight-actions{margin:30px 0 25px}.continue-row{margin-top:17px}.continue-row>img{width:92px;height:55px}.continue-row strong{font-size:14px}.continue-row small{font-size:11px}.membership-deck h3{font-size:27px}.membership-deck p{font-size:11px}.membership-price{font-size:24px}.membership-price small{font-size:10px}.coming-note{font-size:9px}.library-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cinema-card .card-art{height:390px}.cinema-card .card-copy{padding-bottom:24px}.stat-card>strong{font-size:45px}.stat-label{font-size:12px}.stat-card>small{font-size:12px}.command-main .panel h2{font-size:20px}.table-wrap table td{font-size:14px}.table-game strong{font-size:13px}.command-sidebar a{font-size:13px}}
@media(min-width:2300px){.topbar{height:106px}.nav a{font-size:17px}.brand-sub{font-size:9px}.brand img{width:45px;height:45px}.header-tools{gap:24px}.profile-pill strong{font-size:17px}.profile-pill small{font-size:11px}.console-stage{min-height:650px}.spotlight-description{font-size:19px;max-width:600px}.console-deck{padding-top:28px}.id-deck,.vault-deck{padding:30px}.identity-meter{gap:25px;margin:33px 0}.xp-orbit{width:135px;height:135px}.xp-orbit strong{font-size:54px}.deck-heading>span{font-size:14px}.id-deck-bottom>a{font-size:14px}.vault-deck h3{font-size:34px}.guest-deck h2{font-size:38px}.guest-deck p{font-size:16px}.console-bottom{gap:24px;margin-top:32px}.console-bottom>.console-panel{padding:28px}.spotlight-rail{gap:20px}.tile-status{font-size:10px}.tile-genre{font-size:11px}.spotlight-facts{font-size:15px}.console-welcome{font-size:16px}.rail-instruction,.text-link{font-size:13px}.overline{font-size:13px}.library-heading p{font-size:17px}.library-layout{grid-template-columns:260px minmax(0,1fr);gap:40px}.library-filters .chip{font-size:17px;padding:17px}.cinema-card .card-art{height:450px}.cinema-card .card-copy .eyebrow{font-size:11px}.cinema-card .card-copy p{font-size:14px}.command-layout{grid-template-columns:290px minmax(0,1fr)}.command-sidebar{top:106px;height:calc(100svh - 106px)}.command-sidebar a{font-size:17px;padding:18px 15px}.command-main .panel{padding:29px}.chart svg{height:245px}.stats-grid{gap:25px}.stat-card{padding:27px}.social-layout{grid-template-columns:370px minmax(0,1fr) 400px;gap:25px}.chat-pane{height:850px}.roster-person .person-copy strong{font-size:18px}.roster-person .person-copy small{font-size:13px}.chat-header h2{font-size:24px}.chat-compose input,.message-bubble{font-size:17px}.chat-profile h2{font-size:36px}.chat-profile .account-caption{font-size:14px}.account-layout{grid-template-columns:300px minmax(0,1fr)}.account-content{max-width:1450px}.field input,.field textarea,.field select{font-size:18px}.account-nav a{font-size:18px;padding:22px}.field>span{font-size:16px}.page-intro p{font-size:17px}.panel h2{font-size:23px}.platform-footer{font-size:12px}.build-indicator{font-size:10px}.header-tools>.build-indicator{top:120px}}
@media(max-width:1250px){.topbar{gap:24px}.nav{gap:18px}.nav a{font-size:10px;letter-spacing:1px}.header-tools{gap:10px}.brand-text{font-size:26px}.brand-sub{font-size:6px;letter-spacing:1.5px}.header-tools .desktop-tool,.header-tools .settings-shortcut{display:none}.profile-pill>div{display:none}.profile-pill>.icon{display:none}.profile-pill{padding:0;border:0;background:none}.console-stage{grid-template-columns:minmax(0,1fr) 252px;min-height:440px}.spotlight{max-width:55vw}.world-title{font-size:85px}.spotlight-description{max-width:345px;font-size:11px}.spotlight-facts{gap:13px;font-size:9px}.spotlight-actions{gap:9px}.play-button{min-width:170px;font-size:12px}.console-bottom{grid-template-columns:1.3fr 1fr}.membership-deck{display:none}.crew-quote{font-size:11px}.spotlight-tile{height:168px}.tile-name{font-size:15px}.tile-status{font-size:6px}.social-layout{grid-template-columns:250px minmax(0,1fr) 240px;gap:11px}.chat-profile{padding-left:15px;padding-right:15px}.roster-header{padding-left:14px;padding-right:14px}.roster-tabs .chip{font-size:9px;padding:7px}.library-layout{grid-template-columns:165px minmax(0,1fr);gap:23px}.library-filters .chip{font-size:11px;padding-left:9px;gap:9px}.library-sidebar{padding-right:15px}.catalogue-grid{gap:16px}.cinema-card .card-art{height:290px}.cinema-card .card-copy h3{font-size:18px}.cinema-card .card-copy{padding-left:14px;padding-right:14px}.command-layout{grid-template-columns:205px minmax(0,1fr)}.command-sidebar a{font-size:11px;padding:13px 10px}.command-search{width:310px}.command-topbar .brand{width:auto}.command-main{padding:26px 23px}.command-main .page-intro h1{font-size:29px}.command-main .stat-card{padding:17px 15px}.stat-label{font-size:8px;letter-spacing:.8px}.stat-card>strong{font-size:30px}.stat-card>small{font-size:9px}.command-main .panel{padding:18px}.table-wrap table td{font-size:10px;padding:12px 8px}.table-game img{width:51px;height:37px}.table-game strong{font-size:10px}.mini-metrics strong{font-size:27px}}
@media(max-width:1000px){.nav{gap:15px}.header-tools{gap:9px}.topbar{gap:20px;padding-left:25px;padding-right:25px}.brand-text{font-size:24px}.brand img{width:27px;height:27px}.brand-sub{display:none}.console-stage{grid-template-columns:1fr;min-height:455px}.console-deck{display:none}.spotlight{max-width:70vw}.spotlight-description{max-width:370px}.world-caption{right:5%;bottom:35px}.scene-image{width:100%;object-position:57% center}.scene-wash{background:linear-gradient(90deg,#060a09f0 0%,#060a09ab 27%,#060a090e 73%,#060a0933)}.scene-vignette{background:linear-gradient(0deg,#060a09 0%,#060a0950 32%,transparent 70%,#060a0966)}.spotlight-rail{grid-template-columns:repeat(5,minmax(175px,1fr));overflow-x:auto;gap:12px;padding:5px 3px 15px;margin:-5px -3px -15px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d6f1ac3d transparent}.spotlight-tile{scroll-snap-align:start;height:166px}.tile-name{font-size:14px}.console-bottom{margin-top:25px;gap:14px}.console-bottom>.console-panel{padding:17px}.crew-quote{display:none}.crew-inner .friend-strip{gap:16px}.social-layout{grid-template-columns:250px minmax(0,1fr);gap:13px}.chat-profile{display:none}.page-intro h1{font-size:43px}.library-heading h1{font-size:45px}.library-layout{grid-template-columns:148px minmax(0,1fr);gap:20px}.library-sidebar{padding-right:12px}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-controls .search-field{min-width:0;width:210px}.library-heading p{max-width:480px;line-height:1.7}.library-counter{display:none}.command-search{max-width:320px}.command-layout{grid-template-columns:180px minmax(0,1fr)}.command-sidebar{padding:25px 10px}.command-wordmark>strong{font-size:22px}.command-sidebar a{font-size:10px;padding:13px 8px;gap:8px}.command-main{padding:23px 20px}.command-main .page-intro{align-items:flex-start;flex-direction:column;gap:14px}.command-main .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-main .dashboard-two{grid-template-columns:1fr}.command-main .stats-grid:has(> :nth-child(3):last-child){grid-template-columns:1fr 1fr}.account-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.account-nav a{font-size:12px;padding:14px 10px}.account-content>.panel{padding:23px}.player-banner{padding:25px}.detail-grid{grid-template-columns:1fr}.cinema-detail.hero{min-height:500px}.platform-footer{font-size:8px;letter-spacing:.3px}.footer-links{gap:13px}}
@media(max-width:760px){:root{--gutter:22px}.topbar{height:68px;padding:0 22px;gap:15px}.nav{display:none}.brand img{width:25px;height:25px}.brand-text{font-size:25px;letter-spacing:.8px}.brand{gap:8px}.header-tools{gap:7px}.header-tools>.build-indicator{position:static;font-size:6px;letter-spacing:.7px}.header-tools>.build-indicator i{width:3px;height:3px}.header-tools>[data-action="notifications"],.header-tools>[data-action="search"]{display:none}.profile-pill{display:none}.header-tools .button.small{min-height:34px;padding:8px 10px;font-size:10px}.header-tools .menu-toggle{display:inline-flex}.main{padding:21px 22px 95px}.console-welcome{height:29px;display:block}.console-welcome .overline{font-size:8px;letter-spacing:1.6px}.console-welcome>span:last-child{display:none}.console-stage{padding-top:20px;min-height:450px}.spotlight{max-width:85vw}.world-title{font-size:77px;letter-spacing:-3px}.spotlight-description{font-size:12px;max-width:340px}.spotlight-facts{font-size:9px;gap:13px}.spotlight-rail-header{margin-bottom:10px;gap:15px}.spotlight-rail-header .overline{font-size:9px}.rail-instruction{display:none}.console-bottom{grid-template-columns:1fr}.crew-quote{display:block}.recent-deck .continue-row{margin-top:12px}.membership-deck{display:block}.console-bottom>.membership-deck{padding:23px}.console-bottom>.membership-deck h3{font-size:26px}.console-bottom>.membership-deck p{font-size:11px}.world-caption{display:none}.mobile-nav{display:flex;height:70px;position:fixed;bottom:0;left:0;right:0;z-index:45;padding:7px 14px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #bed3ab33;background:#06120df2;backdrop-filter:blur(20px);justify-content:space-around}.mobile-nav a{color:#a8bca0;font-size:9px;gap:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 9px}.mobile-nav a.active{color:#d2ffb0}.mobile-nav a.active:after{display:none}.platform-footer{flex-wrap:wrap;gap:13px;line-height:1.7;padding-bottom:5px}.footer-links{flex-wrap:wrap}.library-heading{margin-top:12px;margin-bottom:24px;min-height:120px}.library-heading h1{font-size:39px;letter-spacing:-1.6px;margin:15px 0}.library-heading .overline{font-size:9px}.library-heading p{font-size:11px;max-width:340px;line-height:1.7}.library-layout{display:block}.library-sidebar{border:0;padding:0}.library-sidebar>.eyebrow,.library-plus{display:none}.library-filters{flex-direction:row;overflow-x:auto;flex-wrap:nowrap;gap:8px;margin:0 -1px 24px;padding:2px 1px 9px;scrollbar-width:thin}.library-filters .chip{min-width:max-content;width:auto;min-height:40px;padding:9px 12px;border-color:#d5ebbf24;background:#0d180dcc;flex-shrink:0;gap:9px}.library-filters .chip.active{box-shadow:none}.library-filters .chip .icon{width:15px;height:15px}.filter-count{display:none}.catalogue-controls{gap:12px;margin-bottom:17px;flex-wrap:nowrap}.catalogue-controls .eyebrow{font-size:8px;letter-spacing:.8px}.catalogue-controls p{font-size:10px}.catalogue-controls .search-field{width:55%;padding:10px 12px;gap:6px}.catalogue-controls .search-field input{font-size:10px}.catalogue-grid{gap:12px}.cinema-card .card-art{height:290px}.cinema-card .card-copy{margin-top:-88px;min-height:116px;padding:16px 12px 15px}.cinema-card .card-copy h3{font-size:18px;letter-spacing:0;line-height:1.1}.cinema-card .card-copy .eyebrow{font-size:7px;line-height:1.6}.cinema-card .card-copy p{font-size:9px;line-height:1.5}.cinema-card .card-art>.badge{top:10px;left:9px;font-size:6px;padding:4px 5px}.cinema-card .favorite-button{top:8px;right:8px;width:26px;height:26px}.cinema-card .card-arrow{display:none}.page-intro{min-height:100px;margin-top:15px}.page-intro h1{font-size:33px;letter-spacing:-1px}.page-intro p{font-size:11px}.section-kicker{font-size:8px;letter-spacing:1.6px}.social-layout{grid-template-columns:1fr;gap:15px;min-height:0}.social-roster{min-height:0}.roster-header{padding:17px 17px 11px}.roster-header h2{display:flex;justify-content:space-between;gap:12px;font-size:14px}.roster-header h2>span{display:inline-block;margin:0}.roster-tabs{margin-top:14px;gap:8px}.roster-tabs .chip{font-size:11px;padding:8px 11px}.roster-list{display:flex;overflow-x:auto;gap:5px;padding:6px 11px 14px;max-height:255px;scrollbar-width:thin}.roster-person{flex:0 0 160px;padding:10px;min-height:65px}.roster-person>.avatar{--avatar:36px!important}.roster-person .person-copy strong{font-size:12px}.roster-person .person-copy small{font-size:9px}.roster-list .request-item{flex:0 0 220px}.chat-pane{height:480px}.chat-header{padding:15px 17px;min-height:78px}.chat-header h2{font-size:16px}.chat-header .row{gap:9px}.chat-header .icon-button{min-width:28px;padding:4px}.chat-messages{padding:25px 17px;gap:20px}.message-bubble{font-size:12px;padding:11px 13px;max-width:260px}.chat-compose{padding:14px}.chat-compose input{font-size:12px}.chat-date{font-size:7px}.social-layout+.notice{font-size:10px}.account-layout{display:block}.account-nav{flex-direction:row;overflow-x:auto;flex-wrap:nowrap;border-right:0;gap:8px;padding:0 0 12px;margin-bottom:15px;scrollbar-width:thin}.account-nav a{min-width:max-content;flex-shrink:0;padding:12px 13px;font-size:11px;border-color:#c4d4b72b}.account-content>.panel{padding:21px 18px}.field input,.field textarea,.field select{font-size:16px}.form-row{grid-template-columns:1fr}.account-content{width:100%;max-width:none}.account-avatar-grid{gap:14px}.player-banner{flex-wrap:wrap;min-height:280px;gap:18px;padding:24px}.player-banner .avatar{--avatar:78px!important}.player-banner .grow{min-width:calc(100% - 110px)}.player-banner h1{font-size:33px;letter-spacing:-1px}.player-banner p{font-size:11px}.player-banner .button{margin-left:0}.profile-grid{grid-template-columns:1fr}.profile-stats{gap:9px}.mini-stat{padding:14px 10px}.mini-stat strong{font-size:26px}.mini-stat small{font-size:9px}.rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reward-art{height:150px}.reward-body{padding:15px 13px}.reward-card h3{font-size:17px}.reward-card p{font-size:10px}.reward-art .badge{font-size:7px}.level-banner{padding:21px 18px;gap:16px}.level-banner h2{font-size:18px}.level-banner .grow p{font-size:10px}.level-banner .next-stop{display:none}.level-banner .level-emblem{width:63px;height:63px}.plus-hero{padding:30px 24px}.plus-hero h1{font-size:43px;letter-spacing:-2px}.plus-hero p{font-size:12px}.plus-benefits{grid-template-columns:1fr}.hero-world-caption{display:none}.cinema-detail.hero{min-height:480px}.cinema-detail .spotlight-copy{padding-top:22px;max-width:100%}.command-topbar .command-search{display:none}.command-topbar .brand{width:auto}.command-layout{display:block}.command-sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid #dbe9c824;padding:12px 20px;background:#07110cdc}.command-wordmark,.sidebar-label,.sidebar-bottom{display:none}.command-sidebar nav{display:flex;overflow-x:auto;gap:8px;padding:4px 0;scrollbar-width:thin}.command-sidebar a{min-width:max-content;padding:11px 12px;border:1px solid #acc99326;font-size:11px;gap:8px}.command-sidebar a .icon{width:16px;height:16px}.command-main{padding:23px 20px 95px}.command-main .page-intro{gap:15px;margin-bottom:18px}.command-main .page-intro h1{font-size:26px;letter-spacing:-.5px}.command-main .page-intro p{font-size:10px}.command-main>.notice{font-size:10px;line-height:1.75}.command-main .stat-card{padding:18px 14px;min-height:140px}.command-main .stat-card>strong{font-size:33px}.command-main .stat-label{font-size:8px;letter-spacing:.7px}.command-main .stat-card>small{font-size:9px}.command-main .stats-grid{gap:12px}.command-main .panel{padding:20px 17px}.command-main .panel h2{font-size:16px}.mini-metrics strong{font-size:28px}.command-main .panel-head .text-link{font-size:9px}.command-main .dashboard-two{gap:16px}.command-main .table-wrap table td{font-size:11px}.command-main .table-wrap table td strong{font-size:11px}.table-game img{width:46px;height:36px}.modal{max-width:calc(100vw - 26px);padding:22px}.modal-head h2{font-size:20px}.auth-box{padding:27px 23px;margin-top:26px}.auth-box h1{font-size:37px}}
@media(max-width:480px){.world-atmosphere{height:800px}.scene-image{width:100%;height:480px;right:-16%;top:48px;object-fit:cover;object-position:62% center;opacity:.88;animation:none}.scene-wash{background:linear-gradient(90deg,#060a09d4 0%,#060a0940 37%,transparent 70%)}.scene-vignette{background:linear-gradient(180deg,#060a0900 16%,#060a0925 32%,#060a09 66%)}.console-stage{min-height:555px;padding-top:208px;padding-bottom:28px}.spotlight{padding:0;max-width:100%}.world-title{font-size:68px;letter-spacing:-3px;margin:14px 0 10px}.world-title.rally-title{letter-spacing:-3px}.world-tagline{font-size:13px}.spotlight-description{font-size:11px;line-height:1.8;margin-top:10px;max-width:310px}.spotlight-kicker{font-size:8px;letter-spacing:1.2px;gap:8px}.spotlight-kicker .badge{font-size:7px}.spotlight-actions{margin:20px 0 18px;gap:10px}.play-button{height:48px;min-width:170px;font-size:11px;letter-spacing:1.4px}.spotlight-actions .glass-button{font-size:11px;padding:12px;min-height:48px}.spotlight-facts{gap:13px;font-size:8px}.spotlight-facts>.icon{width:15px}.console-welcome{font-size:8px}.spotlight-tile{height:177px}.spotlight-rail{grid-template-columns:repeat(5,200px);margin-right:-22px;padding-right:22px}.tile-name{font-size:17px}.tile-status{font-size:7px}.console-bottom{margin-top:25px}.crew-quote{font-size:10px;display:none}.friend-strip-item{min-width:53px}.crew-inner .friend-strip{gap:19px}.deck-heading>span{font-size:9px;letter-spacing:1px}.deck-heading .text-link{font-size:9px}.cinema-card .card-art{height:235px}.cinema-card .card-copy h3{font-size:15px}.cinema-card .card-copy .eyebrow{font-size:6px;letter-spacing:.7px}.cinema-card .card-copy p{font-size:9px}.library-heading h1{font-size:35px;line-height:1.04}.library-heading p{font-size:10px}.catalogue-controls .search-field{width:54%;padding:10px}.catalogue-controls .search-field input{font-size:10px}.catalogue-grid{gap:11px}.cinema-card .card-copy{padding:16px 11px 17px;min-height:118px;margin-top:-82px}.cinema-card .card-art>.badge{font-size:5px;padding:4px;letter-spacing:.7px;max-width:90px;left:8px}.cinema-card .favorite-button{width:24px;height:24px;right:6px;top:8px}.cinema-card .favorite-button svg{width:13px}.social-layout{gap:13px}.page-intro h1{font-size:30px}.page-intro p{font-size:10px}.rewards-grid{gap:11px}.reward-card .reward-body .button{font-size:11px;min-height:40px;padding:11px}.reward-art{height:135px}.reward-art>.icon{width:50px;height:50px}.reward-art .badge{font-size:6px}.reward-level{font-size:6px}.player-banner .profile-tags .badge{font-size:7px}.player-banner .eyebrow{font-size:8px}.profile-stats .mini-stat strong{font-size:24px}.profile-stats .mini-stat small{font-size:8px}.cinema-detail.hero{padding-top:190px;min-height:580px}.hero.detail-hero .world-title{font-size:65px}.cinema-detail .spotlight-description{max-width:100%}.cinema-detail .spotlight-copy{padding:0 0 22px}.detail-grid .panel{padding:22px 18px}.detail-description{font-size:12px!important}.auth-box h1{font-size:33px}.auth-box{padding:25px 20px}.platform-footer{font-size:7px}.account-avatar-grid{gap:10px}.chat-pane{height:470px}.command-main .stat-card{padding:15px 12px}.command-main .stat-label{font-size:7px;letter-spacing:.6px}.command-main .stat-card>small{font-size:8px}.command-main .stat-card>strong{font-size:29px}.command-main .page-intro h1{font-size:25px}.command-main .panel-head{gap:8px;flex-wrap:wrap}.command-main .stats-grid:has(> :nth-child(3):last-child){grid-template-columns:1fr}.command-main .stats-grid:has(> :nth-child(3):last-child)>.stat-card{min-height:120px}.command-main .mini-metrics{gap:20px}.command-main .mini-metrics strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.scene-image{transform:none;will-change:auto}}
body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .scene-image{transform:none;will-change:auto}
/* Composition correction after comparing real renders against the reference. */
.nav a{height:100%}
@media(min-width:1001px){body[data-surface="home"] .scene-image,body[data-surface="game"] .scene-image{top:65px;right:15%;width:76%;height:clamp(590px,45vw,1030px);object-position:66% 38%}body[data-surface="home"] .scene-wash,body[data-surface="game"] .scene-wash{background:linear-gradient(90deg,#060a09f8 0%,#060a09bd 15%,#060a0966 30%,transparent 52%,transparent 68%,#060a0977 83%,#060a09cc 100%)}}
@media(max-width:480px){.scene-image{right:0;top:62px;width:100%;height:410px;object-position:86% 35%}body[data-surface="home"] .scene-wash,body[data-surface="game"] .scene-wash{background:linear-gradient(90deg,#060a0955,transparent 65%)}body[data-surface="home"] .scene-vignette,body[data-surface="game"] .scene-vignette{background:linear-gradient(180deg,#060a0900 18%,#060a0933 34%,#060a09 62%)}.console-stage{padding-top:224px}}
@media(max-width:480px){.section-atmosphere{height:720px}.section-atmosphere .scene-image{inset:45px -32% auto auto;width:132%;height:470px;object-position:70% center;opacity:.76}.section-atmosphere .scene-wash{background:linear-gradient(90deg,#060a09e8 0%,#060a0978 42%,#060a0922 82%)}.section-atmosphere .scene-vignette{background:linear-gradient(180deg,#060a0920 10%,transparent 30%,#060a09 70%)}}
@media(min-width:1001px){body[data-surface="home"] .scene-image,body[data-surface="game"] .scene-image{mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 77%,transparent 100%)}}
.vault-deck h3{font-size:18px;max-width:145px}.reward-medals{right:15px;gap:5px}.reward-medals>span{width:33px;height:43px}.reward-medals .icon{width:25px;height:25px}
@media(min-width:1750px){.vault-deck h3{font-size:25px;max-width:200px}.reward-medals>span{width:40px;height:52px}.reward-medals>span:first-child{display:none}}


/* BODHIX LAYOUT 0.2.1 — a viewport-sized home, not a fixed-height poster.
   Footer remains in document flow. Short screens, text zoom and phones scroll.
   Home artwork lives inside the stage so its size tracks the actual hero area. */
body[data-surface="home"] #app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
body[data-surface="home"] .topbar { flex: 0 0 auto; }
body[data-surface="home"] .main {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 0;
}
body[data-surface="home"] .console-home {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-width: 0;
}
body[data-surface="home"] .console-home > * { flex-shrink: 0; }
body[data-surface="home"] .console-stage {
  flex: 1 0 auto;
  isolation: isolate;
  min-width: 0;
}
body[data-surface="home"] .platform-footer { flex: 0 0 auto; }
/* A muted full-bleed backdrop provides atmosphere behind the account panels.
   The separate sharp image keeps its native ratio: no chopped-off head or egg. */
.scene-ambient { display: none; }
body[data-surface="home"] .console-stage .world-atmosphere {
  inset: 0 calc(-1 * var(--gutter)) -90px;
  height: auto;
  z-index: -1;
  --scene-offset: 16%;
}
body[data-surface="home"] .world-atmosphere[data-art="chicken"] { --scene-offset: 10%; }
body[data-surface="home"] .world-atmosphere[data-art="heist"] { --scene-offset: 13%; }
body[data-surface="home"] .world-atmosphere[data-art="raccoon"] { --scene-offset: 8%; }
body[data-surface="home"] .world-atmosphere[data-art="doors"] { --scene-offset: 12%; }
body[data-surface="home"] .console-stage .scene-ambient {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(14px) saturate(.7);
  opacity: .27;
  transform: scale(1.035);
}
body[data-surface="home"] .console-stage .scene-image {
  left: auto;
  right: var(--scene-offset);
  top: 0;
  width: auto;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center top;
  mask-image: linear-gradient(90deg,transparent,#000 12%,#000 89%,transparent);
  filter: saturate(.92);
  transform: none;
  animation: none;
  will-change: auto;
}
body[data-surface="home"] .console-stage .scene-wash {
  background: linear-gradient(90deg,#060a09f5 0%,#060a09b8 19%,#060a094a 34%,transparent 54%,#060a0918 82%,#060a0966);
}
body[data-surface="home"] .console-stage .scene-vignette {
  background: linear-gradient(180deg,#060a0918 0%,transparent 12%,transparent 64%,#060a0970 83%,#060a09 100%);
}
@media(min-width:761px) {
  body[data-surface="home"] .main { padding-bottom: max(14px,env(safe-area-inset-bottom)); }
  body[data-surface="home"] .console-stage { min-height: clamp(380px,38dvh,880px); }
  body[data-surface="home"] .platform-footer { margin-top: 24px; padding-top: 16px; }
}
@media(min-width:1001px) {
  body[data-surface="home"] .spotlight-tile { height: clamp(166px,21dvh,320px); }
}
@media(min-width:761px) and (max-width:1000px) {
  body[data-surface="home"] .console-stage .world-atmosphere { --scene-offset: 0%; }
}
@media(max-width:760px) {
  body[data-surface="home"] .console-stage { flex-grow: 0; }
  body[data-surface="home"] .console-stage .world-atmosphere { inset: 0 -22px -35px; }
  body[data-surface="home"] .console-stage .scene-image { right: -10%; }
}
@media(max-width:480px) {
  body[data-surface="home"] .console-stage .world-atmosphere { inset: -8px -22px 0; }
  body[data-surface="home"] .console-stage .scene-image {
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    mask-image: none;
    object-position: center top;
  }
  body[data-surface="home"] .console-stage .scene-ambient { opacity: .15; }
  body[data-surface="home"] .console-stage .scene-wash {
    background: linear-gradient(90deg,#060a0930,transparent 55%);
  }
  body[data-surface="home"] .console-stage .scene-vignette {
    background: linear-gradient(180deg,transparent 16%,#060a0966 32%,#060a09 49%);
  }
}
/* Keep selector labels above the backdrop's lower fade. */
body[data-surface="home"] .spotlight-rail-header,
body[data-surface="home"] .spotlight-rail,
body[data-surface="home"] .streaming-rows,
body[data-surface="home"] .console-bottom { position: relative; z-index: 1; }
@media(min-width:1001px) {
  body[data-surface="home"] .world-title { font-size: clamp(72px,min(6.65vw,9.8dvh),155px); }
  body[data-surface="home"] .world-tagline { font-size: clamp(16px,min(1.1vw,1.5dvh),25px); max-width: 600px; }
  body[data-surface="home"] .spotlight-description { font-size: clamp(12px,min(1vw,1.15dvh),19px); max-width: 560px; }
  body[data-surface="home"] .console-stage { padding: 20px 0 22px; }
  body[data-surface="home"] .console-deck { padding-top: 10px; }
  body[data-surface="home"] .spotlight-actions { margin: 20px 0 16px; }
  body[data-surface="home"] .play-button { height: clamp(48px,4dvh,62px); }
  body[data-surface="home"] .spotlight-tile { height: clamp(166px,18dvh,320px); }
  body[data-surface="home"] .console-bottom { margin-top: 24px; }
}
@media(min-width:1001px) and (max-height:1199px) {
  body[data-surface="home"] .topbar { height: 72px; }
  body[data-surface="home"] .header-tools > .build-indicator { top: 88px; }
  body[data-surface="home"] .main { padding-top: 16px; }
  body[data-surface="home"] .console-welcome { height: 24px; }
  body[data-surface="home"] .console-stage { padding: 16px 0 20px; }
  body[data-surface="home"] .spotlight { padding-top: 0; }
  body[data-surface="home"] .world-title { margin: 16px 0 10px; }
  body[data-surface="home"] .world-tagline { font-size: 16px; }
  body[data-surface="home"] .spotlight-description { font-size: 12px; line-height: 1.65; max-width: 460px; margin-top: 10px; }
  body[data-surface="home"] .spotlight-actions { margin: 18px 0 14px; }
  body[data-surface="home"] .play-button { height: 48px; }
  body[data-surface="home"] .console-deck { padding-top: 6px; gap: 12px; }
  body[data-surface="home"] .id-deck,
  body[data-surface="home"] .vault-deck { padding: 16px 18px; }
  body[data-surface="home"] .guest-deck h2 { font-size: 25px; margin: 16px 0 10px; }
  body[data-surface="home"] .guest-deck p { font-size: 11px; margin-bottom: 12px; }
  body[data-surface="home"] .vault-deck h3 { font-size: 20px; }
  body[data-surface="home"] .console-bottom { margin-top: 16px; }
  body[data-surface="home"] .console-bottom > .console-panel { padding: 16px 18px; }
  body[data-surface="home"] .continue-row { margin-top: 10px; padding-top: 8px; }
  body[data-surface="home"] .continue-row > img { width: 68px; height: 44px; }
  body[data-surface="home"] .continue-row strong { font-size: 11px; }
  body[data-surface="home"] .continue-row small { font-size: 9px; }
  body[data-surface="home"] .membership-deck h3 { font-size: 20px; margin: 12px 0 9px; }
  body[data-surface="home"] .membership-deck p { font-size: 10px; }
  body[data-surface="home"] .membership-price { font-size: 18px; margin-top: 10px; }
  body[data-surface="home"] .membership-price small { font-size: 9px; }
  body[data-surface="home"] .coming-note { font-size: 8px; }
  body[data-surface="home"] .platform-footer { margin-top: 18px; min-height: 40px; }
}
@media(max-width:480px) {
  body[data-surface="home"] .spotlight-copy[data-spotlight-game="little-bastards"] .world-title { font-size: clamp(38px,13vw,62px); letter-spacing: -2px; }
}
@media(max-width:360px) {
  body[data-surface="home"] .header-tools > .build-indicator { display: none; }
  body[data-surface="home"] .spotlight-actions { flex-wrap: wrap; }
}
.account-collection{position:relative;overflow:hidden;margin-bottom:18px;background:radial-gradient(circle at 88% 12%,#9dff6b1f,transparent 36%),linear-gradient(135deg,#122017f2,#07110bed)!important}.account-collection:after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border:1px solid #9eff7060;transform:rotate(45deg);opacity:.25}.collection-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;position:relative;z-index:1}.collection-head h2{font-size:clamp(23px,2vw,35px)!important;margin:8px 0}.collection-head p{color:var(--muted);font-size:11px}.collection-count{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.collection-count strong{font-size:46px;line-height:1;color:#d9ffc1;font-weight:500}.collection-count span{font-size:7px;letter-spacing:1.7px;color:#9db88e;margin-top:7px}.collection-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 18px;position:relative;z-index:1}.collection-card{min-height:118px;border:1px solid color-mix(in srgb,var(--reward-accent) 36%,#33452e);background:linear-gradient(145deg,color-mix(in srgb,var(--reward-accent) 13%,#0c170f),#07100be8);border-radius:8px;padding:17px;display:flex;align-items:center;gap:15px;box-shadow:inset 0 1px #ffffff08}.collection-emblem{width:63px;height:63px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--reward-accent);background:radial-gradient(circle,color-mix(in srgb,var(--reward-accent) 22%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--reward-accent) 44%,transparent);position:relative}.collection-emblem>span{position:absolute;right:-2px;bottom:1px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--reward-accent);color:#071007;box-shadow:0 0 18px var(--reward-accent)}.collection-card h3{font-size:15px;margin:5px 0 9px}.collection-card small{font-size:7px;letter-spacing:1px;color:#91a886}.collection-vault-link{position:relative;z-index:1}.account-identity-panel{margin-top:18px}.reward-unlock{text-align:center;padding:7px 5px 9px}.reward-unlock-emblem{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;margin:3px auto 26px;color:var(--reward-accent);border:1px solid color-mix(in srgb,var(--reward-accent) 48%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--reward-accent) 22%,transparent),#07110b 68%);box-shadow:0 0 75px color-mix(in srgb,var(--reward-accent) 24%,transparent);position:relative;animation:reward-arrive .55s cubic-bezier(.2,.9,.25,1.2) both}.reward-unlock-emblem>span{position:absolute;right:1px;bottom:7px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--reward-accent);color:#061006;box-shadow:0 0 25px var(--reward-accent)}.reward-unlock .eyebrow{color:var(--reward-accent)}.reward-unlock h3{font-size:34px;letter-spacing:-1px;margin:10px 0}.reward-unlock p{color:var(--muted);font-size:12px;line-height:1.8;max-width:370px;margin:0 auto}.reward-unlock-actions{display:flex;gap:10px;justify-content:center;margin-top:27px}.reward-unlock-actions .button{min-width:155px}@keyframes reward-arrive{from{opacity:0;transform:scale(.55) rotate(-12deg)}to{opacity:1;transform:none}}
@media(max-width:760px){.collection-head{gap:14px}.collection-count strong{font-size:36px}.collection-shelf{display:flex;overflow-x:auto;margin-right:-18px;padding:2px 18px 12px 2px}.collection-card{min-width:225px}.reward-unlock-actions{flex-direction:column}.reward-unlock-actions .button{width:100%}}

/* Hub 040 · clearer notifications, live chat and in-console launches */
.notification-bell{overflow:visible!important}.notification-bell.has-unread{color:#eaffdf!important;background:#17301d!important;border-color:#98e66b55!important;box-shadow:0 0 0 1px #a9ff6c12,0 0 22px #8fff5c1c!important}
.notification-count{position:absolute;top:-5px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:#b7ff68;color:#081008;font-size:9px;font-weight:900;line-height:1;border:2px solid #07100b;box-shadow:0 0 14px #a8ff6255}
@keyframes notificationPulse{0%,100%{transform:scale(1)}35%{transform:scale(1.13);box-shadow:0 0 0 7px #b7ff6815,0 0 28px #a8ff6255}}
.notification-pulse{animation:notificationPulse .8s ease-out}.notification-item{position:relative;margin:0 -8px;padding:16px 11px!important;border-radius:8px;border-bottom:1px solid #ffffff12!important;transition:background .18s,opacity .18s}.notification-item.unread{background:var(--notification-bg,#ffffff05);box-shadow:inset 3px 0 0 var(--notification-color,#b7ff68)}.notification-item:hover{background:color-mix(in srgb,var(--notification-color,#b7ff68) 10%,transparent)}
.notification-mark{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;color:var(--notification-color,#b7ff68);background:color-mix(in srgb,var(--notification-color,#b7ff68) 10%,transparent);border:1px solid color-mix(in srgb,var(--notification-color,#b7ff68) 25%,transparent)}.notification-copy{min-width:0;flex:1}.notification-copy strong{display:block!important;margin:2px 0 0}.notification-kind{display:block;font-size:7px;font-weight:900;letter-spacing:1.5px;color:var(--notification-color,#b7ff68)}.notification-unread-mark{width:7px;height:7px;border-radius:50%;background:var(--notification-color,#b7ff68);box-shadow:0 0 10px var(--notification-color,#b7ff68);margin-top:7px}.notification-message{--notification-color:#54d8ff;--notification-bg:#54d8ff0b}.notification-social{--notification-color:#86f79c;--notification-bg:#86f79c0b}.notification-achievement{--notification-color:#ffd36c;--notification-bg:#ffd36c0b}.notification-reward{--notification-color:#b89cff;--notification-bg:#b89cff0b}.notification-game{--notification-color:#ffad68;--notification-bg:#ffad680b}.notification-security{--notification-color:#ff7777;--notification-bg:#ff77770b}.notification-system{--notification-color:#b7ff68;--notification-bg:#b7ff680b}.notification-read-all{margin-top:14px}
.chat-pane{position:relative}.chat-new-indicator{position:absolute;right:24px;bottom:78px;z-index:4;border:1px solid #b7ff6866;border-radius:999px;background:#132719e8;color:#dfffd0;padding:8px 13px;font-size:10px;font-weight:700;box-shadow:0 10px 25px #0007}.chat-new-indicator:hover{background:#1d3524;border-color:#b7ff68}.launch-options{display:grid;gap:9px;margin-top:17px}
@media(max-width:760px){.header-tools>[data-action="notifications"]{display:inline-flex!important}.notification-count{top:-6px;right:-8px}.header-tools>[data-action="search"]{display:none}.chat-new-indicator{right:15px;bottom:68px}}
@media(prefers-reduced-motion:reduce){.notification-pulse{animation:none!important}.chat-new-indicator{scroll-behavior:auto}}

.board-empty{min-height:250px;display:flex;align-items:center;justify-content:center;gap:20px;padding:38px;border:1px dashed #b7d49f35;border-radius:10px;background:linear-gradient(135deg,#101a14b8,#07100bd9);color:#91a18f}.board-empty>.icon{width:44px;height:44px;color:#a9df86;filter:drop-shadow(0 0 18px #a4ff6630)}.board-empty>div{max-width:590px}.board-empty h3{font-size:21px;color:#eef7e9;margin-bottom:9px}.board-empty p{font-size:11px;line-height:1.8;color:#a7b5a5;margin-bottom:17px}.board-empty .button{width:max-content}
@media(max-width:650px){.board-empty{min-height:220px;align-items:flex-start;flex-direction:column;padding:25px}.board-empty h3{font-size:18px}.board-empty .button{width:100%}}