/* GameHub DZ — Simon Clock Theme v1 | visual layer only */
.simon-card-page{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 8%,rgba(255,238,184,.11),transparent 30%),linear-gradient(145deg,#18120c 0%,#0b0d11 47%,#1a1209 100%);border:1px solid rgba(219,183,109,.25);box-shadow:0 26px 74px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.04)}
.simon-card-page:before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:conic-gradient(from 210deg,transparent 0 20deg,rgba(224,180,91,.07) 40deg,transparent 78deg,rgba(255,255,255,.025) 120deg,transparent 165deg,rgba(224,180,91,.06) 225deg,transparent 280deg);filter:blur(24px);animation:gh-clock-ambient 22s linear infinite}
@keyframes gh-clock-ambient{to{transform:rotate(360deg)}}
.simon-stage.theme-clock-luxury{position:relative;isolation:isolate;overflow:hidden;gap:7px;padding:clamp(17px,2.5vw,27px);border:clamp(10px,1.5vw,16px) solid #77572d;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.16) 0 1%,transparent 18%),repeating-conic-gradient(from -1deg,rgba(249,226,169,.82) 0deg 1deg,transparent 1deg 6deg),radial-gradient(circle,#24211b 0 59%,#0b0c0e 60% 67%,#b08541 68% 69.5%,#3d2913 70% 74%,#0b0806 75%);box-shadow:0 34px 88px rgba(0,0,0,.58),0 10px 24px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,229,165,.28),inset 0 0 0 8px rgba(18,12,7,.7),inset 0 0 38px rgba(0,0,0,.82),inset 0 8px 12px rgba(255,246,214,.075)}
.simon-stage.theme-clock-luxury:before{content:"";position:absolute;inset:3.4%;z-index:8;border-radius:50%;pointer-events:none;border:1px solid rgba(255,237,194,.22);background:linear-gradient(120deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.04) 18%,transparent 31% 68%,rgba(255,255,255,.025) 83%,rgba(255,255,255,.08));box-shadow:inset 10px 12px 24px rgba(255,255,255,.05),inset -18px -20px 28px rgba(0,0,0,.3)}
.simon-stage.theme-clock-luxury:after{content:"XII\A\A IX                 III\A\A VI";white-space:pre;position:absolute;inset:5%;z-index:7;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(13px,2vw,23px);line-height:2.45;letter-spacing:.08em;color:rgba(239,213,151,.73);text-shadow:0 1px rgba(255,255,255,.13),0 2px 5px rgba(0,0,0,.92);opacity:.72}
.theme-clock-luxury .simon-pad{position:relative;z-index:3;overflow:hidden;border:1px solid rgba(255,226,159,.16);box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -14px 24px rgba(0,0,0,.34),0 8px 18px rgba(0,0,0,.28);filter:saturate(.7) brightness(.78);transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}
.theme-clock-luxury .pad-0{background:radial-gradient(circle at 68% 70%,#8f75e5,#49318a 68%,#261b4f);border-radius:100% 20px 20px 20px}.theme-clock-luxury .pad-1{background:radial-gradient(circle at 30% 70%,#e2ba57,#9b681a 68%,#4c2d08);border-radius:20px 100% 20px 20px}.theme-clock-luxury .pad-2{background:radial-gradient(circle at 68% 30%,#64c49d,#236e56 68%,#10392d);border-radius:20px 20px 20px 100%}.theme-clock-luxury .pad-3{background:radial-gradient(circle at 30% 30%,#6ba8e8,#275f9f 68%,#14385e);border-radius:20px 20px 100% 20px}
.theme-clock-luxury .simon-pad:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.16),transparent 27% 68%,rgba(255,213,125,.05));mix-blend-mode:screen}
.theme-clock-luxury .simon-pad span{position:relative;z-index:2;opacity:.7;display:inline-grid;place-items:center;min-width:2.05rem;min-height:2.05rem;border-radius:50%;color:#f6e6bc;background:rgba(15,12,9,.62);border:1px solid rgba(228,193,118,.33);font-family:Georgia,"Times New Roman",serif;text-shadow:0 2px 4px #000;box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 10px rgba(0,0,0,.28)}
.theme-clock-luxury .simon-pad:hover{filter:saturate(.88) brightness(.94)}.theme-clock-luxury .simon-pad:active{transform:scale(.985)}.theme-clock-luxury .simon-pad.is-lit{filter:saturate(1.2) brightness(1.48);box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 0 30px rgba(255,240,188,.32),0 0 14px rgba(255,215,120,.36),0 0 34px rgba(255,191,72,.25)}
.theme-clock-luxury .simon-center{z-index:10;width:33%;border:1px solid rgba(255,221,142,.43);background:radial-gradient(circle at 37% 30%,rgba(255,255,255,.15),transparent 17%),radial-gradient(circle,#2a261f 0 33%,#090a0b 35% 56%,#987035 58% 62%,#1b1209 64%);box-shadow:0 9px 24px rgba(0,0,0,.58),inset 0 0 15px rgba(0,0,0,.7),inset 0 2px 2px rgba(255,242,205,.13)}
.theme-clock-luxury .simon-center:before,.theme-clock-luxury .simon-center:after{content:"";position:absolute;left:50%;bottom:50%;z-index:0;transform-origin:50% 100%;pointer-events:none;border-radius:99px;box-shadow:0 1px 3px rgba(0,0,0,.8)}
.theme-clock-luxury .simon-center:before{width:3px;height:49%;background:linear-gradient(#ead08b,#795320);transform:translateX(-50%) rotate(35deg)}.theme-clock-luxury .simon-center:after{width:4px;height:35%;background:linear-gradient(#f3dfa8,#966f30);transform:translateX(-50%) rotate(128deg)}
.theme-clock-luxury .simon-center strong,.theme-clock-luxury .simon-center small{position:relative;z-index:2}.theme-clock-luxury .simon-center strong{color:#f3dfae;text-shadow:0 2px 5px #000}.theme-clock-luxury .simon-center small{color:rgba(243,223,174,.68)}
@media(max-width:620px){.simon-stage.theme-clock-luxury{gap:5px;padding:12px;border-width:9px}.simon-stage.theme-clock-luxury:after{opacity:.55}.theme-clock-luxury .simon-center{width:35%}}
@media(prefers-reduced-motion:reduce){.simon-card-page:before{animation:none}.theme-clock-luxury .simon-pad{transition:none}}