/* MiKO Rewards & Membership — editorial news first, game layer second */
:root{--mr-navy:#0b2347;--mr-blue:#1267f2;--mr-red:#f11f3a;--mr-gold:#d89a19;--mr-ink:#112b4f;--mr-muted:#73839a;--mr-line:#dbe7f4;--mr-soft:#f6f9fd;--mr-green:#16a768}
.miko-member-sidebar,.miko-personal-recs,.miko-reading-reward-bar,.miko-profile-app{font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif}.miko-member-sidebar svg,.miko-profile-app svg,.miko-reading-reward-bar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.miko-member-sidebar{border:1px solid var(--mr-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(14,48,88,.08);overflow:hidden;margin-bottom:16px;color:var(--mr-ink)}.miko-member-cover{display:flex;align-items:center;gap:12px;padding:17px;background:linear-gradient(135deg,#071d40,#124a91);color:#fff}.miko-member-avatar img{width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.85);object-fit:cover}.miko-member-cover small{display:block;opacity:.8;font-size:11px;font-weight:700}.miko-member-cover h2{margin:2px 0 7px!important;color:#fff!important;font-size:16px!important;display:flex;align-items:center;gap:7px}.miko-pro-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#ffd96a,#d89a19);color:#3e2a00;font-size:9px;font-weight:900;letter-spacing:.5px}.miko-level-row{display:flex;align-items:center;gap:8px;font-size:10px}.miko-level-row>div{width:92px;height:5px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}.miko-level-row i{height:100%;display:block;background:#4dc4ff;border-radius:99px}.miko-member-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #edf2f7}.miko-member-metrics>div{text-align:center;padding:12px 5px}.miko-member-metrics b{display:block;font-size:15px;color:var(--mr-ink)}.miko-member-metrics span{display:block;color:var(--mr-muted);font-size:9px;margin-top:2px}.miko-pro-status{margin:12px;border:1px solid #f1d58c;background:linear-gradient(135deg,#fff9e9,#fff2c9);border-radius:13px;padding:11px;display:grid;grid-template-columns:28px 1fr;gap:2px 8px;color:#6a4700}.miko-pro-status svg{grid-row:1/3;color:#c38b13;width:24px;height:24px}.miko-pro-status b{font-size:12px}.miko-pro-status span{font-size:9px;color:#8a6c2f}.miko-badge-showcase{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 12px 10px}.miko-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dfe8f5;background:#f7faff;border-radius:10px;color:#174e91;font-size:10px;font-weight:800;cursor:help}.miko-badge svg{width:18px;height:18px}.miko-badge.is-small span{display:none}.miko-badge.is-small{width:34px;height:34px;padding:0;justify-content:center;border-radius:11px}.miko-badge.badge-pro{color:#8b5f00;background:#fff6d9;border-color:#f0d071}.miko-badge.badge-streak30{color:#d74716;background:#fff2e8;border-color:#ffd2bb}.miko-badge.badge-elite{color:#5131bb;background:#f2edff;border-color:#ddd0ff}.miko-checkin-card{margin:0 12px 12px;padding:12px;border-radius:13px;background:#f7faff;border:1px solid #e2eaf5;display:flex;align-items:center;justify-content:space-between;gap:8px}.miko-checkin-card b{display:block;font-size:12px}.miko-checkin-card span{display:block;color:var(--mr-muted);font-size:10px}.miko-checkin-card button,[data-miko-checkin]{border:0;border-radius:10px;background:linear-gradient(135deg,var(--mr-red),#ff445c);color:#fff;font-weight:900;font-size:10px;padding:9px 11px;cursor:pointer;box-shadow:0 7px 16px rgba(241,31,58,.2)}.miko-checkin-card button:disabled,[data-miko-checkin]:disabled{background:#d9e1eb;color:#73839a;box-shadow:none;cursor:default}.miko-missions{margin:0 12px 12px;border:1px solid #e3eaf3;border-radius:13px;overflow:hidden}.miko-mission-head{padding:10px 11px;display:flex;justify-content:space-between;background:#fbfdff;border-bottom:1px solid #eef2f7}.miko-mission-head b{font-size:11px}.miko-mission-head a{font-size:9px;color:var(--mr-blue)}.miko-mission{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border-bottom:1px solid #f0f3f7;font-size:9.5px}.miko-mission:last-child{border-bottom:0}.miko-mission em{font-style:normal;color:var(--mr-red);font-weight:900;white-space:nowrap}.miko-member-profile-link{display:block;margin:12px;color:#fff!important;background:var(--mr-navy);border-radius:11px;padding:10px 12px;text-align:center;text-decoration:none!important;font-size:10px;font-weight:800}.miko-leaderboard-mini{margin:0 12px 12px;border:1px solid #e2e9f2;border-radius:13px;overflow:hidden}.miko-leaderboard-mini .miko-mission-head span{font-size:8px;color:var(--mr-muted)}.miko-leader-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px 9px;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}.miko-leader-tabs button{border:0;border-radius:8px;padding:6px 4px;background:#f3f6fa;color:#73839a;font-size:8px;font-weight:900;cursor:pointer}.miko-leader-tabs button.is-active{background:#e6f1ff;color:var(--mr-blue)}.miko-leader-panel{display:none}.miko-leader-panel.is-active{display:block}.miko-leader-empty{display:block;padding:13px;text-align:center;color:var(--mr-muted);font-size:9px}.miko-leader-row{display:grid;grid-template-columns:22px 28px 1fr auto;align-items:center;gap:7px;padding:7px 10px;border-top:1px solid #eef2f6}.miko-leader-row>span{width:20px;height:20px;border-radius:7px;background:#edf4ff;color:var(--mr-blue);display:grid;place-items:center;font-size:8px;font-weight:900}.miko-leader-row img{border-radius:50%}.miko-leader-row b{font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miko-leader-row em{font-style:normal;color:var(--mr-blue);font-size:9px;font-weight:900}.miko-rewards-banner{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;margin:0 12px 10px;padding:11px;border-radius:13px;background:linear-gradient(135deg,#071f46,#0b5fb9 60%,#382074);color:#fff!important;text-decoration:none!important}.miko-rewards-banner>span{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center}.miko-rewards-banner svg{width:23px;height:23px;color:#ffd45b}.miko-rewards-banner b,.miko-rewards-banner small{display:block}.miko-rewards-banner b{font-size:11px}.miko-rewards-banner small{font-size:8px;color:#d8e8ff}.miko-rewards-banner>i{font-style:normal;font-size:8px;font-weight:900;white-space:nowrap}.miko-member-guest{padding:22px;text-align:center;background:linear-gradient(160deg,#071e42,#0d3f7c);color:#fff}.miko-member-guest h2{color:#fff!important;margin:8px 0!important;font-size:18px!important}.miko-member-guest p{font-size:11px;opacity:.82}.miko-member-guest-icon{width:48px;height:48px;margin:auto;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.12)}.miko-member-guest-icon svg{width:27px;height:27px}.miko-member-guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.miko-member-guest-actions a{padding:10px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:10px}.miko-member-guest-actions a.primary{background:#fff;color:#0c3a73!important}
.miko-reading-reward-bar{display:flex;align-items:center;gap:12px;padding:13px 15px;margin:20px 0;border:1px solid #dbe7f3;background:linear-gradient(90deg,#f7fbff,#fff8f3);border-radius:14px}.miko-reading-progress-icon{width:38px;height:38px;border-radius:11px;background:#e7f1ff;color:var(--mr-blue);display:grid;place-items:center;flex:0 0 auto}.miko-reading-progress-copy{flex:1}.miko-reading-progress-copy b{font-size:12px;color:var(--mr-ink);display:flex;justify-content:space-between}.miko-reading-progress-copy>div{height:6px;background:#e7edf5;border-radius:99px;overflow:hidden;margin:7px 0}.miko-reading-progress-copy i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mr-blue),#48a5ff);border-radius:99px;transition:width .25s}.miko-reading-progress-copy small{font-size:10px;color:var(--mr-red);font-weight:800}.miko-personal-recs{background:#fff;border:1px solid var(--mr-line);border-radius:16px;padding:14px;margin-bottom:16px}.miko-rec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.miko-rec-head h3{margin:0!important;color:var(--mr-ink)!important;font-size:14px!important}.miko-rec-head small{font-size:8.5px;color:var(--mr-muted)}.miko-personal-recs>a{display:flex;gap:9px;padding:8px 0;border-top:1px solid #edf1f6;color:var(--mr-ink)!important;text-decoration:none!important}.miko-personal-recs img{width:68px;height:48px;object-fit:cover;border-radius:8px}.miko-personal-recs b{display:block;font-size:10px;line-height:1.35}.miko-personal-recs small{font-size:8.5px;color:var(--mr-muted)}
.miko-profile-app{max-width:1460px;margin:28px auto 60px;padding:0 24px;display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:18px;color:var(--mr-ink)}.miko-profile-nav{position:sticky;top:20px;align-self:start;background:#fff;border:1px solid var(--mr-line);border-radius:18px;padding:12px;box-shadow:0 12px 32px rgba(14,48,88,.06)}.miko-profile-nav-title{display:flex;align-items:center;gap:9px;padding:9px 10px 14px;border-bottom:1px solid #edf1f6;margin-bottom:8px}.miko-profile-nav-title>svg{width:30px;height:30px;padding:6px;border-radius:10px;background:#eaf3ff;color:var(--mr-blue)}.miko-profile-nav-title b,.miko-profile-nav-title small{display:block}.miko-profile-nav-title small{font-size:9px;color:var(--mr-muted)}.miko-profile-nav>a{display:block;padding:10px 11px;border-radius:10px;color:#34506f!important;text-decoration:none!important;font-size:11px;font-weight:700;margin:2px 0}.miko-profile-nav>a:hover,.miko-profile-nav>a.is-active{background:#eaf3ff;color:var(--mr-blue)!important}.miko-profile-main{min-width:0}.miko-profile-hero,.miko-profile-card,.miko-profile-right>section{background:#fff;border:1px solid var(--mr-line);border-radius:20px;box-shadow:0 12px 34px rgba(14,48,88,.06);overflow:hidden;margin-bottom:16px}.miko-profile-cover{height:170px;background:linear-gradient(135deg,#092a58,#1471c9);background-size:cover;background-position:center;position:relative}.miko-profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,23,50,.5),transparent 65%)}.miko-profile-identity{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:0 20px 18px}.miko-profile-identity>img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:5px solid #fff;margin-top:-48px;position:relative;z-index:2}.miko-profile-identity h1{margin:0!important;color:var(--mr-ink)!important;font-size:24px!important}.miko-profile-identity p{margin:2px 0 6px;color:var(--mr-muted)}.miko-profile-identity>a{border:1px solid #d8e3f0;border-radius:10px;padding:8px 10px;color:var(--mr-ink)!important;text-decoration:none!important;font-size:10px;font-weight:800}.miko-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf1f6}.miko-profile-stats>div{text-align:center;padding:15px}.miko-profile-stats b{display:block;font-size:20px}.miko-profile-stats span{color:var(--mr-muted);font-size:10px}.miko-profile-card{padding:20px}.miko-profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.miko-profile-card h2{margin:0 0 4px!important;color:var(--mr-ink)!important;font-size:19px!important}.miko-profile-card p{color:var(--mr-muted)}.miko-completion{width:180px;height:8px;border-radius:99px;background:#e7edf4;overflow:hidden}.miko-completion i,.miko-level-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--mr-blue),#37a4ff);border-radius:99px}.miko-upload-row,.miko-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.miko-upload-row{margin-bottom:13px}.miko-profile-form label,.miko-profile-form legend,.miko-account-grid label{font-size:11px;font-weight:800;color:#294564}.miko-profile-form input[type=text],.miko-profile-form input[type=url],.miko-profile-form textarea,.miko-account-grid input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #cedbeb!important;border-radius:11px!important;padding:10px 11px!important;min-height:43px;background:#fff!important;color:var(--mr-ink)!important}.miko-profile-form textarea{height:90px;resize:vertical}.miko-form-grid .wide{grid-column:1/-1}.miko-interest-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.miko-interest-chips input{position:absolute;opacity:0}.miko-interest-chips span{display:block;padding:7px 10px;border-radius:999px;background:#f2f5f9;border:1px solid #e2e8f0;color:#65778d;font-size:10px;cursor:pointer}.miko-interest-chips input:checked+span{background:#e8f2ff;color:var(--mr-blue);border-color:#bed9ff}.miko-switch{display:flex!important;align-items:center;gap:8px}.miko-switch input{width:auto!important}.miko-badge-picker{border:1px solid #e2e8f0;border-radius:13px;padding:12px;margin:14px 0}.miko-badge-picker label{display:inline-flex;align-items:center;gap:5px;margin:4px}.miko-primary-btn,.miko-account-grid button{border:0;border-radius:11px;padding:11px 17px;background:linear-gradient(135deg,var(--mr-blue),#0b55ca);color:#fff;font-weight:900;cursor:pointer}.miko-level-progress>div{height:8px;background:#e6edf5;border-radius:99px;overflow:hidden}.miko-level-progress>span{font-size:10px;color:var(--mr-muted);display:block;margin-top:6px;text-align:right}.miko-point-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.miko-point-cards>div{padding:14px;border:1px solid #e2e9f3;border-radius:13px;background:#fbfdff}.miko-point-cards b{display:block;font-size:19px}.miko-point-cards span{font-size:9px;color:var(--mr-muted)}.miko-profile-checkin{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #e1e9f4;border-radius:14px;background:#f9fbfe}.miko-profile-checkin b,.miko-profile-checkin span{display:block}.miko-profile-checkin span{font-size:10px;color:var(--mr-muted)}.miko-history-list>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf1f5}.miko-history-list>div>span{min-width:58px;text-align:center;padding:6px;border-radius:9px;font-weight:900}.miko-history-list .plus{background:#e9f8f0;color:#0c9958}.miko-history-list .minus{background:#fff0f2;color:#dc2440}.miko-history-list b,.miko-history-list small{display:block}.miko-history-list small{font-size:9px;color:var(--mr-muted)}.miko-pro-panel{background:linear-gradient(135deg,#fff9e8,#fff)!important;border-color:#eedc9e!important}.miko-pro-panel>div{display:flex;gap:10px;align-items:center}.miko-pro-panel>div>svg{width:40px;height:40px;color:var(--mr-gold)}.miko-pro-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.miko-pro-panel li{list-style:none;padding:9px 10px;background:rgba(255,255,255,.65);border-radius:10px;font-size:10px}.miko-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.miko-account-grid form{padding:14px;border:1px solid #e2e9f2;border-radius:14px}.miko-account-grid button{margin-top:10px}.miko-profile-right{align-self:start;position:sticky;top:20px}.miko-profile-right>section{padding:17px}.miko-pro-mini{text-align:center;background:linear-gradient(160deg,#0a2959,#0d4d97)!important;color:#fff}.miko-pro-mini span{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin:auto}.miko-pro-mini span svg{width:28px;height:28px;color:#ffd75e}.miko-pro-mini h3{color:#fff!important;margin:9px 0 3px!important}.miko-pro-mini p{font-size:10px;color:#d5e7ff}.miko-profile-badges h3{margin-top:0!important}.miko-profile-badges .miko-badge{margin:3px}.miko-profile-login{max-width:680px;margin:80px auto;padding:36px;background:#fff;border:1px solid var(--mr-line);border-radius:24px;text-align:center}.miko-profile-login a{display:inline-block;background:var(--mr-blue);color:#fff!important;padding:11px 20px;border-radius:11px;text-decoration:none!important}
.miko-public-profile{max-width:900px;margin:35px auto;padding:0 18px}.miko-public-profile-card{background:#fff;border:1px solid var(--mr-line);border-radius:24px;overflow:hidden;box-shadow:0 15px 40px rgba(12,45,84,.08)}.miko-public-profile-cover{height:180px;background:linear-gradient(135deg,#0b2b58,#1572c6);background-size:cover;background-position:center}.miko-public-profile-body{padding:0 25px 25px}.miko-public-profile-body>img{width:110px;height:110px;border-radius:50%;border:5px solid #fff;margin-top:-50px;object-fit:cover}.miko-public-profile-body h1{margin:8px 0 2px!important}.miko-public-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.miko-public-profile-metrics>div{background:#f7faff;border-radius:13px;padding:13px;text-align:center}.miko-public-profile-metrics b,.miko-public-profile-metrics span{display:block}.miko-public-profile-metrics span{font-size:9px;color:var(--mr-muted)}
.miko-reward-toast{position:fixed;right:18px;bottom:18px;z-index:2147483600;background:#102c50;color:#fff;padding:11px 15px;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.22);font-weight:800;font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s}.miko-reward-toast.show{opacity:1;transform:none}.miko-pro-user .miko-ad-overlay,.miko-pro-user .adsbygoogle,.miko-pro-user .google-auto-placed{display:none!important}
@media(max-width:1180px){.miko-profile-app{grid-template-columns:190px minmax(0,1fr)}.miko-profile-right{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.miko-profile-right>section{margin:0}}
@media(max-width:850px){.miko-profile-app{grid-template-columns:1fr;padding:0 14px}.miko-profile-nav{position:static;display:flex;overflow:auto;gap:5px}.miko-profile-nav-title{min-width:190px;border:0;margin:0}.miko-profile-nav>a{white-space:nowrap}.miko-profile-right{grid-template-columns:1fr}.miko-profile-cover{height:130px}.miko-profile-identity{grid-template-columns:auto 1fr}.miko-profile-identity>a{grid-column:1/-1;text-align:center}.miko-upload-row,.miko-form-grid,.miko-account-grid{grid-template-columns:1fr}.miko-form-grid .wide{grid-column:auto}.miko-point-cards{grid-template-columns:1fr 1fr}.miko-pro-panel ul{grid-template-columns:1fr}}
@media(max-width:560px){.miko-profile-app{margin-top:14px;padding:0 9px}.miko-profile-nav{border-radius:14px}.miko-profile-hero,.miko-profile-card{border-radius:15px}.miko-profile-cover{height:105px}.miko-profile-identity{padding:0 13px 13px}.miko-profile-identity>img{width:82px;height:82px;margin-top:-38px}.miko-profile-identity h1{font-size:19px!important}.miko-profile-stats{grid-template-columns:1fr 1fr}.miko-profile-stats>div{padding:11px}.miko-profile-card{padding:14px}.miko-profile-card-head{align-items:flex-start;flex-direction:column}.miko-completion{width:100%}.miko-point-cards{grid-template-columns:1fr}.miko-public-profile-metrics{grid-template-columns:1fr 1fr}.miko-member-metrics{grid-template-columns:1fr 1fr}.miko-reading-reward-bar{padding:11px}.miko-reading-progress-copy b{font-size:10px}}