.experience-modal,#comparison-screen{z-index:2300;background:#050d17ed;padding:20px;box-sizing:border-box;align-items:center;justify-content:center}
.experience-panel{width:min(1120px,100%);max-height:94dvh;overflow:auto;background:linear-gradient(145deg,#1a2c38,#0b1925);border:1px solid #b79a65;border-radius:5px;padding:24px;box-sizing:border-box;color:#bfccd4;text-align:left;scrollbar-color:#86724b #0c1823}
.experience-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:-24px;margin:-24px -24px 20px;padding:20px 24px;background:#172b39;z-index:2;border-bottom:1px solid #bba06a55}
.experience-panel h2{font:800 27px Cinzel,Georgia,serif;color:#e9d4a8;margin:0}.experience-panel h3,#account-security h3{font:700 17px Cinzel,Georgia,serif;color:#e1c99a;margin:20px 0 14px}
.experience-panel p,#account-security p{font-size:14px;line-height:1.7}.experience-panel .action-btn,#account-security .action-btn{width:auto;min-height:44px;padding:10px 16px;background:linear-gradient(145deg,#34484b,#142734);color:#e3d2ad;border:1px solid #ae9461;border-radius:3px;font:700 13px Nunito,'Segoe UI',sans-serif;box-shadow:none;margin:0}.experience-panel button:disabled,#account-security button:disabled{opacity:.5;cursor:not-allowed}.experience-panel label,#account-security label{display:flex;flex-direction:column;gap:7px;color:#bacbd4;font-size:13px}
.experience-panel input:not([type=range]),.experience-panel select,#account-security input{font:400 15px Nunito,'Segoe UI',sans-serif;box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;background:#0b1a27;color:#e6dac2;border:1px solid #8e815b88;border-radius:3px}.experience-panel button:focus-visible,.experience-panel input:focus-visible,.experience-panel select:focus-visible,#account-security input:focus-visible{outline:2px solid #e4c991;outline-offset:3px}
.account-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin:18px 0}.account-forms form{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px;border:1px solid #a58f5b44;background:#0d1d2a}.account-forms h3{margin:0!important}.account-forms .action-btn{align-self:flex-start;margin-top:auto!important}#account-security-status:empty{display:none}#account-security-status,#recovery-status,#social-status{color:#e4c691}
.session-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:15px 0;border-bottom:1px solid #8c805044}.session-row>div{flex:1;min-width:0}.session-row strong,.session-row span{display:block}.session-row strong{color:#e0d2b7;font-size:14px}.session-row span{font-size:12px;color:#a6b7c1;margin-top:6px}.session-row .action-btn{flex:0 0 auto}#social-badge{background:#d5b372;color:#12212b;border-radius:12px;min-width:20px;display:inline-block;line-height:20px;margin-left:4px;font-size:11px}#social-badge[hidden]{display:none}
.friend-search{display:flex;align-items:end;gap:16px;margin-bottom:24px}.friend-search label{flex:1}.social-person{display:flex;align-items:center;gap:16px;background:#0e2030;border:1px solid #a8956355;padding:14px;margin:12px 0}.social-person>img{width:48px;height:62px;object-fit:cover;object-position:50% 10%;border:1px solid #ac955f}.social-person>div:first-of-type{flex:1;min-width:0}.social-person strong{color:#e6d4ad;font-size:15px;overflow-wrap:anywhere}.social-person span{display:block;font-size:12px;color:#95bba6;margin-top:6px}.social-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.friend-invites{border:1px solid #a28e5c66;padding:0 18px 14px;background:#21363466}.friend-invites label{margin:12px 0}.experience-panel .launcher-section-title{align-items:center;margin-top:20px}
.forge-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0;text-align:left}.forge-tools .action-btn{font-size:12px!important;min-height:38px!important;padding:7px 12px!important;margin:0!important;min-width:0!important}#forge-draft-status{font-size:11px;color:#95b9a8;flex:1}.comparison-selectors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-cards article{display:grid;grid-template-columns:42% minmax(0,1fr);border:1px solid #a6926155;background:#102332;overflow:hidden}.comparison-cards article>img{width:100%;height:100%;min-height:270px;object-fit:cover}.comparison-cards article>div{padding:18px}.comparison-cards h3{font-size:19px;line-height:1.4;margin:8px 0 18px}.compare-stats{color:#e4c793;font-weight:800}
.collection-tabs{display:flex;gap:12px;border-bottom:1px solid #ae965d55;padding-bottom:14px;margin:0 0 24px;overflow-x:auto}.collection-tabs button{flex-shrink:0;padding:12px 18px;background:#132835;border:1px solid #9b865955;border-radius:3px;color:#b8c6ce;font:800 14px Nunito,'Segoe UI',sans-serif;cursor:pointer;min-height:44px}.collection-tabs button[aria-pressed=true]{color:#f0d8a6;border-color:#ccb176;background:linear-gradient(130deg,#354844,#172b39)}.reward-journey{border:1px solid #b89e6355;background:linear-gradient(120deg,#283a35,#152736);padding:24px;margin-bottom:26px}.reward-journey>strong{font:700 24px Cinzel,Georgia,serif;color:#edd7aa}.reward-journey p{color:#afc3cc;font-size:14px;line-height:1.7}.reward-journey progress{width:min(440px,100%);height:8px;accent-color:#d2b475}.reward-completed .reward-preview-panel{box-shadow:0 0 45px #d0ad6333;animation:reward-arrival .55s ease-out}.reward-completed .launcher-kicker{color:#f6d98e}@keyframes reward-arrival{from{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}
#replay-screen .experience-panel{width:min(1360px,100%)}.replay-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:#102635;border:1px solid #a18a5755}.replay-controls input{flex:1;min-width:160px;accent-color:#c9aa69;cursor:pointer}#replay-step{color:#e0c58b;font-weight:700}.replay-side{border:1px solid #73879355;margin:18px 0;background:#0c1c29;padding:16px}.replay-side.active{border-color:#c3a563}.replay-side>header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #71808c44;padding-bottom:12px}.replay-side>header strong{display:block;font:800 16px Nunito,'Segoe UI',sans-serif;color:#e3cfa5}.replay-side>header span{font-size:12px;display:block;color:#9cb2bf;margin-top:7px}.replay-board-cards,.replay-hand{display:flex;gap:12px;overflow-x:auto;padding:15px 0;scrollbar-width:thin}.replay-card{flex:0 0 142px;background:#172b38;border:1px solid #aa925d66;border-radius:4px;overflow:hidden}.replay-card>img{display:block;width:100%;height:120px;object-fit:cover}.replay-card>strong{display:block;font-size:12px;color:#e7d3ac;padding:10px 10px 4px}.replay-card>span{display:block;font-size:11px;color:#9fc3db;padding:0 10px}.replay-card>p{font-size:11px;line-height:1.5;margin:8px 10px 12px}.replay-side details>summary{font-size:12px;color:#b9a36e;cursor:pointer;padding:8px 0}.replay-hand .replay-card{flex-basis:120px}.replay-hand .replay-card>img{height:95px}.replay-empty{color:#6f8796}#replay-effects{white-space:pre-line;border-left:2px solid #b89b63;padding-left:14px;color:#c4b995}#custom-dialog-overlay{z-index:2600}
.playtest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.playtest-pair{padding:14px;border:1px solid #9f8d5d55;background:#112533}.playtest-pair strong{display:block;color:#d9c9a7;font-size:13px}.playtest-pair span{display:block;font-size:12px;color:#a7bcc7;margin-top:8px}.playtest-pair progress{width:100%;height:7px;accent-color:#c8a866;margin-top:12px}
@media(max-width:900px){.comparison-cards article{grid-template-columns:minmax(0,1fr)}.comparison-cards article>img{min-height:0;height:220px}.experience-panel h2{font-size:23px}.experience-panel .launcher-section-title{gap:12px}.experience-panel .launcher-section-title h3{font-size:15px}.experience-panel .launcher-section-title .text-link{font-size:12px}}
@media(max-width:700px){.experience-modal,#comparison-screen{padding:10px}.experience-panel{padding:16px;max-height:96dvh}.experience-panel>header{top:-16px;margin:-16px -16px 16px;padding:16px;gap:10px}.experience-panel h2{font-size:21px}.experience-panel p,#account-security p{font-size:13px}.experience-panel .action-btn,#account-security .action-btn{font-size:12px;padding:9px 12px;min-height:44px}.account-forms{grid-template-columns:minmax(0,1fr);gap:12px}.account-forms form{padding:14px}.session-row{flex-wrap:wrap;gap:12px}.session-row>div{flex-basis:100%}.friend-search{flex-direction:column;align-items:stretch;gap:10px}.friend-search .action-btn{align-self:start}.social-person{gap:12px;flex-wrap:wrap}.social-person>img{width:40px;height:52px}.social-actions{width:100%;justify-content:flex-end}.friend-invites{padding-inline:12px}.comparison-selectors{gap:12px}.comparison-cards{grid-template-columns:minmax(0,1fr);gap:16px}.comparison-cards article{grid-template-columns:38% minmax(0,1fr)}.comparison-cards article>img{height:100%;min-height:230px}.comparison-cards article>div{padding:14px}.comparison-cards h3{font-size:17px}.forge-tools{gap:8px}#forge-draft-status{flex-basis:100%;font-size:10px}.forge-tools .action-btn{font-size:11px!important;min-height:36px!important}.collection-tabs{gap:8px}.collection-tabs button{padding:10px 12px;font-size:12px}.reward-journey{padding:18px}.reward-journey>strong{font-size:20px}.reward-journey p{font-size:12px}.replay-controls{gap:8px;padding:10px}.replay-controls input{flex-basis:100%;min-width:0}.replay-controls .action-btn{flex:1;padding:8px;font-size:11px}.replay-side{padding:12px}.replay-card{flex-basis:128px}.replay-side>header strong{font-size:14px}.replay-side>header span{font-size:11px}.playtest-grid{grid-template-columns:minmax(0,1fr)}}
.comparison-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-selectors label,.comparison-selectors select{min-width:0}#launcher-notice>button{display:block;color:#ecd5a1;margin-top:10px;font-size:11px}
@media(prefers-reduced-motion:reduce){.reward-completed .reward-preview-panel{animation:none}}