/* W22.1 iNight 2050 Unified Skin — ALL app views, one theme source.
 * Scope is intentionally #inightRoot; Social Night Lite and public gameplay
 * never inherit these overrides. Everything remains CSS-only/no extra canvases.
 */
#inightRoot {
 --app-surface:var(--os-card);
 --app-surface-alt:var(--os-card-alt);
 --app-input:#101b2b;
 --app-text:var(--os-text);
 --app-subtle:var(--os-muted);
 --app-border:var(--os-edge);
 --app-accent:var(--os-accent);
 --app-accent-ink:var(--os-accent-text);
 --app-link:#86d8ee;
 --app-positive:#83e1b6;
 --app-warning:#f6ce82;
 --app-danger:#ffc0d1;
 --app-danger-bg:#4a2936;
 --app-field-placeholder:#91a4be;
 --app-divider:#ffffff20;
}
#inightRoot[data-inight-theme="day"]{
 --app-input:#fff;
 --app-link:#126e94;
 --app-positive:#176a49;
 --app-warning:#8b5816;
 --app-danger:#8f2648;
 --app-danger-bg:#fff0f3;
 --app-field-placeholder:#697d94;
 --app-divider:#1c355029;
}
#inightRoot[data-inight-theme="color"][data-inight-palette="violet"]{--app-link:#d1bcff}
#inightRoot[data-inight-theme="color"][data-inight-palette="rose"]{--app-link:#ffc1db}
/* Shared native iNight apps: same panel, typography and input language. */
#inightRoot .inight-page-body{color:var(--app-text);scrollbar-color:var(--app-border) transparent}
#inightRoot .inight-page-body :is(.inight-app-header,.inight-live,.inight-note,.inight-note-edit,.inight-game-card,.inight-game-picks button,.inight-map,.inight-photo){
 border-color:var(--app-border);
 background:var(--app-surface);
 color:var(--app-text);
 box-shadow:none;
}
#inightRoot .inight-page-body :is(.inight-app-header strong,.inight-live strong,.inight-note strong){color:var(--app-text)}
#inightRoot .inight-page-body :is(.inight-app-header small,.inight-live small,.inight-note small,.inight-note p,.inight-page-body p){color:var(--app-subtle)}
#inightRoot .inight-page-body :is(input,select,textarea){accent-color:var(--app-accent)}
#inightRoot .inight-page-body :is(input,select,textarea):focus-visible,
#inightRoot .inight-page-body button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
#inightRoot .inight-page-body :is(.inight-note-edit input,.inight-note-edit textarea,.inight-chat-form input){
 color:var(--app-text);background:var(--app-input);border-color:var(--app-border)
}
#inightRoot .inight-note-edit label{color:var(--app-subtle)}
#inightRoot .inight-page-body .inight-button{background:var(--app-accent);color:var(--app-accent-ink);border:0}
#inightRoot .inight-game-stats,#inightRoot .inight-map-you{color:var(--app-accent)}
#inightRoot .inight-game-picks small,#inightRoot .inight-game-card p,#inightRoot .inight-map-row{color:var(--app-subtle)}
#inightRoot .inight-game-picks button>span{color:var(--app-accent)}
#inightRoot .inight-map{background-color:var(--app-surface-alt)}
#inightRoot .inight-page-body .inight-page-head{color:var(--app-text)}
/* Settings rendered through existing UI, not a second Settings implementation. */
#inightRoot .drawer-content{color:var(--app-text)}
#inightRoot .inight-page-body :is(.card,.list-row){border-color:var(--app-border)}
#inightRoot .inight-page-body :is(.card p,.card .small,.card label){color:var(--app-subtle)}
#inightRoot .inight-page-body .card :is(input,select,textarea){background:var(--app-input);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .inight-page-body .card :is(.plain,.primary){border-color:var(--app-border);box-shadow:none}
#inightRoot .inight-page-body .card .primary{background:var(--app-accent);color:var(--app-accent-ink)}
/* Social Night: media keeps native identity; every UI surface uses the OS tokens. */
#inightRoot .social-night-v3{
 --sn-white:var(--app-text);--sn-muted:var(--app-subtle);--sn-edge:var(--app-border);--sn-accent:var(--app-accent);
 color:var(--app-text);
}
#inightRoot .social-night-v3 :is(.social-identity strong,.social-stream-title strong,.social-card-author,.social-zero strong){color:var(--app-text)}
#inightRoot .social-night-v3 :is(.social-identity small,.social-compose-author small,.social-stream-title small,.social-card-detail,.social-story small,.social-scope,.social-engagement,.social-reply-head small,.social-limit){color:var(--app-subtle)!important}
#inightRoot .social-night-v3 .social-mark{background:var(--app-accent);color:var(--app-accent-ink);box-shadow:none}
#inightRoot .social-night-v3 .social-live-pill{border-color:var(--app-border);background:var(--app-surface-alt);color:var(--app-positive)}
#inightRoot .social-night-v3 .social-room{border-color:var(--app-border);background:var(--app-surface);color:var(--app-text)}
#inightRoot .social-night-v3 .social-room span:last-child{color:var(--app-subtle)}
#inightRoot .social-night-v3 :is(.social-tab,.social-search button,.social-expand){color:var(--app-subtle)}
#inightRoot .social-night-v3 .social-tab.active{color:var(--app-accent-ink);background:var(--app-accent);border-color:var(--app-accent);box-shadow:none}
#inightRoot .social-night-v3 :is(.social-search,.social-composer-v3,.social-card,.social-card.social-moment,.social-quote-draft,.social-quote,.social-tools-menu,.social-reply,.social-zero,.social-reaction-picker,.social-compose-types){
 background:var(--app-surface);border-color:var(--app-border);box-shadow:none;color:var(--app-text)
}
#inightRoot .social-night-v3 :is(.social-card.social-spotlight){border-color:var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent)}
#inightRoot .social-night-v3 .social-search input{color:var(--app-text)!important;background:transparent!important}
#inightRoot .social-night-v3 .social-composer-v3 textarea,
#inightRoot .social-night-v3 .social-comment-form input{
 color:var(--app-text)!important;background:var(--app-input)!important;border-color:var(--app-border)!important;
}
#inightRoot .social-night-v3 :is(.social-search input,.social-composer-v3 textarea,.social-comment-form input)::placeholder{color:var(--app-field-placeholder)}
#inightRoot .social-night-v3 :is(.social-compose-author strong,.social-quote-draft b,.social-quote b,.social-reply-head b){color:var(--app-text)}
#inightRoot .social-night-v3 .social-quote p{color:var(--app-subtle)!important}
#inightRoot .social-night-v3 .social-text{color:var(--app-text)!important}
#inightRoot .social-night-v3 .social-tag,
#inightRoot .social-night-v3 .social-quote-photo{color:var(--app-link)}
#inightRoot .social-night-v3 :is(.social-compose-tools button,.social-composer-emojis button,.social-stream-title button,.social-actions button,.social-reaction-picker button,.social-tools-menu button,.social-menu-button,.social-reply button,.social-thread>button,.social-load-more,.social-quote-draft button,.social-reply-target button,.social-expand){
 color:var(--app-text);background:var(--app-surface-alt);border-color:var(--app-border);box-shadow:none
}
#inightRoot .social-night-v3 .social-actions .is-saved{color:var(--app-warning)}
#inightRoot .social-night-v3 .social-reply-target{color:var(--app-subtle)}
#inightRoot .social-night-v3 :is(.social-publish,.social-new-posts,.social-comment-form button){
 color:var(--app-accent-ink)!important;background:var(--app-accent)!important;box-shadow:none
}
#inightRoot .social-night-v3 .social-story-ring{box-shadow:none}
#inightRoot .social-night-v3 .social-compose-types button{color:var(--app-subtle)}
#inightRoot .social-night-v3 .social-compose-types button.active{background:var(--app-accent);color:var(--app-accent-ink);box-shadow:none}
#inightRoot .social-night-v3 :is(button,input,textarea):focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
#inightRoot .social-photo-lightbox{background:#040812f2;color:#f7fbff;backdrop-filter:none}
#inightRoot .social-photo-lightbox p{color:#f7fbff}
#inightRoot.social-immersive{background:var(--os-bg);backdrop-filter:none;-webkit-backdrop-filter:none}
/* Economy: keeps Nakama data operations, buttons and confirmations unchanged. */
#inightRoot .anwe{
 --anwe-panel:var(--app-surface);
 --anwe-line:var(--app-border);
 color:var(--app-text);
}
#inightRoot .anwe :is(.anwe-head,.anwe-panel,.anwe-product,.anwe-item,.anwe-wallet-grid>div,.anwe-offers>div,.anwe-dialog,.anwe-code){
 background:var(--app-surface);border-color:var(--app-border);color:var(--app-text);box-shadow:none
}
#inightRoot .anwe :is(.anwe-balances span,.anwe-product-icon,.anwe-glyph){background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .anwe :is(.anwe-head small,.anwe-note,.anwe-product small,.anwe-item-info small,.anwe-empty,.anwe-wallet-grid small,.anwe-wallet-grid span,.anwe-panel label,.anwe-panel p,.anwe-offers li,.anwe-dialog p){color:var(--app-subtle)}
#inightRoot .anwe :is(.anwe-head strong,.anwe-item-info strong,.anwe-product strong,.anwe-wallet-grid strong,.anwe-offers strong,.anwe-panel h3,.anwe-dialog strong){color:var(--app-text)}
#inightRoot .anwe .anwe-price{color:var(--app-warning)}
#inightRoot .anwe .anwe-code{color:var(--app-link);overflow-wrap:anywhere}
#inightRoot .anwe .anwe-tabs button{background:var(--app-surface-alt);border-color:var(--app-border);color:var(--app-subtle);box-shadow:none}
#inightRoot .anwe .anwe-tabs button.active{background:var(--app-accent);color:var(--app-accent-ink);border-color:var(--app-accent);box-shadow:none}
#inightRoot .anwe .anwe-panel :is(input,select){background:var(--app-input);color:var(--app-text);border-color:var(--app-border);accent-color:var(--app-accent)}
#inightRoot .anwe .anwe-panel select option{background:var(--app-surface);color:var(--app-text)}
#inightRoot .anwe .anwe-panel :is(input,select):focus-visible,
#inightRoot .anwe :is(button,[data-market-item]):focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
#inightRoot .anwe .anwe-check input{accent-color:var(--app-accent)}
#inightRoot .anwe .anwe-btn{background:var(--app-accent)!important;color:var(--app-accent-ink)!important;box-shadow:none!important}
#inightRoot .anwe .anwe-muted-btn{background:var(--app-surface-alt)!important;color:var(--app-text)!important;border:1px solid var(--app-border)!important}
#inightRoot .anwe .anwe-item>button:not(.anwe-btn){background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .anwe .anwe-alert{background:var(--app-danger-bg);color:var(--app-danger);border-color:var(--app-danger)}
#inightRoot .anwe .anwe-sandbox-warning{background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-warning)}
#inightRoot .anwe .anwe-sandbox-warning strong{color:var(--app-warning)}
#inightRoot .anwe .anwe-confirm:not([hidden]){background:#040912ce}
#inightRoot[data-inight-theme="day"] .anwe .anwe-confirm:not([hidden]){background:#23344d99}
/* Avatar Studio: leave portrait stage dark (the real 3D screenshot is dark),
 * while controls, labels and panels follow Day/Night/Color.
 */
