:root{color-scheme:dark;--bg:#15191c;--panel:#202529;--line:#30363b;--muted:#959da5;--blue:#479feb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f7f8;font:16px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#2a3035;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:650}button:hover{background:#363f47}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #83c8ff;outline-offset:4px}a{color:inherit;text-decoration:none}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#60b0f0}header{height:80px;padding:0 36px;display:flex;gap:28px;align-items:center;background:#1d2226;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;white-space:nowrap;display:flex;align-items:center;gap:7px}.brand-icon{color:#fff;font-size:42px;transform:rotate(-17deg)}.brand small{font-size:10px;letter-spacing:1.4px;border:1px solid #4d606e;color:#a7cde8;padding:2px 5px;border-radius:4px;margin-left:5px}nav{display:flex;height:100%;gap:10px}nav button{background:none;border:0;border-radius:0;color:#9ca4ab;position:relative}nav button.active{color:white}nav button.active:after{content:'';height:3px;background:var(--blue);position:absolute;bottom:0;left:15px;right:15px}#count{background:#39434c;border-radius:4px;padding:1px 5px;font-size:12px}.wallet{margin-left:auto;display:flex;align-items:center;gap:12px;padding:5px 5px 5px 13px;background:#14181c;border:1px solid #343b40;border-radius:8px;white-space:nowrap}.coin{color:#81b9ed}.wallet button{padding:5px 10px;font-size:20px}.avatar,.player-icon{display:grid;place-items:center;background:#334655;border:1px solid #536e83;width:38px;height:38px;border-radius:50%;font-weight:700}.demo-bar{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#969fa7;background:#191e22;padding:7px 20px}.demo-bar>span{color:#a3c7e5;font-size:10px;font-weight:800;letter-spacing:1px}.demo-bar button{border:0;background:none;font-size:12px;padding:0;margin-left:15px;color:#a4b6c5}main{max-width:1512px;margin:auto;padding:28px 36px}.intro{height:280px;border:1px solid #34414b;background:radial-gradient(ellipse at 76% 75%,#304a5b 0,transparent 48%),linear-gradient(115deg,#242e35,#1c252b 60%,#222a32);border-radius:12px;position:relative;overflow:hidden;padding:30px 38px;display:flex;align-items:center}.intro>div:first-child{z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#94acc0}h1{font-size:38px;line-height:1.15;letter-spacing:-1.3px;margin:10px 0}h1 span{color:#a6ccec}.intro p{font-size:14px;color:#aebcc6;margin:12px 0 18px}.hero-art{position:absolute;width:55%;right:0;height:100%;top:0}.hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 17px #0008);height:240px;top:20px}.left-pack{left:4%;transform:rotate(-15deg)}.center-pack{left:31%;z-index:1;transform:rotate(2deg)}.right-pack{left:59%;transform:rotate(16deg)}.hero-caption{position:absolute;bottom:14px;right:32px;color:#8196a6;font-size:9px;letter-spacing:3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 18px}h2{font-size:24px;letter-spacing:-.6px;margin:0}.section-title h2 span{font-size:13px;background:#2a3035;color:#a2acb5;padding:3px 7px;border-radius:5px;margin-left:7px;vertical-align:middle}.muted{color:var(--muted);font-size:14px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.tabs{display:flex;gap:5px}.tabs button{background:none;border-color:transparent;color:#a6aeb5}.tabs .selected{background:#29333c;color:#c4e0f8;border-color:#3c5263}.search-sort{display:flex;gap:10px}input,select{min-width:0;background:#202529;color:#c9ced3;border:1px solid #343c43;padding:10px 13px;border-radius:7px;font-size:14px}input{width:205px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.pack-card{position:relative;min-width:0;background:linear-gradient(180deg,#242a2f,#1e2327);border:1px solid #31393f;border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.pack-card:hover{transform:translateY(-5px);border-color:#596b7b}.pack-image{height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,var(--glow,#42556455),transparent 68%)}.pack-image img{height:195px;width:95%;object-fit:contain;filter:drop-shadow(0 10px 9px #0006);transition:transform .2s}.pack-card:hover img{transform:rotate(-3deg) scale(1.04)}.fav{position:absolute;right:8px;top:8px;padding:4px 8px;border:0;background:#1c2329a6;color:#9aa7b1;z-index:1;font-size:19px}.fav.saved{color:#7ac3ff}.tag{position:absolute;left:10px;top:13px;font-size:9px;font-weight:800;letter-spacing:.9px;color:#d0b57a}.card-content{padding:0 15px 15px}.category{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#8e9ba6}.card-content h3{font-size:15px;margin:5px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content button{width:100%;background:#2e3942;border-color:#3a4853;display:flex;align-items:center;justify-content:space-between;font-size:14px}.card-content button span{color:#809db2}footer{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#939da6}footer .brand{font-size:21px;color:#cbd0d4}footer p{font-size:12px}footer button{font-size:12px;background:none}dialog{background:#1d2328;color:#fff;border:1px solid #47535e;border-radius:15px;width:min(850px,calc(100% - 24px));max-height:90vh;padding:25px}dialog::backdrop{background:#05090dcc;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-top button{padding:5px 11px}.reel-window{height:215px;overflow:hidden;position:relative;border:1px solid #3e4b56;border-radius:10px;margin:25px 0;background:#151b20}.marker{position:absolute;left:50%;top:0;height:100%;width:2px;background:#58b3f5;z-index:3;box-shadow:0 0 20px #58b3f5}.marker:before{content:'▼';position:absolute;left:-7px;top:-6px;color:#58b3f5}#reel{display:flex;height:100%;gap:10px;align-items:center}.reel-item{flex:0 0 160px;min-width:0;overflow:hidden;height:175px;text-align:center;background:#26313b;border-bottom:3px solid var(--rarity,#78b7e7);border-radius:8px;padding:14px 7px}.reel-item .prize-icon{font-size:45px;height:70px;display:block}.reel-item b{display:block;font-size:13px}.reel-item small{color:#a5bcd0}.open-controls{display:flex;justify-content:center;gap:10px;margin:20px 0 25px}#result{text-align:center;min-height:28px;font-size:18px}.odds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.odds-card{padding:13px 9px;background:#262e35;border-radius:7px;text-align:center;font-size:12px;border-top:2px solid var(--rarity)}.odds-card span{font-size:26px;display:block}.odds-card strong{display:block;margin:6px 0;font-size:12px}.odds-card small{display:block;color:#9fabb5}h3{font-size:16px}.battle-panel{padding:30px;background:linear-gradient(120deg,#222f39,#1d2328);border:1px solid #3b4d5d;border-radius:12px;display:flex;justify-content:space-between;gap:30px}.battle-panel p{max-width:470px;color:#a2afba}.battle-panel h2{font-size:36px;line-height:1.15;margin:15px 0}.battle-panel label{display:block;margin:15px 0}.battle-panel select{margin-left:12px}.versus{display:flex;align-items:center;gap:30px;margin-right:8%;color:#577286;font-size:27px}.player-icon{height:95px;width:95px;font-size:35px}.bot{background:#4c334f;border-color:#77547c;color:#cca8d2}.battle-round{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;background:#20282e;padding:18px;border:1px solid #35414a;border-radius:8px;margin-top:10px}.battle-round>span:last-child{text-align:right}.battle-summary{padding:25px;text-align:center;font-size:23px}.inventory-title{gap:18px}.inventory-bulk{display:flex;align-items:center;gap:10px;margin-left:auto}.inventory-bulk span{font-size:13px;color:#91a0ab;min-width:62px;text-align:right}.inventory-bulk button{min-height:40px;padding:0 16px}.item-card{position:relative;border:1px solid #3b4852;background:#222a31;border-radius:10px;padding:20px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.item-card.inventory-selected{border-color:#55afea;box-shadow:0 0 0 2px #55afea22}.item-card.inventory-kept{border-color:#66737c}.item-card .prize-icon{font-size:50px;display:block}.item-card h3{font-size:14px}.item-card>button:not(.inventory-check):not(.inventory-keep){width:100%;margin-top:12px}.inventory-check,.inventory-keep{position:absolute!important;top:10px;width:30px!important;height:30px;margin:0!important;padding:0!important;border-radius:8px!important;display:grid;place-items:center;font-weight:900;z-index:3}.inventory-check{left:10px;background:#171d21;border:1px solid #46535c;color:transparent}.inventory-check.active{background:#439fe5;border-color:#62b8f5;color:#fff}.inventory-check:disabled{opacity:.28}.inventory-keep{right:10px;background:#171d21;border:1px solid #46535c;color:#85939d;font-size:20px;line-height:1}.inventory-keep.active{background:#33414a;border-color:#8ba1af;color:#fff;box-shadow:0 0 0 2px #ffffff0d}.item-card.inventory-kept .prize-icon{opacity:.9}.empty{padding:55px;text-align:center;grid-column:1/-1;color:#9caab6;border:1px dashed #394651;border-radius:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);padding:13px 22px;background:#3f94d5;border-radius:8px;box-shadow:0 10px 50px #0008;opacity:0;transition:.2s;pointer-events:none;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}#info-dialog p{color:#aebdc8}#info-dialog a{text-decoration:underline;color:#8bc5f2}
@media(min-width:1600px){.pack-image{height:255px}.pack-image img{height:225px}}@media(max-width:1100px){header{padding:0 20px;gap:15px}main{padding:24px}.grid{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}.hero-art{opacity:.7;width:53%}.hero-art img{height:205px;top:40px}.search-sort{margin-left:auto}}@media(max-width:650px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 16px;gap:10px}.brand{font-size:22px}.avatar{display:none}nav{order:3;width:100%;justify-content:space-between}nav button{padding:10px}.wallet{font-size:14px}.demo-bar{font-size:10px;gap:7px}.demo-bar button{display:none}main{padding:16px}.intro{height:330px;padding:23px;align-items:flex-start}.intro h1{font-size:29px}.intro p{max-width:220px}.intro .primary{position:relative;z-index:2}.hero-art{width:60%;right:-35px;top:134px;height:180px;opacity:.65}.hero-art img{height:150px;top:0}.hero-caption{display:none}.eyebrow{font-size:9px}.section-title .muted{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-image{height:185px}.pack-image img{height:170px}.tabs{width:100%;justify-content:space-between}.tabs button{padding:9px;font-size:12px}.search-sort{width:100%;margin:0}.search-sort input{width:50%}.search-sort select{width:50%}.card-content{padding:0 10px 10px}.card-content h3{font-size:13px}footer{flex-wrap:wrap;gap:10px}.odds-grid{grid-template-columns:repeat(2,1fr)}.battle-panel{padding:20px}.versus{display:none}.battle-panel label select{width:100%;margin:10px 0}.battle-round{font-size:12px;gap:6px}.section-title h2{font-size:22px}.section-title button{font-size:12px}dialog{padding:18px}.open-controls{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.hero-art{top:205px;right:0;width:65%;height:115px;opacity:.8}.hero-art img{height:110px}.intro p{max-width:270px}.pack-image{padding-top:22px}.tag{z-index:2}.brand small{font-size:9px}.wallet{gap:7px}header>.brand{font-size:20px}}
.brand-logo{position:relative;width:290px;height:58px;overflow:hidden;flex:0 0 290px;display:flex;align-items:center;justify-content:center}.brand-logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;mix-blend-mode:lighten}.brand-logo-footer{width:290px;height:58px;flex-basis:290px;position:relative;overflow:hidden;display:block;background:transparent}.brand-logo-footer img{position:absolute;width:430px;max-width:none;height:auto;left:-82px;top:-24px;mix-blend-mode:lighten;background:transparent}.deal-brand-logo{margin:auto}.deal-brand-logo img{width:100%;height:100%;object-fit:contain;filter:none}@media(max-width:1100px){.brand-logo{width:225px;flex-basis:225px}}@media(max-width:650px){.brand-logo{width:190px;height:45px;flex-basis:190px}}header>.brand-logo{display:block}header>.brand-logo img{position:absolute;width:430px;height:auto;max-width:none;left:-82px;top:-24px;object-fit:initial;object-position:initial}@media(max-width:1100px){header>.brand-logo img{width:350px;left:-67px;top:-20px}}@media(max-width:650px){header>.brand-logo img{width:305px;left:-58px;top:-17px}}@media(max-width:1100px){.brand-logo-footer{width:225px;height:58px;flex-basis:225px}.brand-logo-footer img{width:350px;left:-67px;top:-20px}}@media(max-width:650px){.brand-logo-footer{width:190px;height:45px;flex-basis:190px}.brand-logo-footer img{width:305px;left:-58px;top:-17px}}
/* Keep the entire interface at the requested 90% display scale. */
html{zoom:.9}
.pack-borrow{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;color:#b5c6d4;font-size:13px}.pack-borrow input[type=range]{width:150px}.pack-borrow b{color:#80c6f2;min-width:32px}

@media(max-width:650px){.inventory-title{align-items:flex-start;flex-direction:column}.inventory-bulk{width:100%;margin:0;display:grid;grid-template-columns:auto 1fr 1fr}.inventory-bulk span{text-align:left;align-self:center}.inventory-bulk button{padding:0 10px}.inventory-check,.inventory-keep{top:8px}.inventory-check{left:8px}.inventory-keep{right:8px}}

.wallet-dialog{width:min(1180px,calc(100vw - 42px));max-width:none;height:min(820px,calc(100vh - 64px));max-height:none;margin:auto;padding:0;border:1px solid #3a4750;border-radius:16px;background:#161d22;color:#e7eef2;box-shadow:0 28px 90px #000b;overflow:hidden}.wallet-dialog::backdrop{background:#070b0dcc;backdrop-filter:blur(5px)}.wallet-dialog-shell{display:flex;flex-direction:column;height:100%;min-height:0}.wallet-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #303b43;background:#1b2328;flex:0 0 auto}.wallet-dialog-tabs{display:flex;gap:7px}.wallet-dialog-tabs button{min-height:40px;padding:0 16px;background:#232d33;border:1px solid #39464e;color:#91a0aa;border-radius:9px;font-weight:750}.wallet-dialog-tabs button.active{background:#34424b;border-color:#5d7482;color:#fff}.wallet-dialog-close{width:40px;height:40px;padding:0;border-radius:9px;background:#232d33;border:1px solid #39464e;color:#a9b5bc;font-size:18px}.wallet-dialog-content{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 20px 24px}.wallet-dialog #inventory,.wallet-dialog #cart{margin:0;max-width:none}.wallet-dialog #inventory .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wallet-dialog .section-title{margin-top:0}.wallet-dialog .cart-layout{max-width:none;margin-bottom:0}@media(max-width:700px){.wallet-dialog{width:calc(100vw - 18px);height:calc(100vh - 28px);border-radius:12px}.wallet-dialog-top{padding:10px}.wallet-dialog-tabs{flex:1}.wallet-dialog-tabs button{flex:1;padding:0 8px;font-size:12px}.wallet-dialog-content{padding:12px}.wallet-dialog #inventory .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cart-section-title{align-items:center}
.cart-overview{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid #394850;border-radius:10px;background:#1b242a;min-width:150px}
.cart-overview small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8fa0ab}
.cart-overview strong{font-size:20px;color:#eef7fb;font-variant-numeric:tabular-nums}
.cart-heading-total{color:#8fd0f5;font-variant-numeric:tabular-nums}
#inventory-selection-count{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:650px){
 .cart-section-title{flex-direction:row!important;align-items:center!important}
 .cart-overview{min-width:125px;padding:7px 9px}
 .cart-overview strong{font-size:16px}
 #inventory-selection-count{grid-column:1/-1;text-align:left!important}
 .inventory-bulk{grid-template-columns:1fr 1fr!important}
 .wallet-dialog-tabs button[data-wallet-tab="cart"]{font-size:10px}
}

.crypto-deposit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px}
.crypto-deposit-head>span{font-size:13px;font-weight:800;color:#dce8ee}
.crypto-deposit-head>small{font-size:10px;color:#7f929e;letter-spacing:.7px}
.crypto-deposit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.crypto-deposit-option{min-height:70px;padding:8px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:8px;background:#1b2429;border:1px solid #36444d;border-radius:10px;color:#d9e4ea}
.crypto-deposit-option:hover{border-color:#557489;background:#202d34}
.crypto-deposit-option.active{border-color:#62b9ed;background:#213542;box-shadow:0 0 0 2px #62b9ed1f}
.crypto-deposit-option .crypto-symbol{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2b3941;border:1px solid #465964;color:#dff4ff;font-size:9px;font-weight:900;letter-spacing:.4px}
.crypto-deposit-option b{font-size:12px;line-height:1}
.crypto-deposit-option small{font-size:9px;color:#8296a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deposit-crypto-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;margin-top:-2px;border:1px solid #34454f;border-radius:9px;background:#182126}
.deposit-crypto-choice span{font-size:10px;letter-spacing:1px;color:#7f929e;text-transform:uppercase}
.deposit-crypto-choice strong{font-size:12px;color:#e7f4fa;text-align:right}
.crypto-provider-note{display:block!important;margin:-2px 0 4px!important;color:#748994!important;font-size:10px!important;line-height:1.4}
@media(max-width:850px){.crypto-deposit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.crypto-deposit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.crypto-deposit-option{min-height:64px;padding:7px}.deposit-crypto-choice{align-items:flex-start;flex-direction:column;gap:3px}.deposit-crypto-choice strong{text-align:left}}

/* PacksBro deposit modal */
.deposit-dialog{
  width:min(760px,calc(100vw - 28px));
  max-width:none;
  max-height:min(900px,calc(100vh - 28px));
  margin:auto;
  padding:0;
  border:1px solid #25282d;
  border-radius:20px;
  background:#151617;
  color:#f3f3f4;
  box-shadow:0 28px 100px #000c;
  overflow:hidden;
}
.deposit-dialog::backdrop{
  background:#070808b8;
  backdrop-filter:blur(8px);
}
.deposit-dialog-shell{display:flex;flex-direction:column;max-height:min(900px,calc(100vh - 28px))}
.deposit-dialog-top{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  border-bottom:1px solid #25282c;
  background:#171819;
}
.deposit-dialog-top h2{margin:0;font-size:27px;letter-spacing:-.7px}
.deposit-dialog-close{
  width:38px;height:38px;padding:0;
  border:0;background:transparent;color:#a9aaad;
  font-size:30px;font-weight:300;line-height:1;
}
.deposit-dialog-close:hover{color:#fff;background:transparent}
.deposit-dialog-content{padding:28px;overflow:auto}
.deposit-modal-form{display:flex;flex-direction:column;gap:24px}
.deposit-modal-section{display:flex;flex-direction:column;gap:10px}
.deposit-modal-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.deposit-modal-label-row label,.deposit-modal-fields label>span{font-size:14px;font-weight:800;color:#f4f4f5}
.deposit-modal-label-row small{font-size:11px;color:#777b80}
.deposit-modal-crypto-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.deposit-coin-card{
  min-width:0;
  min-height:88px;
  padding:12px 10px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  border:1px solid #262a2e;
  border-radius:10px;
  background:#202223;
  color:#eee;
}
.deposit-coin-card:hover{background:#262829;border-color:#34383c}
.deposit-coin-card.active{
  background:#272a2b;
  border-color:#6f7377;
  box-shadow:inset 0 0 0 1px #ffffff10;
}
.deposit-coin-card>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.deposit-coin-card b{font-size:13px;color:#f8f8f8}
.deposit-coin-card small{font-size:9px;color:#8e9297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deposit-coin-icon{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  background:#e7e7e7;color:#111;
  font-size:21px;font-weight:900;
  box-shadow:inset 0 0 0 1px #ffffff22,0 5px 12px #0005;
}
.deposit-coin-icon[data-symbol="BTC"]{background:#f4a026;color:#fff}
.deposit-coin-icon[data-symbol="ETH"]{background:#f1f2f3;color:#54575c}
.deposit-coin-icon[data-symbol="USDT"]{background:#25a17b;color:#fff}
.deposit-coin-icon[data-symbol="USDC"]{background:#2775ca;color:#fff}
.deposit-coin-icon[data-symbol="SOL"]{background:linear-gradient(145deg,#9a5cff,#39e5b6);color:#090b0d}
.deposit-coin-icon[data-symbol="LTC"]{background:#345d9d;color:#fff}
.deposit-coin-icon[data-symbol="DOGE"]{background:#c9a633;color:#fff}
.deposit-coin-icon[data-symbol="XRP"]{background:#121212;color:#fff;border:1px solid #555}
.deposit-coin-icon[data-symbol="TRX"]{background:#ef3045;color:#fff}
.deposit-coin-icon[data-symbol="BNB"]{background:#f3ba2f;color:#171717}
.deposit-coin-icon[data-symbol="ADA"]{background:#3867d6;color:#fff}
.deposit-coin-icon[data-symbol="AVAX"]{background:#e84142;color:#fff}
.deposit-coin-icon[data-symbol="TON"]{background:#2799dc;color:#fff}
.deposit-coin-icon[data-symbol="DOT"]{background:#e6007a;color:#fff}
.deposit-coin-icon[data-symbol="XLM"]{background:#111;color:#fff;border:1px solid #555}
.deposit-coin-extra{display:none}
.deposit-dialog-content.show-all-crypto .deposit-coin-extra{display:flex}
.deposit-show-more{
  align-self:flex-start;
  padding:0;border:0;background:transparent;color:#a8adb1;
  font-size:11px;text-decoration:underline;text-underline-offset:3px
}
.deposit-show-more:hover{color:#fff;background:transparent}
.deposit-modal-input,
.deposit-amount-wrap{
  width:100%;min-height:64px;
  border:1px solid #2a2d30;border-radius:9px;
  background:#242627;color:#f1f1f1;
}
select.deposit-modal-input{padding:0 16px;appearance:auto}
.deposit-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.deposit-modal-fields label{display:flex;flex-direction:column;gap:10px}
.deposit-modal-fields input.deposit-modal-input{padding:0 16px}
.deposit-amount-wrap{display:flex;align-items:center;overflow:hidden}
.deposit-amount-wrap i{
  width:58px;height:62px;display:grid;place-items:center;
  font-style:normal;font-size:20px;font-weight:900;
  color:#78c04b;background:#303332;border-right:1px solid #34383a;
}
.deposit-amount-wrap input{
  flex:1;min-width:0;height:62px;padding:0 16px;border:0;background:transparent;color:#fff;font-size:14px;outline:0
}
.deposit-modal-summary{
  padding:12px 14px;
  display:grid;grid-template-columns:auto 1fr;
  gap:3px 12px;
  border:1px solid #292d30;border-radius:9px;background:#1d1f20
}
.deposit-modal-summary span{font-size:10px;color:#777d82;text-transform:uppercase;letter-spacing:.8px}
.deposit-modal-summary strong{font-size:12px;text-align:right;color:#dfe3e5}
.deposit-modal-summary small{grid-column:1/-1;color:#8a8f94;font-size:10px}
.deposit-submit{
  min-height:58px;border:0;border-radius:7px;
  background:#e8e9e9;color:#202122;
  font-size:18px;font-weight:900;
  box-shadow:inset 0 -2px #c5c7c7;
}
.deposit-submit:hover{background:#fff}
.deposit-submit:disabled{opacity:.6}
.deposit-provider-note{display:block;text-align:center;color:#666d72;font-size:9px;line-height:1.45}
.deposit-feedback{margin:0;min-height:18px;text-align:center}
@media(max-width:760px){
  .deposit-dialog-top{min-height:72px;padding:0 18px}
  .deposit-dialog-top h2{font-size:23px}
  .deposit-dialog-content{padding:18px}
  .deposit-modal-crypto-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
  .deposit-modal-crypto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .deposit-modal-fields{grid-template-columns:1fr}
  .deposit-coin-card{min-height:76px}
}


/* Top navigation Games dropdown */
.nav-games{position:relative;height:100%;display:flex;align-items:stretch}
.nav-games-toggle{height:100%;display:flex;align-items:center;gap:4px;white-space:nowrap}
.nav-games-toggle.active{color:#fff}
.nav-games-toggle.active:after{content:'';height:3px;background:var(--blue);position:absolute;bottom:0;left:15px;right:15px}
.nav-games-arrow{font-size:10px;opacity:.72;transition:transform .16s ease}
.nav-games.open .nav-games-arrow{transform:rotate(180deg)}
.nav-games-menu{
 position:absolute;z-index:90;top:calc(100% - 8px);left:50%;
 width:238px;padding:7px;
 transform:translate(-50%,-4px);
 border:1px solid #323c42;border-radius:11px;
 background:#171d21;
 box-shadow:0 20px 50px #000b;
 opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.nav-games.open .nav-games-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
header nav .nav-games-menu button{
 width:100%;min-height:58px;padding:9px 10px;
 display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;
 border:0;border-radius:8px;text-align:left;color:#aeb9bf;background:transparent;
}
header nav .nav-games-menu button:hover,header nav .nav-games-menu button.active{background:#232b30;color:#fff}
header nav .nav-games-menu button:after{display:none!important}
.game-menu-icon{
 width:34px;height:34px;display:grid;place-items:center;border-radius:8px;
 background:#252d32;border:1px solid #354149;color:#b9c9d1;font-size:15px
}
.nav-games-menu button>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.nav-games-menu b{font-size:12px;color:#eef3f5}
.nav-games-menu small{font-size:9px;color:#71838d;font-weight:500}
@media(max-width:650px){
 .nav-games{height:auto}
 .nav-games-toggle{height:auto;padding:10px!important}
 .nav-games-menu{position:fixed;top:118px;left:12px;right:12px;width:auto;transform:translateY(-4px)}
 .nav-games.open .nav-games-menu{transform:translateY(0)}
}

/* Utlogget: ingen saldo, inventar, handlekurv eller innskudd i toppmenyen */
body.signed-out .wallet,body.signed-out .home-records{display:none}
body.signed-out #account-header{margin-left:auto}

/* Toppmenyen folger med ved scrolling. --header-h settes av app.js (hoyden varierer
   nar menyen brytes over to linjer), slik at andre sticky-elementer og ankerlenker
   legger seg under den i stedet for bak. z-index over innholdet (maks 20), under
   dialoger, som ligger i top-layer uansett. */
:root{--header-h:80px;scroll-padding-top:calc(var(--header-h) + 12px)}
body>header{position:sticky;top:0;z-index:100}