.credit-switch{display:flex;gap:5px;align-items:center;padding:6px 12px 0}.credit-switch button{flex:1;padding:5px 7px;font-size:12px;border:1px solid #d6e2db;border-radius:5px;background:#fff;color:#466454;cursor:pointer}.credit-switch button[aria-pressed=true]{background:#416d55;color:#fff}.credit-switch button:disabled{opacity:.58;cursor:default}.credit-switch .credit-help{flex:0 0 auto;background:transparent}
.credit-status{display:flex;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 24px);margin:6px 12px 0;padding:7px 9px;background:#edf4ef;border:1px solid #d9e6de;border-radius:6px;color:#3c634c;cursor:pointer;text-align:left}.credit-status span{font-size:11px}.credit-status b{font-size:13px}.credit-status[data-call=true]{background:#fff1f2;color:#a34055;border-color:#e8bdc5}.credit-status[hidden]{display:none}.credit-mode-note{font-size:11px;color:#697e72}
.margin-dialog,.unlock-dialog{width:min(640px,92vw);max-height:90vh;padding:0;border:1px solid #cfdfd5;border-radius:14px;color:#254d3c;background:#fff;box-shadow:0 25px 90px #18392945}.margin-dialog::backdrop,.unlock-dialog::backdrop{background:#16352b88;backdrop-filter:blur(5px)}.margin-dialog .dialog-heading,.unlock-dialog .dialog-heading{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce6df}.margin-dialog h2,.unlock-dialog h2{margin:0;font-size:22px}.margin-dialog .dialog-heading button,.unlock-dialog .dialog-heading button{border:0;background:none;color:#7f9586;font-size:26px;cursor:pointer}.margin-dialog-body,.unlock-dialog-body{padding:20px 22px;overflow:auto;max-height:calc(90vh - 77px)}.margin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.margin-summary article{padding:12px;background:#f1f6f2;border-radius:8px;display:flex;flex-direction:column;gap:6px}.margin-summary span{font-size:12px;color:#6a8173}.margin-summary strong{font-size:19px}.margin-call-banner{border-left:4px solid #bb657b;background:#fff1f4;border-radius:6px;padding:13px;color:#963d53}.margin-call-banner h3{margin:0 0 6px;font-size:20px}.margin-call-banner p{margin:0;line-height:1.7;font-size:14px}.margin-topup-form{padding:14px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.margin-topup-form label{display:flex;flex-direction:column;gap:6px;width:100%;font-size:13px}.margin-topup-form input{padding:10px;border:1px solid #c7dbce;border-radius:6px;font-size:18px;color:#254d3c;max-width:100%;box-sizing:border-box}.margin-topup-form button,.margin-actions button,.unlock-actions button{padding:10px 14px;border:1px solid #bcd1c2;border-radius:6px;background:#fff;color:#416d55;cursor:pointer;font:inherit;font-size:14px}.margin-topup-form button.primary,.margin-actions button.primary,.unlock-actions button.primary{background:#416d55;color:white}.margin-topup-form button:disabled{opacity:.45;cursor:default}.margin-actions,.unlock-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.margin-guide{font-size:14px;line-height:1.8}.margin-guide h3{font-size:17px;margin:20px 0 5px}.margin-guide p{margin:6px 0}.margin-guide ol{padding-left:24px}.margin-example{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:#eef5f0;border-radius:8px}.margin-example b{font-size:20px}.margin-example span{font-size:12px}.margin-records{padding:12px;border:1px solid #d8e5db;background:#f2f6f3;border-radius:8px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px}.margin-records b{display:block;font-size:17px}.unlock-feature{padding:16px;border-radius:9px;background:#edf5ef;margin:10px 0}.unlock-feature h3{margin:0 0 7px;font-size:23px}.unlock-feature p{margin:0;line-height:1.7;font-size:14px}.unlock-feature.achievement{background:#f3eef8;color:#725487}.title-unlocks{font-size:12px;color:#416d55;margin-top:8px}.title-unlocks:empty{display:none}.margin-stock-tag{font-size:10px;color:#596c90;margin-left:5px;border:1px solid #c7d0e1;padding:1px 4px;border-radius:3px}.margin-error{color:#a34055;font-size:13px;line-height:1.6}.board-credit{display:flex;gap:6px;margin:7px 0}.board-credit button{padding:5px 10px;border:1px solid #d0dfd5;background:#fff;color:#4b6a57;border-radius:5px;font-size:12px;cursor:pointer}.board-credit .selected{background:#edf4ef;font-weight:bold}
@media(min-width:1000px){.trade-panel .credit-switch{padding-top:4px}.trade-panel .credit-status{padding:4px 7px;margin-top:4px}.trade-panel .cost-summary{padding-top:5px;padding-bottom:5px}.trade-panel .side-switch{margin-top:5px;margin-bottom:5px}}
.margin-dialog,.unlock-dialog{overflow:hidden}.margin-dialog-body,.unlock-dialog-body{box-sizing:border-box}.margin-phone{text-align:center;padding:5px 0 8px}.phone-meta{font-size:12px;letter-spacing:.04em;color:#7b8d80}.phone-ring{width:96px;height:96px;border-radius:50%;margin:26px auto 18px;background:#e5f2e9;color:#426f55;position:relative;display:grid;place-items:center}.phone-ring span{font-size:47px;display:block;animation:phone-vibrate .55s ease-in-out infinite}.phone-ring::before,.phone-ring::after{content:"";position:absolute;inset:-10px;border:2px solid #a8cdb4;border-radius:50%;animation:phone-wave 1.8s ease-out infinite;pointer-events:none}.phone-ring::after{animation-delay:.9s}.phone-incoming{font-size:13px;color:#698071;margin:8px 0}.margin-phone h3{font-size:24px;margin:9px 0 4px}.phone-subtitle{font-size:12px;color:#819287;margin:0 0 18px}.phone-answer{border:0;border-radius:25px;padding:12px 26px;background:#3f7957;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 5px 15px #37674924}.phone-answer[hidden]{display:none}.margin-phone[data-stage=connected] .phone-ring{width:58px;height:58px;margin:8px auto}.margin-phone[data-stage=connected] .phone-ring span{font-size:30px;animation:none}.margin-phone[data-stage=connected] .phone-ring::before,.margin-phone[data-stage=connected] .phone-ring::after{display:none}.phone-dialogue{display:flex;gap:10px;text-align:left;margin:16px 0}.phone-agent{align-self:flex-start;flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;font-size:12px;border-radius:50%;background:#dfece3;color:#4b6957}.call-words{background:#eff5f1;padding:10px 15px;border-radius:0 13px 13px;line-height:1.7;font-size:14px;animation:phone-answer-in .35s ease-out}.call-words p{margin:6px 0}.phone-required{color:#a34055;font-size:14px;line-height:1.7}.phone-required small{color:#738476}.phone-choices{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.phone-choices button{padding:11px 15px;border-radius:7px;border:1px solid #b9cfc0;background:white;color:#466954;font-size:14px;cursor:pointer}.phone-choices .primary{background:#426e55;color:#fff}.trade-panel .cost-summary b{overflow-wrap:anywhere}
@keyframes phone-vibrate{0%,100%{transform:rotate(0)}15%,45%{transform:rotate(-12deg)}30%,60%{transform:rotate(12deg)}75%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}@keyframes phone-wave{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.5);opacity:0}}@keyframes phone-answer-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.phone-ring span,.phone-ring::before,.phone-ring::after,.call-words{animation:none}.phone-ring::before,.phone-ring::after{display:none}}
@media(max-width:600px){.margin-summary{grid-template-columns:repeat(2,1fr)}.margin-dialog-body,.unlock-dialog-body{padding:16px}.margin-dialog .dialog-heading,.unlock-dialog .dialog-heading{padding:15px 16px}.margin-summary strong{font-size:17px}.margin-guide{font-size:13px}.unlock-feature h3{font-size:20px}.call-words{font-size:13px;padding:9px 11px}.phone-ring{width:80px;height:80px;margin:18px auto}.phone-dialogue{gap:7px}}