#inightRoot .anw-avatar-studio{color:var(--app-text)}
#inightRoot .anw-avatar-studio :is(.anw-avatar-banner,.anw-avatar-selection,.anw-avatar-palette){background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}
#inightRoot .anw-avatar-studio .anw-avatar-kicker{color:var(--app-accent)}
#inightRoot .anw-avatar-studio :is(.anw-avatar-banner h3,.anw-avatar-palette strong){color:var(--app-text)}
#inightRoot .anw-avatar-studio :is(.anw-avatar-banner p,.anw-avatar-selection label,.anw-avatar-warning,.anw-avatar-palettes .not-available small){color:var(--app-subtle)}
#inightRoot .anw-avatar-studio .anw-avatar-palette small,
#inightRoot .anw-avatar-studio .anw-avatar-feedback{color:var(--app-accent)}
#inightRoot .anw-avatar-studio :is(.anw-avatar-orbit button,.anw-avatar-presets button,.anw-avatar-actions button){background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .anw-avatar-studio .anw-avatar-selection select{background:var(--app-input);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .anw-avatar-studio select option{background:var(--app-input);color:var(--app-text)}
#inightRoot .anw-avatar-studio :is(button,select):focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
#inightRoot .anw-avatar-studio .anw-avatar-swatch.selected{outline-color:var(--app-accent);border-color:var(--app-accent)}
#inightRoot .anw-avatar-studio .anw-avatar-save{background:var(--app-accent);border:0;color:var(--app-accent-ink)}
#inightRoot .anw-avatar-studio .anw-avatar-stage{border-color:var(--app-border);background:radial-gradient(ellipse at 50% 40%,#334259,#10182d 70%,#0a101e)}
#inightRoot .anw-avatar-studio .anw-avatar-stage:after{background:linear-gradient(90deg,transparent,var(--app-accent),transparent)}
/* Only the virtual economy dialog obscures actions: do not dim during feed scroll. */

