:root{--gold:#e7c76d;--gold2:#fff0b5;--line:#5e4920;--bg:#070707;--panel:#0d0c0a}body{background:radial-gradient(circle at 50% 20%,#18140a 0,#080807 38%,#050505 100%);color:#eee}.nav a{color:#8f8a80;text-decoration:none;font-size:12px;margin:0 12px}.nav a.active{color:#f0d27e;border-bottom:1px solid #d3ad55;padding-bottom:8px}.cardPage{max-width:1050px;margin:0 auto;padding:56px 20px 80px}.cardHero{text-align:center}.eyebrow{font-size:10px;letter-spacing:5px;color:#c9a956;margin-bottom:8px}.cardHero h1{font-family:Georgia,serif;font-size:54px;letter-spacing:3px;color:#f3ddb0;margin:0;text-shadow:0 0 30px #d8ae4b26}.cardHero p{font-size:13px;color:#aaa}.balances{display:flex;justify-content:center;gap:10px;margin:28px 0 20px}.balances>div{min-width:150px;border:1px solid #614d25;background:linear-gradient(180deg,#12110d,#0a0a09);border-radius:9px;padding:10px 18px}.balances span{display:block;color:#a79c83;font-size:10px}.balances b{display:block;color:#f1d278;font-size:17px;margin-top:4px}.destinyPanel{border:1px solid #6a5325;border-radius:16px;background:linear-gradient(180deg,#11100d,#080807);padding:26px;box-shadow:0 0 50px #d5ad4b0d,inset 0 0 40px #fff1b50a}.panelTop{display:flex;justify-content:space-between;align-items:center;gap:15px}.panelTop small{font-size:9px;letter-spacing:4px;color:#c8a953}.panelTop h2{font-family:Georgia,serif;color:#efd68d;font-weight:500;margin:6px 0}.goldBtn{border:1px solid #a98435;background:linear-gradient(180deg,#211a0c,#0d0b08);color:#f4d884;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}.goldBtn:disabled{opacity:.45;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:850px;margin:38px auto 22px}.playingCard{height:350px;perspective:1200px;cursor:pointer}.playingCard.disabled{cursor:default}.cardInner{height:100%;position:relative;transform-style:preserve-3d;transition:transform 900ms cubic-bezier(.2,.8,.2,1)}.playingCard.flipped .cardInner{transform:rotateY(180deg)}.cardFace{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;border:1px solid #4b3a1d;background:radial-gradient(circle at 50% 45%,#18150d,#070706 70%);box-shadow:0 18px 45px #000,0 0 0 5px #0b0a08,0 0 0 7px #2b2112;display:flex;align-items:center;justify-content:center;overflow:hidden}.cardFace:before{content:"";position:absolute;inset:12px;border:1px solid #4a3b20;border-radius:11px;box-shadow:inset 0 0 25px #d5ad4b0b}.cardBack .seal{width:120px;height:120px;border:1px solid #4a3b20;border-radius:50%;display:grid;place-items:center;color:#c9ab61;font-family:Georgia,serif;font-size:19px;letter-spacing:3px;box-shadow:0 0 30px #d6ad4b10,inset 0 0 20px #d6ad4b08}.cardBack .mini{position:absolute;bottom:27px;color:#635534;font-size:8px;letter-spacing:3px}.cardFront{transform:rotateY(180deg);flex-direction:column;text-align:center}.cardFront .frontIcon{font-size:55px;filter:drop-shadow(0 0 18px #e7c76d66);margin-bottom:18px}.cardFront h3{font-family:Georgia,serif;font-size:25px;color:#f1dba6;margin:0 12px}.cardFront p{font-size:11px;color:#a79c83;margin:9px 20px}.playingCard:hover:not(.disabled) .cardBack{border-color:#a8863c;box-shadow:0 18px 45px #000,0 0 0 5px #0b0a08,0 0 25px #d5ad4b22}.playingCard.chosen .cardFace{border-color:#d6b75f;box-shadow:0 18px 45px #000,0 0 0 5px #0b0a08,0 0 45px #d5ad4b55}.playingCard.revealWin .cardFront{animation:winGlow 1.2s ease-in-out infinite alternate}.playingCard.revealLose{opacity:.55}.status{text-align:center;color:#b4aa96;font-size:12px;min-height:22px}.resultBox{margin:18px auto 0;max-width:650px;border:1px solid #5e4920;border-radius:10px;padding:14px;text-align:center;background:#0b0a08;color:#d7c28c}.resultBox strong{color:#f4d884}.resultBox.hidden{display:none}.cardNote{max-width:850px;margin:16px auto 0;border:1px solid #28251e;background:#0b0b0a;border-radius:9px;padding:11px 14px;font-size:10px;color:#777}.cardNote b{color:#b9a56e;margin-right:8px}.diceComing{text-align:center;padding:70px 20px}.diceIcon{font-size:70px;margin-bottom:15px}.diceComing h2{font-family:Georgia,serif;color:#e8d299;letter-spacing:4px}.diceComing p{color:#888}.linkBtn{display:inline-block;text-decoration:none;margin-top:10px}@keyframes winGlow{from{box-shadow:0 18px 45px #000,0 0 25px #d5ad4b33}to{box-shadow:0 18px 45px #000,0 0 70px #f2d77c77}}@media(max-width:760px){.cardPage{padding:35px 12px}.cardHero h1{font-size:35px}.balances>div{min-width:125px}.panelTop{flex-direction:column;align-items:flex-start}.cards{gap:9px;margin-top:25px}.playingCard{height:300px}.cardFace{border-radius:12px}.cardBack .seal{width:80px;height:80px;font-size:14px}.cardFront .frontIcon{font-size:38px}.cardFront h3{font-size:16px}.cardFront p{font-size:9px}.nav a{margin:0 5px;font-size:10px}}
/* Unified header/sound control with SLOT */
.cardPage + *{box-sizing:border-box}
.soundToggle{margin-left:4px;white-space:nowrap;background:#0d0d0d;border:1px solid #665532;color:#e9d18d;border-radius:7px;padding:8px 10px;cursor:pointer}.soundToggle.muted{color:#777;border-color:#38342b}
@media(max-width:760px){.header{padding:0 10px;gap:8px}.header .logo small{display:none}.header .nav{display:none}.profile{margin-left:auto;min-width:0}.profile>div:not(.avatar){display:none!important}.profile .btn{font-size:10px;padding:7px 8px}.soundToggle{font-size:10px;padding:8px 9px}.cardPage{padding:28px 10px 92px}.cardHero h1{font-size:34px}.balances{margin:20px 0 16px}.balances>div{min-width:0;flex:1;padding:9px 10px}.destinyPanel{padding:14px;border-radius:13px}.panelTop{gap:10px}.cards{gap:7px;margin-top:20px}.playingCard{height:280px}.cardNote{margin-bottom:12px}}

/* V2.1 shared LIVE rail */
.cardContentLayout{display:grid;grid-template-columns:210px minmax(0,1fr) 310px;gap:14px;align-items:start}
.cardGameColumn{min-width:0}.gameLivePanel{border:1px solid #544322;border-radius:10px;background:linear-gradient(180deg,#111,#090909);box-shadow:0 22px 60px #000d;padding:13px;position:sticky;top:78px;max-height:calc(100vh - 100px);overflow:hidden}.gameLiveHead{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #2d2d2b}.gameLiveHead b{font-size:13px;color:#efe4cf}.gameLiveHead span{font-size:9px;color:#69d69b}.gameLiveFeed{overflow:auto;max-height:calc(100vh - 155px)}.gameLiveFeed .liveRow{padding:9px 0;border-bottom:1px solid #292929;font-size:10px;line-height:1.55}.gameLiveFeed .who{font-weight:800;color:#eee4cf}.gameLiveFeed .prize{font-weight:900;color:#d7b86d}.gameLiveFeed .lose .prize{color:#9f737b}.gameLiveFeed .challenge .prize{color:#9f988b}.gameLiveEmpty{padding:16px 2px;color:#6f6b64;font-size:10px}
@media (max-width:900px){.cardContentLayout{grid-template-columns:1fr}.gameLivePanel{position:static;max-height:none}.gameLiveFeed{max-height:310px}}


/* V2.2 CARD left rail — mirrors SLOT sidebar */
.cardPage{max-width:1410px}
.cardSideLeft{position:sticky;top:78px;align-self:start;min-width:0;overflow:hidden}
.cardSideLeft .member{min-height:48px}
.cardSideLeft .tickets .cardTicketShopBtn{display:block;text-align:center;text-decoration:none;margin-top:10px}
.cardSideLeft .menu{margin-top:12px}
.cardSideLeft .poster{margin-top:14px}
.cardSideLeft .avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:7px}
@media (max-width:1100px){.cardContentLayout{grid-template-columns:190px minmax(0,1fr) 270px}.cards{gap:20px}.playingCard{height:320px}}
@media (max-width:900px){.cardContentLayout{grid-template-columns:1fr}.cardSideLeft{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.cardSideLeft .member,.cardSideLeft .tickets{margin:0}.cardSideLeft .menu{grid-column:1/-1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cardSideLeft .menuItem{margin:0}.cardSideLeft .poster{grid-column:1/-1;margin:0}.gameLivePanel{position:static;max-height:none}.gameLiveFeed{max-height:310px}}
@media (max-width:560px){.cardSideLeft{grid-template-columns:1fr}.cardSideLeft .menu,.cardSideLeft .poster{grid-column:auto}.cardSideLeft .menu{grid-template-columns:1fr 1fr}.cardSideLeft .tickets .btn{width:100%}.cardPage{padding-left:8px;padding-right:8px}}