/* BloxFlare cases: ten illustrated chests and a readable drop catalog. */
.cases-open-count{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px}
.cases-open-count span{margin-right:6px;color:#bfaeb8;font-size:12px;font-weight:800}
.cases-open-count button{min-width:38px;height:36px;border:1px solid #65515e;border-radius:8px;background:#2a202b;color:#f5eaf0;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.cases-open-count button:hover:not(:disabled){transform:translateY(-2px);border-color:#e46284}
.cases-open-count button[aria-pressed="true"]{border-color:#ed416c;background:#a82249;color:#fff;box-shadow:0 0 0 2px #ed416c33}
.cases-open-count button:disabled{opacity:.55;cursor:default}
.cases-multi-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;width:100%}
.cases-multi-result{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid #58414e;border-radius:9px;background:#211b25}
.cases-multi-result img{flex:none;width:52px;height:52px;object-fit:contain}
.cases-multi-result strong{font-size:12px;overflow-wrap:anywhere}
.cases-multi-result span{font-size:12px}
.cases-spin-batch{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.cases-spin-lane{min-width:0}
.cases-spin-lane>span{display:block;margin:0 0 6px;color:#d7c5cf;font-size:11px;font-weight:850;text-align:center}
.cases-spin-batch .cases-spin-window{width:100%;height:132px}
.cases-spin-batch .cases-spin-track{gap:6px;padding:5px}
.cases-spin-batch .cases-spin-tile{width:100px;height:112px}
.cases-spin-batch .cases-spin-tile img{width:52px;height:52px}
.topbar .wallet-balance-button{border-radius:9px}
.cases-bot-option{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:14px;border:1px solid #79526a;border-radius:10px;background:#2a1b2a;color:#f7edf2;cursor:pointer}
.cases-bot-option input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#df3c65}
.cases-bot-option strong,.cases-bot-option small{display:block}
.cases-bot-option strong{font-size:13px}
.cases-bot-option small{margin-top:5px;color:#d2abbf;font-size:11px;line-height:1.45}
.cases-bot-option:has(input:checked){border-color:#e24b70;background:#3a2133}
.cases-room-bot-note{margin:0 0 15px;padding:10px 13px;border:1px solid #85485f;border-radius:8px;background:#361f2f;color:#f1c2d1;font-size:12px;font-weight:750}
.cases-room-player.is-bot{border-color:#bb496b}
.cases-room-player.is-bot .cases-room-avatar,.cases-lobby-seat.is-bot{border-color:#db5578;background:#71304b;color:#fff}
.cases-card[data-case="egg-atlas"],.cases-detail-head[data-case="egg-atlas"]{--case-accent:#79D5C3;--case-glow:#45A99F55}
.cases-card[data-case="first-limited"],.cases-detail-head[data-case="first-limited"]{--case-accent:#E8BC68;--case-glow:#D8A64E55}
.cases-card[data-case="emotion-gallery"],.cases-detail-head[data-case="emotion-gallery"]{--case-accent:#D6A8EF;--case-glow:#A76ACD55}
.cases-card[data-case="retro-archive"],.cases-detail-head[data-case="retro-archive"]{--case-accent:#E8B284;--case-glow:#B8774B55}
.cases-card[data-case="masked-faces"],.cases-detail-head[data-case="masked-faces"]{--case-accent:#F094AB;--case-glow:#CE557555}
.cases-card[data-case="black-iron"],.cases-detail-head[data-case="black-iron"]{--case-accent:#B7C0CA;--case-glow:#A13D5555}
.cases-card[data-case="pumpkin-hour"],.cases-detail-head[data-case="pumpkin-hour"]{--case-accent:#FFB46A;--case-glow:#E47B3655}
.cases-card[data-case="frost-gift"],.cases-detail-head[data-case="frost-gift"]{--case-accent:#B5EAF5;--case-glow:#67B7D455}
.cases-card[data-case="valkyrie-hall"],.cases-detail-head[data-case="valkyrie-hall"]{--case-accent:#A3E5BE;--case-glow:#68B29355}
.cases-card[data-case="catalog-crown"],.cases-detail-head[data-case="catalog-crown"]{--case-accent:#F6CD84;--case-glow:#B86C6655}
.cases-card[data-case="egg-atlas"]{--case-surface:radial-gradient(circle at 50% 78%,#367F7766,transparent 59%),repeating-linear-gradient(90deg,#7DD6BD0A 0 2px,transparent 2px 24px),linear-gradient(155deg,#202C2C,#12191C)}
.cases-card[data-case="first-limited"]{--case-surface:radial-gradient(circle at 50% 78%,#A1783A66,transparent 62%),repeating-linear-gradient(135deg,#E4BE660B 0 2px,transparent 2px 18px),linear-gradient(155deg,#30271D,#191719)}
.cases-card[data-case="emotion-gallery"]{--case-surface:radial-gradient(circle at 50% 75%,#9865B677,transparent 59%),radial-gradient(circle at 16% 20%,#E487AC22,transparent 36%),linear-gradient(155deg,#2C2135,#19151F)}
.cases-card[data-case="retro-archive"]{--case-surface:radial-gradient(circle at 50% 78%,#AB795366,transparent 60%),repeating-linear-gradient(0deg,#E8BB8F0A 0 1px,transparent 1px 19px),linear-gradient(155deg,#30241F,#1B1718)}
.cases-card[data-case="masked-faces"]{--case-surface:radial-gradient(circle at 50% 78%,#B7547566,transparent 60%),repeating-linear-gradient(45deg,#F596B20A 0 2px,transparent 2px 25px),linear-gradient(155deg,#30202C,#1B151D)}
.cases-card[data-case="black-iron"]{--case-surface:radial-gradient(circle at 50% 78%,#AD455A55,transparent 58%),repeating-linear-gradient(90deg,#CBD2DB0B 0 1px,transparent 1px 15px),linear-gradient(155deg,#26272C,#121318)}
.cases-card[data-case="pumpkin-hour"]{--case-surface:radial-gradient(circle at 50% 78%,#E6803566,transparent 62%),radial-gradient(circle at 86% 17%,#FFB16A22,transparent 26%),linear-gradient(155deg,#38241E,#19161A)}
.cases-card[data-case="frost-gift"]{--case-surface:radial-gradient(circle at 50% 78%,#8CD4E766,transparent 61%),repeating-linear-gradient(135deg,#B9F0FF0B 0 1px,transparent 1px 25px),linear-gradient(155deg,#21303A,#151B23)}
.cases-card[data-case="valkyrie-hall"]{--case-surface:radial-gradient(circle at 50% 78%,#6ABFA166,transparent 61%),repeating-linear-gradient(120deg,#B7E8B40C 0 2px,transparent 2px 29px),linear-gradient(155deg,#25332D,#151D1B)}
.cases-card[data-case="catalog-crown"]{--case-surface:radial-gradient(circle at 50% 78%,#D5A76B77,transparent 61%),radial-gradient(circle at 50% 9%,#EABD7722,transparent 30%),linear-gradient(155deg,#34252A,#1E171D)}

.cases-gallery-view .cases-card,
.cases-builder-view .cases-card {
  border:1px solid #39313C;
  border-radius:14px;
  background:var(--case-surface,linear-gradient(160deg,#211B25,#151319));
  box-shadow:0 8px 20px #0004;
  color:#F6EEF3;
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.cases-gallery-view .cases-card::before,
.cases-builder-view .cases-card::before {
  position:absolute;
  inset:0 12px auto;
  height:3px;
  border-radius:0 0 8px 8px;
  background:var(--case-accent,#E86682);
  opacity:.8;
  content:"";
  pointer-events:none;
}
.cases-gallery-view .cases-card:hover,
.cases-builder-view .cases-card:hover:enabled {
  transform:translateY(-5px);
  border-color:var(--case-accent,#E86682);
  background:var(--case-surface,linear-gradient(160deg,#28202B,#18141C));
  box-shadow:0 14px 28px #0007,0 0 25px var(--case-glow,#BA385055);
}
.cases-gallery-view .cases-card:focus-visible,
.cases-builder-view .cases-card:focus-visible { outline:2px solid var(--case-accent,#E86682);outline-offset:3px; }
.cases-gallery-view .cases-card[aria-selected="true"],
.cases-builder-view .cases-card[aria-selected="true"] { border-color:var(--case-accent,#E86682);box-shadow:0 0 0 2px var(--case-glow,#BA385055); }
.cases-gallery-view .cases-card-art,
.cases-builder-view .cases-card-art,
.cases-detail-cover {
  position:relative;
  background:radial-gradient(ellipse at 50% 55%,var(--case-glow,#BA385055),transparent 69%)!important;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.cases-gallery-view .cases-card-art::before,
.cases-gallery-view .cases-card-art::after,
.cases-builder-view .cases-card-art::before,
.cases-builder-view .cases-card-art::after,
.cases-detail-cover::before,
.cases-detail-cover::after { display:none!important; }
.cases-gallery-view .cases-card-art img,
.cases-builder-view .cases-card-art img,
.cases-detail-cover img {
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 12px 9px #0008);
  transform:none;
  transition:transform .3s ease,filter .3s ease;
}
.cases-gallery-view .cases-card:hover .cases-card-art img,
.cases-builder-view .cases-card:hover:enabled .cases-card-art img {
  transform:translateY(-5px) scale(1.05);
  filter:drop-shadow(0 16px 12px #000A);
}
.cases-gallery-view .cases-card-art { height:145px;margin:0 0 8px; }
.cases-builder-view .cases-card-art { height:117px;margin:0 0 7px; }
.cases-gallery-view .cases-card strong,
.cases-builder-view .cases-card strong {
  min-height:2.5em;
  color:#F6F0F4;
  font-size:13px;
  line-height:1.25;
  text-transform:none;
  overflow-wrap:anywhere;
}
.cases-gallery-view .cases-card small,
.cases-builder-view .cases-card small { color:#AFA2AF;font-size:10px; }
.cases-gallery-view .cases-card b,
.cases-builder-view .cases-card b {
  margin-top:4px;
  border:1px solid #594755;
  border-radius:7px;
  background:#2B222C;
  color:var(--case-accent,#FF819B);
  font-size:13px;
  box-shadow:none;
}
.cases-gallery-view .cases-card strong,
.cases-builder-view .cases-card strong { order:0; }
.cases-gallery-view .cases-card-price,
.cases-builder-view .cases-card-price {
  order:1;
  display:block;
  width:100%;
  padding:7px 5px;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
.cases-gallery-view .cases-card .cases-card-price,
.cases-builder-view .cases-card .cases-card-price { font-size:12px;line-height:1.25; }
.cases-gallery-view .cases-card small { order:2; }
.cases-gallery-view .cases-card-art { order:3; }
.cases-builder-view .cases-card-art { order:2; }
.cases-builder-view .cases-card small { order:3; }
.cases-builder-view .cases-card:disabled { opacity:.45;cursor:not-allowed; }
.cases-detail-head {
  border:1px solid #4B303E;
  border-radius:17px;
  background:radial-gradient(circle at 50% 38%,var(--case-glow,#BA385055),transparent 43%),linear-gradient(125deg,#241923,#17141B);
  box-shadow:0 12px 25px #0004;
}
.cases-detail-head h2 { max-width:100%;color:#FFF6F9;overflow-wrap:anywhere; }
.cases-detail-head p strong { color:var(--case-accent,#FFD08B); }
.cases-detail-cover { width:250px;height:194px; }
.cases-detail-cover img { width:100%;height:100%; }
.cases-detail-view .cases-drop {
  border:1px solid #413341;
  border-bottom:2px solid #A34864;
  border-radius:10px;
  background:#211A23;
  box-shadow:none;
}
.cases-detail-view .cases-drop img {
  width:100%;
  height:112px;
  border:1px solid #4C3B4A;
  border-radius:7px;
  background:radial-gradient(circle at center,#5A344B,#261E2A 75%);
  object-fit:contain;
}
.cases-detail-view .cases-drop strong {
  color:#F5EBF1;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.3;
}
.cases-detail-view .cases-drop span { color:#E9C9D4; }
.cases-detail-view .cases-drop small { color:#F6A6B9; }
.cases-detail-view .cases-drop a {
  display:inline-block;
  margin-top:7px;
  color:#F0B4C4;
  font-size:10px;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}
.cases-detail-view .cases-drop a:hover { color:#FFF; }
.cases-sort { display:flex;flex-wrap:wrap;gap:6px;margin:-3px 0 14px; }
.cases-sort button {
  min-height:32px;
  padding:6px 11px;
  border:1px solid #65505E;
  border-radius:7px;
  background:#2A212D;
  color:#D8BDCA;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.cases-sort button:hover,.cases-sort button:focus-visible { border-color:#ED91AA;color:#FFF; }
.cases-sort button[aria-pressed="true"] { border-color:#E75D82;background:#74344D;color:#FFF; }
.cases-lobby-cases img,.cases-room-case img { object-fit:contain; }

html[data-theme="light"] .cases-gallery-view .cases-card,
html[data-theme="light"] .cases-builder-view .cases-card {
  border-color:#D7C7D0;
  background:linear-gradient(160deg,#FFFBFD,#F4ECF0);
  box-shadow:0 7px 18px #3018271A;
}
html[data-theme="light"] #game-screen-cases .game-view-heading {
  border-color:#65384C;
  background:
    radial-gradient(circle at 82% 44%,#B54D7040,transparent 38%),
    linear-gradient(#FFFFFF0C 1px,transparent 1px),
    linear-gradient(90deg,#FFFFFF0C 1px,transparent 1px),
    linear-gradient(120deg,#2D1C2A,#502638);
  background-size:auto,30px 30px,30px 30px,auto;
}
html[data-theme="light"] .cases-gallery-view .cases-gallery-lobby {
  border-color:#654052;
  background:linear-gradient(140deg,#432637,#291D2C);
  box-shadow:none;
}
html[data-theme="light"] .cases-gallery-view .cases-card:hover,
html[data-theme="light"] .cases-builder-view .cases-card:hover:enabled {
  background:#FFF;
  box-shadow:0 12px 24px #30182729,0 0 20px var(--case-glow,#BA385033);
}
html[data-theme="light"] .cases-gallery-view .cases-card strong,
html[data-theme="light"] .cases-builder-view .cases-card strong { color:#35232F; }
html[data-theme="light"] .cases-gallery-view .cases-card small,
html[data-theme="light"] .cases-builder-view .cases-card small { color:#746371; }
html[data-theme="light"] .cases-gallery-view .cases-card b,
html[data-theme="light"] .cases-builder-view .cases-card b { border-color:#E2C4CF;background:#F9EBF0;color:#8F3451; }
html[data-theme="light"] .cases-detail-view .cases-drop { border-color:#DDD0D8;border-bottom-color:#B65171;background:#FCF8FA; }
html[data-theme="light"] .cases-detail-view .cases-drop img { border-color:#E5D4DE;background:#F3EAF0; }
html[data-theme="light"] .cases-detail-view .cases-drop strong { color:#38242F; }
html[data-theme="light"] .cases-detail-view .cases-drop span { color:#6D4959; }
html[data-theme="light"] .cases-detail-view .cases-drop small,
html[data-theme="light"] .cases-detail-view .cases-drop a { color:#A83E60; }
html[data-theme="light"] .cases-sort button { border-color:#D9BDC9;background:#F9EDF2;color:#683B50; }
html[data-theme="light"] .cases-sort button[aria-pressed="true"] { border-color:#A74363;background:#A74363;color:#FFF; }

@media(max-width:700px){
  .cases-gallery-view .cases-card-art { height:120px; }
  .cases-builder-view .cases-card-art { height:105px; }
  .cases-detail-cover { width:215px;height:165px; }
}
@media(max-width:430px){
  .cases-gallery-view .cases-card-art { height:102px; }
  .cases-gallery-view .cases-card strong { font-size:12px; }
}
@media(prefers-reduced-motion:reduce){
  .cases-gallery-view .cases-card,
  .cases-builder-view .cases-card,
  .cases-gallery-view .cases-card-art img,
  .cases-builder-view .cases-card-art img { transition:none; }
}