/* W31 hero locker inherits iNight day/night/color themes; retains genuine 3D portrait. */
#inightRoot .anw-hero-locker{color:var(--app-text)}
#inightRoot .anw-hero-locker .anw-hero-banner{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}
#inightRoot .anw-hero-locker .anw-hero-kicker{color:var(--app-accent)}
#inightRoot .anw-hero-locker .anw-hero-banner h3,
#inightRoot .anw-hero-locker .anw-hero-info strong{color:var(--app-text)}
#inightRoot .anw-hero-locker .anw-hero-banner p,
#inightRoot .anw-hero-locker .anw-hero-caption small{color:var(--app-subtle)}
#inightRoot .anw-hero-locker .anw-hero-card{background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .anw-hero-locker .anw-hero-card.selected{border-color:var(--app-accent);box-shadow:0 0 0 2px var(--app-border)}
#inightRoot .anw-hero-locker .anw-hero-info small,
#inightRoot .anw-hero-locker .anw-hero-feedback{color:var(--app-accent)}
#inightRoot .anw-hero-locker :is(.anw-hero-orbit button,.anw-hero-cancel){background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-border)}
#inightRoot .anw-hero-locker .anw-hero-save{background:var(--app-accent);color:var(--app-accent-ink);border:0}
#inightRoot .anw-hero-locker button:focus-visible{outline-color:var(--app-accent)}
#inightRoot .anw-hero-locker .anw-hero-stage{border-color:var(--app-border)}
#inightRoot .anw-hero-locker .anw-hero-stage:after{background:linear-gradient(90deg,transparent,var(--app-accent),transparent)}
#inightRoot.inight-eco :is(.social-photo-lightbox,.anwe-dialog,.social-card,.social-composer-v3,.anwe-panel){box-shadow:none!important;backdrop-filter:none!important}
#inightRoot.inight-eco.social-immersive{backdrop-filter:none}
@media(max-width:390px){
 #inightRoot .anwe .anwe-item>button{min-height:42px}
 #inightRoot .social-night-v3 .social-story{min-width:70px}
 #inightRoot .anw-avatar-studio .anw-avatar-actions button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 #inightRoot :is(.anwe,.social-night-v3,.anw-avatar-studio,.anw-hero-locker) *,
 #inightRoot:is(.anwe,.social-night-v3,.anw-avatar-studio,.anw-hero-locker) *::before,
 #inightRoot:is(.anwe,.social-night-v3,.anw-avatar-studio,.anw-hero-locker) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Theme entry point remains available while browsing Feed, Economy or Studio. */
#inightRoot .inight-page-head .inight-page-appearance{
 flex:none;display:grid;place-items:center;width:36px;height:36px;min-width:36px;
 border-radius:12px;background:var(--os-app-tile);color:var(--os-text);
 border:1px solid var(--os-edge);padding:7px;box-shadow:none;backdrop-filter:none;
}
#inightRoot .inight-page-appearance .inight-2050-svg{width:19px;height:19px}
#inightRoot .inight-page-appearance:focus-visible{outline:2px solid var(--os-accent);outline-offset:2px}
#inightRoot.inight-personalizing .inight-page{pointer-events:none}
#inightRoot.inight-personalizing .inight-theme-panel{pointer-events:auto}
#inightRoot[data-inight-theme="day"] .inight-photo a{color:var(--app-link)}
#inightRoot[data-inight-theme="day"] .inight-note button{color:var(--app-danger);border-color:var(--app-danger)}
#inightRoot[data-inight-theme="day"] .inight-chat-form{background:var(--app-surface);border-color:var(--app-border)}
#inightRoot[data-inight-theme="day"] .inight-msg{background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-border)}
#inightRoot[data-inight-theme="day"] .inight-msg p{color:var(--app-text)}