/* 게임 라운지 — 먹튀 서치 디자인 토큰(--bg/--card/--bd/--ac …)만 사용합니다. */
:root{--bnk:#dc2626;--ply:#2563eb;--tie:#16a34a;--tri:#d97706}
.chipbadge{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--bd);border-radius:99px;padding:6px 14px;font-size:14px}
.chipbadge b{font-size:16px;letter-spacing:-.3px}
.gnote{background:var(--ac-s);border:1px solid var(--bd);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--mu);margin:14px 0 0}
.gh{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.gh h1{font-size:24px;margin:0;letter-spacing:-.4px}
.gt{background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);padding:22px;margin:4px 0 16px}
.gt h2{margin:0 0 14px;font-size:18px;letter-spacing:-.3px}
.gm{text-align:center;font-weight:600;min-height:26px;margin:12px 0;font-size:15px}
.gm.win{color:var(--tie)}.gm.lose{color:var(--mu)}
.mu2{color:var(--mu);font-size:12.5px}
/* 베팅 바 */
.betbar{position:sticky;bottom:0;z-index:15;background:var(--bg);border:1px solid var(--bd);border-radius:14px;box-shadow:0 -4px 18px rgba(0,0,0,.12);padding:10px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}
.betbar label{display:inline;margin:0 8px 0 0;font-size:13px}
.betbar input{width:110px;text-align:center;font-weight:700;padding:7px 8px}
.betbar .qb{display:flex;gap:6px;flex-wrap:wrap}.betbar .qb button{padding:7px 12px;font-size:13px}
/* 슬롯 */
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:360px;margin:0 auto 16px;background:var(--bg2);border:1px solid var(--bd);border-radius:14px;padding:10px}
.reel{height:88px;overflow:hidden;position:relative;background:var(--card);border:1px solid var(--bd);border-radius:10px}
.rc{position:absolute;left:0;right:0;top:0;transition:transform 2.2s cubic-bezier(.1,.85,.25,1)}
.rc.fast{animation:spinc .15s linear infinite;transition:none}
@keyframes spinc{from{transform:translateY(0)}to{transform:translateY(-528px)}}
.sy{height:88px;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1}
.sy .bar{font-size:15px;font-weight:800;letter-spacing:1px;border:2px solid var(--tx);border-radius:6px;padding:2px 8px}
.sbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:360px;margin:0 auto}
.sbar b{font-size:20px}
.paytable{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:14px;font-size:12.5px;color:var(--mu)}
/* 출목표 */
.rd{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:12px;margin-bottom:14px}
.rd.two{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.rd h3{margin:0 0 4px;font-size:12px;color:var(--mu);font-weight:600}
.stat{display:flex;gap:14px;font-size:13px;font-weight:700;margin-bottom:10px;flex-wrap:wrap}
.bead{display:grid;grid-template-rows:repeat(6,28px);grid-auto-flow:column;grid-auto-columns:28px;gap:2px;background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:3px;overflow-x:auto}
.bc{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.bc.e{border:1px solid var(--bd);background:transparent}
.bc.B,.bc.big{background:var(--bnk)}.bc.P,.bc.small{background:var(--ply)}.bc.T{background:var(--tie)}.bc.triple{background:var(--tri)}
.bc.r{background:var(--bnk)}.bc.k{background:#18181b;border:1px solid #52525b}.bc.z{background:var(--tie)}
.road{display:grid;grid-template-rows:repeat(6,20px);grid-auto-flow:column;grid-auto-columns:20px;gap:1px;background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:3px;overflow-x:auto}
.rw{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);position:relative}
.rg{width:15px;height:15px;border-radius:50%;border:2.5px solid;position:relative}
.rg.banker,.rg.big{border-color:var(--bnk)}.rg.player,.rg.small{border-color:var(--ply)}.rg.triple{border-color:var(--tri);background:var(--tri)}
.rg .sl{position:absolute;width:14px;height:2px;background:var(--tie);transform:rotate(-45deg);top:4px;left:-2px}
/* 카드 */
.hands{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.hand{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:12px;text-align:center}
.hand h3{margin:0 0 8px;font-size:12px;letter-spacing:.5px}
.hand.p h3{color:var(--ply)}.hand.b h3{color:var(--bnk)}
.cards{display:flex;justify-content:center;gap:6px;min-height:90px;align-items:center;flex-wrap:wrap}
.pc{width:52px;height:74px;background:#fff;color:#111;border-radius:8px;border:1px solid #d1d5db;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;font-weight:700;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.25);animation:deal .35s cubic-bezier(.175,.885,.32,1.275) both}
.pc.red{color:#dc2626}.pc i{font-style:normal;text-align:center;font-size:18px}.pc span:last-child{text-align:right}
@keyframes deal{from{opacity:0;transform:translateY(-30px) scale(.7)}to{opacity:1;transform:none}}
.score{font-size:13px;margin-top:6px;color:var(--mu)}.score b{font-size:18px;color:var(--tx)}
/* 베팅 영역 */
.zones{display:grid;gap:10px}.zones.z3{grid-template-columns:repeat(3,1fr)}.zones.z4{grid-template-columns:repeat(4,1fr)}
.zone{background:var(--card);color:var(--tx);border:2px solid var(--bd);border-radius:12px;padding:12px 6px;font-weight:700;font-size:13px;line-height:1.35}
.zone small{display:block;font-weight:500;color:var(--mu);font-size:11.5px}
.zone:hover{opacity:1;border-color:var(--ac)}.zone.on{border-color:var(--ac);background:var(--ac-s)}
.zone.p{border-color:var(--ply)}.zone.b,.zone.red{border-color:var(--bnk)}.zone.t{border-color:var(--tie)}.zone.tri{border-color:var(--tri)}
.zone.on{box-shadow:0 0 0 3px var(--ac-s)}
.zone.blk{border-color:#52525b}
.bigbtn{width:100%;margin-top:10px;padding:12px}
.bigbtn:disabled,.zone:disabled,.sbar button:disabled{opacity:.45;cursor:not-allowed}
.acts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
/* 룰렛 */
.rl{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.wheelw{position:relative;width:240px;height:240px;margin:0 auto 14px}
.wheelw:before{content:"";position:absolute;top:-8px;left:50%;margin-left:-9px;border:9px solid transparent;border-top:16px solid var(--ac);z-index:2}
#wheel{width:240px;height:240px;border-radius:50%;border:4px solid var(--tx);transition:transform 3.5s cubic-bezier(.1,.9,.15,1)}
/* 주사위 */
.dices{display:flex;gap:26px;justify-content:center;align-items:center;height:130px;background:var(--bg2);border:1px solid var(--bd);border-radius:12px}
.scene{perspective:600px;width:56px;height:56px}
.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.25,1,.5,1)}
.cf{position:absolute;width:56px;height:56px;background:#fff;border:2px solid #9ca3af;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 8px rgba(0,0,0,.15)}
.f1{transform:rotateY(0) translateZ(28px)}.f6{transform:rotateY(180deg) translateZ(28px)}.f2{transform:rotateY(-90deg) translateZ(28px)}.f5{transform:rotateY(90deg) translateZ(28px)}.f3{transform:rotateX(90deg) translateZ(28px)}.f4{transform:rotateX(-90deg) translateZ(28px)}
.pg3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:40px;height:40px;align-items:center;justify-items:center}
.pip{width:9px;height:9px;background:#111;border-radius:50%}.pip.r{background:#dc2626}
/* 허브 */
.th.gm1{background-image:linear-gradient(135deg,#7c3aed,#4c1d95)}.th.gm2{background-image:linear-gradient(135deg,#059669,#064e3b)}.th.gm3{background-image:linear-gradient(135deg,#0f766e,#134e4a)}.th.gm4{background-image:linear-gradient(135deg,#b91c1c,#450a0a)}.th.gm5{background-image:linear-gradient(135deg,#b45309,#451a03)}
.th.gm1,.th.gm2,.th.gm3,.th.gm4,.th.gm5{font-size:54px}
.rk td:first-child{width:46px;color:var(--mu)}.rk td:last-child{text-align:right;font-weight:700}
@media(max-width:640px){.rd,.rd.two,.rl{grid-template-columns:1fr}.zones.z4{grid-template-columns:repeat(2,1fr)}.gt{padding:14px}.betbar{padding:8px 10px}.pc{width:46px;height:66px}}