/* 포인트 게임 — 모든 클래스는 pg- (게임별 tw- ck- kn- cg- sl-) 접두어 (테마와 충돌 방지) */
.pg{--bg:#070b18;--panel:#0f1629;--panel2:#141d35;--line:#223055;--ink:#e8eeff;--sub:#9aa7c7;--mute:#65739a;--mint:#2de2b0;--mint-d:#12a883;--red:#ff4d6a;--gold:#ffc443;--blue:#5b8cff;--purple:#a77bff;
  color:var(--ink);font:14px/1.5 'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-tap-highlight-color:transparent}
div.pg{text-align:left}   /* 그누보드 default.css 의 페이지 번호용 .pg{text-align:center} 와 이름이 겹친다 */
.pg *,.pg *::before,.pg *::after{box-sizing:border-box}
.pg button{font:inherit;color:inherit;cursor:pointer}
.pg button:disabled{cursor:default}
.pg a{color:inherit}
.pg-standalone{min-height:100vh;background:radial-gradient(1200px 600px at 50% -200px,#16224a 0,var(--bg) 70%) fixed,var(--bg)}
.pg:not(.pg-standalone){background:var(--bg);border-radius:16px;padding:12px}
.pg-card{background:var(--panel);border:1px solid var(--line);border-radius:14px}
.pg-btn-sm{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:6px 12px;text-decoration:none;font-weight:600;font-size:13px;display:inline-block}
.pg-btn-sm:hover{border-color:var(--mint)}
.pg-icon{border:1px solid var(--line);background:rgba(7,11,24,.6);border-radius:8px;width:30px;height:28px;display:inline-grid;place-items:center;font-weight:800;font-size:13px}
.pg-icon:hover{border-color:var(--mint)}
.pg-bgm{font-size:15px;color:var(--mute)}
.pg-bgm[aria-pressed=true]{color:var(--mint);border-color:var(--mint);box-shadow:0 0 10px rgba(45,226,176,.35)}
.pg-link{border:0;background:none;padding:0;color:var(--mint);font-size:12.5px;font-weight:600}
.pg-plus{color:var(--mint)}.pg-minus{color:var(--red)}
.pg-empty{color:var(--mute);text-align:center;padding:30px 10px;font-size:13px;list-style:none}
.pg-empty a{color:var(--mint)}

/* 상단 · 게임 탭 */
.pg-top{display:flex;align-items:center;gap:14px;max-width:1440px;margin:0 auto;padding:12px 16px 6px}
.pg-home{text-decoration:none;color:var(--sub);font-size:18px}
.pg-logo{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:900;text-decoration:none;letter-spacing:-.3px}
.pg-logo span{font-size:22px}
.pg-top-sp{flex:1}
.pg-top-link{color:var(--sub);text-decoration:none;font-weight:600;font-size:13px}
.pg-top-link:hover{color:var(--mint)}
.pg-gnav{display:flex;max-width:1440px;margin:0 auto 12px;padding:0 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.pg-gnav::-webkit-scrollbar{display:none}
.pg-gnav a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;text-decoration:none;color:var(--sub);font-weight:700;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.pg-gnav a:hover{color:var(--ink)}
.pg-gnav a.on{color:var(--mint);border-bottom-color:var(--mint)}
.pg-gnav a span{font-size:16px}

/* 3단 배치 */
.pg-main{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:12px;max-width:1440px;margin:0 auto;padding:0 16px}
.pg-left{display:flex;flex-direction:column;height:576px;min-height:0;overflow:hidden}
.pg-center{display:flex;flex-direction:column;gap:10px;min-width:0}
.pg-right{display:flex;flex-direction:column;gap:12px;height:576px;min-height:0}
/* 오른쪽 마지막 카드가 남은 높이를 채운다 (모든 게임 오른쪽 패널 높이 = 채팅 높이) */
.pg-right>.pg-card:last-child{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.pg-right>.pg-play:last-child .pg-actions{margin-top:auto}
.pg-right .pg-feed-mini{flex:1;min-height:0;overflow-y:auto}

/* 왼쪽: 채팅 · 내 기록 · LIVE */
.pg-ltabs{display:flex;align-items:center;gap:2px;padding:8px 10px;border-bottom:1px solid var(--line)}
.pg-ltabs button{border:0;background:none;padding:6px 9px;border-radius:8px;color:var(--mute);font-weight:700}
.pg-ltabs button.on{color:var(--ink);background:var(--panel2)}
.pg-conn{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--mute);white-space:nowrap}
.pg-conn i{width:7px;height:7px;border-radius:50%;background:var(--mute)}
.pg-conn.on i{background:var(--mint);box-shadow:0 0 8px var(--mint)}
.pg-conn.off i{background:var(--red)}
.pg-blocked{padding:6px 12px;font-size:12px;color:var(--mute);border-bottom:1px solid var(--line)}
.pg-blocked button{border:0;background:none;color:var(--mint);padding:0;text-decoration:underline}
.pg-chat,.pg-mylist,.pg-livewrap{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0}
.pg-msg{margin:0 0 10px}
.pg-msg-head{display:flex;align-items:center;gap:6px;font-size:13px}
.pg-msg-head b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.pg-msg-head.me b{color:var(--mint)}
.pg-block{border:0;background:none;padding:0 2px;color:var(--mute);font-size:12px;opacity:.6}
.pg-block:hover{opacity:1;color:var(--red)}
.pg-msg-body{display:flex;align-items:flex-end;gap:6px;margin-top:3px}
.pg-msg-body p{margin:0;background:var(--panel2);border:1px solid var(--line);border-radius:4px 12px 12px 12px;padding:5px 10px;max-width:220px;word-break:break-all;font-size:13.5px}
.pg-msg-body time{font-size:11px;color:var(--mute);flex:none}
.pg-date{text-align:center;font-size:11px;color:var(--mute);margin:6px 0 10px}
.pg-chat-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}
.pg-chat-form input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 10px;font:inherit}
.pg-chat-form input:focus{outline:0;border-color:var(--mint)}
.pg-chat-note{margin:0;padding:12px;border-top:1px solid var(--line);color:var(--mute);font-size:12.5px;text-align:center}
.pg-chat-note a{color:var(--mint)}
.pg-my-row{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}
.pg-my-row a{color:var(--mute);text-decoration:none;font-size:12px}
.pg-my-row small{grid-column:2;color:var(--mute);font-size:12px}
.pg-my-row b{grid-row:span 2;align-self:center;text-align:right;font-variant-numeric:tabular-nums}
.pg-livewrap{padding:8px 8px}
.pg-feed-filter{display:flex;flex-wrap:wrap;gap:4px;margin:0 2px 8px}
.pg-feed-filter button{border:1px solid var(--line);background:transparent;border-radius:7px;padding:3px 8px;font-size:12px;color:var(--sub)}
.pg-feed-filter button.on{border-color:var(--mint);color:var(--mint);background:rgba(45,226,176,.08)}
.pg-feed{list-style:none;margin:0;padding:0}
.pg-feed li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 6px;border-bottom:1px solid rgba(34,48,85,.6);font-size:13px}
.pg-feed li.pg-empty{display:block}
.pg-feed .ic{font-size:17px;text-align:center}
.pg-feed .nk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.pg-feed .nk small{display:block;font-weight:400;color:var(--mute);font-size:11.5px}
.pg-feed b{font-variant-numeric:tabular-nums;font-size:13px}
.pg-feed li.up b{color:var(--mint)}
.pg-feed li.down b{color:var(--red)}

/* 가운데: 무대 */
/* 모든 게임 같은 높이: 상단 줄(이름·상태·소리) + 게임 영역. 아래 "최근 결과" 줄까지 합치면 왼쪽 채팅(576px)과 같다 */
.pg-stage{position:relative;height:520px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1430 0%,#0a0f22 100%)}
.pg-arena{flex:1;min-height:0;display:flex;flex-direction:column}
.pg-stage-top{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;z-index:3;flex:none}
.pg-status{display:inline-flex;align-items:center;gap:6px;background:rgba(7,11,24,.7);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-variant-numeric:tabular-nums}
.pg-status::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--mute)}
.pg-status.run::before{background:var(--mint);box-shadow:0 0 8px var(--mint)}
.pg-status.hot::before{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.pg-status.win{color:var(--mint)}.pg-status.win::before{background:var(--mint)}
.pg-status.bad{color:var(--red)}.pg-status.bad::before{background:var(--red)}
.pg-stage-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06);opacity:0;transition:opacity .3s}
.pg-stage-prog.on{opacity:1}
.pg-stage-prog em{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--mint));transition:width .25s linear}
/* 최근 결과 줄 (크래시 .cr-recent 와 같은 모양) */
.pg-recent{display:flex;align-items:center;gap:10px;padding:8px 12px;min-width:0}
.pg-recent>span{font-size:12.5px;color:var(--mute);flex:none}
.pg-recent>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}
.pg-recent>div::-webkit-scrollbar{display:none}
.pg-recent a{text-decoration:none;flex:none}
.pg-rc{display:inline-flex;align-items:center;gap:4px;flex:none;border-radius:7px;padding:3px 8px;font-size:12.5px;font-weight:800;font-style:normal;font-variant-numeric:tabular-nums;background:var(--panel2);color:var(--sub);border:1px solid var(--line);white-space:nowrap}
.pg-rc.up{color:var(--mint);border-color:rgba(45,226,176,.3)}
.pg-rc.mid{color:var(--gold);border-color:rgba(255,196,67,.3)}
.pg-rc.down{color:var(--red);border-color:rgba(255,77,106,.25)}
.pg-rc.tier{color:var(--t);border-color:color-mix(in srgb,var(--t) 40%,transparent)}
.pg-rc .sl-mini{width:18px;height:18px;font-size:13px}
.pg-recent .rd-chip{font-size:12.5px;padding:3px 8px;border-radius:7px}
.pg-chip-title{display:inline-flex;align-items:center;gap:6px;background:rgba(7,11,24,.7);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}
.pg-stage-sp{flex:1}
.pg-stage-msg{margin:0;text-align:center;color:var(--sub);font-weight:600;font-size:14px;padding:10px}
.pg-stage-msg.good{color:var(--mint)}
.pg-stage-msg.bad{color:var(--red)}

