/* PATCH258_GLOBAL_NEON_GLASS */
:root{
  color-scheme:dark;
  --ng258-bg:#030611;
  --ng258-surface:rgba(10,16,31,.68);
  --ng258-surface-strong:rgba(8,13,26,.86);
  --ng258-line:rgba(255,255,255,.16);
  --ng258-line-hot:rgba(105,226,255,.38);
  --ng258-text:#f7f9ff;
  --ng258-muted:#aebbd2;
  --ng258-cyan:#61e6ff;
  --ng258-blue:#7088ff;
  --ng258-violet:#c078ff;
  --ng258-pink:#ff67ad;
  --ng258-gold:#ffd56f;
  --ng258-green:#55e69a;
  --ng258-red:#ff6477;
  --ng258-glass-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13);
}

html{background:var(--ng258-bg)!important}
body{
  color:var(--ng258-text);
  background-color:var(--ng258-bg)!important;
  background-image:
    radial-gradient(circle at 8% 8%,rgba(69,214,255,.14),transparent 27%),
    radial-gradient(circle at 92% 16%,rgba(185,89,255,.15),transparent 30%),
    radial-gradient(circle at 52% 92%,rgba(255,73,153,.08),transparent 31%),
    linear-gradient(180deg,#060a18,#02040c)!important;
  background-attachment:fixed!important;
  min-height:100vh;
}
body::selection{background:rgba(100,221,255,.32);color:#fff}
a,button,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--ng258-cyan)!important;outline-offset:2px!important;
}

/* Shared glass surfaces across public and admin pages */
.card,.panel-card,.auth-card,.asset-card,.asset-hero,.game-state-card-235,
.winner-card-039,.empty-card,.group-profile-card,.group-members-card,.group-requests-card,.group-history-card,
.room-settings-card,.player-info-card,.gift-popup-card,.game-player-modal-card,.role-card-panel,
.game-hub-modal-card-235,.history240-empty,.communications-card,.core-god-toolbar-035,
.admin-layout .card,.admin-layout .asset-card,.admin-layout .asset-hero{
  color:var(--ng258-text)!important;
  border:1px solid var(--ng258-line)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.025) 48%,rgba(107,80,215,.055)),
    var(--ng258-surface)!important;
  box-shadow:var(--ng258-glass-shadow),0 0 24px rgba(82,213,255,.07)!important;
  -webkit-backdrop-filter:blur(19px) saturate(155%)!important;
  backdrop-filter:blur(19px) saturate(155%)!important;
}

