.ling-payment-options{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin:12px 0}.ling-payment-options[hidden]{display:none}.ling-payment-choice,.ling-payment-refresh{padding:10px 8px;border:2px solid #829c69;border-radius:3px;background:#f7f9ed;color:#203e30;font:inherit;font-weight:700;line-height:1.4;cursor:pointer}.ling-payment-choice[aria-pressed=true]{background:#d5fa50;border-color:#567d35;box-shadow:2px 2px 0 #567d35}.ling-payment-choice:disabled{cursor:default;opacity:.7}.ling-payment-refresh{grid-column:1/-1;font-size:12px}#payModal #payPrice{overflow-wrap:anywhere}#payModal #payBal{white-space:pre-line;line-height:1.5} .balance-box-quote{display:grid;gap:6px;padding:12px 14px;margin:12px 0;border:1px solid #b6c8a5;background:#f0f5e7;color:#214631;border-radius:12px;font-size:14px;line-height:1.5}.balance-box-quote[hidden]{display:none}.balance-box-quote small{font-size:12px;color:#51644c}#payCancel{white-space:normal} #payModal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;overscroll-behavior:contain} #payModal.show{display:grid;place-items:center} #payModal .payment-card{width:min(480px,100%);max-width:480px;max-height:calc(100vh - 32px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));margin:0;padding:24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;isolation:isolate} #payModal #payTitle{margin-right:50px;margin-bottom:8px} #payModal .payment-close{width:44px;height:44px;top:16px;right:16px;display:grid;place-items:center;border-radius:14px} #payModal #payPrice{font-size:clamp(28px,7vw,38px);line-height:1.2;min-height:1.2em;margin:18px 0 14px;overflow-wrap:anywhere} #payModal #payBal{margin-bottom:14px;overflow-wrap:anywhere} #payModal .ling-payment-options{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:10px;margin:12px 0} #payModal .ling-payment-choice,#payModal .ling-payment-refresh{min-height:46px;border-radius:999px;padding:10px 12px;box-shadow:none;font-size:14px;transition:background-color .14s,border-color .14s} #payModal .ling-payment-choice[aria-pressed=true]{box-shadow:inset 0 -2px 0 #789945} #payModal .balance-box-quote{padding:12px;font-size:13px} #payModal .balance-box-quote button{min-height:44px;white-space:normal} #payModal .pay-row{position:sticky;bottom:-24px;z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:10px;padding:14px 0 20px;margin:16px 0 -20px;background:var(--hl-paper,#fbfcf8);box-shadow:0 -8px 12px var(--hl-paper,#fbfcf8)} #payModal .pay-row .btn{min-height:52px;height:auto;padding:10px 12px;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.4;font-size:14px;transition:background-color .14s,border-color .14s,filter .14s} #payModal button:focus-visible{outline:3px solid #6a8e3b;outline-offset:3px} #payModal button:not(:disabled):active{filter:brightness(.96)} #payModal #payMethodNote{font-size:13px;min-height:40px;line-height:1.55;overflow-wrap:anywhere} #payModal #payMethodNote[data-busy=true]::before{content:'';display:inline-block;vertical-align:-2px;width:12px;height:12px;border:2px solid #bfc9ab;border-top-color:#697e37;border-radius:50%;margin-right:8px;animation:payment-progress-499 .9s linear infinite} #payModal #payConfirm[data-busy=true]{background:#e7efcf!important;color:#496031!important;border-color:#b5c59c!important;cursor:progress} @keyframes payment-progress-499{to{rotate:360deg}} @media(max-width:420px){#payModal .payment-card{padding:20px 16px;border-radius:22px}#payModal .payment-close{top:12px;right:12px}#payModal .pay-row{bottom:-20px;padding-bottom:16px;margin-bottom:-16px}#payModal .ling-payment-choice{font-size:13px}#payModal .pay-row .btn{font-size:13px}} @media(max-height:500px){#payModal{place-items:start center}#payModal .payment-card{border-radius:16px}#payModal #payPrice{margin:10px 0;font-size:28px}} @media(prefers-reduced-motion:reduce){#payModal button{transition:none!important}#payModal #payMethodNote[data-busy=true]::before{animation:none}} .character-effects-control{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 0;border-top:1px solid #d9ded2}.character-effects-control>div{display:flex;flex-direction:column;gap:4px}.character-effects-control strong{font-size:12px;color:#314638}.character-effects-control small{font-size:10px;color:#77806c}.character-effects-control button{min-width:76px;min-height:40px;border:1px solid #b4c799;border-radius:20px;color:#415936;background:#edf3e2;font:700 12px sans-serif;cursor:pointer}.character-effects-control button[aria-pressed=true]{background:#d5f578;color:#254226;border-color:#85b54e} .appearance-change-497 label:has(.appearance-card-list){min-width:0;display:block}.appearance-change-497 select[hidden]{display:none!important}.appearance-card-list{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:10px 2px 14px;max-width:100%;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.appearance-card-list .appearance-pick-card{position:relative;display:flex;flex:0 0 116px;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:132px;padding:10px 8px;background:#fafbf4;color:#2f4535;border:1px solid #d2dcc5;border-radius:13px;font:600 12px/1.5 sans-serif;scroll-snap-align:center;cursor:pointer}.appearance-pick-card canvas{display:block;width:64px!important;height:64px!important;image-rendering:pixelated;margin:0!important}.appearance-card-list .appearance-pick-card[aria-checked=true]{background:#eff7d5;border:2px solid #85a93f;box-shadow:inset 0 0 0 1px #c8e98a}.appearance-pick-card[aria-checked=true]:after{content:'✓';position:absolute;right:7px;top:5px;color:#547624;font-weight:900}.appearance-pick-card:disabled{opacity:.5;cursor:default}.appearance-pick-card:focus-visible{outline:3px solid #75aaf0;outline-offset:2px} .moon-skill-panel{grid-column:1/-1;box-sizing:border-box;min-width:0;width:100%;margin-top:18px;padding:18px;border:2px solid transparent;border-radius:12px;background:linear-gradient(115deg,#fff4f6,#fffbef 35%,#f1faf5 62%,#f1f0fd) padding-box,linear-gradient(110deg,#ed7ba4,#e6bf58,#73bd92,#82a9e9,#b088db) border-box;color:#36384a;text-align:left;box-shadow:0 4px 16px #77678b0c} .moon-skill-panel header{display:flex;align-items:center;gap:12px}.moon-skill-panel header>div{min-width:0}.moon-skill-panel header small{display:block;font-size:10px;letter-spacing:.06em;color:#797084}.moon-skill-panel h3.moon-skill-name{font-size:23px;line-height:1.3;margin:3px 0 0;font-weight:800}.moon-skill-icon{display:flex;align-items:center;justify-content:center;flex:none;width:50px;height:50px;border:1px solid #d7c4eb;background:#f5edff;border-radius:10px;box-shadow:inset 0 0 0 3px #ffffff8a}.moon-skill-icon svg{width:37px;height:37px;image-rendering:pixelated}.moon-skill-mark{margin-left:auto;font-size:26px;color:#b496d3}.moon-skill-metrics{display:grid;grid-template-columns:.8fr 1fr 1.35fr;gap:8px;margin-top:16px;padding-top:13px;border-top:1px solid #dcd5e5}.moon-skill-metrics>span{display:flex;flex-direction:column;gap:4px}.moon-skill-metrics small{font-size:10px;color:#797084}.moon-skill-metrics strong{font-size:12px;font-weight:700;color:#49415f;line-height:1.5}.moon-skill-panel>p{font-size:12px!important;font-weight:400!important;color:#665f73!important;line-height:1.85!important;margin:14px 0 0!important}.moon-skill-panel .moon-skill-name{display:inline-block}.detail-tags+.moon-skill-panel{margin-bottom:16px} .moon-skill{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 10px;border:1px solid transparent;border-radius:7px;background:linear-gradient(110deg,#fff1f4,#fff9df,#eaf8ee,#edf3ff,#f4ebff) padding-box,linear-gradient(100deg,#ed7ba4,#e6bf58,#73bd92,#82a9e9,#b088db) border-box;color:#343444;font-size:11px;line-height:1.6;box-sizing:border-box;white-space:normal} .moon-skill-name{font-weight:800;background:linear-gradient(100deg,#a92256,#8a5b06,#166548,#235cad,#803aa5);background-clip:text;-webkit-background-clip:text;color:transparent} .moon-skill small{font-size:10px;color:#676377}.moon-skill-detail{display:flex;flex-wrap:wrap;gap:3px 8px;text-align:left}.moon-skill-detail>span{flex-basis:100%;font-size:11px;font-weight:400;color:#504b61} .shared-character-card .character-innate.moon-skill{display:flex;align-items:flex-start;padding:14px;gap:12px}.shared-character-card .character-innate.moon-skill .innate-icon{color:#9d5bb0}.shared-character-card .character-innate.moon-skill h3{font-size:16px}.shared-character-card .character-innate.moon-skill small{color:#676377}.shared-character-card .character-innate.moon-skill p{color:#504b61} .collection-strip{grid-template-columns:minmax(200px,1.15fr) max-content max-content minmax(280px,1.65fr);gap:26px} .collection-strip .event-skill{justify-self:stretch;min-width:0}.event-skill .moon-skill{display:block;padding:14px 17px;background:linear-gradient(#191522,#191522) padding-box,linear-gradient(100deg,#ed7ba4,#e6bf58,#73bd92,#82a9e9,#b088db) border-box;border-radius:2px}.event-skill .moon-skill-name{font-size:22px;background-image:linear-gradient(100deg,#ffa3b9,#ffe68e,#a3e5b8,#9ed6ff,#d1b2ff)}.event-skill .moon-skill small{margin-left:9px;color:#cfc1de}.event-skill .moon-skill p{color:#d6ccdf;font-size:11px;line-height:1.9;margin:5px 0 0}.event-skill .role-perks{margin-top:9px;justify-content:flex-end}.event-skill .role-perks>span{font-size:10px;padding:3px 8px} .event-skill .moon-skill .moon-skill-slot-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;margin-top:10px;padding-top:10px;border-top:1px solid #e4cd8130;color:#f3db8f;font-size:13px;line-height:1.6}.moon-skill-slot-note strong{font-size:17px;font-weight:750;letter-spacing:.04em} @media(max-width:1100px) and (min-width:801px){.collection-strip{grid-template-columns:minmax(170px,1fr) max-content max-content;gap:20px}.collection-strip .event-skill{grid-column:1/-1}} @media(max-width:800px){.collection-strip{grid-template-columns:1fr 1fr;gap:18px}.collection-strip .strip-title,.collection-strip .event-skill{grid-column:1/-1}.event-skill .role-perks{justify-content:flex-start}}