/* 오른쪽: 내 정보 */
.pg-me{padding:14px}
.pg-me-top{display:flex;justify-content:space-between;align-items:baseline}
.pg-me-top span{color:var(--sub);font-size:13px}
.pg-me-point{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;margin:2px 0 10px;letter-spacing:-.5px}
.pg-me-point small{font-size:15px;color:var(--sub);margin-left:2px}
.pg-me-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.pg-me-grid div{background:var(--panel2);border-radius:10px;padding:8px 10px}
.pg-me-grid dt{font-size:11.5px;color:var(--mute)}
.pg-me-grid dd{margin:1px 0 0;font-weight:800;font-variant-numeric:tabular-nums;font-size:14px}
.pg-me-guest{display:flex;justify-content:space-between;align-items:center}
.pg-me-guest a{color:var(--mint);font-weight:700;text-decoration:none}
.pg-me-note{margin:10px 0 0;color:var(--mute);font-size:12.5px}

/* 오른쪽: 플레이 */
.pg-play{padding:14px;display:flex;flex-direction:column;gap:6px}
.pg-play label{font-size:13px;font-weight:700;color:var(--sub)}
.pg-play-head{display:flex;justify-content:space-between;align-items:center}
.pg-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}
.pg-levels button{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:10px 0;font-weight:800;color:var(--sub)}
.pg-levels button.on{background:var(--mint);border-color:var(--mint);color:#062a20}
.pg-levels button:disabled:not(.on){opacity:.45}
.pg-amt{display:grid;grid-template-columns:40px 1fr 40px;gap:6px}
.pg-amt button{border:1px solid var(--line);background:var(--panel2);border-radius:10px;font-size:18px;font-weight:700}
.pg-amt button:hover{border-color:var(--mint)}
.pg-amt input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px;text-align:center;font:800 18px/1.2 inherit;font-variant-numeric:tabular-nums}
.pg-amt input:focus{outline:0;border-color:var(--mint)}
.pg-amt input:disabled{opacity:.6}
.pg-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:4px}
.pg-quick button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:5px 0;font-size:12px;color:var(--sub)}
.pg-quick button:hover{border-color:var(--mint);color:var(--ink)}
.pg-err{margin:0;color:var(--red);font-size:12.5px}
.pg-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}
.pg-actions.has-auto{grid-template-columns:62px 1fr}
.pg-actions.two{grid-template-columns:1fr 1fr}
.pg-autobet{border:1px solid var(--line);background:var(--panel2);border-radius:12px;font-size:12.5px;font-weight:700;line-height:1.25;color:var(--sub)}
.pg-autobet[aria-pressed=true]{border-color:var(--mint);color:var(--mint);background:rgba(45,226,176,.1)}
.pg-main-btn,.pg-cash-btn{min-height:64px;border:0;border-radius:12px;background:var(--mint);color:#062a20;font-size:16.5px;font-weight:900;line-height:1.25;padding:8px;transition:transform .08s,filter .15s,background .15s}
.pg-main-btn:hover:not(:disabled),.pg-cash-btn:hover:not(:disabled){filter:brightness(1.07)}
.pg-main-btn:active:not(:disabled),.pg-cash-btn:active:not(:disabled){transform:translateY(2px)}
.pg-main-btn small,.pg-cash-btn small{display:block;font-size:12.5px;font-weight:700;opacity:.85}
.pg-main-btn:disabled{background:var(--panel2);color:var(--sub);border:1px solid var(--line)}
.pg-main-btn.cash,.pg-cash-btn{background:var(--gold);color:#3a2600;animation:pg-pulse 1.2s ease-in-out infinite}
.pg-main-btn.won{background:rgba(45,226,176,.12);color:var(--mint);border:1px solid rgba(45,226,176,.4)}
@keyframes pg-pulse{50%{box-shadow:0 0 0 6px rgba(255,196,67,.18)}}
.pg-seed{margin:6px 0 0;font-size:11.5px;color:var(--mute);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pg-seed code{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--sub)}
.pg-seed a{color:var(--mint);text-decoration:none;margin-left:auto}
.pg-hint{margin:6px 0 0;font-size:12px;color:var(--mute)}
.pg-hint b{color:var(--ink)}
.pg-prize{padding:14px}
.pg-prize h3{margin:0 0 8px;font-size:14px}
.pg-prize ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pg-prize li{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:6px;background:var(--panel2);border-radius:9px;padding:6px 8px}
.pg-prize li b{font-size:13px;font-variant-numeric:tabular-nums}
.pg-prize li small{grid-column:2;color:var(--mute);font-size:11px}
.pg-prize li .sl-mini{grid-row:span 2}
.pg-feed-mini li{grid-template-columns:28px minmax(0,1fr) auto}

/* 아래: 랭킹 */
.pg-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;max-width:1440px;margin:12px auto 0;padding:0 16px}
.pg-board{padding:16px}
.pg-board-head h2{margin:0;font-size:17px}
.pg-board-head p{margin:2px 0 0;color:var(--mute);font-size:12.5px}
.pg-board-tabs{display:flex;gap:6px;margin:12px 0 8px;flex-wrap:wrap}
.pg-board-tabs button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 12px;font-size:13px;color:var(--sub);font-weight:600}
.pg-board-tabs button.on{background:var(--mint);border-color:var(--mint);color:#062a20}
.pg-board table{width:100%;border-collapse:collapse;font-size:13.5px}
.pg-board th{font-size:12px;color:var(--mute);font-weight:600;text-align:left;padding:6px;border-bottom:1px solid var(--line)}
.pg-board td{padding:8px 6px;border-bottom:1px solid rgba(34,48,85,.6)}
.pg-board .r{text-align:right;font-variant-numeric:tabular-nums}
.pg-board .rk{width:38px;text-align:center;font-weight:800;color:var(--mute)}
.pg-board .nk{font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-board .val{font-weight:800;color:var(--mint)}
.pg-medal{font-size:17px}
.pg-pager{display:flex;justify-content:center;gap:4px;margin-top:10px;flex-wrap:wrap}
.pg-pager button,.pg-pager a{min-width:32px;border:1px solid var(--line);background:transparent;border-radius:8px;padding:4px 8px;font-size:12.5px;color:var(--sub);text-decoration:none;text-align:center}
.pg-pager button.on,.pg-pager a.on{background:var(--panel2);color:var(--ink);border-color:var(--mint)}
.pg-pager button:disabled{opacity:.35}

.pg-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1440px;margin:12px auto 0;padding:0 16px 40px}
.pg-links a{display:grid;grid-template-columns:1fr auto;padding:16px 18px;text-decoration:none;transition:border-color .15s}
.pg-links a:hover{border-color:var(--mint)}
.pg-links b{font-size:15px}
.pg-links span{grid-column:1;color:var(--mute);font-size:13px}
.pg-links i{grid-row:1/span 2;grid-column:2;align-self:center;font-style:normal;font-size:20px;color:var(--mint)}

/* 게임 방법 */
.pg-dialog{max-width:640px;width:calc(100% - 32px);max-height:88vh;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:20px 22px;overflow-y:auto}
.pg-dialog::backdrop{background:rgba(0,0,0,.7)}
.pg-dialog-head{display:grid;grid-template-columns:1fr auto;align-items:start;margin-bottom:12px}
.pg-dialog-head small{color:var(--mute);font-size:11px;font-weight:700;letter-spacing:.08em}
.pg-dialog-head h3{margin:2px 0 0;font-size:19px;grid-column:1}
.pg-dialog-head form{grid-row:1/span 2;grid-column:2}
.pg-steps3{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.pg-steps3 li{display:flex;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--sub);line-height:1.6}
.pg-steps3 b{color:var(--mint);flex:none}
.pg-formula{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--sub)}
.pg-formula b{color:var(--ink);margin-right:6px}
.pg-formula small{color:var(--mute)}
.pg-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 0}
.pg-facts div{background:var(--panel2);border-radius:10px;padding:8px 10px;text-align:center}
.pg-facts dt{font-size:11.5px;color:var(--mute)}
.pg-facts dd{margin:0;font-weight:800;font-size:13.5px}
.pg-help-sub{margin:16px 0 8px;font-size:14px}
.pg-help-fair{margin:14px 0 0;font-size:12.5px;color:var(--mute)}
.pg-help-fair a{color:var(--mint)}
.pg-ptabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg);border-radius:10px;padding:4px;margin-bottom:8px}
.pg-ptabs button{border:0;background:none;border-radius:8px;padding:7px 0;font-size:12.5px;font-weight:700;color:var(--sub)}
.pg-ptabs button.on{background:var(--panel2);color:var(--ink)}
.pg-pnote{margin:4px 0 8px;font-size:12.5px;color:var(--mute);line-height:1.6}
.pg-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.pg-pgrid div{background:var(--panel2);border-radius:8px;padding:6px 8px;text-align:center}
.pg-pgrid small{display:block;color:var(--mute);font-size:11px}
.pg-pgrid b{font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--gold)}

