/* 그리드벳 포인트 · 출석체크 · 룰렛 · 지인추천(/main/point.php · attendance.php · roulette.php · referral.php) — 작업자 tr-point, 2026-10-20.
   원본 CSS(common.css · module.css · layout_pc/mobile.css · common_light.css)에 남은 틀(.cash-help · .cash-form · .cash-list · .thead.point · ul.freeboard.point · .mypage-stat · .paging ·
   .cash-rolling · .attendance · .bok2-wrap · .box-lottery · .lottery-wrap · .lottery-btn · .bok-convert-*)을 쓰고, 원본에 없는 칸만 원본 색 변수로 보탠다.
   원본 CSS 가 이 파일보다 뒤에 읽히므로 겹치는 규칙은 .tr-pt… 를 하나 더 붙여 이긴다. 원본 그림 변수(--img-attendance-* · --roulette-bg · --img-start-btn*)는
   로그인 뒤 쪽에만 있어 복제본에 값이 없다 → 그 자리(출석 도장 · 룰렛 판 · 시작 단추)는 이 파일이 원본 색으로 그린다. */

/* ---------- 공통: 위 쪽 묶음 · 안내 글 · 단추 ---------- */
.tabTitle.depth2.tr-pt-nav a[hidden]{display:none}
.tr-pt{color:var(--font-color)}
.tr-pt [hidden]{display:none!important}
.tr-pt .cash-help dl dd b{color:var(--font-color)}
.tr-pt .cash-form{margin-top:10px}
.tr-pt .cash-form dd small,.tr-pt .tr-pt-sub{color:var(--menu-icon-color)}
.tr-pt .tr-pt-sub{display:block;padding-top:6px;font-size:12px;line-height:20px}
.tr-pt .cash-form dd b{font-family:'p6';font-weight:normal;color:var(--font-color)}
.tr-pt .cash-form dd.point input[type="text"]{width:260px;font-size:14px}
.tr-pt .cash-form dd .btn-all button:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}
.tr-pt .cash-form dd.tr-pt-total{font-family:'p6';font-size:15px}
.tr-pt .cash-form dd.tr-pt-total em{font-style:normal;color:var(--38ffa8)}
.tr-pt .tr-pt-btn{display:flex;justify-content:center;gap:10px;margin-top:15px}
.tr-pt .btnCash:disabled{opacity:.5}
.tr-pt-msg{min-height:20px;margin:10px 0 0;text-align:center;font-size:13px;line-height:20px;color:var(--aeae);word-break:keep-all}
.tr-pt-msg.err{color:#ff6b6b}
.tr-pt-msg.ok{color:var(--38ffa8)}
.tr-pt .tr-pt-retry{height:28px;margin-left:6px;padding:0 12px;border:0;border-radius:5px;background:var(--126e51);font-family:'p6';font-size:12px;color:#fff;cursor:pointer}
.tr-pt-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:30px 20px;border-radius:10px;background:var(--surface-1);font-size:13px;line-height:20px;color:var(--aeae);text-align:center;word-break:keep-all}
.tr-pt-state b{font-family:'p6';font-weight:normal;font-size:15px;color:var(--font-color)}

/* ---------- 목록(원본 .cash-list · .thead · ul.freeboard) ---------- */
.tr-pt .cash-list{margin-top:30px}
.tr-pt .cash-list h4{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.tr-pt .cash-list h4 small{font-family:'p5',sans-serif;font-size:12px;color:var(--menu-icon-color)}
.tr-pt ul.tr-pt-rows li.tr-pt-empty{display:flex;align-items:center;justify-content:center;height:auto;min-height:60px;padding:10px;border-radius:5px;background:var(--body-bg);font-size:12px;line-height:20px;color:var(--aeae);text-align:center}
.tr-pt ul.freeboard li>div.left{padding-left:12px}
.tr-pt ul.freeboard li>div .plus,.tr-pt ul.freeboard li>div.plus{color:var(--38ffa8)}
.tr-pt ul.freeboard li>div.minus{color:#ff6b6b}
.tr-pt ul.freeboard li>div small{display:block;font-size:11px;color:var(--menu-icon-color)}
.tr-pt .thead.tr-pt-comp,.tr-pt ul.freeboard.tr-pt-comp li{grid-template-columns:150px 1fr 190px 140px 140px;gap:0}
.tr-pt ul.freeboard.tr-pt-comp li{height:auto;min-height:48px}
.tr-pt ul.freeboard.tr-pt-comp li>div{height:auto;min-height:48px;flex-direction:column;justify-content:center;text-align:center}
.tr-pt ul.freeboard.tr-pt-comp li>div.left{align-items:flex-start;text-align:left}
.tr-pt .tr-pt-game{display:block;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}
.tr-pt .mypage-stat.tr-pt-stat{flex-wrap:wrap;height:auto;min-height:48px;margin-bottom:10px;padding:8px 14px;gap:6px 25px;font-size:12px}
.tr-pt .mypage-stat.tr-pt-stat i{font-family:'p6'}
.tr-pt .tr-pt-filter{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.tr-pt .tr-pt-filter button{height:32px;padding:0 14px;border:0;border-radius:16px;background:var(--menu-sub-bg);font-family:'p6';font-size:12px;color:var(--aeae);cursor:pointer}
.tr-pt .tr-pt-filter button.on{background:var(--126e51);color:#fff}
.tr-pt .tr-pt-filter span{margin-left:auto;font-size:12px;color:var(--menu-icon-color)}
.tr-pt .paging span{color:var(--font-color)}
.tr-pt .paging a.disabled{pointer-events:none}

.tr-pt .tr-pt-note{margin:10px 0 0;font-size:12px;line-height:20px;color:var(--aeae);word-break:keep-all}
.tr-pt .tr-pt-note a,.tr-pt .attendance p a{color:var(--theme-color);text-decoration:underline}

/* ---------- 출석체크(원본 .attendance-txt · .cash-rolling · .attendance) ---------- */
.tr-pt-att .attendance-txt.tr-pt-hero{display:grid;grid-template-columns:200px 1fr 220px;align-items:center;gap:24px;aspect-ratio:auto;padding:26px 34px;border-radius:10px;background:var(--surface-1);background-image:linear-gradient(120deg,var(--accent-panel) 0%,var(--surface-1) 60%)}
.tr-pt-att .tr-pt-hero-s span{font-size:13px;color:var(--aeae)}
.tr-pt-att .tr-pt-hero-s strong{display:block;margin:4px 0;font-family:'p7';font-weight:normal;font-size:20px;color:var(--font-color)}
.tr-pt-att .tr-pt-hero-s strong b{margin-right:4px;font-family:'p7';font-weight:normal;font-size:44px;line-height:1;color:var(--theme-color)}
.tr-pt-att .tr-pt-hero-s p{font-size:12px;color:var(--aeae)}
.tr-pt-att .tr-pt-hero-i{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 0;margin:0}
.tr-pt-att .tr-pt-hero-i dt{grid-row:1;padding:0 16px;border-left:1px solid var(--outline-strong);font-size:12px;color:var(--aeae)}
.tr-pt-att .tr-pt-hero-i dd{grid-row:2;padding:0 16px;border-left:1px solid var(--outline-strong);font-family:'p6';font-size:16px;color:var(--font-color)}
.tr-pt-att .tr-pt-hero-b{text-align:center}
.tr-pt-att .tr-pt-hero-b .btnCash{width:100%;height:52px;font-size:17px}
.tr-pt-att .tr-pt-hero-b .btnCash.tr-pt-done{background:var(--surface-4);color:var(--aeae)}
.tr-pt-att .tr-pt-hero-b p{min-height:18px;margin-top:8px;font-size:12px;color:var(--aeae)}
.tr-pt .cash-rolling.tr-pt-cond h3{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:22px 0 12px 10px}
.tr-pt .cash-rolling.tr-pt-cond h3 em{margin-left:auto;padding:4px 10px;border-radius:12px;font-style:normal;font-family:'p6';font-size:12px}
.tr-pt .cash-rolling.tr-pt-cond h3 em.ok{background:rgba(13,192,212,.15);color:var(--38ffa8)}
.tr-pt .cash-rolling.tr-pt-cond h3 em.no{background:rgba(255,107,107,.15);color:#ff6b6b}
.tr-pt .cash-rolling.tr-pt-cond ul{grid-template-columns:repeat(2,1fr)}
.tr-pt .cash-rolling.tr-pt-cond ul li .stat .iconfont{color:var(--menu-icon-color)}
.tr-pt .cash-rolling.tr-pt-cond ul li.ok .bar span{background:var(--38ffa8)}
.tr-pt-att .attendance{margin-top:20px;border-radius:10px;background:var(--surface-1)}
.tr-pt-att .attendance .date-select{font-family:'p7';font-size:24px}
.tr-pt-att .attendance .date-select button{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--surface-2);font-size:18px;color:var(--font-color);cursor:pointer}
.tr-pt-att .attendance .date-select button:disabled{opacity:.3;cursor:default}
.tr-pt-att .attendance .date-select button[data-at-mv="-1"]{transform:rotate(180deg)}
.tr-pt-att .attendance table tbody td em{display:block;max-width:calc(100% - 70px);margin-top:6px;font-style:normal;font-size:11px;line-height:15px;color:var(--aeae)}
.tr-pt-att .attendance table tbody td.future>span{opacity:.4}
.tr-pt-att .attendance table tbody td i.at{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:2px solid var(--theme-color);border-radius:50%;background:radial-gradient(circle,rgba(13,192,212,.18) 0%,rgba(13,192,212,.04) 70%);font-family:'p7';font-size:13px;line-height:1;color:var(--theme-color);transform:rotate(-14deg)}
.tr-pt .tr-pt-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tr-pt .tr-pt-steps li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid transparent;border-radius:10px;background:var(--surface-1)}
.tr-pt .tr-pt-steps li span{font-size:12px;color:var(--aeae)}
.tr-pt .tr-pt-steps li b{font-family:'p7';font-weight:normal;font-size:18px;color:var(--font-color)}
.tr-pt .tr-pt-steps li small{font-size:11px;color:var(--menu-icon-color)}
.tr-pt .tr-pt-steps li.done{border-color:var(--38ffa8)}
.tr-pt .tr-pt-steps li.done b,.tr-pt .tr-pt-steps li.done small{color:var(--38ffa8)}
.tr-pt .tr-pt-steps li.next{border-color:var(--accent-blue)}
.tr-pt .tr-pt-steps li.tr-pt-step-empty{grid-column:1 / -1;font-size:12px;color:var(--aeae)}

/* ---------- 룰렛(원본 module.css bok_roulette 절) ---------- */
.tr-pt-rl .bok2-wrap.roulette-image-theme{padding:26px 0 22px;border-color:var(--outline-strong);background:radial-gradient(circle at 50% 42%,var(--accent-panel) 0%,var(--black) 70%)}
.tr-pt-rl .bok2-wrap .tr-pt-rl-head{padding:0 20px}
.tr-pt-rl .tr-pt-rl-head b{display:block;font-family:'p7';font-weight:normal;font-size:28px;color:var(--font-color)}
.tr-pt-rl .tr-pt-rl-head p{margin-top:6px;font-size:13px;color:var(--aeae)}
.tr-pt-rl .bok2-wrap .box-lottery{margin:24px auto 18px}
.tr-pt-rl .bok2-wrap .lottery-wrap{box-shadow:0 0 0 8px var(--surface-4),0 0 0 11px var(--theme-color),0 14px 40px rgba(0,0,0,.55);will-change:transform}
.tr-pt-rl .lottery-wrap span{left:50%;width:140px;margin-left:-70px;transform-origin:50% 100%}
.tr-pt-rl .lottery-wrap span i{margin:40px 0 0;height:auto;line-height:1.2;font-size:15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);word-break:keep-all;transition:transform .25s}
.tr-pt-rl .lottery-wrap span.win i{transform:scale(1.25);color:#fff53f}
.tr-pt-rl .lottery-wrap b.tr-pt-div{position:absolute;top:0;left:50%;width:2px;height:50%;margin-left:-1px;background:rgba(255,255,255,.35);transform-origin:50% 100%;z-index:1}
.tr-pt-rl .bok2-wrap .lottery-btn{display:block;border-radius:50%;text-indent:0;font-size:0}
.tr-pt-rl .bok2-wrap .lottery-btn::after{content:'START';display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2dbbff 0%,var(--accent-blue) 55%,#0050b0 100%);box-shadow:0 0 0 6px rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.5);font-family:'p7';font-size:22px;letter-spacing:1px;color:#fff}
.tr-pt-rl .bok2-wrap .lottery-btn.off{cursor:default}
.tr-pt-rl .bok2-wrap .lottery-btn.off::after{background:radial-gradient(circle at 50% 35%,#6b7280 0%,#374150 70%);color:#cbd5e1}
.tr-pt-rl .bok2-wrap .lottery-btn i{top:-20px;width:0;height:0;margin-left:-14px;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:26px solid #fff53f;background:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.tr-pt-rl .tr-pt-rl-res{min-height:22px;font-family:'p6';font-size:15px;color:var(--aeae)}
.tr-pt-rl .tr-pt-rl-res.win{color:#fff53f}
.tr-pt-rl .bok2-wrap .bok-convert-btn i{font-size:14px}
.tr-pt-rl .mypage-stat.tr-pt-stat{margin-top:12px}
.tr-pt-rl .tr-pt-prizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.tr-pt-rl .tr-pt-prizes li{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;background:var(--surface-1);font-size:13px}
.tr-pt-rl .tr-pt-prizes li i{flex:none;width:12px;height:12px;border-radius:50%}
.tr-pt-rl .tr-pt-prizes li span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tr-pt-rl .tr-pt-prizes li b{font-family:'p6';font-weight:normal;color:var(--38ffa8)}

/* ---------- 지인추천 ---------- */
.tr-pt-rf .cash-help dl dd a{color:var(--theme-color);text-decoration:underline}
.tr-pt-rf [data-rf-notices]:not(:empty){display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tr-pt-notice{padding:12px 18px;border-left:3px solid #f5a623;border-radius:10px;background:var(--surface-1);font-size:13px;line-height:20px;color:var(--aeae)}
.tr-pt-notice.ok{border-left-color:var(--38ffa8)}
.tr-pt-notice b{margin-right:6px;font-family:'p6';font-weight:normal;color:var(--font-color)}
.tr-pt-rf .cash-form dd .bank-copy{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tr-pt-rf .cash-form dd .bank-copy code{padding:6px 12px;border-radius:5px;background:var(--body-bg);font-family:'p7';font-size:18px;letter-spacing:1px;color:var(--theme-color)}
.tr-pt-rf .cash-form dd .btnCopy{height:30px;padding:0 14px;border:0;border-radius:5px;background:var(--126e51);font-family:'p7';font-size:12px;color:#fff;cursor:pointer}
.tr-pt-rf .cash-form dd .btnCopy:disabled{opacity:.5;cursor:default}
.tr-pt-rf .tr-pt-slug{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tr-pt-rf .tr-pt-slug input[type="text"]{width:280px}
.tr-pt-rf .tr-pt-slug .btnCopy{height:35px}
.tr-pt-rf .tr-pt-slug .btnCopy.tr-pt-sub-btn{background:var(--menu-sub-bg);color:var(--font-color)}
.tr-pt-rf .cash-form dd p.tr-pt-bad{color:#ff6b6b}
.tr-pt-rf .tr-pt-filter span .tr-pt-retry{margin:0}
.tr-pt-rf .tr-pt-filter button i{margin-left:4px;font-style:normal;font-size:11px;opacity:.85}
.tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul{gap:12px}
.tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul li .stat p strong span{font-size:20px}
.tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul li .stat .iconfont{color:var(--theme-color)}
.tr-pt .thead.tr-pt-rf-cat,.tr-pt ul.freeboard.tr-pt-rf-cat li,.tr-pt .thead.tr-pt-rf-ms,.tr-pt ul.freeboard.tr-pt-rf-ms li{grid-template-columns:1fr 200px 200px 200px;gap:0}
.tr-pt .thead.tr-pt-rf-day,.tr-pt ul.freeboard.tr-pt-rf-day li{grid-template-columns:1fr 250px 250px;gap:0}
.tr-pt .thead.tr-pt-rf-mem,.tr-pt ul.freeboard.tr-pt-rf-mem li{grid-template-columns:1fr 140px 140px 140px 140px 100px;gap:0}
.tr-pt ul.freeboard.tr-pt-rf-mem li{height:auto;min-height:48px}
.tr-pt ul.freeboard.tr-pt-rf-mem li>div{height:auto;min-height:48px}
.tr-pt-rf [data-rf-ms]:not(:empty){margin-top:12px}
.tr-pt .tr-pt-steps.tr-pt-rf-ben{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.tr-pt .tr-pt-steps.tr-pt-rf-ben li small{font-size:12px;line-height:18px}
.tr-pt-rf .tr-pt-rf-search{margin:0 0 8px}
.tr-pt-rf .tr-pt-rf-search input{width:260px;height:35px;padding:0 14px;border:1px solid var(--outline-strong);border-radius:5px;background:var(--surface-1);font-family:'p6';font-size:12px;color:var(--font-color);outline:none}
.tr-pt-rf .faq-list li a{font-size:14px}
.tr-pt-rf .faq-list li p{font-size:13px}

/* ---------- 포인트 전환 창(원본 .bok-convert-modal) ---------- */
html.tr-pt-lock,html.tr-pt-lock body{overflow:hidden}
.bok-convert-modal.tr-pt-conv{z-index:3000}
.tr-pt-conv [hidden]{display:none!important}
.tr-pt-conv .bok-convert-modal-cont{max-height:calc(100% - 40px);overflow:auto;text-align:left}
.tr-pt-conv .bok-convert-modal-cont h4{text-align:center}
.tr-pt-conv .bok-convert-info{text-align:center}
.tr-pt-conv .bok-convert-form input{font-family:'p6';font-size:16px}
.tr-pt-conv .tr-pt-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.tr-pt-conv .tr-pt-quick button{height:32px;padding:0;border:1px solid var(--outline-strong);border-radius:5px;background:var(--surface-2);font-family:'p6';font-size:12px;color:var(--notice-color);cursor:pointer}
.tr-pt-conv .tr-pt-quick button:hover{border-color:var(--theme-color)}
.tr-pt-conv .tr-pt-confirm dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;padding:12px 14px;border-radius:6px;background:var(--surface-3);font-size:13px}
.tr-pt-conv .tr-pt-confirm dt{color:var(--aeae)}
.tr-pt-conv .tr-pt-confirm dd{text-align:right;color:var(--font-color)}
.tr-pt-conv .tr-pt-confirm dd b{font-family:'p7';font-weight:normal;font-size:16px;color:var(--theme-color)}
.tr-pt-conv .tr-pt-rt{margin:12px 0 6px;font-family:'p6';font-size:13px}
.tr-pt-conv .tr-pt-confirm dl.tr-pt-rates{background:var(--accent-panel)}
.tr-pt-conv .tr-pt-confirm dl.tr-pt-rates small{margin-left:4px;font-size:11px;color:var(--menu-icon-color)}
.tr-pt-conv .tr-pt-note{margin:10px 0 0;font-size:12px;line-height:18px;color:var(--aeae);word-break:keep-all}
.tr-pt-conv .tr-pt-msg{margin:10px 0 0}
.tr-pt-conv .tr-pt-msg:empty{display:none}
.tr-pt-conv .btn-group button:disabled{opacity:.55;cursor:not-allowed}
.tr-pt-conv .bok-convert-recent .row .desc{color:var(--font-color)}

/* ---------- 모바일 ---------- */
html[device-mode="mobile"] .tr-pt .cash-form dd.point input[type="text"]{width:auto!important}
html[device-mode="mobile"] .tr-pt .cash-form dd.point .btn-all{display:grid;grid-template-columns:repeat(5,1fr);flex:1 0 100%;width:100%;height:auto;gap:5px}
html[device-mode="mobile"] .tr-pt .cash-form dd.point .btn-all button{height:36px;padding:0;font-size:12px}
html[device-mode="mobile"] .tr-pt .thead{display:none}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li{grid-template-columns:1fr auto;height:auto;padding:10px 12px;gap:4px 10px}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div{display:flex;grid-column:auto;height:auto;min-height:0;margin:0;padding:0;background:none;font-size:12px;position:static}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div.left{grid-column:1;grid-row:1;padding-left:0;font-family:'p6'}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div.amt{grid-column:2;grid-row:1;justify-content:flex-end}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div.dt{grid-column:1;grid-row:2;color:var(--aeae)}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div.bal{grid-column:2;grid-row:2;justify-content:flex-end;color:var(--aeae)}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div.base{grid-column:1 / span 2;grid-row:3;flex-direction:row;justify-content:flex-start;gap:6px;color:var(--aeae)}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li>div.base small{display:inline}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rows li.tr-pt-empty{display:flex}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-comp li>div{min-height:0;align-items:flex-start;text-align:left}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-comp li>div.amt,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-comp li>div.bal{align-items:flex-end;text-align:right}
html[device-mode="mobile"] .tr-pt .mypage-stat.tr-pt-stat{justify-content:flex-start;gap:4px 14px}
html[device-mode="mobile"] .tr-pt .tr-pt-filter span{flex:1 0 100%;margin:4px 0 0}
html[device-mode="mobile"] .tr-pt-conv .bok-convert-modal-cont{width:calc(100% - 32px)!important;max-width:380px}
html[device-mode="mobile"] .tr-pt-conv .bok-convert-form input{height:40px!important;font-size:16px!important}
html[device-mode="mobile"] .tr-pt-att .attendance-txt.tr-pt-hero{grid-template-columns:1fr;gap:14px;padding:18px 16px}
html[device-mode="mobile"] .tr-pt .cash-help h3{height:auto;min-height:60px;padding:10px 12px;line-height:18px;text-align:center;word-break:keep-all}
.tr-pt-att .tr-pt-hero-b p:empty{display:none}
html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-s{text-align:center}
html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-i dt,html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-i dd{padding:0 8px;text-align:center}
html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-i dt:first-of-type,html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-i dd:first-of-type{border-left:0}
html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-i dd{font-size:13px}
html[device-mode="mobile"] .tr-pt-att .tr-pt-hero-i dd span{display:block}
html[device-mode="mobile"] .tr-pt .cash-rolling.tr-pt-cond ul{grid-template-columns:1fr}
html[device-mode="mobile"] .tr-pt .cash-rolling.tr-pt-cond h3 em{margin-left:0}
html[device-mode="mobile"] .tr-pt-att .attendance{margin-top:12px}
html[device-mode="mobile"] .tr-pt-att .attendance .date-select{font-size:16px}
html[device-mode="mobile"] .tr-pt-att .attendance .date-select button{width:32px;height:32px;font-size:15px}
html[device-mode="mobile"] .tr-pt-att .attendance table tbody td{padding:8px 0 0 7px;font-size:12px}
html[device-mode="mobile"] .tr-pt-att .attendance table tbody td em{display:none}
html[device-mode="mobile"] .tr-pt-att .attendance table tbody td i.at{width:34px;height:34px;font-size:9px;border-width:1.5px;transform:translateX(-50%) rotate(-14deg)}
html[device-mode="mobile"] .tr-pt .tr-pt-steps{grid-template-columns:repeat(2,1fr);gap:8px}
html[device-mode="mobile"] .tr-pt .tr-pt-steps li{padding:12px}
html[device-mode="mobile"] .tr-pt .tr-pt-steps li b{font-size:16px}
html[device-mode="mobile"] .tr-pt-rl .bok2-wrap.roulette-image-theme{padding:46px 0 16px}
html[device-mode="mobile"] .tr-pt-rl .tr-pt-rl-head b{font-size:22px}
html[device-mode="mobile"] .tr-pt-rl .bok2-wrap .box-lottery{width:300px;height:300px;margin:22px auto 16px}
html[device-mode="mobile"] .tr-pt-rl .lottery-wrap span{width:110px;margin-left:-55px}
html[device-mode="mobile"] .tr-pt-rl .lottery-wrap span i{margin-top:24px;font-size:12px}
html[device-mode="mobile"] .tr-pt-rl .bok2-wrap .lottery-btn::after{font-size:16px}
html[device-mode="mobile"] .tr-pt-rl .bok2-wrap .lottery-btn i{top:-16px;margin-left:-10px;border-left-width:10px;border-right-width:10px;border-bottom-width:20px}
html[device-mode="mobile"] .tr-pt-rl .tr-pt-prizes{grid-template-columns:repeat(2,1fr)}
html[device-mode="mobile"] .tr-pt-rf .tr-pt-slug input[type="text"],html[device-mode="mobile"] .tr-pt-rf .tr-pt-rf-search input{flex:1;min-width:0;width:auto!important}
html[device-mode="mobile"] .tr-pt-rf .tr-pt-rf-search input{width:100%!important}
html[device-mode="mobile"] .tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul{display:grid;grid-template-columns:1fr 1fr!important;gap:8px}
html[device-mode="mobile"] .tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul li{padding:12px}
html[device-mode="mobile"] .tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul li .stat .iconfont{display:none}
html[device-mode="mobile"] .tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul li .stat p strong span{font-size:15px}
html[device-mode="mobile"] .tr-pt-rf .cash-rolling.tr-pt-rf-tiles ul li .stat p cite{font-size:11px;line-height:15px}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-cat li,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-ms li,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-day li{grid-template-columns:1fr 1fr}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-cat li>div,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-ms li>div,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-day li>div{grid-column:auto;grid-row:auto;justify-content:flex-end}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-cat li>div:nth-child(odd),html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-ms li>div:nth-child(odd),html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-day li>div:nth-child(odd){justify-content:flex-start}
html[device-mode="mobile"] .tr-pt ul.freeboard[class*="tr-pt-rf-"] li>div[data-k]::before{content:attr(data-k);margin-right:6px;font-size:11px;color:var(--menu-icon-color)}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-cat li>div.left,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-ms li>div.left,html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-day li>div.left{justify-content:flex-start}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-mem li{grid-template-columns:1fr 1fr}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-mem li>div{grid-column:auto;grid-row:auto;min-height:0;justify-content:flex-start;white-space:nowrap}
html[device-mode="mobile"] .tr-pt ul.freeboard.tr-pt-rf-mem li>div.left{grid-column:1 / span 2;white-space:normal}
html[device-mode="mobile"] .tr-pt .tr-pt-steps.tr-pt-rf-ben{grid-template-columns:1fr}

/* ---------- 밝은 테마(원본 common_light.css 와 같은 색) ---------- */
[data-theme-mode=light] .tr-pt ul.tr-pt-rows li.tr-pt-empty{background:#fff}
[data-theme-mode=light] .tr-pt .tr-pt-filter button{background:#e2e8f0;color:#475569}
[data-theme-mode=light] .tr-pt .tr-pt-filter button.on{background:var(--126e51);color:#fff}
[data-theme-mode=light] .tr-pt ul.freeboard li>div.minus,[data-theme-mode=light] .tr-pt-msg.err{color:#dc2626}
[data-theme-mode=light] .tr-pt ul.freeboard li>div.plus,[data-theme-mode=light] .tr-pt-msg.ok,[data-theme-mode=light] .tr-pt .cash-form dd.tr-pt-total em{color:#059669}
[data-theme-mode=light] .tr-pt-state{background:#e8eff8}
[data-theme-mode=light] .tr-pt-att .attendance-txt.tr-pt-hero{background:#e8eff8;background-image:linear-gradient(120deg,#dbeafe 0%,#e8eff8 60%)}
[data-theme-mode=light] .tr-pt-att .attendance .date-select button{background:#fff;color:#334155}
[data-theme-mode=light] .tr-pt-att .attendance table tbody td i.at{border-color:var(--126e51);background:radial-gradient(circle,rgba(37,99,235,.14) 0%,rgba(37,99,235,.03) 70%);color:var(--126e51)}
[data-theme-mode=light] .tr-pt .cash-rolling.tr-pt-cond h3 em.ok{background:#dcfce7;color:#059669}
[data-theme-mode=light] .tr-pt .cash-rolling.tr-pt-cond h3 em.no{background:#fee2e2;color:#dc2626}
[data-theme-mode=light] .tr-pt .cash-rolling.tr-pt-cond ul li.ok .bar span{background:#059669}
[data-theme-mode=light] .tr-pt .tr-pt-steps li{background:#e8eff8}
[data-theme-mode=light] .tr-pt-rl .bok2-wrap.roulette-image-theme{background:radial-gradient(circle at 50% 42%,#dbeafe 0%,#e8eff8 70%)}
[data-theme-mode=light] .tr-pt-rl .bok2-wrap .lottery-wrap{box-shadow:0 0 0 8px #fff,0 0 0 11px var(--126e51),0 14px 30px rgba(15,23,42,.18)}
[data-theme-mode=light] .tr-pt-rl .tr-pt-rl-res.win,[data-theme-mode=light] .tr-pt-rl .lottery-wrap span.win i{color:#b45309}
[data-theme-mode=light] .tr-pt-rl .lottery-wrap span.win i{color:#fff53f}
[data-theme-mode=light] .tr-pt-rl .tr-pt-prizes li{background:#e8eff8}
[data-theme-mode=light] .tr-pt-rl .tr-pt-prizes li b{color:#059669}
[data-theme-mode=light] .tr-pt-notice{background:#e8eff8;color:#475569}
[data-theme-mode=light] .tr-pt-notice.ok{border-left-color:#059669}
[data-theme-mode=light] .tr-pt-rf .cash-form dd .bank-copy code{background:#fff;color:var(--126e51)}
[data-theme-mode=light] .tr-pt-rf .cash-form dd p.tr-pt-bad{color:#dc2626}
[data-theme-mode=light] .tr-pt-rf .tr-pt-rf-search input{background:#fff}
[data-theme-mode=light] .tr-pt-rf .tr-pt-slug .btnCopy.tr-pt-sub-btn{background:#e2e8f0;color:#334155}
[data-theme-mode=light] .tr-pt .tr-pt-steps li.done{border-color:#059669}
[data-theme-mode=light] .tr-pt .tr-pt-steps li.done b,[data-theme-mode=light] .tr-pt .tr-pt-steps li.done small{color:#059669}
[data-theme-mode=light] .tr-pt .cash-form dd small,[data-theme-mode=light] .tr-pt .tr-pt-sub,[data-theme-mode=light] .tr-pt .cash-list h4 small,[data-theme-mode=light] .tr-pt ul.freeboard li>div small,[data-theme-mode=light] .tr-pt .tr-pt-filter span,[data-theme-mode=light] .tr-pt-conv .tr-pt-confirm dl.tr-pt-rates small{color:#64748b}