body.desktop-demo :is(.reward-showcase,.voucher-table,.reward-separation) { --reward-highlight:#e5c37d; }
body.desktop-demo .voucher-table { width:100%; border-collapse:collapse; margin:20px 0 0; font-size:13px; }
body.desktop-demo .voucher-table :is(th,td) { padding:9px 10px; text-align:right; background:transparent; border:0; }
body.desktop-demo .voucher-table tr>*:first-child { text-align:left; }
body.desktop-demo .voucher-table thead th { color:#9cabb4; font-weight:400; background:#0d171d; font-size:11px; }
body.desktop-demo .voucher-table tbody th { font-weight:500; color:#dce4e7; }
body.desktop-demo .voucher-table td strong { font-size:17px; font-variant-numeric:tabular-nums; font-weight:700; color:var(--reward-highlight); }
body.desktop-demo .voucher-table td small { font-size:11px; font-weight:400; color:#9cabb4; }
body.desktop-demo .voucher-table .advancing-tier>th { border-left:2px solid #637581; padding-left:8px; }
body.desktop-demo .voucher-table tfoot { border-top:1px solid #43515a; }
body.desktop-demo .voucher-table tfoot th { color:#b5c2c9; }
body.desktop-demo .reward-separation { display:flex; gap:24px; padding:13px 0 0; margin-top:10px; border-top:1px solid #35444d; font-size:12px; color:#c9d4d9; }
body.desktop-demo .reward-separation b { color:var(--reward-highlight); margin-right:6px; font-size:11px; }

body.desktop-demo .exposure-modal-image { width:100%; height:auto; display:block; margin:16px 0; }
body.desktop-demo .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
body.desktop-demo .icon { display:inline-block; width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
body.desktop-demo .reward-showcase { max-width:1344px; margin:auto; padding:68px 48px 54px; scroll-margin-top:100px; }
body.desktop-demo .reward-showcase .heading-row { display:block; margin-bottom:30px; }
body.desktop-demo .reward-showcase .heading-row h2 { font-size:32px; line-height:1.35; margin:12px 0; letter-spacing:-.03em; }
body.desktop-demo .reward-showcase .heading-row>p { color:var(--muted); margin:0; }
body.desktop-demo .reward-showcase .section-index { font:11px/1.5 Consolas,monospace; letter-spacing:.12em; color:var(--accent); }
body.desktop-demo .prize-stages { display:grid; grid-template-columns:1fr 1fr 1.12fr; gap:18px; align-items:stretch; }
body.desktop-demo .prize-stage { min-width:0; display:flex; flex-direction:column; border:1px solid #34434b; background:#142027; }
body.desktop-demo .prize-stage-label { height:54px; display:flex; align-items:center; gap:12px; padding:0 22px; border-bottom:1px solid #35434b; }
body.desktop-demo .prize-stage-label>span { font:12px/1 Consolas,monospace; color:#8f9fa9; }
body.desktop-demo .prize-stage-label>strong { font-size:13px; font-weight:500; }
body.desktop-demo .prize-stage-label>.icon { margin-left:auto; width:16px; color:#95aab6; }
body.desktop-demo .prize-stage-label>small { margin-left:auto; color:#9eb0bb; font-size:10px; white-space:nowrap; }
body.desktop-demo .reward-visual { height:190px; position:relative; overflow:hidden; background:#152028; }
body.desktop-demo .reward-visual>img { display:block; width:100%; height:100%; object-fit:cover; }
body.desktop-demo .voucher-visual>img { object-position:50% 48%; }
body.desktop-demo .exposure-visual>img { object-position:48% 34%; }
body.desktop-demo .reward-visual:not(.trophy-visual):after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(11,20,25,.94),transparent 54%); }
body.desktop-demo .reward-visual>span { position:absolute; z-index:1; bottom:15px; left:22px; font:9px/1.4 Consolas,monospace; letter-spacing:.15em; color:#d8dbd2; }
body.desktop-demo .prize-stage-body { flex:1; display:flex; flex-direction:column; padding:24px 22px 8px; }
body.desktop-demo .reward-eyebrow { font-size:11px; color:#9eb0bb; line-height:1.5; }
body.desktop-demo .prize-stage h3 { margin:10px 0; color:#e9edef; font-size:24px; line-height:1.35; letter-spacing:-.035em; }
body.desktop-demo .prize-stage h3>b { font:700 32px/1.15 Arial,sans-serif; margin-right:8px; }
body.desktop-demo .prize-stage-vouchers h3 { font-size:17px; color:var(--reward-highlight); }
body.desktop-demo .prize-stage-vouchers h3>b,
body.desktop-demo .prize-stage-regional h3 { color:var(--reward-highlight); }
body.desktop-demo .reward-plus { display:inline-block; margin-left:4px; font-size:17px; color:var(--reward-highlight); }
body.desktop-demo .reward-main-line { margin:0 0 24px; color:#b5c3cb; font-size:12px; line-height:1.8; }
body.desktop-demo .reward-key { display:flex; flex-direction:column; gap:6px; margin-bottom:17px; }
body.desktop-demo .reward-key>span { display:flex; align-items:center; gap:8px; color:var(--reward-highlight); font-size:13px; }
body.desktop-demo .reward-key .icon { width:17px; height:17px; color:var(--reward-highlight); }
body.desktop-demo .reward-key>strong { padding-left:25px; font-weight:400; color:#90a4b0; font-size:11px; line-height:1.5; }
body.desktop-demo .reward-card-action { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:48px; padding:12px 0; margin-top:auto; border:0; border-top:1px solid #35434b; border-radius:0; background:transparent; color:#bdcbd3; font-size:12px; text-align:left; }
body.desktop-demo .reward-card-action .icon { width:16px; height:16px; transition:transform .18s; }
body.desktop-demo .reward-card-action:hover { color:var(--accent); background:transparent; }
body.desktop-demo .reward-card-action:hover .icon { transform:translateX(3px); }
body.desktop-demo .trophy-visual { background:#152028; }
body.desktop-demo .trophy-emblem { position:absolute; inset:12px 0 30px; display:flex; align-items:center; justify-content:center; }
body.desktop-demo .trophy-emblem:before { content:""; position:absolute; width:155px; height:155px; border:1px solid #52657240; border-radius:50%; }
body.desktop-demo .trophy-emblem .championship-trophy { width:118px; height:118px; color:var(--reward-highlight); stroke-width:1.15; filter:drop-shadow(0 6px 15px #00000040); }
body.desktop-demo .trophy-visual>span { left:0; right:0; text-align:center; color:#b5c3cb; }
body.desktop-demo .prize-stage-global h3 { font-size:32px; }
body.desktop-demo .prize-stage-global .reward-main-line { margin-bottom:20px; }
body.desktop-demo .global-champion-rewards { display:flex; flex-direction:column; gap:7px; padding-bottom:17px; }
body.desktop-demo .global-champion-rewards strong { display:flex; align-items:center; gap:8px; font-size:17px; color:var(--reward-highlight); }
body.desktop-demo .global-champion-rewards span { padding-left:28px; font-size:12px; color:var(--reward-highlight); }
body.desktop-demo .reward-runners-up { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 19px; font-size:11px; color:#aebec7; }
body.desktop-demo .reward-runners-up b { color:#8f9fa9; font:11px/1 Consolas,monospace; margin-right:5px; }
body.desktop-demo .reward-runners-up strong { font-weight:400; margin-left:auto; color:var(--reward-highlight); }
body.desktop-demo .reward-proposal-note { font-size:11px; line-height:1.8; color:#879ba7; margin:18px 0 0; }
@media (prefers-reduced-motion:reduce) { body.desktop-demo .reward-card-action .icon { transition:none; } }

/* Supplied OBJ geometry, converted to a lightweight, on-demand WebGL preview. */
body.desktop-demo button.trophy-launch { display:block; width:100%; padding:0; border:0; border-radius:0; text-align:center; cursor:zoom-in; }
body.desktop-demo .trophy-launch:hover { background-color:#1d2b34; }
body.desktop-demo .trophy-canvas { position:absolute; inset:0 0 25px; overflow:hidden; }
body.desktop-demo .trophy-canvas canvas { display:block; width:100%; height:100%; pointer-events:none; }
body.desktop-demo .trophy-loading { display:grid; place-items:center; height:100%; margin:0; font-size:11px; font-weight:400; color:#9eb0bb; }
body.desktop-demo .trophy-launch>span { color:#b5c3cb; letter-spacing:.04em; font-family:inherit; }
body.desktop-demo .trophy-dialog-view { height:min(53vh,480px); min-height:300px; position:relative; background:#152028; border:1px solid #34434b; margin:14px 0 10px; }
body.desktop-demo .trophy-dialog-view canvas { display:block; width:100%; height:100%; touch-action:none; cursor:grab; }
body.desktop-demo .trophy-dialog-view canvas:active { cursor:grabbing; }
body.desktop-demo .trophy-viewer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#a8b7bc; font-size:12px; }
body.desktop-demo .trophy-viewer-toolbar button { min-height:36px; font-size:12px; padding:6px 12px; }
body.desktop-demo .slot-detail-summary { display:flex; align-items:center; gap:16px; margin:18px 0; padding:20px; border:1px solid #485a62; background:#17252d; }
body.desktop-demo .slot-detail-summary>span { font:28px/1 Consolas,monospace; color:#d5ae78; }
body.desktop-demo .slot-detail-summary strong { display:block; font-size:18px; }
body.desktop-demo .slot-detail-summary small { display:block; margin-top:5px; color:#a5b6be; }