.personal-play-stats{padding:14px 16px;margin:14px 0;background:#eff6f1;border:1px solid #d3e4d9;border-radius:9px}.personal-play-stats>strong{display:block;font-size:24px;line-height:1.4;color:#315d42}.personal-play-stats>small{color:#718478}.personal-play-stats h3{margin:6px 0 10px!important}.personal-play-stats .record-details{margin-top:0}

.skill-cards{display:grid;gap:10px}.skill-cards article{border:1px solid #d4e3d9;border-radius:8px;padding:12px 14px}.skill-cards h3{font-size:16px!important;margin:0 0 8px!important}.skill-cards h3 small{font-size:12px;color:#72897c}.skill-cards p{font-size:12px;line-height:1.7}.skill-cards button{padding:7px 10px}.skill-cards form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.skill-cards label{display:grid;gap:5px}.skill-cards input{width:150px;padding:7px;border:1px solid #cadccf;border-radius:5px}.skill-points strong{font-size:24px;color:#3d7655}#skillMessage{padding:8px 0;font-size:14px;color:#365e44;line-height:1.8}.menu-utilities{flex-wrap:wrap}.menu-utilities>#menuSkills{flex:1}
.margin-rule-note{padding:10px 12px;margin:0 0 14px;border-left:4px solid #c49a46;border-radius:6px;background:#fff6df;color:#775b27;line-height:1.8}