/* Scarab Heart V54 • an incremental UI upgrade, preserving the original page routes and original-size step cards. */
:root{--v54-gold:#f2c776;--v54-soft:#ffe3a6;--v54-ink:#050c11;--v54-cyan:#3ad9d9;--v54-muted:#b9c8cc}
body.temple54{background:#050a0d}
body.temple54 .site-header{background:rgba(3,8,11,.95)!important;border-bottom:1px solid rgba(242,190,99,.56)!important}
body.temple54 .site-header:after{content:"";height:2px;position:absolute;inset:auto 0 0;background:linear-gradient(90deg,transparent,rgba(253,201,109,.52),transparent);pointer-events:none}
body.temple54 .nav-links a{position:relative;transition:color .2s,text-shadow .2s}
body.temple54 .nav-links a:hover,body.temple54 .nav-links a.active{color:#ffe09d!important;text-shadow:0 0 18px rgba(255,184,63,.38)}
body.temple54 a:focus-visible,body.temple54 button:focus-visible,body.temple54 input:focus-visible,body.temple54 select:focus-visible,body.temple54 textarea:focus-visible,body.temple54 summary:focus-visible{outline:2px solid #77edf0;outline-offset:3px}
body.temple54 .e-header-register:hover,body.temple54 .member-button:hover{filter:brightness(1.17);box-shadow:0 0 22px rgba(49,214,218,.33)}
/* Hero: genuine in-game screenshot replacing the former low-resolution logo blow-up. */
body.temple54 .v51-official-art{background:#130d19;border-color:#e0ab60;box-shadow:0 0 0 3px #1e1308,0 0 0 4px rgba(240,179,83,.55),0 17px 36px rgba(0,0,0,.52),0 0 32px rgba(227,155,59,.13)}
body.temple54 .v51-official-art .v51-poster{object-fit:cover;object-position:50% 50%;filter:contrast(1.05) saturate(1.04);transform:scale(1.015);transition:transform .65s ease,filter .65s}
body.temple54 .v51-official-art:hover .v51-poster{transform:scale(1.06);filter:contrast(1.09) saturate(1.16)}
body.temple54 .v51-official-art:after{background:linear-gradient(0deg,rgba(3,5,12,.98) 0%,rgba(3,5,12,.64) 16%,rgba(3,5,12,.06) 44%,transparent 64%),linear-gradient(90deg,rgba(4,7,12,.22),transparent 35%,rgba(4,7,12,.15))}
body.temple54 .v54-art-edge{position:absolute;inset:12px;z-index:3;border:1px solid rgba(250,209,130,.26);pointer-events:none}
body.temple54 .v54-art-edge:before,body.temple54 .v54-art-edge:after{content:"✦";position:absolute;color:#f7d084;font-size:19px;text-shadow:0 0 12px #f2b85a}
body.temple54 .v54-art-edge:before{top:-15px;right:-5px}body.temple54 .v54-art-edge:after{bottom:-15px;left:-5px}
body.temple54 .v54-art-footer{align-items:end;gap:12px;bottom:18px;left:23px;right:23px;z-index:5}
body.temple54 .v54-art-footer div{display:grid;gap:3px}body.temple54 .v54-art-footer .v54-art-small{background:transparent;padding:0;border:0;font:700 9px Georgia,serif;letter-spacing:.18em;color:#d1b27e}
body.temple54 .v54-art-footer strong{font-size:20px;color:#ffe1a2;font-weight:900;text-shadow:0 2px 10px #000}
body.temple54 .v54-art-footer>span{font-size:11px;white-space:nowrap;padding:7px 11px;background:rgba(8,14,19,.87);border:1px solid rgba(236,184,92,.6);color:#f9d99f}
body.temple54 .v51-hero-brand h1{filter:drop-shadow(0 2px 14px rgba(245,179,73,.2))}
body.temple54 .v51-hero-logo{transition:transform .4s,filter .4s}body.temple54 .v51-hero-logo:hover{transform:scale(1.04);filter:drop-shadow(0 0 24px rgba(251,200,87,.6))}
body.temple54 .v51-hero:after{content:"";position:absolute;pointer-events:none;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f5c371 32%,#49d4d9 60%,transparent);opacity:.66}
body.temple54 .v51-panel-frame{background:linear-gradient(155deg,#0b1f2a,#030b12 78%);border-color:#caa069}
body.temple54 .v51-panel-tabs button,body.temple54 .v51-feature{transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}
body.temple54 .v51-panel-tabs button:hover{transform:translateY(-2px)}
body.temple54 .v51-feature:hover{background:#0e2428;border-color:#e7b55f;box-shadow:inset 0 0 16px rgba(35,194,204,.12)}
body.temple54 .v51-feature.active{box-shadow:inset 0 0 25px rgba(31,191,199,.23),0 0 14px rgba(50,196,208,.15)}
/* Six real logos, no AI imitation characters. Keep aspect-ratio instead of destructive object-fit:cover. */
body.temple54 .v51-games{gap:11px}
body.temple54 .v51-game{background:linear-gradient(170deg,#15222a,#050a0d 84%);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(228,182,108,.08);transition:transform .24s,border-color .24s,box-shadow .24s}
body.temple54 .v51-game:hover,body.temple54 .v51-game:focus-visible{transform:translateY(-4px);border-color:#ffe0a2;box-shadow:0 12px 20px rgba(0,0,0,.37),0 0 20px rgba(208,147,46,.17)}
body.temple54 .v51-game.selected{border-color:#e6ba6d;box-shadow:inset 0 0 0 1px rgba(252,220,151,.35),0 0 17px rgba(229,164,74,.2)}
body.temple54 .v51-game-image{height:148px;min-height:0!important;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,rgba(42,88,105,.44),rgba(11,21,30,.9) 60%,rgba(4,9,14,.98));overflow:hidden}
body.temple54 .v51-game-image:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(125deg,rgba(251,203,122,.08),transparent 50%,rgba(16,186,193,.04));border-bottom:1px solid rgba(248,201,119,.18)}
body.temple54 .v51-game-image img.v51-cover,body.temple54 .v51-game-image img.v51-cover.v51-local-fallback{position:relative;width:100%;height:100%;max-height:148px;object-fit:contain!important;object-position:center!important;background:transparent!important;padding:10px 8px!important;filter:drop-shadow(0 6px 13px rgba(0,0,0,.78)) drop-shadow(0 0 10px rgba(233,149,55,.18))!important;transform:scale(1);transition:transform .28s}
body.temple54 .v51-game:hover .v51-cover{transform:scale(1.055)!important}
body.temple54 .v51-game strong{color:#ffe4ad}
body.temple54 .v51-game small{font-size:11px}
body.temple54 .v51-gamelist,body.temple54 .v51-data-panel{border-color:#b58d50;box-shadow:0 14px 34px rgba(0,0,0,.33),inset 0 0 0 1px rgba(235,197,133,.08)}
body.temple54 .v51-ornate-panel:before{opacity:.5}
/* Preserve the exact previous horizontal Q character step boxes and aspect ratios. */
body.temple54 .v51-step.v53-step{overflow:hidden;border-color:rgba(233,179,93,.72);transition:border-color .2s,filter .2s,box-shadow .2s}
body.temple54 .v51-step.v53-step:hover{filter:brightness(1.09);box-shadow:inset 0 0 0 2px #2a1b0a,0 0 18px rgba(221,162,66,.26)}
body.temple54 .v51-step.v53-step>div{max-width:47%;background:none!important}
body.temple54 .v51-step.v53-step h3{font-size:15px;line-height:1.35}
body.temple54 .v51-step.v53-step p{line-height:1.4}
/* Subpage unified temple headers, frames, fine details. */
body.temple54 .subpage{position:relative}
body.temple54 .subpage:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;left:-30vw;right:-30vw;height:390px;background:radial-gradient(ellipse at 28% 35%,rgba(169,111,42,.13),transparent 52%),radial-gradient(ellipse at 81% 65%,rgba(27,108,115,.12),transparent 47%)}
body.temple54 .sub-hero,body.temple54 .about-hero{position:relative;overflow:hidden;min-height:230px;background:radial-gradient(ellipse at 88% 16%,rgba(43,108,119,.22),transparent 42%),radial-gradient(ellipse at 20% 120%,rgba(153,91,33,.11),transparent 52%),linear-gradient(145deg,#0b151a,#060c11 78%);border:1px solid rgba(214,164,86,.5);border-radius:14px;padding:36px 40px;box-shadow:inset 0 0 0 5px rgba(3,7,9,.72),inset 0 0 0 6px rgba(240,194,107,.16),0 16px 38px rgba(0,0,0,.3)}
body.temple54 .sub-hero:after,body.temple54 .about-hero:after{content:"𓂀";position:absolute;right:3.5%;top:50%;transform:translateY(-50%);color:rgba(240,179,86,.17);font-family:serif;font-size:clamp(110px,16vw,250px);line-height:1;pointer-events:none}
body.temple54 .sub-hero h1,body.temple54 .about-hero h1{position:relative;z-index:1;font-size:clamp(34px,4vw,60px);line-height:1.2;max-width:800px;letter-spacing:.012em;text-shadow:0 2px 19px rgba(213,143,62,.18)}
body.temple54 .sub-hero p,body.temple54 .about-hero p{position:relative;z-index:1;line-height:1.85;max-width:690px}
body.temple54 .sub-hero .eyebrow{position:relative;z-index:1;letter-spacing:.2em}
body.temple54 .feature-matrix{gap:16px;align-items:stretch}
body.temple54 .feature-card{position:relative;min-height:304px;display:flex;flex-direction:column;gap:10px;overflow:hidden;border-radius:13px;padding:24px;background:linear-gradient(165deg,#0f2028,#050b10 80%);transition:transform .22s,box-shadow .22s,border-color .22s}
body.temple54 .feature-card:hover{transform:translateY(-4px);box-shadow:0 19px 37px rgba(0,0,0,.42),0 0 18px rgba(231,168,72,.13)}
body.temple54 .feature-card h3{position:relative;z-index:1;margin:0;font-size:20px}
body.temple54 .feature-card p{position:relative;z-index:1;margin:0 0 6px;line-height:1.7;font-size:13px;max-width:480px}
body.temple54 .feature-card>a{position:relative;z-index:3;color:#61dfe4;font-weight:800;margin-top:3px}
body.temple54 .feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,rgba(45,99,109,.45),rgba(7,24,32,.72));border:1px solid rgba(81,190,190,.35);display:grid;place-items:center}
body.temple54 .v54-card-preview{position:relative;margin-top:auto;height:96px;width:100%;border-radius:10px;overflow:hidden;border:1px solid rgba(222,173,99,.19);background:linear-gradient(135deg,#071b26,#071016);display:grid;place-items:center}
body.temple54 .v54-card-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,13,.05),transparent 55%,rgba(5,11,15,.23))}
body.temple54 .v54-card-preview img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.34))}
body.temple54 .feature-showcase{border-radius:18px;border-color:rgba(229,180,92,.52);background:radial-gradient(ellipse at 64% 40%,rgba(39,124,134,.2),transparent 54%),linear-gradient(145deg,#091920,#050b10)}
/* Pricing and checkout logic remain unchanged. Only styling is upgraded. */
body.temple54 .pricing-grid-full{gap:18px;align-items:stretch}
body.temple54 .price-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:15px;padding:27px 23px;min-height:420px;background:linear-gradient(158deg,#112029,#050a0f 78%);border:1px solid rgba(218,169,91,.38);transition:transform .22s,box-shadow .22s,border-color .22s}
body.temple54 .price-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(246,194,103,.08),transparent 38%,transparent 70%,rgba(25,202,208,.04))}
body.temple54 .price-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 20px rgba(215,155,61,.14);border-color:#e3b56c}
body.temple54 .price-card.featured{border-color:#e6bc72;box-shadow:0 0 0 1px rgba(245,203,128,.18),0 0 30px rgba(203,139,49,.12)}
body.temple54 .price-card .price-top{position:relative;z-index:1;gap:6px}
body.temple54 .price-card strong{font-family:Georgia,'Noto Serif TC',serif;color:#ffe0a1;text-shadow:0 0 17px rgba(222,143,44,.2)}
body.temple54 .price-card ul{position:relative;z-index:1;margin:22px 0 28px;padding-left:0;list-style:none;display:grid;gap:12px}
body.temple54 .price-card li{position:relative;padding-left:22px;font-size:14px;line-height:1.55;color:#d2e0df}
body.temple54 .price-card li:before{content:"✦";position:absolute;top:0;left:0;color:#e1b76a}
body.temple54 .price-card .btn{position:relative;z-index:1;margin-top:auto;min-height:44px}
body.temple54 .pricing-note{border-radius:15px;border-color:rgba(225,171,94,.49);padding:26px;align-items:center}
/* FAQ search and accordion. */
body.temple54 .v54-faq-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 18px}
body.temple54 .v54-faq-tools label{display:flex;align-items:center;flex:1;max-width:680px;min-height:54px;background:#0b1720;border:1px solid rgba(229,172,86,.53);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 15px rgba(30,124,136,.1)}
body.temple54 .v54-faq-tools label:focus-within{border-color:#69dce2;box-shadow:0 0 0 3px rgba(63,212,219,.16)}
body.temple54 .v54-faq-tools label>span{padding:0 12px 0 20px;font-size:26px;color:#e5b66c}
body.temple54 .v54-faq-tools input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#e4f1ee;padding:15px 15px 15px 0;font-size:15px}
body.temple54 .v54-faq-tools>span{white-space:nowrap;color:#c5aaa0;font-size:13px}
body.temple54 .faq-list{gap:12px}
body.temple54 .faq-list details{background:linear-gradient(165deg,#0d1c23,#060c11);border:1px solid rgba(220,168,88,.35);border-radius:11px;transition:border-color .23s,box-shadow .23s}
body.temple54 .faq-list details[open]{border-color:#d5a962;box-shadow:0 6px 25px rgba(0,0,0,.24),inset 3px 0 0 #d6a760}
body.temple54 .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:16px;padding:18px 22px}
body.temple54 .faq-list summary>span{color:#f2cc80;font-size:22px;transition:transform .18s}
body.temple54 .faq-list details[open] summary>span{transform:rotate(45deg)}
body.temple54 .faq-list details p{font-size:14px;line-height:1.85;padding:0 22px 19px}
body.temple54 .v54-faq-empty{border:1px dashed rgba(211,165,89,.48);border-radius:12px;padding:23px;color:#d7e4e7;background:#0c161b}
body.temple54 .v54-faq-empty[hidden]{display:none}
body.temple54 .v54-faq-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:26px;padding:25px;border:1px solid rgba(228,172,80,.45);border-radius:14px;background:linear-gradient(110deg,#152127,#0a1116)}
body.temple54 .v54-faq-footer strong{color:#ffe0aa;font-size:20px}
body.temple54 .v54-faq-footer p{margin:7px 0 0;color:#bdcbd0;font-size:14px}
body.temple54 .v54-faq-footer a{white-space:nowrap}
/* Customer service page, working links and ticket form. */
body.temple54 .v54-support-trail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
body.temple54 .v54-support-trail a{position:relative;display:grid;gap:8px;padding:23px 46px 20px 21px;background:linear-gradient(165deg,#10212b,#060c11);border:1px solid rgba(219,166,89,.44);border-radius:12px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
body.temple54 .v54-support-trail a:hover{transform:translateY(-3px);border-color:#f2c679;box-shadow:0 12px 25px rgba(0,0,0,.32)}
body.temple54 .v54-support-trail span{font:bold 29px Georgia,serif;color:#e6b669}
body.temple54 .v54-support-trail strong{font-size:18px;color:#f8e2b2}
body.temple54 .v54-support-trail small{font-size:12px;color:#bdced2;line-height:1.5}
body.temple54 .v54-support-trail em{position:absolute;right:17px;top:20px;font-size:19px;color:#4bdce3;font-style:normal}
body.temple54 .support-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}
body.temple54 .support-options{display:grid;gap:12px}
body.temple54 .support-options article{border-radius:12px;padding:22px;background:linear-gradient(155deg,#0f1d24,#070e13)}
body.temple54 .support-form{border-radius:14px;padding:28px;background:linear-gradient(150deg,#102029,#060c12 82%)}
body.temple54 .support-form .form-head{padding-bottom:7px}
body.temple54 .support-form label{color:#e1d6c1;font-size:13px;gap:9px}
body.temple54 .v54-form-hint{margin:14px 0 16px;padding:11px 14px;border-left:2px solid #45d6d9;background:rgba(24,71,83,.19);color:#b9d7dc;font-size:12px;line-height:1.65}
/* Responsive: preserve original step-card dimensions, reflow only when there is no room for four. */
@media(max-width:1100px){body.temple54 .v51-game-image{height:145px}body.temple54 .feature-card{min-height:270px}}
@media(max-width:760px){
 body.temple54 .v51-official-art{border-radius:7px}
 body.temple54 .v51-game-image{height:138px}
 body.temple54 .v51-games{gap:8px}
 body.temple54 .v51-step.v53-step{min-height:115px}
 body.temple54 .sub-hero,body.temple54 .about-hero{padding:25px 22px;min-height:0}
 body.temple54 .sub-hero:after,body.temple54 .about-hero:after{font-size:110px;opacity:.8}
 body.temple54 .v54-faq-tools{align-items:stretch;flex-direction:column}
 body.temple54 .v54-faq-tools label{width:100%;max-width:none}
 body.temple54 .v54-faq-tools>span{align-self:flex-end}
 body.temple54 .v54-faq-footer{align-items:stretch;flex-direction:column}
 body.temple54 .v54-support-trail{grid-template-columns:1fr;gap:11px}
 body.temple54 .support-layout{grid-template-columns:1fr}
 body.temple54 .pricing-grid-full{gap:14px}
 body.temple54 .price-card{min-height:0}
}
@media(max-width:470px){
 body.temple54 .v54-art-footer{left:15px;right:15px;bottom:14px}
 body.temple54 .v54-art-footer strong{font-size:17px}
 body.temple54 .v51-game-image{height:121px}
 body.temple54 .v51-game-image img.v51-cover,body.temple54 .v51-game-image img.v51-cover.v51-local-fallback{max-height:121px;padding:10px 5px!important}
 body.temple54 .v51-step.v53-step{height:115px;min-height:115px}
 body.temple54 .v51-step.v53-step>div{max-width:58%}
 body.temple54 .v51-step.v53-step h3{font-size:13px}
 body.temple54 .sub-hero h1{font-size:clamp(30px,8.3vw,42px)}
 body.temple54 .support-form{padding:20px}
 body.temple54 .v54-faq-footer{padding:18px}
 body.temple54 .feature-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){body.temple54 .v51-poster,body.temple54 .v51-game,body.temple54 .feature-card,body.temple54 .price-card,body.temple54 .v54-support-trail a,body.temple54 .faq-list details{transition:none!important}body.temple54 .v51-game:hover,body.temple54 .feature-card:hover,body.temple54 .price-card:hover,body.temple54 .v54-support-trail a:hover{transform:none!important}}
/* Final overflow and filtering fixes */
body.temple54 .subpage:before{left:0;right:0}
body.temple54 .faq-list details[hidden]{display:none!important}
/* Exact original horizontal step-card alignment: no cut-off text, background image fills right half. */
body.temple54 .v51-step.v53-step{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}
body.temple54 .v51-step.v53-step>strong{position:relative!important;inset:auto!important;align-self:center!important;order:0!important;flex:none!important;margin:0!important}
body.temple54 .v51-step.v53-step>div{position:relative!important;order:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:center!important;flex:0 1 47%!important;max-width:47%!important;min-height:0!important;max-height:100%!important;padding:0!important;margin:0!important;text-align:left!important;border:0!important;background:none!important}
body.temple54 .v51-step.v53-step h3{white-space:nowrap!important;line-height:1.3!important;margin:0 0 4px!important}
body.temple54 .v51-step.v53-step p{margin:0!important;font-size:11px!important;line-height:1.36!important;overflow-wrap:anywhere}
@media(max-width:470px){body.temple54 .v51-step.v53-step{gap:6px!important}body.temple54 .v51-step.v53-step>strong{font-size:26px!important}body.temple54 .v51-step.v53-step>div{flex-basis:57%!important;max-width:57%!important}body.temple54 .v51-step.v53-step h3{font-size:13px!important}body.temple54 .v51-step.v53-step p{font-size:10px!important}}