.spotlight-page{background:radial-gradient(ellipse at 20% 0,#f6df99a0,transparent 45%),#f5edd9}
.spotlight-page main{max-width:1080px;padding-top:20px}
.spotlight-page header>div,.spotlight-page footer{max-width:1080px}
.spotlight-page .spread{grid-template-columns:minmax(0,1.9fr) minmax(210px,.9fr)}
.spot-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:280px;border:1px solid #ceaa59;border-radius:18px;padding:28px 34px;color:#fff0c5;background:radial-gradient(ellipse at 72% 74%,#ba9f4155,transparent 48%),linear-gradient(115deg,#173c30,#28503c 60%,#182f26);box-shadow:0 5px 0 #b7a16a2b,0 17px 40px #46432120}
.spot-hero:before{content:"";position:absolute;z-index:-1;inset:9px;border:1px solid #cbb16b66;border-radius:11px;pointer-events:none}
.spot-hero:after{content:"";position:absolute;z-index:-1;width:450px;height:450px;right:-170px;top:-230px;border:1px solid #d7b76c44;border-radius:50%;box-shadow:0 0 0 18px #d4ad5520,0 0 0 42px #d4ad550c;pointer-events:none}
.spot-hero-copy{z-index:2}
.spot-eyebrow{font-size:9px;font-weight:650;letter-spacing:.14em;color:#cfc49b;display:flex;gap:7px;align-items:center}
.spot-eyebrow i{width:6px;height:6px;display:inline-block;background:#e9bf68;border-radius:50%;box-shadow:0 0 10px #e9bf6899}
.spot-hero h1{margin:14px 0 10px;font:850 clamp(34px,4vw,49px)/1.17 Georgia,"Songti SC","Microsoft YaHei",serif;letter-spacing:.06em;color:#fff2c8}
.spot-hero h1 span{display:block;background:linear-gradient(#fff4bd 20%,#e3b95f 65%,#fff1ac);color:transparent;background-clip:text;-webkit-background-clip:text}
.spot-hero p{font-size:12px;line-height:1.8;color:#dfd6b7;margin:9px 0 17px}
.spot-gold-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid #ffe5a2;border-radius:26px;background:linear-gradient(165deg,#fff0ab,#e5b45c 74%,#c39142);box-shadow:inset 0 2px #fff6d499,0 3px 0 #886431,0 6px 17px #0a211b38;color:#52321b;font:800 14px/1.3 system-ui,sans-serif;padding:12px 22px;cursor:pointer}
.spot-gold-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.spot-gold-button:active{transform:translateY(1px)}
.spot-hero-copy>small{display:block;margin-top:10px;color:#aebba1;font-size:10px}
.spot-hero-art{position:relative;min-width:0;display:grid;place-items:center;perspective:800px}
.spot-orbit{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #d4b46a55;background:radial-gradient(circle,#e6cd8255,transparent 67%);box-shadow:0 0 0 14px #dac27b0a,0 0 0 36px #dac27b0b}
.spot-front-card,.spot-back-card{position:absolute;width:150px;height:211px;box-shadow:0 14px 28px #081d2370;border:2px solid #e5c37d;border-radius:12px}
.spot-back-card.one{background:linear-gradient(140deg,#d1aa5d,#85703d);transform:translate(57px,5px) rotate(19deg)}
.spot-back-card.two{background:linear-gradient(140deg,#f9e6a9,#a68240);transform:translate(-51px,9px) rotate(-19deg)}
.spot-front-card{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;transform:rotate(-6deg);color:#f4d998;background:radial-gradient(ellipse at center top,#ae5143,#782a2b 70%);outline:1px solid #e4bd7655;outline-offset:-8px}
.spot-front-card>span{font-size:10px;letter-spacing:.28em}
.spot-front-card img{width:53px;height:53px;object-fit:contain;margin:4px 0;filter:drop-shadow(0 3px 1px #30121a90)}
.spot-front-card strong{font:800 22px/1.3 Georgia,"Songti SC",serif;letter-spacing:.1em}
.spot-front-card small{font-size:7px;letter-spacing:.13em}
.spot-front-card i{font-style:normal;border-top:1px solid #d8b46b77;font-size:9px;letter-spacing:.1em;padding-top:9px;width:70%;text-align:center;margin-top:4px}
.spot-star{position:absolute;color:#fff1aa;text-shadow:0 0 14px #ffdd6e;font-size:30px;animation:spot-glimmer 4s ease-in-out infinite}
.star-one{top:3%;right:19%}.star-two{left:5%;bottom:19%;font-size:43px;animation-delay:-1.4s}.star-three{right:9%;bottom:3%;font-size:17px;animation-delay:-2.2s}
.spot-topics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 24px}
.spot-topics button{font:inherit;text-align:left;border:1px solid #d7bc7e;border-radius:9px;background:linear-gradient(120deg,#fff8e4,#eee0bd);padding:12px 15px;color:#694729;cursor:pointer;box-shadow:0 3px 0 #c4ae7720}
.spot-topics button small{font-size:9px;color:#987747;letter-spacing:.04em}
.spot-topics button b{font-size:16px;display:flex;justify-content:space-between;gap:5px;margin-top:2px}
.spot-topics button b span{font-weight:400;color:#b08a42}
.spot-topics button:hover{background:#ffeab0;border-color:#b18b46}
.spot-game-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.spot-game-heading>span{font-size:18px;font-weight:850;color:#294c3a}
.spot-game-heading>small{font-size:10px;color:#8c7854}
.spotlight-page .switch{max-width:none}
.spotlight-page .cabinet{border-color:#aa8e58}
.spotlight-page .jsh-shelf{max-width:none;margin:23px 0 6px}
.spot-result{display:flex;gap:10px;align-items:center;padding:15px 16px;width:100%;background:linear-gradient(125deg,#7d2929,#9c3d31);border:0;border-top:2px solid #cdb06b;color:#ffe8af;text-align:left;cursor:pointer;font:inherit}
.spot-result>img{width:35px;height:35px;object-fit:contain}
.spot-result>span{flex:1}
.spot-result small{display:block;font-size:9px;color:#dbc491}
.spot-result b{font-size:19px}
.spot-result em{font-size:11px;font-style:normal;border:1px solid #caa562;border-radius:18px;padding:6px 10px;white-space:nowrap}
.jsh-book.spot-is-stage{width:min(490px,calc(100vw - 28px));max-width:490px;max-height:94dvh;border:0;border-radius:19px;background:transparent;box-shadow:0 20px 70px #071a1480;overflow:auto}
.jsh-book.spot-is-stage::backdrop{background:radial-gradient(ellipse at 50% 40%,#7b653e77,#081a15d9);backdrop-filter:blur(7px)}
.jsh-book.spot-is-stage>.jsh-book-head,.jsh-book.spot-is-stage>.jsh-tabs,.jsh-book.spot-is-stage>.jsh-panel{display:none}
.spot-scene{position:relative;isolation:isolate;overflow:hidden;min-height:510px;padding:25px 28px 20px;text-align:center;color:#fff0c3;border:2px solid #e0b56d;border-radius:19px;background:radial-gradient(ellipse at 50% -5%,#bd705455,transparent 55%),linear-gradient(140deg,#8d3732,#5b1e29 70%);transform-origin:50% 50%}
.spot-scene:before{content:"";position:absolute;z-index:-1;inset:8px;border:1px solid #d6ad676e;border-radius:12px;pointer-events:none}
.spot-scene:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 10%,#ffefb91c 30%,transparent 48%);pointer-events:none;animation:spot-sheen 1.5s ease-out both}
.spot-stage-close{position:absolute;top:15px;right:15px;width:31px;height:31px;border:1px solid #d8ad6480;background:#591c2433;color:#f2d6a1;border-radius:50%;font:400 22px/1 system-ui;cursor:pointer;z-index:4;padding:0}
.spot-stage-brand{display:flex;align-items:center;justify-content:center;gap:9px;color:#f6dc9f;text-align:left;margin:3px 12px 22px}
.spot-stage-brand>img{width:32px;height:40px;object-fit:contain}
.spot-stage-brand>span{font-size:13px;font-weight:750;letter-spacing:.1em}
.spot-stage-brand small{display:block;font-size:7px;letter-spacing:.19em;margin-top:2px;color:#d4b981}
.spot-stage-kicker{font-size:10px;letter-spacing:.15em;color:#deb987}
.spot-scene h2{font:850 clamp(29px,6vw,40px)/1.2 Georgia,"Songti SC",serif;letter-spacing:.06em;margin:8px 0 12px;color:#fff2bc;text-shadow:0 3px #56272780}
.spot-example{display:inline-block;background:#f6d79712;border:1px solid #b58a5e;border-radius:20px;font-size:10px;color:#efd29d;padding:4px 12px}
.spot-stage-numbers{margin-top:19px}
.spot-scene .jsh-pair{border-color:#e3bc76;box-shadow:0 7px 25px #35172350;border-radius:12px}
.spot-scene .jsh-pair>div{padding:18px 8px;background:linear-gradient(155deg,#fff3ce,#e8bf7d)}
.spot-scene .jsh-pair strong{font-size:48px;color:#7d2b23;margin-top:7px}
.spot-scene .jsh-pair small{font-size:12px;color:#906b39}
.spot-scene .jsh-pair strong em{font-size:13px}
.spot-scene .jsh-ladder{border-color:#dfbb79;background:#fff0cb}
.spot-scene .jsh-ladder strong{color:#8b3329;font-size:23px}
.spot-scene .jsh-total{background:#e8c178;color:#67291e;border:1px solid #f1d49b;box-shadow:0 6px 20px #32162044}
.spot-scene .jsh-total strong{font-size:32px}
.spot-stage-condition{font-size:12px;line-height:1.75;color:#e5d1af;margin:16px 3px 8px;min-height:42px;white-space:normal}
.spot-stage-switch{display:flex;justify-content:center;gap:7px;margin:13px 0 18px}
.spot-stage-switch button{width:27px;height:27px;background:#ffffff0c;border:1px solid #c29663;color:#e3bd82;border-radius:50%;font:700 10px system-ui;padding:0;cursor:pointer}
.spot-stage-switch button[aria-pressed=true]{background:#e9c67e;color:#6b2b24;border-color:#ffe2a2}
.spot-scene>.spot-gold-button{width:100%;font-size:15px;padding:13px 16px}
.spot-stage-return{display:block;border:0;background:none;color:#e7d0a7;font:500 12px system-ui;margin:17px auto 11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.spot-stage-note{display:block;font-size:9px;color:#cda788;line-height:1.5}
.spot-stage-sparks{position:absolute;inset:0;z-index:-1;pointer-events:none}
.spot-stage-sparks i{position:absolute;color:#ffe9a9;text-shadow:0 0 12px #f4bd63;opacity:.5;font-style:normal;font-size:25px;animation:spot-glimmer 3s ease-in-out 2}
.spot-stage-sparks i:nth-child(1){left:6%;top:23%}.spot-stage-sparks i:nth-child(2){right:8%;top:17%;font-size:13px;animation-delay:.2s}.spot-stage-sparks i:nth-child(3){right:6%;bottom:22%;animation-delay:.4s}.spot-stage-sparks i:nth-child(4){left:8%;bottom:27%;font-size:12px;animation-delay:.6s}
.spotlight-page button:focus-visible,.spot-scene button:focus-visible{outline:3px solid #edbb53;outline-offset:3px}
@keyframes spot-glimmer{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes spot-sheen{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media(max-width:730px){.spotlight-page main{max-width:540px;padding:12px 10px 20px}.spot-hero{padding:22px 20px;min-height:260px;grid-template-columns:1.2fr .8fr}.spot-eyebrow{font-size:7px;letter-spacing:.05em}.spot-hero h1{font-size:32px;margin-top:13px}.spot-hero p{font-size:10px}.spot-hero-copy>small{font-size:8px}.spot-hero .spot-gold-button{font-size:12px;padding:11px 15px;gap:13px}.spot-hero-art{transform:scale(.67);transform-origin:50% 50%;margin-left:-5px}.spot-orbit{width:240px;height:240px}.spot-topics{gap:6px;margin:11px 0 20px;grid-template-columns:repeat(2,1fr)}.spot-topics button{padding:9px 12px}.spot-topics button b{font-size:14px}.spot-topics button small{font-size:8px}.spot-game-heading>span{font-size:17px}.spot-game-heading>small{font-size:9px}.spotlight-page .spread{display:flex}.spot-scene{padding:22px 20px 18px;min-height:0}.spot-stage-brand{margin-bottom:17px}.spot-scene .jsh-pair strong{font-size:40px}.spot-scene .jsh-ladder strong{font-size:20px}.spot-scene .jsh-total strong{font-size:28px}.spot-stage-condition{font-size:11px}.spot-stage-close{right:12px;top:12px}.spotlight-page .jsh-shelf{margin:19px 0 5px}.spot-result{padding:13px 12px}.spot-result b{font-size:17px}}
@media(max-width:370px){.spot-hero{grid-template-columns:1.4fr .6fr;padding:22px 16px}.spot-hero h1{font-size:29px}.spot-hero-art{transform:scale(.5);margin-left:-30px}.spot-scene{padding:24px 14px 18px}.spot-stage-brand>span{font-size:11px}.spot-scene .jsh-pair strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.spot-star,.spot-scene:after,.spot-stage-sparks i{animation:none}.spot-gold-button:hover{transform:none}}
/* Keep every amount tier and promotion level visible in the animated card. */
.jsh-book.spot-is-stage{max-width:540px;width:min(540px,calc(100vw - 28px))}
.spot-stage-brand{margin-bottom:14px}.spot-scene h2{font-size:clamp(28px,6vw,36px);margin:6px 0 9px}
.spot-tier-label{display:flex;justify-content:space-between;align-items:center;margin:15px 0 7px;font-size:11px;font-weight:700;text-align:left}.spot-tier-label small{font-weight:400;color:#d7b897;font-size:10px}
.spot-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.spot-tiers button{padding:8px 3px;border:1px solid #d3aa6a77;border-radius:7px;background:#431b2444;color:#f4d99d;font:650 12px/1.2 system-ui;cursor:pointer;white-space:nowrap}.spot-tiers button[aria-pressed=true]{background:linear-gradient(135deg,#fff0bd,#e8bb67);color:#602824;border-color:#fff0bb;box-shadow:0 2px 10px #f8cb4d27}.spot-level-tiers{grid-template-columns:repeat(6,minmax(0,1fr))}
.spot-carousel-controls{display:flex;align-items:center;gap:7px;margin:9px 0 7px}.spot-carousel-controls button{height:28px;border:1px solid #d8b67566;border-radius:7px;background:#ffedbd0c;color:#f1d5a0;cursor:pointer}.spot-prev,.spot-next{width:30px;padding:0;font:22px/1 system-ui}.spot-position{min-width:43px;font:600 11px system-ui;font-variant-numeric:tabular-nums}.spot-carousel-controls .spot-auto{margin-left:auto;padding:0 10px;font:600 11px system-ui}.spot-cycle-track{height:2px;background:#f7d89522;border-radius:2px;overflow:hidden}.spot-cycle-bar{display:block;height:100%;background:#f1cc80;transform:scaleX(0);transform-origin:left}
.spot-stage-numbers{margin-top:13px;min-width:0}.spot-scene .jsh-pair strong{font-size:clamp(26px,6.8vw,43px);white-space:nowrap}.spot-scene .jsh-pair>div{padding:14px 5px}.spot-stage-condition{margin-top:12px}.spot-stage-switch{gap:5px;margin:11px 0 14px}.spot-stage-switch button{width:auto;height:29px;padding:0 10px;border-radius:7px;font-size:10px}.spot-stage-return{margin:13px auto 9px}
@media(max-width:370px){.spot-tiers button{font-size:11px}.spot-stage-switch{gap:4px}.spot-stage-switch button{padding:0 7px;font-size:9px}.spot-scene .jsh-pair strong{font-size:26px}}