@import url('./assets/paxplay/fonts/fonts.css');
/* PAX Play shared visual language: fonts, palette, rounded cards and controls. */
body.mining-page{font-family:'Noto Sans KR',system-ui,sans-serif}
body.mining-page .content{padding:0 24px 28px}
#mining{--pm-mint:#61e3ca;--pm-purple:#8619f5;--pm-banner:#23103e;--pm-line:#e5e0ee;--pm-surface:#f7f6fa;--pm-small:12px;--pm-body:14px;--pm-title:19px;--pm-number:34px;color:#000}
#paxmining-root{height:calc(100dvh - 104px);min-height:0;display:flex;flex-direction:column;overflow:hidden;font-family:Outfit,'Noto Sans KR',system-ui,sans-serif;font-size:var(--pm-body);font-weight:800;line-height:1.4;color:#000}
#mining *,#mining *:before,#mining *:after{box-sizing:border-box}
#mining :is(button,input,select){font-family:inherit;font-weight:800}
#mining :is(h1,h2,h3,p){margin:0;color:#000}
#mining :is(h2,h3){font-size:var(--pm-title);font-weight:850}
#mining :is(span,b,strong,label,small,time,th,td){color:inherit;font-weight:800}
#mining small{font-size:var(--pm-small)}
.pm-fixed{flex:none;min-height:0}.pm-summary{display:grid;grid-template-columns:minmax(135px,.75fr) minmax(0,4fr);gap:10px;padding-top:16px;align-items:stretch}
.pm-timer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;text-align:center;padding:12px 4px}
.pm-timer>span:first-child{font-size:var(--pm-title)}.pm-clock{font-size:var(--pm-number);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.1;letter-spacing:0;font-weight:850}
.pm-details-toggle{display:none}.pm-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0}
.pm-balance-group{min-width:0}.pm-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:72px;padding:11px 15px;border-radius:12px;background:#dffbf4;color:#000}
.pm-card>span{font-size:var(--pm-small);line-height:1.4;font-weight:800;min-width:0}.pm-card strong{display:flex;align-items:baseline;gap:5px;min-width:0;max-width:57%;font-size:var(--pm-title);white-space:nowrap}
.pm-card strong>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.pm-card .pm-unit{font-size:var(--pm-small);flex:none}
.pm-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px 0}.pm-metric{padding:5px 7px;min-height:48px;min-width:0}.pm-metric span{display:block;font-size:var(--pm-small);font-weight:800}.pm-metric b{display:block;font-size:var(--pm-body);margin-top:3px;overflow-wrap:anywhere}
.pm-banner{padding:8px 12px;margin:8px 0 0;background:#e5fff7;border-radius:10px;font-size:var(--pm-small)}.pm-banner[hidden]{display:none!important}.pm-payment-state{font-size:var(--pm-small)}
.pm-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:12px 0 16px;padding:7px;background:var(--pm-banner);border-radius:15px;flex:none}
.pm-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;border:0;border-radius:10px;background:transparent;color:#fff;font-size:var(--pm-body);font-weight:800;white-space:nowrap;padding:9px 7px;cursor:pointer}
.pm-tab:hover,.pm-tab:focus-visible,.pm-tab[aria-selected=true]{background:var(--pm-mint);color:#000}.pm-tab-icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pm-tab:focus-visible{outline:2px solid #fff;outline-offset:1px}
.pm-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:16px;padding:16px;color:#000}
.pm-panel::-webkit-scrollbar,.pm-tabs::-webkit-scrollbar,.pm-top::-webkit-scrollbar{display:none}
.pm-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pm-panel-head p{font-size:var(--pm-small);margin-top:4px}.pm-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#e5fff7;border-radius:8px;font-size:var(--pm-small);font-weight:800}
.pm-live-dot{width:7px;height:7px;border-radius:50%;background:var(--pm-mint);flex:none}
.pm-overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:stretch}.pm-overview-card{min-width:0;border:1px solid #bceade;border-radius:15px;background:#fff;padding:16px}
.pm-overview-main{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:14px;min-height:200px}.pm-overview-main>div:last-child{display:grid;gap:8px;min-width:0}.pm-overview-main span{font-size:var(--pm-small)}.pm-hourly-amount{display:flex;align-items:baseline;gap:6px;font-size:var(--pm-number);white-space:nowrap;min-width:0}
.pm-value-unit{font-size:var(--pm-small)!important;flex:none;white-space:nowrap}.pm-amount-number{font-size:inherit;min-width:0;overflow-wrap:anywhere}
.pm-mining-motion{position:relative;display:grid;place-items:center;width:200px;height:200px;isolation:isolate;overflow:hidden}
.pm-mining-core{position:relative;z-index:2;width:88px;height:88px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #61e3ca;border-radius:22px;background:#e5fff7;animation:pm-core 2.4s ease-in-out infinite}
.pm-mining-core img{width:38px;height:38px;object-fit:contain}.pm-mining-core span{font-size:var(--pm-title)}
.pm-clock-small{font-size:var(--pm-small)}.pm-rebase-inline{display:inline-flex;align-items:baseline;gap:12px}
.pm-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pm-box{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:10px;background:var(--pm-surface);min-width:0;min-height:44px}.pm-box>b{font-size:var(--pm-small);min-width:0;line-height:1.3}.pm-box>strong{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;text-align:right;font-size:var(--pm-title);min-width:0;overflow-wrap:anywhere}.pm-box small{font-size:var(--pm-small)}
.pm-wallet-column{border:0;padding:0;background:transparent;display:grid;grid-template-rows:auto 1fr;gap:16px}
.pm-surface{border:1px solid #bceade;border-radius:15px;padding:16px;background:#fff;min-width:0}.pm-surface h2,.pm-surface h3{margin-bottom:12px}.pm-surface .pm-detail-grid{grid-template-columns:1fr 1fr;margin-top:0}
.pm-recent-list{display:grid;gap:8px}.pm-recent-list>div{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;background:var(--pm-surface);border-radius:10px;font-size:var(--pm-small);min-width:0}.pm-recent-list b{font-size:var(--pm-title);text-align:right}.pm-recent-list time{font-size:var(--pm-small);text-align:right;overflow-wrap:anywhere}
.pm-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch}.pm-insight{padding:16px;border:1px solid #bceade;border-radius:15px;background:#fff;min-width:0;display:flex;flex-direction:column}
.pm-insight-heading{display:grid;grid-template-rows:27px 31px;gap:6px;margin-bottom:10px;align-items:start}.pm-insight-heading h3{font-size:var(--pm-title)}.pm-insight-heading>strong{display:flex;align-items:baseline;gap:4px;font-size:var(--pm-title)}
.pm-progress-stack{display:grid;grid-template-rows:repeat(3,68px);gap:8px}.pm-progress-row{display:grid;grid-template-rows:48px 8px;gap:6px;margin:8px 0;min-width:0}.pm-progress-stack .pm-progress-row{margin:0}
.pm-progress-row>div:first-child{display:grid;grid-template-rows:20px 20px;gap:4px;min-width:0;font-size:var(--pm-small)}.pm-progress-row b{font-size:var(--pm-small)}.pm-progress-row span{font-size:var(--pm-small);overflow-wrap:anywhere}
.pm-track{height:8px;border-radius:99px;overflow:hidden;background:#e7e5ec}.pm-track i{display:block;height:100%;border-radius:inherit;background:var(--pm-mint);transition:width .3s ease}
.pm-insight-note{font-size:var(--pm-small);margin-top:10px!important;min-height:34px;line-height:1.5}.pm-progress-slot{min-height:68px}
.pm-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.pm-wide{grid-column:1/-1}.pm-note,.pm-empty{padding:14px;border-radius:12px;background:var(--pm-surface);font-size:var(--pm-small);line-height:1.6}.pm-empty{text-align:center;grid-column:1/-1}
.pm-action{border:0;border-radius:10px;padding:10px 16px;background:var(--pm-mint);color:#000;font-size:var(--pm-body);font-weight:800;cursor:pointer}.pm-action:hover{background:#95ffe8}.pm-action:disabled{background:#e7e5ec;color:#000;opacity:1;cursor:not-allowed}
.pm-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:16px}.pm-form label{display:grid;gap:6px;font-size:var(--pm-small);flex:1;min-width:140px}.pm-form input,.pm-form select{min-height:40px;background:#fff;border:1px solid #d7d2df;border-radius:10px;padding:8px 10px;color:#000;font-size:var(--pm-body)}
.pm-form :is(input,select):disabled{background:#f1f1f3;color:#000;opacity:1}
.pm-release-list{margin-top:16px}.pm-release-list h3{margin-bottom:12px}.pm-release-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--pm-surface);border-radius:12px;padding:14px;margin-top:10px}.pm-release-row>div{display:grid;gap:5px;min-width:0}.pm-release-row>div:first-child{flex:1}.pm-release-row strong{font-size:var(--pm-title)}.pm-release-row small,.pm-release-row span{font-size:var(--pm-small)}
.pm-table{overflow:auto;margin-top:16px}.pm-table table{width:100%;min-width:540px;border-collapse:collapse;font-size:var(--pm-small)}.pm-table th,.pm-table td{text-align:left;padding:12px;border-bottom:1px solid #ece8f0}.pm-table th{background:var(--pm-surface);color:#000}.pm-table td{color:#000}.pm-table .pm-action{margin-top:12px}
.pm-header-refresh{display:none;align-items:center;justify-content:center;border:1px solid #61e3ca;border-radius:12px;height:42px;min-width:86px;padding:0 12px;background:transparent;color:#000;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}
.mining-page .pm-header-refresh{display:inline-flex}.pm-header-english{font-size:19px;font-weight:850;letter-spacing:1.3px;color:#000;padding-left:12px;border-left:1px solid #ddd;white-space:nowrap}.pm-header-english[hidden]{display:none}.mining-page #pageTitle{font-weight:850;font-size:19px;color:#000}
@media(max-width:1200px){.pm-summary{grid-template-columns:minmax(150px,.8fr) minmax(0,4fr)}.pm-card{padding:11px 10px}.pm-card strong{font-size:var(--pm-body)}.pm-tabs{display:flex;overflow:auto;scrollbar-width:none}.pm-tab{flex:none;min-width:110px}.pm-overview-main{grid-template-columns:170px minmax(0,1fr)}.pm-mining-motion{width:170px;height:170px}.pm-overview-grid{grid-template-columns:1fr}.pm-wallet-column{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:800px){.pm-insights{grid-template-columns:1fr}.pm-progress-stack{grid-template-rows:none;grid-auto-rows:auto}.pm-progress-slot{display:none}.pm-insight-heading{grid-template-rows:none;grid-template-columns:1fr auto;align-items:center}.pm-wallet-column{grid-template-columns:1fr}.pm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.mining-page .content{padding:0 16px 24px}#paxmining-root{height:calc(100dvh - 100px)}.pm-summary{grid-template-columns:1fr;padding-top:12px;gap:5px}.pm-timer{min-height:82px;padding:8px 40px;gap:5px}.pm-details-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:30px;border:0;border-radius:8px;background:var(--pm-mint);color:#000;font-size:19px;font-weight:850;cursor:pointer}.pm-top{display:none;grid-template-columns:1fr;max-height:38dvh;overflow:auto;scrollbar-width:none}.pm-top.pm-expanded{display:grid}.pm-card{min-height:52px;padding:10px 12px}.pm-card strong{font-size:var(--pm-title)}.pm-metric{min-height:38px}.pm-tabs{margin-top:10px;margin-bottom:14px;padding:6px;gap:4px}.pm-tab{min-height:40px;min-width:104px}.pm-tab-icon{width:16px;height:16px}.pm-panel{padding:12px}.pm-overview-card,.pm-surface,.pm-insight{padding:12px}.pm-overview-main{grid-template-columns:130px minmax(0,1fr);gap:10px;min-height:150px}.pm-mining-motion{width:130px;height:150px}.pm-orbit{inset:20px 8px}.pm-orbit-two{inset:9px 0}.pm-mining-core{width:66px;height:66px;border-radius:16px}.pm-mining-core img{width:28px;height:28px}.pm-hourly-amount{font-size:var(--pm-title);white-space:normal}.pm-detail-grid{grid-template-columns:1fr}.pm-surface .pm-detail-grid{grid-template-columns:1fr}.pm-progress-slot{display:none}.pm-header-refresh{height:34px;min-width:72px;padding:0 8px;font-size:12px}.mining-page .top .right{gap:5px}.pm-header-english{display:none!important}.pm-release-row{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.pm-orbit,.pm-wave,.pm-particle,.pm-mining-core{animation:none}.pm-wave,.pm-particle{display:none}.pm-track i{transition:none}}

/* V115: compact mining energy and horizontal speed figures */
.pm-timer{isolation:isolate;overflow:hidden;border-radius:14px}
.pm-timer::before{content:"";position:absolute;inset:18% 12%;z-index:-1;pointer-events:none;border-radius:50%;background:#62efd0;filter:blur(22px);opacity:.035;animation:pm-timer-light 7s ease-in-out infinite}
@keyframes pm-timer-light{50%{opacity:.1;transform:scale(1.06)}}
.pm-overview-main{grid-template-columns:150px minmax(0,1fr);min-height:160px;gap:18px}
.pm-mining-simple{width:150px;height:160px}
.pm-mining-simple .pm-mining-core{width:76px;height:76px;border-radius:20px;animation:none;background:#e5fff7;box-shadow:0 0 18px #62efd028}
.pm-energy-flow{position:absolute;width:114px;height:114px;border-radius:50%;border:3px solid transparent;border-top-color:#62efd0;border-right-color:#8619f5;filter:drop-shadow(0 0 5px #8619f53d);animation:pm-energy 5s linear infinite}
@keyframes pm-energy{to{transform:rotate(360deg)}}
.pm-overview-main>.pm-speed-area{display:grid;gap:12px;min-width:0}
.pm-speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pm-speed-card{min-width:0;display:grid;gap:10px}.pm-speed-card>b{font-size:var(--pm-body)}
.pm-speed-card .pm-hourly-amount{font-size:var(--pm-number);flex-wrap:wrap;gap:5px;white-space:normal}
.pm-speed-number{font-size:inherit!important;overflow-wrap:anywhere;min-width:0}
.pm-speed-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pm-rebase-row{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.pm-rebase-info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:var(--pm-small)}
.pm-rebase-percent{margin-left:auto;flex:none;text-align:right}
@media(max-width:640px){.pm-overview-main{grid-template-columns:90px minmax(0,1fr);gap:10px;min-height:130px}.pm-mining-simple{width:90px;height:120px}.pm-mining-simple .pm-mining-core{width:56px;height:56px;border-radius:15px}.pm-mining-simple .pm-mining-core img{width:26px;height:26px}.pm-energy-flow{width:80px;height:80px;border-width:2px}.pm-speed-grid{gap:8px}.pm-speed-card>b{font-size:var(--pm-small)}.pm-speed-card .pm-hourly-amount{font-size:var(--pm-title)}.pm-rebase-info{gap:6px}.pm-speed-meta{gap:4px}}
@media(prefers-reduced-motion:reduce){.pm-energy-flow,.pm-timer::before{animation:none}}