/* Buttons */
.btn,button.btn,input[type="submit"],button[type="submit"]{
  min-height:44px;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:15px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 25% 0,rgba(255,255,255,.30),transparent 32%),
    linear-gradient(105deg,#16bddd,#536fff 52%,#a447e2)!important;
  box-shadow:0 11px 25px rgba(0,0,0,.38),0 0 18px rgba(78,203,255,.18),inset 0 1px 0 rgba(255,255,255,.24)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
.btn:hover,button.btn:hover,input[type="submit"]:hover{filter:brightness(1.08);box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 24px rgba(112,136,255,.28)!important}
.btn:active,button.btn:active,input[type="submit"]:active{transform:scale(.975);filter:brightness(.94)}
.btn.dark,.btn.secondary,.game-hub-modal-x-235,.room-settings-close{
  color:var(--ng258-text)!important;background:rgba(255,255,255,.075)!important;border-color:var(--ng258-line)!important;box-shadow:0 8px 20px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
}
.btn.red,.btn.danger,.danger,input.btn.red{background:linear-gradient(135deg,#ff6a78,#b82365)!important;box-shadow:0 10px 25px rgba(0,0,0,.38),0 0 18px rgba(255,80,113,.20)!important}
.btn:disabled,button:disabled{opacity:.48!important;filter:saturate(.55)!important;cursor:not-allowed!important}

/* Inputs, selects and editors */
.input,.select,.textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea,.rich-editor,[contenteditable="true"]{
  color:var(--ng258-text)!important;
  border:1px solid rgba(164,188,225,.20)!important;
  border-radius:14px!important;
  background:rgba(3,8,19,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.15)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
}
.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus,.rich-editor:focus{
  border-color:rgba(98,230,255,.72)!important;
  box-shadow:0 0 0 3px rgba(82,220,255,.12),0 0 20px rgba(82,220,255,.12),inset 0 1px rgba(255,255,255,.08)!important;
  outline:none!important;
}
input::placeholder,textarea::placeholder{color:#8290aa!important}
input[type="checkbox"],input[type="radio"]{accent-color:#71dff7}
.label,label,.muted,.muted-admin,.hint,small{color:var(--ng258-muted)}

/* Tabs and pills */
.tabs,.asset-tabs,.history240-tabs,.room-sticker-tabs{
  border:1px solid var(--ng258-line)!important;border-radius:17px!important;padding:6px!important;
  background:rgba(7,12,24,.62)!important;box-shadow:0 12px 28px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
}
.tabs a,.asset-tabs a,.history240-tabs a,.room-sticker-tabs button{
  color:#d8e2f5!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;
}
.tabs a.active,.tabs a:hover,.asset-tabs a.active,.asset-tabs a:hover,.history240-tabs a.active,.room-sticker-tabs button.active{
  color:#fff!important;border-color:rgba(106,225,255,.26)!important;
  background:linear-gradient(135deg,rgba(61,210,244,.20),rgba(166,81,239,.20))!important;
  box-shadow:0 0 18px rgba(92,216,255,.12)!important;
}

/* Tables */
.table,.admin-table,.asset-table{color:var(--ng258-text)!important;background:transparent!important;border-collapse:separate!important;border-spacing:0 7px!important}
.table th,.admin-table th,.asset-table th{
  color:#d9f6ff!important;background:rgba(18,28,50,.86)!important;border-color:rgba(130,206,255,.16)!important;
}
.table td,.admin-table td,.asset-table td{
  color:#e8edf8!important;background:rgba(8,14,28,.72)!important;border-color:rgba(255,255,255,.09)!important;
}
.table tr:hover td,.admin-table tr:hover td,.asset-table tr:hover td{background:rgba(25,39,67,.82)!important}
.asset-table-wrap,.table-wrap{border-radius:16px;scrollbar-color:#5573a2 rgba(4,8,18,.6)}

/* Admin panel */
.admin-layout{background:transparent!important}
.admin-layout .sidebar{
  border-left:1px solid var(--ng258-line)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(91,220,255,.13),transparent 30%),
    linear-gradient(180deg,rgba(14,21,39,.90),rgba(5,9,19,.88))!important;
  box-shadow:-12px 0 34px rgba(0,0,0,.30),inset -1px 0 rgba(255,255,255,.04)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;backdrop-filter:blur(22px) saturate(150%)!important;
}
.admin-layout .sidebar h2{color:#fff!important;text-shadow:0 0 16px rgba(98,229,255,.55)!important}
.admin-layout .sidebar a{color:#c5d0e5!important;border:1px solid transparent!important;transition:.2s ease!important}
.admin-layout .sidebar a:hover,.admin-layout .sidebar a.active{
  color:#fff!important;border-color:rgba(103,225,255,.24)!important;
  background:linear-gradient(100deg,rgba(60,210,244,.18),rgba(177,84,242,.14))!important;
  box-shadow:0 0 18px rgba(87,218,255,.10)!important;
}
.admin-layout .content{background:transparent!important}
.asset-hero h1,.asset-card h3,.asset-card-title h3,.section-title,.brand-title{color:#e9fbff!important;text-shadow:0 0 13px rgba(94,222,255,.34)!important}
.asset-stats span,.role075-kpi span,.asset-options,.checkbox-grid,.editor-toolbar{
  border-color:var(--ng258-line)!important;background:rgba(6,12,24,.62)!important;border-radius:16px!important;
}
.asset-stats b,.role075-kpi b,.asset-chip,.transaction-type{color:var(--ng258-cyan)!important}

/* Public navigation, headers and modals */
.topbar,.lobby-topbar,.game-room-header,.live-game-header,.page-head-row,.game-hub-head-235,
.history240-list-header,.details240-header{
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
}
.coin-pill,.room-status,.phase-badge,.game-state-label-235,.asset-chip,.transaction-type{
  border-color:rgba(255,255,255,.17)!important;background:rgba(8,14,27,.69)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
}
.flash{border-color:rgba(105,220,255,.24)!important;background:rgba(10,19,36,.78)!important;color:#eef7ff!important;box-shadow:0 10px 26px rgba(0,0,0,.32)!important}
.flash-success{border-color:rgba(85,230,154,.45)!important;color:#baffd7!important}.flash-error{border-color:rgba(255,100,119,.48)!important;color:#ffd0d6!important}
.gift-popup-overlay,.room-settings-modal,.player-info-modal,.game-player-modal,.game-hub-modal-235{background:rgba(0,3,10,.62)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}

/* Game hub and history keep their identity but receive matching glass depth */
.game-hub-card-235{border-radius:23px!important;box-shadow:0 20px 48px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.14),0 0 22px var(--theme-glow,rgba(95,217,255,.13))!important}
.game-hub-card-copy-235 small{background:rgba(5,10,22,.62)!important;border-color:rgba(255,255,255,.17)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
.history240-row,.history240-player-card,.history240-god-card{
  border-color:rgba(255,255,255,.16)!important;box-shadow:0 17px 38px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.11)!important;
  -webkit-backdrop-filter:blur(15px) saturate(140%)!important;backdrop-filter:blur(15px) saturate(140%)!important;
}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:#48628d rgba(4,8,18,.55)}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:rgba(4,8,18,.55)}*::-webkit-scrollbar-thumb{background:linear-gradient(#4ccde9,#765fe0);border:2px solid rgba(4,8,18,.65);border-radius:99px}

@media(max-width:800px){
  .admin-layout .sidebar{border-left:0!important;border-bottom:1px solid var(--ng258-line)!important;height:auto!important}
  .admin-layout .content{padding:12px!important}
  .card,.panel-card,.auth-card,.asset-card,.asset-hero{border-radius:18px!important}
  .game-hub-card-235{border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}