/* A calm shared frame: six destinations, contextual tools, clear next steps. */
.experience-sidebar{padding-top:28px;overflow-y:auto}
.experience-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.experience-brand-row .brand{padding:0 6px;font-size:17px;letter-spacing:-.6px}
.experience-brand-row .brand small{text-transform:none;letter-spacing:0;font-size:9px;font-weight:400;margin-top:6px}
.experience-brand-row .brand img{width:34px;height:34px}
.experience-menu-close{display:none}
.experience-primary{margin-top:40px;gap:9px}
.experience-primary>button{min-height:48px;font-size:13px;border:1px solid transparent;padding:12px}
.experience-primary>button.active{border-color:#405334;background:linear-gradient(105deg,#2c3b26,#233020)}
.experience-active-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}
.experience-sidebar-bottom{margin-top:auto;padding-top:30px}
.experience-help{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);background:none;text-align:left;padding:12px 5px;line-height:1.7;width:100%;margin-bottom:12px}
.experience-help:hover{color:var(--lime)}
.experience-help>.icon{width:16px;height:16px}
.experience-sidebar .profile{width:100%;padding:17px 5px 2px;background:none;text-align:left;border-radius:0;gap:9px}
.experience-sidebar .profile>.avatar{font-size:18px;flex-shrink:0}
.experience-sidebar .profile>span:nth-child(2){flex:1;min-width:0}
.experience-sidebar .profile b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.experience-sidebar .profile small{font-size:9px;display:block;margin-top:5px}
.experience-sidebar .profile>.icon{width:12px}
.experience-live-game{display:flex;align-items:center;gap:10px;background:#202d22;border:1px solid #415c38;border-radius:10px;padding:14px 12px;margin-top:30px;text-align:left;color:var(--lime);font-size:11px;line-height:1.5}
.experience-live-game>span{flex:1}.experience-live-game small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.experience-live-game>.icon:last-child{width:13px}
.experience-topbar{height:76px;gap:16px}.experience-topbar .breadcrumb{min-width:0;white-space:nowrap}.experience-topbar .breadcrumb>b{font-weight:500;color:var(--text)}
.experience-topbar .experience-page-name{max-width:330px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.experience-topbar .top-actions{gap:10px;flex-shrink:0}.experience-topbar .icon-button{width:38px;height:38px}
.experience-account-avatar{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#2b3927;border:1px solid #405038;font-size:19px}
.experience-notifications{position:relative}.experience-notifications .social-unread-badge{position:absolute;right:-6px;top:-6px;border:2px solid var(--bg);font-size:9px;min-width:18px;padding:1px 4px}
.experience-menu-overlay{display:none}
.experience-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);padding:0 0 14px;margin:0 0 30px;scrollbar-width:thin}
.experience-tabs>button{background:none;color:var(--muted);padding:10px 15px;min-height:40px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:500;transition:background .15s,color .15s}
.experience-tabs>button:hover{background:#233022;color:var(--text)}
.experience-tabs>button.active{background:#2b3926;color:var(--lime)}
.visitor-main>.experience-tabs{margin-top:-9px;margin-bottom:30px}
.experience-welcome{display:flex;align-items:flex-start;gap:28px;justify-content:space-between;margin-bottom:30px;padding:10px 0 0}
.experience-eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#a2ba91;line-height:1.7}
.experience-welcome h1{font-size:clamp(24px,2.4vw,34px);font-weight:650;line-height:1.3;letter-spacing:-1px;margin:12px 0}
.experience-welcome p{font-size:12px;color:var(--muted);line-height:1.8}
.experience-save-status{font-size:10px;white-space:nowrap;color:var(--muted);padding:8px 0;display:flex;align-items:center;gap:7px;margin-top:2px}
.experience-save-status:before{content:'';width:5px;height:5px;background:var(--lime);border-radius:50%}.experience-save-status.has-error:before{background:#e2ab80}
.experience-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 38px}
.experience-home-actions>button{display:flex;align-items:center;gap:15px;padding:22px 19px;background:var(--panel);border:1px solid var(--line);border-radius:13px;text-align:left;transition:border-color .2s,background .2s}
.experience-home-actions>button:hover{border-color:#61734f;background:#202b20}.experience-home-actions>button>span:nth-child(2){flex:1;min-width:0}
.experience-home-actions b{font-size:13px;font-weight:600;display:block}.experience-home-actions small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px}
.experience-home-actions>button>.icon{width:15px;color:#9ab188}
.experience-home-icon{display:grid;place-items:center;width:41px;height:45px;background:#2c3928;border:1px solid #3a4932;border-radius:11px;color:var(--lime);flex-shrink:0}
.experience-home-actions>button:nth-child(2) .experience-home-icon{background:#332f25;border-color:#484235;color:#d2b985}
.experience-home-actions>button:nth-child(3) .experience-home-icon{background:#283238;border-color:#3a4951;color:#adc5cc}
.experience-recent{margin-bottom:34px}.experience-recent .section-head{margin-bottom:22px}.experience-recent .section-head h2{font-size:20px;font-weight:600}.experience-recent .section-head p{font-size:11px;line-height:1.7;max-width:470px;margin-top:7px}
.experience-recent .deck-grid{gap:20px}.experience-recent .deck-art{height:170px}.experience-recent .deck-info{padding:18px}.experience-recent .deck-info h3{font-size:14px}.experience-recent .deck-info>p,.experience-recent .deck-meta{font-size:10px}
.experience-first-deck{display:flex;align-items:center;gap:23px;border:1px dashed #48563e;border-radius:14px;padding:35px;background:linear-gradient(115deg,#202b20,#171f19)}
.experience-first-deck>.icon{width:36px;height:36px;color:var(--lime)}.experience-first-deck>div{flex:1}.experience-first-deck h3{font-size:18px;line-height:1.5;margin-bottom:10px}.experience-first-deck p{font-size:11px;color:var(--muted);line-height:1.8}.experience-first-deck>.button{flex-shrink:0}
.experience-home-bottom,.experience-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.experience-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:27px;min-width:0}
.experience-panel h2{font-size:21px;font-weight:600;line-height:1.4;margin:13px 0 12px;letter-spacing:-.4px}.experience-panel>h2:first-child{margin-top:0}
.experience-panel>p{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:22px;max-width:660px}.experience-panel .form-help{font-size:11px;line-height:1.8;margin:18px 0 0}
.experience-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.experience-inline-actions>.text-button{min-height:38px}
.experience-continue-game{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#202d20;border:1px solid #4b613c;border-radius:12px;padding:19px 24px;margin-bottom:24px}
.experience-continue-game>div{display:flex;align-items:center;gap:17px}.experience-continue-game>div>.icon{width:28px;height:28px;color:var(--lime)}.experience-continue-game b{font-size:14px;font-weight:600}.experience-continue-game small{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}
.experience-disclosure{border:1px solid var(--line);border-radius:11px;background:var(--panel);margin:15px 0;min-width:0}
.experience-disclosure>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:16px 18px;min-height:48px;font-size:12px;color:#b8c5b1}
.experience-disclosure>summary::-webkit-details-marker{display:none}.experience-disclosure>summary>.icon:first-child{width:17px;height:17px;color:var(--lime)}.experience-disclosure>summary>.icon:last-child{width:14px;height:14px;margin-left:auto;transition:transform .18s}.experience-disclosure[open]>summary>.icon:last-child{transform:rotate(180deg)}.experience-disclosure>summary>small{color:var(--muted);font-size:10px;margin-left:8px}
.experience-disclosure[open]>summary{border-bottom:1px solid var(--line);color:var(--lime)}.experience-disclosure-body{padding:18px}.experience-disclosure-body>p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 17px}
.experience-disclosure-body>.collection-ai-panel,.experience-disclosure-body>.collection-grouping-panel,.experience-disclosure-body>.inventory-price-toolbar{margin-top:0}
.experience-disclosure-body .collection-ai-panel{border:0;background:none;padding:0;margin:0}.experience-disclosure-body .collection-ai-head{margin-top:0}
.experience-action-menu{position:relative;align-self:stretch;margin:0;background:none}
.experience-action-menu>summary{min-height:40px;padding:10px 13px;color:var(--muted);font-size:11px}
.experience-action-menu[open]>summary{border:0}
.experience-action-menu>.experience-disclosure-body{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:270px;max-width:calc(100vw - 40px);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px #0005;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.experience-action-menu>.experience-disclosure-body>p{margin:0;font-size:11px}
.experience-collection-search{margin-bottom:12px;gap:12px}.experience-collection-search .search-field{min-width:180px}.experience-collection-search .search-field input{min-height:46px}.experience-collection-search .search-field>.icon{top:14px}.experience-collection-search>.button{min-height:46px}
.experience-collection-display{margin-top:24px;margin-bottom:13px}.experience-collection-display+.experience-disclosure{margin:14px 0 22px}
.experience-account-summary{display:flex;align-items:center;gap:19px;padding:8px 0 29px}.experience-account-summary>.account-avatar{width:59px;height:59px;display:grid;place-items:center;font-size:30px;border:1px solid #4b603d;border-radius:16px;background:#2c3c27}.experience-account-summary h2{font-size:21px;font-weight:600}.experience-account-summary>div>span{font-size:12px;color:var(--muted);display:block;margin-top:6px}.experience-account-summary p{font-size:10px;color:var(--muted);margin-top:8px}
.experience-account-form{max-width:780px}.experience-account-form form{display:grid;gap:20px;margin:25px 0 24px;max-width:620px}.experience-account-form form label{display:flex;flex-direction:column;gap:9px;color:#bac7b3;font-size:12px;line-height:1.7}.experience-account-form form input,.experience-account-form form select{min-height:44px}.experience-account-form form label.account-check{display:flex;flex-direction:row;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:9px;font-size:11px;gap:12px}.experience-account-form form .account-check input{width:16px;min-height:16px;flex-shrink:0;margin:2px 0 0;accent-color:var(--lime)}.experience-account-form form>.button{justify-self:start}.experience-account-form form>.form-help{margin:0}.experience-account-form .form-error:empty{display:none}
.experience-preference-summary{display:flex;flex-direction:column;gap:12px;padding:18px;background:#131d15;border:1px solid var(--line);border-radius:10px;margin:23px 0;font-size:12px;color:var(--muted)}.experience-preference-summary>b{color:var(--text);font-weight:500}.experience-migration{margin-top:24px}.experience-danger{margin-top:24px;max-width:780px}.experience-danger>summary{color:#cfac99}
.experience-guide{display:grid;gap:10px;margin:24px 0}.experience-guide>button{display:flex;align-items:center;gap:16px;padding:17px 18px;border:1px solid var(--line);background:var(--panel);border-radius:11px;text-align:left}.experience-guide>button:hover{border-color:#687d56}.experience-guide>button>span:first-child{color:var(--lime)}.experience-guide>button>span:nth-child(2){flex:1}.experience-guide b{display:block;font-size:14px}.experience-guide small{display:block;color:var(--muted);font-size:11px;margin-top:7px;line-height:1.7}.experience-guide>button>.icon{width:16px}
.experience-tabs>button:focus-visible,.experience-disclosure>summary:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
@media(max-width:1200px){.experience-home-actions{gap:12px}.experience-home-actions>button{padding:18px 15px;gap:11px}.experience-home-actions>button>.icon{display:none}.experience-home-icon{width:35px;height:40px}.experience-home-actions b{font-size:12px}.experience-welcome{display:block}.experience-save-status{margin-top:10px}.experience-home-bottom,.experience-data-grid{gap:18px}.experience-first-deck{flex-wrap:wrap}.experience-first-deck>.button{margin-left:59px}.experience-topbar .experience-page-name{max-width:240px}}
@media(max-width:900px){.experience-sidebar{width:224px;z-index:60;transform:translateX(-100%);transition:transform .2s}.experience-sidebar.open{transform:translateX(0)}.experience-menu-close{display:grid;width:28px;height:28px;border:0;flex-shrink:0}.experience-brand-row .brand{font-size:14px;gap:9px;padding:0}.experience-brand-row .brand img{width:28px;height:28px}.experience-brand-row .brand small{font-size:8px}.experience-topbar .mobile-menu{display:grid}.experience-menu-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:55;background:#030a07b3;backdrop-filter:blur(3px)}.layout{display:block}.shell{grid-column:auto}.experience-topbar{padding:0 25px}.experience-topbar .breadcrumb{flex:1}.experience-home-actions{grid-template-columns:1fr}.experience-home-actions>button{padding:19px 20px}.experience-home-actions>button>.icon{display:block}.experience-home-icon{width:40px;height:42px}.experience-home-actions b{font-size:14px}.experience-home-actions small{font-size:11px}.experience-home-bottom,.experience-data-grid{grid-template-columns:1fr}.experience-recent .deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-recent .deck-grid>.deck-card:nth-child(3){display:none}}
@media(max-width:600px){.experience-topbar{height:68px;padding:0 18px;gap:10px}.experience-topbar .top-actions{gap:7px}.experience-topbar .icon-button{width:34px;height:36px}.experience-topbar .experience-page-name{display:none}.experience-topbar .breadcrumb>span:not(.experience-page-name){display:none}.experience-topbar .breadcrumb{font-size:12px}.experience-account-avatar{width:31px;height:31px;font-size:17px}.experience-tabs{gap:3px;margin:0 0 23px;padding-bottom:11px}.experience-tabs>button{font-size:11px;padding:11px 12px;min-height:44px}.experience-welcome{padding-top:0;margin-bottom:24px}.experience-welcome h1{font-size:27px;margin-top:10px;letter-spacing:-.8px}.experience-welcome p{font-size:12px}.experience-eyebrow{font-size:8px}.experience-home-actions{margin:20px 0 31px;gap:11px}.experience-recent .section-head{align-items:flex-start;gap:15px}.experience-recent .section-head h2{font-size:18px}.experience-recent .section-head>.text-button{font-size:10px;white-space:nowrap;margin-top:5px}.experience-recent .section-head p{font-size:10px}.experience-recent .deck-grid{grid-template-columns:1fr}.experience-recent .deck-grid>.deck-card:nth-child(3){display:block}.experience-recent .deck-art{height:165px}.experience-first-deck{padding:25px;gap:15px}.experience-first-deck>div{min-width:75%}.experience-first-deck>.icon{width:29px;height:29px}.experience-first-deck h3{font-size:16px}.experience-first-deck>.button{margin-left:0;width:100%}.experience-panel{padding:23px}.experience-panel h2{font-size:20px}.experience-panel>p{font-size:12px}.experience-continue-game{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.experience-continue-game>.button{align-self:flex-start}.experience-continue-game b{font-size:13px}.experience-continue-game small{font-size:10px}.experience-disclosure>summary{padding:15px 13px;font-size:11px}.experience-disclosure>summary>small{display:none}.experience-disclosure-body{padding:14px}.experience-collection-search{flex-wrap:nowrap;gap:9px}.experience-collection-search .search-field{min-width:0}.experience-collection-search .search-field input{font-size:11px}.experience-collection-search>.button{font-size:11px;padding:11px 12px}.experience-collection-search>.button>.icon{display:none}.experience-action-menu>summary{font-size:11px;padding:10px 12px;min-height:44px}.intro>.experience-inline-actions{gap:8px}.intro>.experience-inline-actions>.button{font-size:11px;min-height:44px;padding:11px 12px}.experience-collection-display .collection-sort-label{width:100%}.experience-account-summary{gap:15px;padding-bottom:25px}.experience-account-summary h2{font-size:19px}.experience-account-summary>.account-avatar{width:52px;height:52px;font-size:27px}.experience-account-form form>.button{width:100%}.experience-guide>button{padding:15px 14px;gap:13px}.experience-guide b{font-size:13px}.experience-guide small{font-size:10px}.experience-topbar .experience-search{display:none}}
@media(prefers-reduced-motion:reduce){.experience-sidebar,.experience-tabs>button,.experience-home-actions>button,.experience-disclosure>summary>.icon{transition:none}}

/* Keep account utilities reachable when the original compact header is active. */
@media(max-width:720px){.experience-topbar .top-actions>.experience-notifications{display:grid}}
@media(min-width:901px) and (max-width:1200px){.experience-brand-row .brand{font-size:14px;gap:9px}.experience-brand-row .brand small{font-size:8px}.experience-brand-row .brand img{width:30px;height:30px}}
@media(min-width:1550px){.experience-recent .deckspace-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep the account action legible when the mobile header has no icon. */
@media(max-width:720px){.intro>.button[data-action="account-logout"]{font-size:11px;line-height:1.4;min-height:44px;padding:10px 12px;white-space:normal;flex-shrink:0}}

.account-visibility-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.account-visibility-actions .button{white-space:normal;min-height:42px}