:root{--accent:#6963df}body[data-service=mahjong]{--accent:#188158}body[data-service=holdem]{--accent:#2979d5}.primary{background:var(--accent)}.nav button.active,.mobile-nav button.active{color:var(--accent)}.nav button.active{background:color-mix(in srgb,var(--accent) 9%,white)}.mode{width:auto;padding:8px;font-size:14px;margin-top:18px}.mobile-brand .mode{margin:0;max-width:110px}.notice{margin-left:238px}.notice a{color:inherit}.own-rank{position:fixed;bottom:18px;right:28px;background:white;border:1px solid var(--accent);border-radius:16px;padding:16px 24px;box-shadow:0 6px 30px #24385015;z-index:24}.mini-form{display:grid;gap:14px}.warning{background:#fff7e8;color:#876021}.live-title{color:var(--accent)}.page-head input{max-width:165px}.list-row{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.live-chart{width:100%;max-height:220px}.live-chart line{stroke:#e3e9ed}.live-chart polyline{stroke:var(--accent);stroke-width:3;fill:none}.live-chart text{font-size:12px;fill:#8290a1}.bar{display:flex;align-items:center;gap:10px;margin:12px 0}.bar i{height:14px;display:block;background:var(--accent);border-radius:5px}.error:empty{display:none}.topbar .row{gap:8px}.safe-note{font-size:13px;color:#8892a5}button[data-action=logout]{white-space:nowrap}.busy{pointer-events:none;opacity:.6}dialog .close{float:right}.live-nick{max-width:180px;overflow-wrap:anywhere}body[data-service=mahjong] .stat.balance{background:linear-gradient(115deg,#188158,#2c9f85)}@media(max-width:1100px){.notice{margin-left:205px}}@media(max-width:760px){.notice{margin-left:0}.mobile-brand{display:flex;gap:10px;align-items:center}.topbar{padding:0 14px}.own-rank{bottom:80px;right:14px;left:14px;padding:13px;text-align:center}.card{overflow-wrap:anywhere}.page-head{flex-wrap:wrap}.mobile-nav button{font-size:12px;min-height:44px}.stats{grid-template-columns:1fr 1fr}.profile-name{display:none}}
[hidden]{display:none!important}
.member-list{padding:0 20px}.member-list-head,.member-list-summary{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(60px,.7fr) minmax(110px,1fr) minmax(75px,.7fr) minmax(95px,1fr) minmax(80px,.8fr) 64px;align-items:center;gap:14px}.member-list-head{padding:16px 0;color:var(--muted);font-size:12px}.member-list-row{border-top:1px solid #e9edf5}.member-list-summary{padding:18px 0;font-size:14px}.member-list-summary .ghost{padding:9px 12px;white-space:nowrap}.member-nick{overflow-wrap:anywhere}.member-points{white-space:nowrap}.member-detail{padding:0 0 20px}.member-detail dl{display:flex;flex-wrap:wrap;gap:12px 28px;padding:14px;background:#f8f9fc;border-radius:10px}.member-detail dt{color:var(--muted);font-size:12px;margin-bottom:5px}.member-detail dd{margin:0;font-size:14px}.member-detail .row{gap:8px}.activity-row{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:16px 0;border-bottom:1px solid #e9edf5}.activity-row strong{font-size:14px}.activity-row p,.activity-row time{font-size:12px;color:var(--muted);line-height:1.6}.activity-row p{margin:5px 0 0}.activity-row time{text-align:right;flex-shrink:0}
@media(max-width:1200px){.member-list-head{display:none}.member-list-summary{grid-template-columns:minmax(80px,1fr) 80px 85px 60px;gap:8px}.member-secondary{display:none}}
@media(max-width:500px){.member-list{padding:0 12px}.member-list-summary{grid-template-columns:minmax(65px,1fr) 65px 72px 52px;font-size:13px;gap:5px}.member-list-summary .badge{padding:5px 6px;font-size:10px}.member-list-summary .ghost{padding:8px}.activity-row{flex-wrap:wrap}.activity-row time{text-align:left}}
/* Restored prototype rhythm and responsive member-facing cards. */
.section-gap{margin-top:22px}.brand-row{flex-wrap:wrap;gap:8px}.mode-switch{display:inline-flex;align-items:center;gap:7px;color:#98a0b5}.mode{margin:0;border:0;padding:8px 3px;background:transparent;font-weight:700}.brand-row .mode{max-width:120px}.sidebar .brand{font-size:35px}.sidebar-bottom p{margin:4px 0 14px}.nav button{display:flex;align-items:center;gap:14px}.day-history{padding:22px 0;border-top:1px solid var(--line)}.day-history h3{font-size:15px;margin-bottom:18px}.history-member+.history-member{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.history-main{display:flex;justify-content:space-between;gap:20px}.history-main p{margin:7px 0}.history-fee{display:flex;gap:22px;align-items:start;text-align:right;flex-shrink:0}.history-fee small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.history-fee strong{font-size:14px;white-space:nowrap}.day-history details{margin-top:14px;color:var(--muted);font-size:13px}.day-history details[open]{background:#f8f9fc;padding:14px;border-radius:12px}.day-history summary{cursor:pointer}.day-history details button{margin:5px 4px 0 0}.guest-history{margin-top:14px;padding:15px;background:#faf9fe;border-radius:12px}.guest-history p{font-size:13px;margin:10px 0}.attendance-extras{display:flex;gap:8px;margin:12px 0}.attendance-extras button{flex:1}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.member-card h2{margin:0}.member-card>p{margin-top:16px}.member-card .row.wrap{gap:7px}.member-card button{padding:10px 12px}.compact{width:auto;max-width:150px}.own-row{background:#e8f7ee}.place{display:inline-grid;place-items:center;min-width:27px;min-height:29px;border-radius:8px}.place-1{background:#d6b445;color:#fff}.place-2{background:#b4c4cc;color:#fff}.place-3{background:#bb895f;color:#fff}.live-chart circle{fill:var(--accent)}.mini-form input[type=checkbox],#import-confirm{width:auto}.request button{margin-right:8px}.mobile-nav{overflow-x:auto;gap:2px}.mobile-nav button{flex:1;min-width:52px;white-space:nowrap}.info .ghost{padding:8px 12px;min-height:36px}.info p{margin:8px 0}.toolbar select{width:auto}.table-wrap{max-width:100%;overflow-x:auto}.topbar .ghost{white-space:nowrap}.form-note{line-height:1.65}button.text-button{background:none;color:var(--accent);padding:4px 6px}.notice .text-button{font-size:12px}
body[data-service=board] .primary{background:linear-gradient(110deg,#438bfd,#795cf5)}body[data-service=mahjong]{background:#f6faf8}body[data-service=mahjong] .notice{background:#eaf5ef}body[data-service=mahjong] .membership-card{background:linear-gradient(130deg,#f8fffa,#edf8f1)}body[data-service=holdem]{background:#f6f9fd}body[data-service=mahjong] .secondary{background:#e8f6ee;color:#188158}body[data-service=holdem] .secondary{background:#eaf2fc;color:#2979d5}
@media(max-width:760px){.member-grid{grid-template-columns:1fr}.history-main{gap:12px;flex-wrap:wrap}.history-main>div:first-child{flex:1;min-width:120px}.history-fee{gap:16px}.history-group{padding:18px 16px}.day-history{padding:20px 0}.topbar .row{gap:5px}.topbar .ghost{padding:6px 8px}.mobile-brand .mode{font-size:13px;max-width:95px}.mobile-brand{gap:6px}.main .two-col{gap:18px}.own-rank{font-size:13px}.notice{padding:8px 16px}.membership-price{font-size:32px}}