/* Rewards & Themes uses the same four app theme tokens; no separate visual skin. */
.mono-entry{margin:22px 0;padding:18px 0;border-top:1px solid var(--line)}
.mono-hub,.mono-page{color:var(--ink);overflow-wrap:anywhere}.mono-hub p,.mono-page p{line-height:1.6}.mono-kicker{margin:0 0 6px;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted)}
.mono-page-head{padding:2px 0 10px}.mono-page-head h2{font-size:30px;line-height:1.05;margin:8px 0}.mono-page-head>p:last-child{font-size:13px;color:var(--muted);margin:0}.mono-back{margin:0 0 18px;padding-inline:12px}
.mono-balance{display:grid;grid-template-columns:minmax(110px,.72fr) 1.28fr;align-items:center;gap:18px;padding:18px;background:var(--accent-soft);border:1px solid var(--accent-edge);border-radius:var(--radius);margin:8px 0 12px}.mono-balance>div{display:grid;gap:2px}.mono-balance strong{font-size:42px;line-height:1;font-variant-numeric:tabular-nums}.mono-balance-label{font:700 9px var(--mono);letter-spacing:.12em;color:var(--muted)}.mono-balance p{margin:0;font-size:12px;color:var(--muted)}.mono-balance-guest{grid-template-columns:1fr}.mono-balance-guest .mono-button{justify-self:start}
.mono-section{margin-top:12px;padding:16px;background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.mono-section>p{font-size:12px;color:var(--muted);margin:7px 0 11px}.mono-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mono-section-head h3{margin:0;font-size:17px}.mono-section-head .pill{flex:none}
.mono-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.mono-reward-card{display:flex;flex-direction:column;min-width:0;padding:13px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.mono-reward-card>b{font-size:13px}.mono-reward-card p{flex:1;margin:6px 0 10px;font-size:10px;color:var(--muted);line-height:1.5}.mono-reward-card .mono-button{width:100%;margin:0}
.mono-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.mono-theme-card{min-width:0;margin:0}.mono-theme-card .theme-preview{height:68px}.mono-theme-card small{line-height:1.35}
.mono-product-list{display:grid;gap:8px;margin-top:12px}.mono-product{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.mono-product h3{margin:0 0 4px;font-size:13px}.mono-product p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.mono-product .mono-button{margin:0;max-width:145px}.mono-notice{padding:11px;border:1px solid var(--accent-edge);background:var(--accent-soft);border-radius:10px;font-size:11px!important;color:var(--ink)!important}
.mono-button{min-height:44px;margin:6px 6px 6px 0;white-space:normal}.mono-footer{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 4px;padding-top:12px;border-top:1px solid var(--line)}
.mono-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mono-frame{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised)}.mono-frame h3{margin:14px 0 8px;font-size:16px}.mono-frame p{font-size:13px;color:var(--muted);min-height:42px}.mono-frame small{display:block;min-height:32px}.mono-frame .mono-button{width:100%;margin:8px 0 0}.mono-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:10px;border:1px solid var(--border-strong);min-height:68px;background:var(--surface);color:var(--ink);text-align:center;align-items:center;font-size:26px;letter-spacing:.06em}.mono-preview span{border:1px solid var(--line);border-radius:4px}
.mono-preview[data-frame="copper"],body[data-cosmetic-frame="copper"] #boardWrap{outline:3px double var(--border-strong);outline-offset:4px}.mono-preview[data-frame="orbit"],body[data-cosmetic-frame="orbit"] #boardWrap{outline:2px solid var(--accent-edge);outline-offset:5px;box-shadow:0 0 0 9px var(--accent-soft)}.mono-preview[data-frame="crown"],body[data-cosmetic-frame="crown"] #boardWrap{outline:4px double var(--ink);outline-offset:4px;box-shadow:0 0 0 8px var(--soft)}.mono-preview[data-frame="origin"],body[data-cosmetic-frame="origin"] #boardWrap{outline:2px dashed var(--accent-edge);outline-offset:5px}
:root[data-theme="paperclub"] :is(.mono-balance,.mono-section,.mono-reward-card,.mono-product){border-radius:16px 8px 15px 9px/9px 15px 8px 16px}
:root[data-theme="afterhours"] :is(.mono-balance,.mono-section,.mono-reward-card,.mono-product){border-radius:3px}:root[data-theme="afterhours"] .mono-section{box-shadow:3px 3px 0 #2a1566}
@media(max-width:359px){.mono-balance{grid-template-columns:1fr;padding:14px;gap:10px}.mono-reward-grid,.mono-theme-grid{grid-template-columns:1fr}.mono-product{grid-template-columns:1fr}.mono-product .mono-button{max-width:none;width:100%;margin:0}.mono-section{padding:13px}}
