/* XENIX storefront — graphite, warm gold, generous space. */
:root{--bg:#0c0e11;--panel:#15181d;--line:#2a2e35;--muted:#a9afb9;--gold:#e7be71;--white:#f3f1eb;--studio-ease:cubic-bezier(.2,.7,.2,1)}
body{background:radial-gradient(ellipse at 80% 0%,#33301c24,transparent 42%),var(--bg);font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#e7be713d;color:#fff}html{scroll-padding-top:150px}button,a,input,select{touch-action:manipulation}button,input,select{font-family:inherit}a,button{-webkit-tap-highlight-color:transparent}
.skip-link{position:fixed;left:20px;top:12px;z-index:100;padding:10px 16px;background:var(--gold);color:#121315;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}
header{position:sticky;top:0;z-index:30;min-height:88px;padding:18px max(28px,calc((100vw - 1230px)/2));gap:32px;background:#0d0f13eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d;transition:box-shadow .25s,border-color .25s}
body.has-scrolled header{border-bottom-color:#e7be7128;box-shadow:0 12px 32px #0003}.brand{font-size:27px;font-weight:900;letter-spacing:3px;color:#f4f1e9}header>.brand{position:relative;padding-left:15px}header>.brand:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:var(--gold);transform:skew(-12deg)}
header nav{gap:5px;flex-wrap:nowrap}header nav a{position:relative;min-height:44px;padding:11px 16px;border:1px solid transparent;background:transparent;border-radius:8px;color:#aeb3bc;font-size:12px;font-weight:750;letter-spacing:.03em;transition:color .2s,background .2s,border-color .2s}header nav a.active{background:#e7be710c;border-color:#e7be7138;color:#f0d49e}header nav a:hover{background:#ffffff07;border-color:#ffffff14;color:#fff}header nav a.active:after{content:"";position:absolute;bottom:5px;left:calc(50% - 8px);width:16px;height:2px;border-radius:2px;background:var(--gold)}
.header-actions{gap:10px}.language-picker summary{min-width:105px;min-height:42px;padding:9px 11px;background:#ffffff03;border-color:#ffffff17;font-size:12px;border-radius:8px}.language-flag{font-size:19px}.language-menu{background:#181b20;border-color:#363b44;box-shadow:0 16px 50px #0008}.language-menu button{font-size:13px}.language-menu button:hover,.language-menu button.selected{background:#e7be710e}.button{min-height:46px;padding:12px 20px;border-radius:9px;gap:16px;font-size:13px;font-weight:750;transition:background .2s,box-shadow .2s,transform .2s var(--studio-ease),border-color .2s}.button:active{transform:translateY(1px)}.gold{background:var(--gold);color:#17150e;box-shadow:0 4px 18px #d5a94d18}.gold:hover{background:#f4d39a;box-shadow:0 7px 25px #e7be712b}.outline{border-color:#ffffff26;background:#ffffff02;color:#dfdfdf}.outline:hover{background:#ffffff06;border-color:#e7be7170;color:var(--gold)}.discord{background:#5865f2;border-color:#7d87ff40;font-size:12px;min-height:42px;padding:10px 15px;box-shadow:0 4px 15px #5865f21a}.discord:hover{background:#6975ff;box-shadow:0 5px 20px #5865f235}.quiet{font-size:12px;border-radius:8px}
main{max-width:1286px;padding:0 28px}.topline{padding:17px 0;color:#a1a7b0;font-size:11px;letter-spacing:.025em;border-bottom:1px solid #ffffff09}.topline>span:last-child{display:flex;align-items:center;gap:8px}.topline>span:last-child:before{content:"";width:5px;height:5px;border-radius:50%;background:#b8c89d;box-shadow:0 0 10px #b8c89d38}.topline b{font-size:10px;background:#e7be710d;border-color:#e7be7130;color:#e7c789;border-radius:4px}
.cdk-section{margin-top:0}.catalog-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:48px 0 38px;border-bottom:1px solid #ffffff0d}.catalog-copy .eyebrow{margin-bottom:21px;font-size:10px;letter-spacing:.22em;color:#c1a773}.catalog-copy h1{font-size:clamp(36px,4.6vw,62px);font-weight:800;line-height:1.35;letter-spacing:-1.8px}.catalog-copy h1>span:first-child{color:var(--white)}.catalog-copy .catalog-accent{color:var(--gold)}.catalog-description{max-width:440px;margin:17px 0 24px;color:var(--muted);font-size:14px;line-height:1.9}.catalog-actions{display:flex;flex-wrap:wrap;gap:10px}.catalog-actions .gold{padding-inline:22px}.catalog-actions .button>span:last-child{transition:transform .2s}.catalog-actions .button:hover>span:last-child{transform:translate(2px,-2px)}.catalog-detail{display:flex;align-items:center;gap:9px;margin-top:23px;color:#8e96a2;font-size:11px}.catalog-signal{width:5px;height:5px;border-radius:50%;background:#b7c69b;flex:none}
.catalog-spotlight{position:relative;min-width:0;border:1px solid #ffffff13;border-radius:18px;background:radial-gradient(ellipse at 50% 36%,#a47c3620,transparent 65%),#15181c;overflow:hidden;box-shadow:0 15px 60px #0002}.catalog-spotlight:before{content:"";position:absolute;pointer-events:none;left:20px;right:20px;top:55px;height:210px;border:1px solid #e7be710b;border-radius:50%;transform:rotate(-14deg)}.spotlight-top{position:relative;display:flex;justify-content:space-between;padding:16px 21px;color:#a39170;font-size:9px;letter-spacing:.18em}.spotlight-top>span:last-child{color:#858b94;font-variant-numeric:tabular-nums}.spotlight-art{position:relative;height:200px;padding:4px 34px;display:grid;place-items:center}.spotlight-art img{width:100%;height:100%;max-height:194px;object-fit:contain;filter:drop-shadow(0 18px 18px #0005);animation:spotlight-in .45s var(--studio-ease)}.spotlight-placeholder{font-size:110px;line-height:1;font-weight:900;color:#e7be7117;transform:skew(-10deg)}.spotlight-meta{position:relative;padding:17px 21px 18px;background:#0d0f1226;border-top:1px solid #ffffff0b}.spotlight-meta h2{font-size:15px;line-height:1.6;font-weight:650;min-height:24px;margin:9px 0 5px;overflow-wrap:anywhere}.spotlight-meta>p{margin:0;color:var(--gold);font-size:18px;font-weight:750;min-height:30px}.spotlight-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0a}.spotlight-open{display:flex;gap:16px;align-items:center;padding:5px 0;border:0;background:none;color:#d6d9df;font-size:12px}.spotlight-open:hover{color:var(--gold)}.spotlight-controls{display:flex;gap:6px}.spotlight-controls button{height:30px;width:34px;border:1px solid #ffffff1c;background:#ffffff03;border-radius:6px;color:#d4d6da;font-size:14px}.spotlight-controls button:hover{border-color:#e7be7170;color:var(--gold)}@keyframes spotlight-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.cdk-section>.section-title{margin-top:30px;margin-bottom:20px}.section-title h2{font-size:22px;font-weight:750;letter-spacing:-.45px}.section-title>span{font-size:12px;line-height:1.7}.product-controls{padding:18px 20px;gap:14px;border:1px solid #ffffff0f;border-radius:12px;background:#15181a90;scroll-margin-top:155px}.product-control label{color:#b0b5bd;font-size:11px;font-weight:600}.product-controls input,.product-controls select{background:#0c0e12;border-color:#34383f;border-radius:8px;min-height:44px;padding:10px 13px;font-size:12px;color:#e1e2e5;transition:border-color .2s,box-shadow .2s}.product-controls input:focus,.product-controls select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e7be7111;outline:none}.product-count{font-size:11px;padding:7px 10px;border:1px solid #e7be7120;color:#d1b783;background:#e7be7108;border-radius:6px;text-align:center}
.cdk-grid{gap:18px}.cdk-meta{padding:18px;gap:10px;border-top-color:#ffffff08}.cdk-type{padding:3px 8px;background:#e7be7109;border-color:#e7be7125;color:#d8bd88;font-size:9px;letter-spacing:.1em;font-weight:650;border-radius:4px}.cdk-meta h3{font-size:14px;min-height:44px;font-weight:650;line-height:1.6;letter-spacing:.05px}.cdk-price{font-size:12px;line-height:1.7}.cdk-price strong{font-size:16px;letter-spacing:-.2px;color:#eac781}.cdk-updated{padding-top:10px;border-top-color:#ffffff0b;color:#87909c;font-size:10px}.cdk-expired{color:#ecab9c}.cdk-image-fallback{border-color:#ffffff18;color:#9fa7b2}.cdk-section>.odds-note{padding:14px 0 8px;color:#969da8;font-size:11px}
.product-dialog{background:#050608d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.product-dialog-panel{border-color:#4b4434;border-radius:18px;background:#171a1f;box-shadow:0 25px 100px #0009;animation:dialog-in .22s var(--studio-ease)}.product-dialog-art{background:radial-gradient(ellipse at center,#d5ac4e13,transparent 70%),#111418}.product-dialog-content{padding:55px 28px 28px}.product-dialog-content h2{font-size:23px;line-height:1.55}.product-dialog-close{border-radius:50%;background:#1f2329d9;border-color:#ffffff22;width:36px;height:36px;font-size:25px}.product-dialog .cdk-price strong{font-size:20px}.product-dialog-help{font-size:12px;line-height:1.7}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.game{margin-top:28px;background:radial-gradient(ellipse at 80% 0%,#b88c3914,transparent 60%),#14171c;border-color:#ffffff16;border-radius:18px}.game-heading{padding:36px}.game-heading h1{font-size:clamp(32px,4vw,46px);font-weight:800;letter-spacing:-1.2px}.game-heading .eyebrow{font-size:10px;letter-spacing:.2em}.game-heading .muted{color:#a8aeb8;font-size:13px}.free-badge{background:#e7be7106;border-color:#e7be7132;border-radius:12px}.free-badge strong{color:var(--gold);font-size:25px}.reel-window{background:#0c0f13;border-color:#e7be7122}.reel-window:after{background:linear-gradient(90deg,#0c0f13,transparent 20%,transparent 80%,#0c0f13)}.tile{border-color:#ffffff13;background:linear-gradient(#1c2027,#15181d);border-bottom-color:#9e804a;border-radius:11px}.tile .tile-name{color:#b9bdc5}.center-slot{border-color:#e7be7180;box-shadow:0 0 25px #e7be7107}.spin-panel{padding:28px 36px}.spin-panel .gold{min-height:52px}.winners-list,.history-list{background:#11151a;border-color:#ffffff11;border-radius:11px}.winner-row{border-bottom-color:#ffffff0d}.winner-icon{background:#e7be710d;border-color:#e7be7129}.account{background:#0f1216;border-color:#ffffff12;border-radius:12px}.role-badge.eligible{color:#e6c994;border-color:#e7be7133;background:#e7be710b}.prize{background:#171a20;border-color:#ffffff11;border-radius:11px}.prize .art{background:radial-gradient(ellipse at bottom,#b58b3214,transparent 75%)}.prize .meta{border-top-color:#ffffff0b}.prize .chance{background:#151713d9;border-color:#e7be7129;color:#e1c38d;border-radius:5px}.bonus-links{border-top-color:#ffffff0d}.result{background:#e7be7107;border-color:#e7be7140;border-radius:12px}.admin-panel{border-radius:14px;border-color:#ffffff16}.service-page.is-active{animation:service-page-in .35s var(--studio-ease)}
footer{margin-top:30px;padding:30px 0 35px;border-top:1px solid #ffffff0d;color:#8f97a3;gap:24px}footer .brand{font-size:20px;letter-spacing:3px;color:#d7d6d1}footer p{line-height:1.8}footer>span:last-child{white-space:nowrap;font-size:10px;letter-spacing:.04em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #efd49d;outline-offset:4px}
.reveal-pending{opacity:0;transform:translateY(14px)}.reveal-ready{opacity:1;transform:none;transition:opacity .5s var(--studio-ease),transform .5s var(--studio-ease)}
@media(max-width:1050px){header{gap:18px;flex-wrap:wrap;padding:15px 26px}header nav{order:3;flex-basis:100%;justify-content:center}header>.brand{margin-right:auto}.catalog-hero{gap:30px}.catalog-copy h1{font-size:46px}.catalog-actions .button{padding-inline:16px}.cdk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){header{gap:12px;padding:14px 20px 10px}header nav{justify-content:flex-start;gap:6px}header nav a{font-size:11px;min-height:40px;padding:10px 13px;flex:1}.brand{font-size:23px}.catalog-hero{gap:22px;padding:32px 0;grid-template-columns:1fr}.catalog-copy .eyebrow{margin-bottom:13px}.catalog-copy h1{font-size:44px}.catalog-description{max-width:560px;margin:12px 0 18px;font-size:13px}.catalog-detail{margin-top:16px}.catalog-spotlight{display:grid;grid-template-columns:42% minmax(0,1fr);border-radius:13px}.spotlight-top{grid-column:1/-1;padding:12px 16px;font-size:8px;border-bottom:1px solid #ffffff08}.spotlight-art{height:168px;padding:14px}.spotlight-art img{max-height:140px}.catalog-spotlight:before{height:150px;top:43px;left:10px;right:58%}.spotlight-meta{padding:14px 15px;border-top:0;border-left:1px solid #ffffff08}.spotlight-meta h2{font-size:12px;line-height:1.55;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotlight-meta>p{font-size:16px;min-height:23px}.spotlight-actions{margin-top:7px;padding-top:8px}.spotlight-open{font-size:10px;gap:8px}.spotlight-controls{gap:4px}.spotlight-controls button{width:26px;height:26px;font-size:12px}.cdk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-controls{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.product-search{grid-column:1/-1}.product-count{grid-column:1/-1;justify-self:start;padding:4px 9px}.product-dialog-content{padding:45px 20px 20px}footer{gap:12px}}
@media(max-width:560px){main{padding:0 17px}.header-actions{gap:7px;margin-left:0}.discord{padding:9px 11px;font-size:10px;min-height:38px}.language-picker summary{min-width:85px;min-height:38px;font-size:11px;gap:5px;padding:8px}.language-flag{font-size:16px}header>.brand{font-size:21px;letter-spacing:2px;padding-left:12px}header nav{gap:6px}header nav a{font-size:10px;padding:9px 8px;min-height:37px}.topline{font-size:10px;padding:13px 0;gap:10px}.topline b{font-size:9px;padding:2px 6px}.topline>span:last-child{gap:5px}.catalog-hero{padding:27px 0 25px;gap:22px}.catalog-copy .eyebrow{font-size:8px;letter-spacing:.16em}.catalog-copy h1{font-size:clamp(30px,9.5vw,40px);letter-spacing:-1px;line-height:1.4}.catalog-description{font-size:12px;line-height:1.85;max-width:360px}.catalog-actions{gap:8px}.catalog-actions .button{min-height:41px;font-size:11px;padding:10px 14px;gap:12px}.catalog-detail{font-size:10px}.spotlight-art{height:154px;padding:10px}.spotlight-art img{max-height:130px}.spotlight-meta{padding:11px 12px}.spotlight-meta .cdk-type{font-size:8px;padding:2px 5px}.spotlight-meta h2{font-size:11px;margin-top:7px}.spotlight-meta>p{font-size:15px}.spotlight-top{padding:10px 14px}.spotlight-open{font-size:9px}.spotlight-controls button{width:24px;height:25px}.cdk-section>.section-title{margin-top:26px;margin-bottom:16px;gap:5px}.section-title h2{font-size:20px}.section-title>span{font-size:11px}.product-controls{padding:13px;gap:10px;border-radius:10px;margin-bottom:14px}.product-control label{font-size:10px}.product-controls input,.product-controls select{font-size:11px;padding:9px 10px;min-height:42px}.cdk-grid{gap:10px}.cdk-meta{padding:12px;gap:8px}.cdk-meta h3{font-size:11px;min-height:36px;line-height:1.7}.cdk-type{font-size:8px;padding:2px 6px}.cdk-price{font-size:10px;flex-wrap:wrap;gap:3px}.cdk-price strong{font-size:14px}.cdk-updated{font-size:9px;padding-top:8px}.game{margin-top:20px;border-radius:14px}.game-heading{padding:24px 20px}.game-heading h1{font-size:30px}.game-heading .muted{font-size:12px}.game-heading .eyebrow{font-size:8px}.free-badge{padding:8px 12px}.free-badge strong{font-size:20px}.free-badge span{font-size:10px}.spin-panel{padding:24px 20px;gap:17px}.spin-panel p{font-size:12px}.small-label{font-size:10px}#spin{min-width:0;width:100%;font-size:13px}.product-dialog-panel{border-radius:14px}.product-dialog-content{padding:16px 20px 20px}.product-dialog-content h2{font-size:19px}.product-dialog .cdk-price strong{font-size:18px}.product-dialog-art{height:230px}.product-dialog-actions .button{font-size:12px}.language-menu{width:160px}.language-menu button{font-size:12px}footer{margin-top:22px;padding-top:24px;align-items:flex-start;flex-direction:column;gap:7px;font-size:10px}footer p{margin:0}}
@media(max-width:370px){header{padding-inline:14px}.header-actions{gap:5px}.language-picker summary{min-width:75px;font-size:10px}.discord{font-size:9px;padding-inline:9px}.spotlight-art{height:164px}.spotlight-actions{gap:5px}.spotlight-controls button{width:21px}.catalog-copy h1{font-size:31px}.cdk-meta{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-pending{opacity:1;transform:none}.reveal-ready,.service-page.is-active,.product-dialog-panel,.spotlight-art img{animation:none!important;transition:none!important}.button,.catalog-actions .button>span:last-child{transition:none!important}}
.spotlight-counter{display:flex;align-items:center;gap:10px;color:#858b94}.spotlight-counter button{width:24px;height:22px;padding:0;border:1px solid #ffffff18;border-radius:4px;color:#c5bdac;background:#ffffff03;font-size:10px;line-height:1}.spotlight-counter button:hover{color:var(--gold);border-color:#e7be7160}

/* Preserve the full source aspect ratio instead of forcing a thumbnail crop. */
.cdk-grid{align-items:start}
.cdk-card{border-radius:16px}
.cdk-art{position:relative;display:block;height:auto;aspect-ratio:auto;padding:0;overflow:hidden;background:#24262b;border-radius:15px 15px 0 0}
.cdk-art>img{display:block;position:static;inset:auto;width:100%;height:auto;min-width:0;min-height:0;max-width:100%;max-height:none;margin:0;object-fit:contain;object-position:center;transform:none;filter:none}
.cdk-art>.cdk-image-fallback{position:static;inset:auto;width:100%;height:auto;min-height:160px;max-height:none;margin:0}
.cdk-meta{background:#303238;border-top:0;padding:12px 16px;gap:7px}
.cdk-meta .cdk-type{font-size:9px;line-height:1.5;padding:1px 6px}
.cdk-meta h3{font-size:15px;line-height:1.4;min-height:0;margin:0}
.cdk-meta .cdk-prices{gap:4px}
.cdk-meta .cdk-price{font-size:12px;line-height:1.4;margin:0;gap:8px}
.cdk-meta .cdk-price strong{font-size:17px;line-height:1.4}
.cdk-meta .cdk-updated{font-size:10px;line-height:1.4;border-top:0;padding-top:0;margin:0}
@media(max-width:760px){.cdk-grid{grid-template-columns:minmax(0,1fr);gap:14px}}

/* Desktop catalog: consistent frames while preserving uncropped source images. */
@media (min-width: 761px) {
  .cdk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
  }
  .cdk-grid > .cdk-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .cdk-grid .cdk-art {
    flex: none;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .cdk-grid .cdk-art > img,
  .cdk-grid .cdk-art > .cdk-image-fallback {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .cdk-grid .cdk-meta {
    flex: 1;
    display: grid;
    grid-template-rows: auto 2.8em 1fr auto;
    gap: 10px;
    padding: 16px 18px;
    font-size: 15px;
  }
  .cdk-grid .cdk-meta .cdk-type { justify-self: start; }
  .cdk-grid .cdk-meta h3 {
    min-height: 2.8em;
    max-height: 2.8em;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
  }
  .cdk-grid .cdk-prices { align-content: start; }
  .cdk-grid .cdk-updated { min-height: 14px; }
}