/* SmilhY Dice v5.8 — REAL vector icon + premium community styling
   Pure presentation layer; preserves the v5.7 Supabase and game JS. */
:root{--ui58-glass:#0b1740;--ui58-cyan:#28f4d7;--ui58-blue:#67a9ff;--ui58-violet:#9968ff;--ui58-gold:#ffdb6a}
.site-header .desktop-nav .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-width:0;padding:8px 8px;transition:background .22s,border-color .22s,box-shadow .22s,color .22s}
.ui-nav-ico{display:block;width:23px!important;height:23px!important;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 4px #946aff97);transition:filter .22s,transform .22s}
.site-header .desktop-nav .nav-link:nth-child(2) .ui-nav-ico,.site-header .desktop-nav .nav-link:nth-child(6) .ui-nav-ico{filter:drop-shadow(0 0 5px #ffbe4899)}
.site-header .desktop-nav .nav-link:hover .ui-nav-ico,.site-header .desktop-nav .nav-link:focus-visible .ui-nav-ico{transform:translateY(-2px) scale(1.09);filter:drop-shadow(0 0 8px #5cfaffbd)}
.site-header .desktop-nav .nav-link.active{background:linear-gradient(145deg,#203f98a6,#162455cc);box-shadow:inset 0 1px #a7dfff25,0 7px 20px #1d33b844;border-radius:10px}
.site-header .desktop-nav .nav-link.active .ui-nav-ico{filter:drop-shadow(0 0 8px #ac72ffa8)}
.site-header .desktop-nav .nav-link:focus-visible{outline:2px solid #49f6e3;outline-offset:3px}
.header-toolcluster .community-btn-ico{width:23px!important;height:23px!important}
.header-toolcluster .community-btn-ico img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 0 7px #42fbda88);transition:transform .2s,filter .2s}
.header-toolcluster .community-header-btn:hover img{transform:scale(1.14);filter:drop-shadow(0 0 12px #68faffc5)}
.ui-compact-icon{width:21px;height:21px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 6px #53f6dd8a)}
.ui-bell-icon{display:block;width:25px;height:25px}
.header-toolcluster #account-button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.header-toolcluster #account-button:not(:empty)::before{content:'♛';color:#ffd971;text-shadow:0 0 8px #ffca5ba1;font-size:18px;line-height:1}
.site-header .header-toolcluster .community-header-btn{background:linear-gradient(125deg,#1b3a72b0,#0b1a47d9);border-color:#5288df91;box-shadow:inset 0 1px #edf8ff25,0 0 15px #387bef2b}
.site-header{background:linear-gradient(165deg,#0b1943f0,#070d26 75%);border-bottom-color:#5081e850;box-shadow:inset 0 1px #bfeeff25,0 2px 25px #245fee18}
/* the code-defined site-wide header layout remains responsive: 1 row on ultrawide, 2 rows on laptop */
@media(min-width:1850px){.site-header .desktop-nav .nav-link{padding-inline:9px;gap:7px}.ui-nav-ico{width:27px!important;height:27px!important}}
@media(min-width:901px) and (max-width:1849px){.site-header .desktop-nav{justify-content:flex-end;gap:2px}.site-header .desktop-nav .nav-link{font-size:clamp(10px,.79vw,13px);padding:8px clamp(5px,.65vw,9px);gap:4px}.ui-nav-ico{width:clamp(17px,1.6vw,23px)!important;height:clamp(17px,1.6vw,23px)!important}}
@media(min-width:901px) and (max-width:1030px){.site-header .desktop-nav .nav-link{padding-inline:4px;font-size:10px}.ui-nav-ico{width:17px!important;height:17px!important}}
/* Live chat: vibrant Cosmic Glass, no mock data. */
#lc-dice-host #lc-window,#lc-home-host #lc-window{
  border:1px solid #6a81ffdc!important;border-radius:16px!important;
  background:radial-gradient(ellipse at 100% 0%,#35267f5c,transparent 55%),linear-gradient(170deg,#121f55f7,#081736f9 54%,#061129ff)!important;
  box-shadow:inset 0 1px #e4eaff30,0 0 18px #6751ff3e,0 14px 37px #02051599!important;
  color:#eff6ff!important;
}
#lc-dice-host #lc-window::before,#lc-home-host #lc-window::before{content:'';height:1px;flex:none;background:linear-gradient(90deg,transparent,#a17aff,#50e7e9,transparent);opacity:.6;pointer-events:none}
#lc-dice-host #lc-window .lc-head,#lc-home-host #lc-window .lc-head{align-items:center!important;border-bottom:1px solid #5168b55a!important;padding:14px 12px 11px!important;background:linear-gradient(110deg,#16275aaa,#07163b77)!important}
#lc-window .lc-eyebrow{font-size:9px;letter-spacing:.105em;color:#66f7e6;font-weight:900}
#lc-window .lc-head h2{display:flex;align-items:center;gap:8px;margin:5px 0 4px!important;font-size:19px;letter-spacing:-.7px;text-shadow:0 0 20px #7080ff49}
#lc-window .lc-head h2 .lc-live{width:10px;height:10px}
#lc-window .lc-head small{font-size:10px;color:#a9bfe0}
.lc-head-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}
.lc-online-live{font-size:10px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#c7e9ec;background:#071f3a99;padding:5px 7px;border:1px solid #245f7e80;border-radius:20px}
.lc-online-live strong{color:#4bf2cf;font-weight:900;font-variant-numeric:tabular-nums}
.lc-online-live .lc-live{width:6px;height:6px}
#lc-window .lc-close{width:28px;height:28px;font-size:19px;background:#182b55db;border-radius:9px;border-color:#4972ad80;transition:background .2s,transform .2s}
#lc-window .lc-close:hover{background:#293f81;transform:scale(1.04)}
/* Giveaway prize showcase */
#lc-window .sm-gw{position:relative;isolation:isolate;padding:12px 10px 11px!important;margin:9px 9px 2px!important;border:1px solid #ecb749be!important;border-radius:14px!important;background:radial-gradient(ellipse at 10% 0%,#664c1b72,transparent 54%),linear-gradient(125deg,#2a2347f1,#101f43ed 56%,#0d1634f5)!important;box-shadow:inset 0 1px #ffe7ad58,0 0 20px #d9982729!important}
#lc-window .sm-gw::before{content:'';position:absolute;left:8px;right:8px;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffe49c,transparent);opacity:.7;pointer-events:none}
#lc-window .sm-gw-head>span:first-child{gap:7px;color:#ffe79e;font-size:12px;min-width:0}
#lc-window .sm-gw-gift-ico{width:31px!important;height:31px!important;filter:drop-shadow(0 0 10px #ffbe487c);animation:uiGiftFloat 3.7s ease-in-out infinite}
#lc-window .sm-gw-head strong{font-size:12px;color:#fff0b5;letter-spacing:-.015em}
#lc-window .sm-gw-live{font-size:8px;padding:5px 6px;border-radius:7px;background:#14192bbd;border:1px solid #ffce669c;color:#ffdf88}
#lc-window .sm-gw-subbar{margin-top:4px;gap:4px}
#lc-window .sm-gw-phase{font-size:8px;padding:4px 6px}
#lc-window .sm-gw-sound{font-size:8px;padding:4px 7px}
#lc-window .sm-gw-counter{margin:7px 0!important;color:#afc8e6;font-size:11px}
#lc-window .sm-gw-counter b{font-size:19px;color:#ffe08a;font-weight:900;text-shadow:0 0 13px #ffbd586a}
#lc-window .sm-gw-prizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}
#lc-window .sm-gw-prizes .sm-prize{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:7px 2px 6px;border:1px solid #5168a270;border-radius:9px;background:linear-gradient(160deg,#18365ac4,#0c1a38d9);box-shadow:inset 0 1px #ebfaff1a;transition:transform .2s,border-color .2s,box-shadow .2s}
#lc-window .sm-gw-prizes .sm-prize-first{border-color:#e8b648ba;background:linear-gradient(160deg,#39311eaa,#151d3dd9);box-shadow:inset 0 1px #ffe69c40,0 0 12px #ffb83a21}
#lc-window .sm-gw-prizes .sm-prize img{width:clamp(22px,2vw,35px);height:clamp(22px,2vw,35px);max-width:100%;object-fit:contain;filter:drop-shadow(0 0 8px #d3a5ff78)}
#lc-window .sm-gw-prizes .sm-prize-first img{filter:drop-shadow(0 0 9px #ffbc418c)}
#lc-window .sm-gw-prizes .sm-prize strong{font-size:9px;color:#eaf3ff;line-height:1.25;white-space:nowrap}
#lc-window .sm-gw-prizes .sm-prize small{font-size:9px;color:#ffe2ac;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
#lc-window .sm-gw-info{margin:9px 0 8px;font-size:10px;line-height:1.5;color:#b8cee7}
#lc-window .sm-gw-confirm{background:linear-gradient(108deg,#ffdf69,#ffc448 48%,#ffdb6f);border:1px solid #fff3be9c;color:#302109;font-size:12px;border-radius:9px;min-height:38px;box-shadow:inset 0 1px #fff6cf9c,0 0 15px #ffba3c55;transition:transform .2s,filter .2s,box-shadow .2s}
#lc-window .sm-gw-confirm:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 23px #ffcc6699;filter:brightness(1.06)}
#lc-window .sm-gw-status{font-size:9px;color:#a8bce0;margin-top:7px}
#lc-window .sm-gw-progress-track{height:8px;background:#080f29c9;border-color:#698de570}
#lc-window .sm-gw-progress-track span{background:linear-gradient(90deg,#23c4ff,#32f6c8)}
#lc-window .sm-gw-progress-label{margin:8px 0 5px}
/* True activity / real message data: compact scrollable conversation. */
#lc-window .lc-toolbar{border-top-color:#385ba36a!important;border-bottom-color:#365d9b6b!important;background:#081938ac;padding:8px 11px!important}
#lc-window .lc-toolbar>span{font-size:10px;color:#9fcbef;gap:5px}
#lc-window .lc-today-pill{padding:2px 5px;font-size:9px;color:#96b8d2;background:#11274a;border:1px solid #3f659470;border-radius:5px}
#lc-window .lc-today-pill strong{color:#e5f5ff}
#lc-window .lc-refresh{color:#47f1dc;font-size:10px;font-weight:750}
#lc-window .lc-stream{gap:10px!important;padding:12px 10px!important;background:radial-gradient(ellipse at 0% 0%,#18498c33,transparent 70%)!important}
#lc-window .lc-msg{gap:7px;align-items:flex-start}
#lc-window .lc-avatar{width:32px;height:32px;flex:0 0 32px;font-weight:950;font-size:13px;border-radius:50%;border:2px solid #b49aff;box-shadow:0 0 0 2px #111b3d,0 0 12px #a879ff77,inset 0 1px #fff5;color:#fff;text-shadow:0 1px 3px #0007;background:radial-gradient(circle at 28% 20%,#ebd2ff,#9b53ed 37%,#3b2a99 100%)}
#lc-window .lc-avatar[data-palette="0"]{background:radial-gradient(circle at 26% 15%,#ffb2cb,#f65b91 40%,#7831a7);border-color:#ff98c9;box-shadow:0 0 0 2px #111b3d,0 0 12px #ff80bd75}
#lc-window .lc-avatar[data-palette="1"]{background:radial-gradient(circle at 28% 18%,#b2ffef,#45cfc0 42%,#1856aa);border-color:#65ffe5;box-shadow:0 0 0 2px #111b3d,0 0 12px #48edd881}
#lc-window .lc-avatar[data-palette="2"]{background:radial-gradient(circle at 28% 18%,#e6e5ff,#777afb 42%,#333dbb);border-color:#9aabff}
#lc-window .lc-avatar[data-palette="3"]{background:radial-gradient(circle at 28% 18%,#fff4c1,#e7ae4c 42%,#aa428d);border-color:#ffe3a7}
#lc-window .lc-avatar[data-palette="4"]{background:radial-gradient(circle at 28% 18%,#b7f0ff,#4eaaf8 42%,#3044aa);border-color:#80d4ff}
#lc-window .lc-avatar[data-palette="5"]{background:radial-gradient(circle at 28% 18%,#e9baff,#8b5eee 42%,#422281);border-color:#cb9cff}
#lc-window .lc-msg.lc-admin .lc-avatar{border-color:#ffda7c;background:radial-gradient(circle at 27% 20%,#fff0c8,#ffc552 40%,#9a541b);color:#633509;box-shadow:0 0 0 2px #111b3d,0 0 13px #ffd06d9a}
#lc-dice-host #lc-window .lc-bubble,#lc-home-host #lc-window .lc-bubble{background:linear-gradient(135deg,#1a3064d1,#101e45e8)!important;border:1px solid #5684da66!important;border-radius:5px 12px 12px 12px!important;padding:9px 10px!important;box-shadow:inset 0 1px #efffff15,0 4px 12px #02051638}
#lc-window .lc-msg.lc-own .lc-bubble{border-color:#2eeac284!important;background:linear-gradient(120deg,#104d63b6,#13285abd)!important}
#lc-window .lc-msg.lc-admin .lc-bubble{border-color:#e2b96588!important}
#lc-window .lc-meta{margin-bottom:5px;gap:5px}
#lc-window .lc-author{font-size:11px;font-weight:850;color:#eff6ff;overflow-wrap:anywhere}
#lc-window .lc-time{margin-left:auto;font-size:9px;color:#91aaca;white-space:nowrap}
#lc-window .lc-msg-body{font-size:11px;color:#e5eeff;line-height:1.4}
#lc-window .lc-admin-label{font-size:8px;font-weight:900;background:linear-gradient(120deg,#32e9bc,#14bbd6);color:#00343e;border-radius:5px;padding:2px 4px}
#lc-window .lc-foot{border-top:1px solid #527fe077!important;padding:9px 10px 11px!important;background:linear-gradient(180deg,#0c2251e9,#091434f9)!important}
#lc-window .lc-compose{gap:6px!important}
#lc-window .lc-compose textarea{padding:10px!important;border:1px solid #3b68b58c;background:#061634e0;color:#f3ffff;min-height:41px;border-radius:10px}
#lc-window .lc-emoji,#lc-window .lc-send{display:grid;place-items:center;min-width:34px;width:34px;height:40px;border-radius:10px;border-color:#5e85d39c;padding:0!important}
#lc-window .lc-emoji{background:linear-gradient(125deg,#183d6b,#0c244f)}
#lc-window .lc-emoji img{height:25px;width:25px;filter:drop-shadow(0 0 8px #ffd1639a)}
#lc-window .lc-send{background:linear-gradient(115deg,#66fff1,#16d9c5);box-shadow:0 0 16px #1df1cf5c;border-color:#8effeead}
#lc-window .lc-send img{height:18px;width:18px;filter:drop-shadow(0 0 5px #fff8)}
#lc-window .lc-emoji:hover,#lc-window .lc-send:hover{filter:brightness(1.12)}
#lc-window .lc-disclaimer{color:#809cc4;font-size:9px}
/* Improve chat visibility without moving the widget outside its sidebar. */
#lc-dice-host.lc-host-active{height:750px!important;max-height:calc(100dvh - 35px)!important;min-height:610px!important}
#lc-home-host.lc-host-active{height:720px!important;max-height:calc(100dvh - 60px)!important;min-height:620px!important}
#lc-dice-host #lc-window .lc-stream,#lc-home-host #lc-window .lc-stream{min-height:120px!important;flex:1 1 140px!important}
@keyframes uiGiftFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(5deg)}}
@media(max-width:1199px){#lc-dice-host.lc-host-active{height:760px!important;max-height:none!important}}
@media(max-width:760px){#lc-dice-host.lc-host-active,#lc-home-host.lc-host-active{height:750px!important;max-height:none!important;min-height:640px!important}#lc-window .sm-gw-prizes .sm-prize img{width:32px;height:32px}}
@media(max-width:390px){#lc-dice-host.lc-host-active,#lc-home-host.lc-host-active{height:730px!important}#lc-window .sm-gw-prizes .sm-prize img{width:26px;height:26px}#lc-window .lc-head small{font-size:9px}#lc-window .lc-online-live{font-size:9px;padding:4px}#lc-window .sm-gw{padding:8px!important}#lc-window .lc-head h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ui-nav-ico,#lc-window .sm-gw-gift-ico{animation:none!important;transition:none!important}#lc-window .sm-gw-confirm{transition:none!important}}
/* Final desktop collision guard: guest stats need their own tool row. */
.site-header .desktop-nav .nav-link{flex-shrink:0}
.header-toolcluster #account-button:not([title="Open your account"])::before{display:none}
@media(min-width:1850px){
  .site-header:has(.public-player-stats:not([hidden])){display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:58px 56px;min-height:114px;column-gap:12px;padding:0 22px}
  .site-header:has(.public-player-stats:not([hidden])) .brand{grid-column:1;grid-row:1;align-self:center}
  .site-header:has(.public-player-stats:not([hidden])) .desktop-nav{grid-column:2;grid-row:1;align-self:center;justify-content:flex-end;margin-left:0;width:100%;gap:3px}
  .site-header:has(.public-player-stats:not([hidden])) .header-toolcluster{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:flex-end;padding:6px 0;border-top:1px solid #6697ee28}
}
@media(min-width:1850px) and (max-width:2090px){.site-header .desktop-nav .nav-link{padding:8px 6px;font-size:11px;gap:4px}.ui-nav-ico{width:22px!important;height:22px!important}}