.pg-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#16203b;border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;max-width:calc(100vw - 32px);box-shadow:0 10px 30px rgba(0,0,0,.4);transition:all .25s;z-index:9999}
.pg-toast.show{opacity:1;transform:translate(-50%,0)}
.pg-toast.win{border-color:var(--mint);color:var(--mint)}
.pg-toast.err{border-color:var(--red);color:#ffb3c0}

/* =========================================================
 * 타워
 * ======================================================= */
.pg-g-tower .pg-stage{background:radial-gradient(600px 300px at 50% 0,rgba(167,123,255,.18),transparent 70%),linear-gradient(180deg,#130d2a 0%,#0b0a1c 100%)}
.tw{flex:1;display:flex;flex-direction:column;padding:0 14px 8px}
.tw-board{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}
.tw-row{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;opacity:.55;transition:opacity .2s}
.tw-row.cur{opacity:1}
.tw-row.pass{opacity:.85}
.tw-lab{display:flex;justify-content:space-between;align-items:baseline;gap:4px;font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums}
.tw-lab b{color:var(--ink);font-size:13px}
.tw-row.cur .tw-lab{color:var(--gold)}
.tw-tiles{display:grid;gap:8px}
.tw-tiles.c4{grid-template-columns:repeat(4,1fr)}
.tw-tiles.c3{grid-template-columns:repeat(3,1fr)}
.tw-tiles.c2{grid-template-columns:repeat(2,1fr)}
.tw-tile{height:38px;border-radius:10px;border:1px solid rgba(167,123,255,.25);background:linear-gradient(180deg,#261c4a,#1a1435);font-size:20px;display:grid;place-items:center;transition:transform .12s,border-color .12s,background .2s}
.tw-row.cur .tw-tile:not(:disabled){border-color:rgba(255,196,67,.55);box-shadow:0 0 0 1px rgba(255,196,67,.15),0 0 16px rgba(255,196,67,.12);cursor:pointer}
.tw-row.cur .tw-tile:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(180deg,#3a2a6a,#251a4a)}
.tw-tile.wait{animation:tw-wait .5s ease-in-out infinite alternate}
@keyframes tw-wait{to{background:#4a3a8a}}
.tw-tile.safe{background:linear-gradient(180deg,#0f4d3e,#0b3a2f);border-color:rgba(45,226,176,.6);animation:tw-pop .25s}
.tw-tile.trap{background:#2a1020;border-color:rgba(255,77,106,.35);opacity:.8}
.tw-tile.boom{background:linear-gradient(180deg,#6a1428,#3a0a18);border-color:var(--red);animation:tw-shake .35s}
.tw-tile.dim{opacity:.35}
@keyframes tw-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes tw-shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}

/* =========================================================
 * 치킨 런
 * ======================================================= */
.pg-g-chicken .pg-stage{background:linear-gradient(180deg,#7ec8ff 0%,#bfe6ff 38%,#7cc66a 38%,#5aa94b 100%)}
.pg-g-chicken .pg-chip-title{background:rgba(7,11,24,.75)}
.ck{flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.ck-view{position:relative;flex:1;min-height:220px;overflow:hidden}
.ck-road{position:absolute;left:0;top:0;bottom:0;display:flex;transition:transform .45s cubic-bezier(.3,.7,.3,1)}
.ck-side{width:110px;flex:none;background:#c9c2b2;display:grid;place-items:start center;padding-top:16px;font-weight:900;color:#6b604a;letter-spacing:.1em;border-right:4px solid #e9e3d3}
.ck-side.goal{background:repeating-conic-gradient(#222 0 25%,#fff 0 50%) 0 0/24px 24px;border:0;border-left:4px solid #e9e3d3;font-size:30px}
.ck-lane{position:relative;width:86px;flex:none;background:#3c4049;border-right:3px dashed rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.ck-lane:last-of-type{border-right:0}
.ck-mult{position:absolute;top:12px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:800;border-radius:7px;padding:2px 7px;font-variant-numeric:tabular-nums}
.ck-cover{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#6a6f78 0 55%,#4a4e56 56%);box-shadow:inset 0 0 0 3px #2a2d33}
.ck-lane.next{background:#454a55;cursor:pointer}
.ck-lane.next .ck-mult{background:var(--gold);color:#3a2600}
.ck-lane.next .ck-cover{box-shadow:inset 0 0 0 3px var(--gold),0 0 14px rgba(255,196,67,.6)}
.ck-lane.pass .ck-cover{background:radial-gradient(circle,#2de2b0 0 40%,#12a883 41%);box-shadow:inset 0 0 0 3px #0b6b53}
.ck-lane.pass .ck-mult{background:rgba(18,168,131,.85)}
.ck-lane.dead{background:#5a2730}
.ck-lane.dead .ck-mult{background:var(--red)}
.ck-hen{position:absolute;top:50%;font-size:46px;line-height:1;transform:translate(-50%,-50%);transition:left .35s cubic-bezier(.3,.7,.3,1);z-index:3;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));pointer-events:none}
.ck-hen.hop{animation:ck-hop .35s ease-in-out infinite}
@keyframes ck-hop{50%{transform:translate(-50%,-72%)}}
.ck-car{position:absolute;left:50%;top:-70px;font-size:40px;transform:translateX(-50%) rotate(90deg);animation:ck-drive 1.4s linear forwards;z-index:2;pointer-events:none}
.ck-car.up{top:auto;bottom:-70px;transform:translateX(-50%) rotate(-90deg);animation-name:ck-drive-up}
.ck-car.hit{animation:ck-hit .5s cubic-bezier(.5,0,1,1) forwards}
@keyframes ck-drive{to{top:calc(100% + 70px)}}
@keyframes ck-drive-up{to{bottom:calc(100% + 70px)}}
@keyframes ck-hit{to{top:calc(50% - 30px)}}
.ck-panel{background:rgba(7,11,24,.88);padding:12px 16px 14px;border-top:1px solid var(--line)}
.ck-track{display:flex;justify-content:space-between;align-items:center;position:relative;height:30px;margin:0 6px}
.ck-track::before{content:'';position:absolute;left:0;right:0;top:50%;height:3px;background:var(--line)}
.ck-track i{position:relative;width:11px;height:11px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);font-style:normal}
.ck-track i.on{background:var(--mint);border-color:var(--mint)}
.ck-track i.bad{background:var(--red);border-color:var(--red)}
.ck-track i small{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:10.5px;color:var(--mute)}
.ck-info{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:13px;font-weight:700;color:var(--sub);flex-wrap:wrap}
.ck-info span:first-child{color:var(--mint)}
.ck-info span:last-child{color:var(--gold)}

/* =========================================================
 * 키노
 * ======================================================= */
.kn{flex:1;display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}
.kn-rail-wrap{display:flex;align-items:center;gap:10px;background:rgba(7,11,24,.6);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.kn-rail-wrap>span{font-size:12px;color:var(--mute);flex:none}
.kn-rail{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;flex:1}
.kn-rail i{aspect-ratio:1;max-height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;background:var(--panel2);color:var(--mute);border:1px solid var(--line)}
.kn-rail i.on{background:radial-gradient(circle at 35% 30%,#fff,#c9d4ff 60%);color:#1a2550;border-color:transparent;animation:kn-in .25s}
.kn-rail i.hit{background:radial-gradient(circle at 35% 30%,#fff7d0,#ffc443 60%);color:#3a2600;border-color:transparent;animation:kn-in .25s;box-shadow:0 0 12px rgba(255,196,67,.6)}
@keyframes kn-in{from{transform:scale(.3);opacity:0}}
.kn-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kn-count{display:flex;align-items:center;gap:4px;font-size:13px}
.kn-count button{width:26px;height:26px;border:1px solid var(--line);background:var(--panel2);border-radius:7px;font-weight:800}
.kn-count b{min-width:18px;text-align:center}
.kn-fix{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--sub);margin-left:auto;cursor:pointer}
.kn-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.kn-grid button{height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);font-weight:800;font-size:15px;transition:transform .1s,background .15s}
.kn-grid button:hover:not(:disabled){border-color:var(--mint)}
.kn-grid button.pick{background:linear-gradient(180deg,#1d6b58,#12503f);border-color:var(--mint);color:#dffcf3}
.kn-grid button.drawn{background:#2a3352;color:#c9d4ff;border-color:#4a5a8a}
.kn-grid button.hit{background:linear-gradient(180deg,#ffd76a,#ffb21f);border-color:#ffe39a;color:#3a2600;animation:tw-pop .3s}
.kn-grid button:disabled{cursor:default}
.kn-pay{display:flex;gap:4px;flex-wrap:wrap}
.kn-pay div{flex:1;min-width:52px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:5px 4px;text-align:center}
.kn-pay small{display:block;font-size:11px;color:var(--mute)}
.kn-pay b{font-size:12.5px;color:var(--sub);font-variant-numeric:tabular-nums}
.kn-pay div.plus b{color:var(--gold)}
.kn-pay div.on{border-color:var(--mint);background:rgba(45,226,176,.12)}
.kn-pay div.on b{color:var(--mint)}
.kn-pay-empty{color:var(--mute);font-size:12.5px;padding:6px 2px}
.kn-mine{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;margin-bottom:6px}
.kn-mine i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12.5px;background:rgba(45,226,176,.15);color:var(--mint);border:1px solid rgba(45,226,176,.4)}
.kn-mine i.hit{background:var(--gold);color:#3a2600;border-color:var(--gold)}
.kn-mine span{font-size:12.5px;color:var(--mute);align-self:center}
.kn-ptable{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kn-ptable div{background:var(--panel2);border-radius:10px;padding:8px 10px}
.kn-ptable h5{margin:0 0 4px;font-size:13px}
.kn-ptable h5 small{color:var(--gold);font-weight:700;margin-left:4px}
.kn-ptable p{margin:0;display:flex;flex-wrap:wrap;gap:3px 10px;font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums}
.kn-ptable p small{color:var(--mute)}

/* =========================================================
 * 크레이트 런
 * ======================================================= */
.pg-g-crate .pg-stage{background:radial-gradient(700px 360px at 50% 60%,rgba(91,140,255,.22),transparent 70%),linear-gradient(180deg,#0d1230 0%,#080b1c 100%)}
.cg{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0 14px 16px}
.cg-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cg-tiers div,.cg-ptable div{border-radius:10px;padding:7px 8px;text-align:center;background:var(--panel2);border:1px solid var(--line)}
.cg-tiers b,.cg-ptable b{display:block;font-size:12.5px}
.cg-tiers span,.cg-ptable span{font-size:12px;color:var(--sub)}
.cg-tiers small,.cg-ptable em{display:block;font-size:11.5px;color:var(--mute);font-style:normal}
.t-common{--t:#9aa7c7}.t-rare{--t:#5b8cff}.t-epic{--t:#c06bff}.t-legend{--t:#ffc443}
.cg-tiers .t-common b,.cg-tiers .t-rare b,.cg-tiers .t-epic b,.cg-tiers .t-legend b,.cg-ptable b{color:var(--t)}
.cg-ptable{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cg-reel-wrap{position:relative;height:170px;overflow:hidden;margin:auto 0 0;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.cg-reel{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;will-change:transform}
.cg-marker{position:absolute;left:50%;top:6px;bottom:6px;width:3px;margin-left:-1.5px;background:var(--gold);box-shadow:0 0 12px var(--gold);border-radius:2px;z-index:2}
.cg-marker::before,.cg-marker::after{content:'';position:absolute;left:50%;transform:translateX(-50%);border:8px solid transparent}
.cg-marker::before{top:-6px;border-top-color:var(--gold)}
.cg-marker::after{bottom:-6px;border-bottom-color:var(--gold)}
.cg-box{width:104px;margin:0 4px;flex:none;height:132px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--t) 22%,#141d35),#0f1629);border:1px solid color-mix(in srgb,var(--t) 55%,transparent)}
.cg-box i{font-style:normal;font-size:46px;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--t) 60%,transparent))}
.cg-box b{font-size:13px;font-weight:800;color:var(--t);font-variant-numeric:tabular-nums}
.cg-box.open{transform:scale(1.1);box-shadow:0 0 0 2px var(--t),0 0 30px color-mix(in srgb,var(--t) 70%,transparent);animation:cg-open .5s}
.cg-box.open i{animation:cg-lid .6s}
@keyframes cg-open{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1.1)}}
@keyframes cg-lid{30%{transform:translateY(-8px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}}
.cg-result{text-align:center;min-height:48px}
.cg-result b{display:block;font-size:20px;color:var(--sub)}
.cg-result b.t-common,.cg-result b.t-rare,.cg-result b.t-epic,.cg-result b.t-legend{color:var(--t)}
.cg-result span{font-size:14px;color:var(--sub)}
.cg-result em{font-style:normal;font-weight:800}
.cg-recent{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-height:24px}
.cg-recent span{font-size:12px;color:var(--mute);margin-right:4px}
.cg-recent i{font-style:normal;font-size:12px;font-weight:800;border-radius:6px;padding:2px 7px;background:var(--panel2);color:var(--t);border:1px solid color-mix(in srgb,var(--t) 40%,transparent)}

/* =========================================================
 * 스포츠슬롯
 * ======================================================= */
.pg-g-slot .pg-stage{background:radial-gradient(600px 400px at 50% 30%,rgba(45,226,176,.18),transparent 70%),linear-gradient(180deg,#0b2a22 0%,#07140f 100%)}
.sl{flex:1;display:flex;justify-content:center;align-items:center;padding:0 14px 14px}
.sl-machine{width:100%;max-width:440px;background:linear-gradient(180deg,#ffb23a,#ff7a1a);border-radius:26px;padding:12px 16px 14px;box-shadow:0 0 0 4px #ffd27a inset,0 20px 50px rgba(0,0,0,.45);color:#3a1a00}
.sl-title{display:flex;justify-content:center;gap:10px;line-height:1;margin:0 0 8px;font-weight:900;letter-spacing:.02em;text-shadow:0 3px 0 #b84500}
.sl-title span:first-child{font-size:30px;color:#36e28a;-webkit-text-stroke:1.5px #0b5a33}
.sl-title span:last-child{font-size:30px;color:#36e28a;-webkit-text-stroke:1.5px #0b5a33}
.sl-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#7a1e00;border-radius:16px;padding:10px;position:relative}
.sl-reels::after{content:'';position:absolute;left:4px;right:4px;top:50%;height:3px;margin-top:-1.5px;background:rgba(255,60,60,.7);box-shadow:0 0 8px rgba(255,60,60,.9);pointer-events:none}
.sl-reel{height:228px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#d8d8d8,#fff 20%,#fff 80%,#d8d8d8)}
.sl-strip{will-change:transform}
.sl-strip.blur{animation:sl-blur .12s linear infinite;filter:blur(2px)}
@keyframes sl-blur{from{transform:translateY(0)}to{transform:translateY(-76px)}}
.sl-sym{height:76px;display:grid;place-items:center}
.sl-sym span{font-size:48px;line-height:1}
.sl-sym.seven span,.sl-mini.seven{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#e01e2e 60%);color:#fff;font-weight:900;text-shadow:0 2px 0 #8a0010}
.sl-sym.seven span{width:58px;height:58px;font-size:36px}
.sl-btns{display:grid;grid-template-columns:1fr 76px;gap:12px;margin-top:12px}
.sl-spin{height:64px;border-radius:40px;border:0;background:linear-gradient(180deg,#5bff7a,#16c13d);color:#fff;font-size:30px;font-weight:900;letter-spacing:.04em;text-shadow:0 3px 0 #0b7a24;box-shadow:0 6px 0 #0b7a24,0 10px 20px rgba(0,0,0,.25);transition:transform .08s}
.sl-spin:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #0b7a24}
.sl-spin:disabled{filter:grayscale(.7) brightness(.85)}
.sl-auto{height:64px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#c49bff,#7a3cff 70%);color:#fff;font-weight:900;font-size:16px;line-height:1.1;box-shadow:0 6px 0 #4a1fa8}
.sl-auto small{display:block;font-size:13px}
.sl-auto[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 6px 0 #4a1fa8;background:radial-gradient(circle at 35% 30%,#ffe08a,#ff9d00 70%)}
.sl-note{margin:12px 0 0;text-align:center;font-weight:800;background:#3a1a00;color:#ffd27a;border-radius:10px;padding:8px;font-size:13.5px}
.sl.jackpot .sl-machine{animation:sl-glow .3s ease-in-out 6 alternate}
@keyframes sl-glow{to{box-shadow:0 0 0 4px #ffd27a inset,0 0 60px rgba(255,220,100,.9)}}
.sl-mini{width:24px;height:24px;display:grid;place-items:center;font-size:18px;line-height:1}
.sl-mini.seven{font-size:13px}
.sl-ptable{display:grid;gap:6px}
.sl-ptable div{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;background:var(--panel2);border-radius:9px;padding:7px 10px;font-size:13px}
.sl-ptable b{color:var(--gold);font-variant-numeric:tabular-nums}
.sl-ptable small{color:var(--mute);min-width:56px;text-align:right}

/* =========================================================
 * 메인(허브)
 * ======================================================= */
.pg-hub{display:grid;grid-template-columns:290px minmax(0,1fr) 320px;gap:12px;max-width:1440px;margin:0 auto;padding:0 16px 40px}
.pg-hub .pg-left{height:576px}
.pg-hub-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.pg-hub-card{display:grid;grid-template-columns:56px 1fr;gap:4px 14px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s}
.pg-hub-card:hover{border-color:var(--mint);transform:translateY(-2px)}
.pg-hub-card .em{grid-row:span 2;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:30px;background:var(--panel2)}
.pg-hub-card h3{margin:2px 0 0;font-size:17px}
.pg-hub-card p{margin:0;color:var(--mute);font-size:13px}
.pg-hub-card .ft{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--sub)}
.pg-hub-card .ft b{color:var(--mint);font-weight:700}
.pg-hub-side{display:flex;flex-direction:column;gap:12px}
.pg-hub-live{padding:12px;display:flex;flex-direction:column;max-height:520px}
.pg-hub-live h3{margin:0 0 8px;font-size:15px;display:flex;align-items:center;gap:6px}
.pg-hub-live h3 i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.pg-hub-live .pg-feed{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pg-hub-note{margin:0;font-size:12px;color:var(--mute);padding:0 4px}

/* 공정성 검증 · 나의 손익 */
.pg-page{max-width:1000px;margin:0 auto;padding:0 16px 48px;display:grid;gap:12px}
.pg-pad{padding:20px}
.pg-page h1{margin:0 0 6px;font-size:22px;letter-spacing:-.4px}
.pg-page h2{margin:0 0 12px;font-size:17px}
.pg-page h2 small{font-size:12.5px;color:var(--mute);font-weight:500;margin-left:6px}
.pg-lead{margin:0;color:var(--sub);line-height:1.7}
.pg-lead b{color:var(--ink)}
.pg-page code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-all}
.pg-fair-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.pg-fair-form label{font-weight:700;color:var(--sub)}
.pg-fair-form input,.pg-fair-form select{width:160px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:8px 10px;font:inherit}
.pg-btn-mint{background:var(--mint);border-color:var(--mint);color:#062a20}
.pg-warn{margin:16px 0 0;color:var(--gold)}
.pg-verify{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.pg-verdict{font-size:14px;margin-left:8px;padding:3px 10px;border-radius:999px;background:var(--panel2);vertical-align:2px}
.pg-verdict.ok{background:rgba(45,226,176,.15);color:var(--mint)}
.pg-verdict.bad{background:rgba(255,77,106,.15);color:var(--red)}
.pg-kv{display:grid;grid-template-columns:160px 1fr;gap:8px 14px;margin:0 0 14px}
.pg-kv dt{color:var(--mute);font-size:13px}
.pg-kv dd{margin:0;min-width:0}
.pg-vsteps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pg-vsteps li{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:4px}
.pg-vsteps li.ok{border-color:rgba(45,226,176,.4)}
.pg-vsteps li.bad{border-color:rgba(255,77,106,.5)}
.pg-vsteps span{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--sub);word-break:break-all}
.pg-howto{margin:0 0 12px;padding-left:20px;line-height:2;color:var(--sub)}
.pg-table-wrap{overflow-x:auto}
.pg-table{width:100%;border-collapse:collapse;font-size:13.5px;white-space:nowrap}
.pg-table th{font-size:12px;color:var(--mute);font-weight:600;text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}
.pg-table td{padding:8px;border-bottom:1px solid rgba(34,48,85,.6)}
.pg-table .r{text-align:right;font-variant-numeric:tabular-nums}
.pg-stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pg-stats4 .pg-card{padding:14px 16px}
.pg-stats4 span{display:block;font-size:12.5px;color:var(--mute)}
.pg-stats4 b{display:block;font-size:19px;margin-top:2px;font-variant-numeric:tabular-nums}
.pg-chart{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;height:200px;align-items:stretch}
.pg-col{display:grid;grid-template-rows:1fr 1fr auto;min-width:0}
.pg-col-up{display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.pg-col-down{display:flex;align-items:flex-start}
.pg-col i{display:block;width:100%;border-radius:4px 4px 0 0;min-height:2px}
.pg-col i.up{background:var(--mint)}
.pg-col i.down{background:var(--red);border-radius:0 0 4px 4px}
.pg-col small{text-align:center;color:var(--mute);font-size:11px;margin-top:4px}
.pg-gfilter{display:flex;gap:6px;flex-wrap:wrap}
.pg-gfilter a{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--sub);text-decoration:none;font-weight:600}
.pg-gfilter a.on{background:var(--mint);border-color:var(--mint);color:#062a20}

/* 반응형 */
@media (max-width:1180px){
  .pg-main{grid-template-columns:minmax(0,1fr) 300px}
  .pg-left{grid-column:1 / -1;order:3;height:380px}
  .pg-hub{grid-template-columns:minmax(0,1fr) 300px}
  .pg-hub .pg-left{grid-column:1 / -1;order:3;height:380px}
}
@media (max-width:760px){
  .pg-main,.pg-bottom,.pg-links,.pg-hub{grid-template-columns:1fr;padding:0 10px}
  .pg-top{padding:10px 10px 4px}
  .pg-top-link{display:none}
  .pg-gnav{padding:0 4px}
  .pg-gnav a{padding:10px 10px;font-size:13px}
  .pg-stage{height:auto}
  .pg-arena{min-height:0}
  .tw-board{padding:6px 0}
  .dt-table{min-height:260px}
  .th-wrap{padding:10px 0}
  .pg-left{order:3;height:360px}
  .pg-hub-cards{grid-template-columns:1fr}
  .pg-page{padding:0 10px 40px}
  .pg-stats4{grid-template-columns:1fr 1fr}
  .pg-kv{grid-template-columns:1fr}
  .pg-chart{gap:3px;height:160px}
  .tw-row{grid-template-columns:70px 1fr;gap:6px}
  .tw-tile{height:36px}
  .ck-view{flex:none;height:240px}
  .kn-grid{gap:4px}
  .kn-grid button{height:38px;font-size:14px}
  .kn-rail{gap:3px}
  .kn-ptable{grid-template-columns:1fr}
  .cg-reel-wrap{height:150px}
  .cg-tiers{grid-template-columns:1fr 1fr}
  .sl-reel{height:228px}
  .sl-sym{height:76px}
  .sl-sym span{font-size:46px}
  .sl-sym.seven span{width:56px;height:56px;font-size:34px}
  .sl{padding:0 10px 12px}
  .sl-title span{font-size:26px!important}
  .pg-facts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pg-main-btn.cash,.pg-cash-btn{animation:none}}

/* =========================================================
 * 회차 게임 공통 (나무게임 · 라이브 온도계 · 드래곤타이거)
 * ======================================================= */
.rd{flex:1;display:flex;flex-direction:column;gap:12px;padding:0 14px 14px}
.rd-chip{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--sub);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:3px 7px;white-space:nowrap}
.rd-chip b{font-size:13px;color:var(--ink)}
.rd-picks h5{margin:8px 0 5px;font-size:12px;color:var(--mute);font-weight:700}
.rd-picks h5:first-child{margin-top:2px}
.rd-picks .g6{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.rd-picks .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.rd-picks .g2{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.rd-picks button{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:1px;transition:transform .08s,border-color .15s,background .15s}
.rd-picks button b{font-size:14px;font-weight:900}
.rd-picks button small{font-size:11.5px;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}
.rd-picks button:hover:not(:disabled){border-color:var(--mint);background:rgba(45,226,176,.08)}
.rd-picks button:active:not(:disabled){transform:translateY(2px)}
.rd-picks button:disabled{opacity:.45}
.rd-my{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto}
.rd-my li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 2px;border-bottom:1px dashed var(--line);font-size:13px}
.rd-my li.pg-empty{display:block}
.rd-my span{color:var(--sub);font-variant-numeric:tabular-nums}
.rd-my em{font-style:normal;font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums}
.rd-my em.wait{color:var(--blue)}.rd-my em.win{color:var(--mint)}.rd-my em.half{color:var(--gold)}.rd-my em.lose{color:var(--red)}
.pg-prize h3 small{font-weight:600;color:var(--mute);font-size:12px;margin-left:4px}
.rd-ptable{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}
.rd-ptable div{background:var(--panel2);border-radius:9px;padding:8px 10px;display:grid;gap:1px}
.rd-ptable b{font-size:13px}
.rd-ptable span{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}
.rd-ptable small{color:var(--mute);font-size:11.5px}

/* 나무게임 */
.pg-g-namu .pg-stage{background:radial-gradient(700px 400px at 50% 20%,rgba(45,226,176,.16),transparent 70%),linear-gradient(180deg,#06231c 0%,#04110d 100%)}
.nm-board{position:relative;flex:1;min-height:0;border-radius:14px;border:1px solid rgba(45,226,176,.25);background:repeating-linear-gradient(0deg,rgba(45,226,176,.04) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(45,226,176,.04) 0 1px,transparent 1px 28px)}
.nm-board canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.nm-msg{position:absolute;left:50%;top:10px;transform:translateX(-50%);background:rgba(4,17,13,.85);border:1px solid rgba(45,226,176,.35);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--sub);white-space:nowrap}
.nm-msg.show{color:var(--gold);border-color:var(--gold)}
.rd-chip.nm.n1 b,.rd-chip.nm.n6 b{color:#ff5f8f}.rd-chip.nm.n2 b,.rd-chip.nm.n5 b{color:var(--gold)}.rd-chip.nm.n3 b,.rd-chip.nm.n4 b{color:var(--mint)}
.rd-picks-namu .g6 button.n1,.rd-picks-namu .g6 button.n6{border-color:rgba(255,95,143,.45)}
.rd-picks-namu .g6 button.n2,.rd-picks-namu .g6 button.n5{border-color:rgba(255,196,67,.45)}
.rd-picks-namu .g6 button.n3,.rd-picks-namu .g6 button.n4{border-color:rgba(45,226,176,.45)}

/* 라이브 온도계 */
.pg-g-thermo .pg-stage{background:radial-gradient(600px 400px at 50% 40%,rgba(255,77,106,.16),transparent 70%),linear-gradient(180deg,#24090f 0%,#120507 100%)}
.th-wrap{flex:1;display:grid;grid-template-columns:1fr 150px 1.2fr;gap:16px;align-items:center;min-height:0}
.th-temp{text-align:center}
.th-temp b{font-size:clamp(54px,7vw,84px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--gold)}
.th-temp small{font-size:24px;font-weight:800;color:var(--sub);margin-left:2px}
.th-temp span{display:block;margin-top:10px;color:var(--sub);font-weight:700;font-size:14px}
.th-tube{position:relative;height:330px;width:150px;justify-self:center}
.th-scale{position:absolute;left:0;top:10px;bottom:62px;width:40px}
.th-scale span{position:absolute;right:0;transform:translateY(50%);font-size:11px;color:var(--mute);font-variant-numeric:tabular-nums}
.th-glass{position:absolute;left:58px;top:0;bottom:50px;width:34px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 40%,rgba(255,255,255,.12));border:2px solid rgba(255,255,255,.25);border-bottom:0;overflow:hidden;padding:10px 7px 0;display:flex;align-items:flex-end}
.th-merc{display:block;width:100%;height:3%;border-radius:10px 10px 0 0;background:linear-gradient(0deg,#ff3b3b,#ff8a5b);box-shadow:0 0 14px rgba(255,80,80,.6)}
.th-bulb{position:absolute;left:46px;bottom:0;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9a9a,#e01e2e 60%,#8a0010);box-shadow:0 0 30px rgba(255,40,60,.55),0 0 0 2px rgba(255,255,255,.25)}
.th-now{background:rgba(7,11,24,.6);border:1px solid var(--line);border-radius:12px;padding:12px}
.th-now h5{margin:0 0 8px;font-size:13px;color:var(--sub)}
.th-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.th-grid div{display:flex;justify-content:space-between;background:var(--panel2);border-radius:8px;padding:6px 9px;font-size:13px}
.th-grid span{font-weight:800;font-variant-numeric:tabular-nums;color:var(--sub)}
.th-grid span.hit{color:var(--mint)}
.rd-chip.th b{color:var(--c)}
.rd-picks-thermo button.r2,.rd-picks-thermo button.r4,.rd-picks-thermo button.r8{border-color:rgba(91,140,255,.4)}
.rd-picks-thermo button.t2,.rd-picks-thermo button.t4,.rd-picks-thermo button.t8{border-color:rgba(255,77,106,.4)}
.th-ptable{overflow-x:auto}
.th-ptable table{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap}
.th-ptable th,.th-ptable td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.th-ptable th:first-child,.th-ptable td:first-child{text-align:left}
.th-ptable th{color:var(--mute);font-weight:600}

/* 드래곤타이거 */
.pg-g-dragon .pg-stage{background:radial-gradient(800px 420px at 50% 55%,rgba(255,77,106,.14),transparent 70%),linear-gradient(180deg,#2a0f0f 0%,#130707 100%)}
.dt-table{flex:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:0;border-radius:16px;border:1px solid rgba(255,196,67,.2);background:radial-gradient(ellipse at center,rgba(120,20,20,.55),rgba(40,8,8,.6));padding:20px}
.dt-side{display:flex;flex-direction:column;align-items:center;gap:12px;transition:filter .3s,opacity .3s}
.dt-side h4{margin:0;font-size:18px;letter-spacing:.06em;font-weight:900}
.dt-side.dragon h4{color:#ff6b6b}.dt-side.tiger h4{color:#6bb8ff}
.dt-side.win .dt-card{box-shadow:0 0 0 3px var(--gold),0 0 36px rgba(255,196,67,.6)}
.dt-side.lose{opacity:.55;filter:grayscale(.5)}
.dt-vs{font-size:26px;font-weight:900;color:var(--sub)}
.dt-vs.tie{color:var(--mint)}
.dt-card{width:130px;height:182px;perspective:800px;border-radius:12px}
.dt-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.dt-card.open .dt-inner{transform:rotateY(180deg)}
.dt-back,.dt-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dt-back{background:repeating-linear-gradient(45deg,#7a1020 0 8px,#5a0a18 8px 16px);border:4px solid #f3e6c8;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.dt-face{transform:rotateY(180deg);background:#fdfaf2;color:#1b1b1b;border:1px solid #ddd;box-shadow:0 8px 20px rgba(0,0,0,.4);display:grid;place-items:center}
.dt-face.red{color:#d21f3c}
.dt-face b{position:absolute;left:10px;top:6px;font-size:26px;font-weight:900}
.dt-face i{position:absolute;left:12px;top:36px;font-style:normal;font-size:18px}
.dt-face em{font-style:normal;font-size:64px;line-height:1}
.dt-msg{text-align:center;font-weight:800;color:var(--sub);min-height:22px}
.dt-msg.show.dragon{color:#ff6b6b}.dt-msg.show.tiger{color:#6bb8ff}.dt-msg.show.tie{color:var(--mint)}
.dt-picks button{padding:14px 2px}
.dt-picks button b{font-size:16px}
.rd-picks .dt-dragon{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.08)}
.rd-picks .dt-tiger{border-color:rgba(107,184,255,.5);background:rgba(107,184,255,.08)}
.rd-picks .dt-tie{border-color:rgba(45,226,176,.5);background:rgba(45,226,176,.06)}
.rd-chip.dt.dragon b{color:#ff6b6b}.rd-chip.dt.tiger b{color:#6bb8ff}.rd-chip.dt.tie b{color:var(--mint)}

@media (max-width:760px){
  .nm-board{min-height:320px}
  .th-wrap{grid-template-columns:1fr 120px;min-height:0}
  .th-now{grid-column:1 / -1}
  .th-tube{height:280px;width:120px}
  .th-scale{width:34px}
  .th-glass{left:46px;width:30px}
  .th-bulb{left:36px;width:52px;height:52px}
  .dt-table{gap:8px;padding:14px 8px;min-height:260px}
  .dt-card{width:96px;height:136px}
  .dt-face b{font-size:20px}
  .dt-face em{font-size:46px}
  .rd-picks .g6{grid-template-columns:repeat(3,1fr)}
}

/* 회차 게임 오른쪽: 항목 버튼 + 이번 회차 내 참여를 한 카드에 */
.rd-picks .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.rd-picks .g6 button{padding:7px 1px}
.rd-picks .g6 button b{font-size:12.5px}
.rd-picks .g6 button small{font-size:11px}
.rd-mybox{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.rd-mybox h4{margin:0 0 4px;font-size:12.5px;color:var(--sub)}
.rd-mybox h4 small{font-weight:600;color:var(--mute);margin-left:4px}
.rd-mybox .rd-my{flex:1;min-height:0;max-height:none}
.rd-mybox .rd-my li.pg-empty{padding:10px 4px}
@media (max-width:1180px){ .pg-right{height:auto} .pg-right>.pg-card:last-child{flex:none;overflow:visible} .rd-mybox .rd-my{max-height:200px} }

/* 내 정보 카드 조금 촘촘하게 (모든 게임 공통) */
.pg-me{padding:12px 14px}
.pg-me-point{font-size:24px;margin:0 0 8px}
.pg-me-grid{gap:6px}
.pg-me-grid div{padding:6px 10px}
.pg-me-grid dd{font-size:13.5px}
/* 회차 게임 플레이 카드 */
.rd-play{gap:5px}
.rd-picks h5{display:flex;align-items:center;margin:6px 0 3px}
.rd-picks h5 .pg-link{margin-left:auto;font-size:12px}
.rd-picks button{padding:5px 2px}
.rd-play .pg-quick{margin-bottom:0}
.rd-play .pg-quick button{padding:3px 0}
.rd-mybox h4{display:flex;align-items:center;gap:4px}
.rd-mybox h4 .pg-seed{margin:0 0 0 auto;font-weight:500}
.rd-mybox h4 .pg-seed a{margin-left:4px}