.session-access{box-sizing:border-box;position:sticky;top:0;z-index:60;display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;padding:0 max(10px,env(safe-area-inset-right)) 0 10px;background:#160d20f2;isolation:isolate}
.session-access[hidden]{display:none!important}
.session-access .session-exit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;flex-shrink:0;padding:6px 10px;margin:0;border:0;border-radius:6px;background:transparent;color:#eedbf9;font:600 12px/1.25 system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none;transform:none;animation:none}
.session-access .session-exit:hover{color:#fff;background:#734a8a44}
.session-access .session-exit:focus-visible{outline:2px solid #ffbc70;outline-offset:-3px}
.session-access .session-exit:disabled{opacity:.65;cursor:wait}
.session-feedback{font:12px/1.3 system-ui,sans-serif;color:#ffd5bd;text-align:right}
.session-access .digital-cards-return{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;min-width:0;margin:4px auto 4px 0;padding:5px 8px;border:1px solid #9b713e;border-radius:7px;background:#332039;color:#ffd08c;font:600 12px/1.25 system-ui,sans-serif;text-decoration:none;text-align:center}
.session-access .digital-cards-return:hover{background:#503046;color:#ffe4b9}
.session-access .digital-cards-return:focus-visible{outline:2px solid #ffbc70;outline-offset:2px}
body.session-connected #account{display:none!important}
.logout-page{margin:0;min-height:100vh;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:radial-gradient(ellipse at top,#402052,#140b1f);color:#f5e9ff;font:16px/1.6 system-ui,sans-serif}
.logout-card{box-sizing:border-box;width:min(100%,430px);padding:28px;border:1px solid #795091;border-radius:16px;background:#1a1125;text-align:center}
.logout-card h1{font-size:27px;color:#ffc978;margin:0 0 12px}
.logout-card a{color:#ead4ff}
.logout-card .session-access{position:static;justify-content:center;flex-wrap:wrap;background:none;margin:18px 0}
.logout-card .session-exit{font-size:16px;border:1px solid #d6b2ed;background:#4b2b62;padding:12px 20px}

/* Visible account action; public pages never guess whether a player is connected. */
.session-access .session-exit{background:#ffbd65;color:#24132d;border:1px solid #ffdc9c;font-size:14px;font-weight:750;text-decoration:none;padding:6px 14px;box-shadow:0 2px 8px #0005}
.session-access .session-exit:hover{color:#190e20;background:#ffd393}
body.album-open>.session-access{max-width:640px;margin-inline:auto}
@media(min-width:900px){.session-access .session-exit{font-size:16px;padding:6px 20px}}
/* The collection home link shares the title's centre, including mobile layouts. */
.player-home .regenerative-title>.digital-cards-return{display:table;max-width:100%;margin:0 auto 18px;padding:8px 16px;border:1px solid #b88a50;border-radius:8px;background:#332039;color:#ffda9f;font:650 14px/1.3 system-ui,sans-serif;text-align:center;text-decoration:none}
.player-home .regenerative-title>.digital-cards-return:hover{background:#503046;color:#fff0cd}
.player-home .regenerative-title>.digital-cards-return:focus-visible{outline:2px solid #ffbc70;outline-offset:3px}
.player-home .player-steps .prize-step{align-items:flex-start;text-align:left}
.player-home .player-steps .prize-step>div{min-width:0}
@media(min-width:1000px){
 .player-home .player-steps{max-width:1072px;grid-template-columns:repeat(3,max-content);justify-content:center;gap:24px}
 .player-home .player-steps li:not(.prize-step){align-items:center;gap:10px}
 .player-home .player-steps li:not(.prize-step) b{font-size:clamp(18px,1.8vw,24px);white-space:nowrap}
}

/* Digital collection home sits beside the Anodos logo. */
.player-home .header .home-topbar{position:absolute;top:8px;left:0;right:0;display:flex;align-items:center;gap:14px;min-width:0}
.player-home .header .home-topbar .brand{position:static;flex:0 0 auto}
.player-home .home-topbar .digital-cards-return{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:calc(100% - 90px);margin:0;padding:8px 14px;border:1px solid #b88a50;border-radius:8px;background:#332039;color:#ffda9f;font:650 14px/1.3 system-ui,sans-serif;text-align:center;text-decoration:none}
.player-home .home-topbar .digital-cards-return:hover{background:#503046;color:#fff0cd}
.player-home .home-topbar .digital-cards-return:focus-visible{outline:2px solid #ffbc70;outline-offset:3px}
@media(max-width:700px){.player-home .header .home-topbar{gap:10px}.player-home .home-topbar .digital-cards-return{max-width:calc(100% - 58px);font-size:13px;padding:7px 10px}}

/* Centre the collection link on the Halloween title, independently of the logo. */
.player-home .home-topbar .digital-cards-return{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 112px)}

.player-home .navigation #home-session-action.is-connected{background:linear-gradient(#fff19a,#ffd237);border:1px solid #ffe998;color:#9e151b;font-weight:800;box-shadow:inset 0 1px #fffbd6,0 3px 0 #9a671a}
.player-home .navigation #home-session-action.is-connected:hover{background:#ffe774;color:#790d13}
.player-home .navigation #home-session-action[aria-disabled="true"]{opacity:.7;cursor:wait}
.home-session-feedback{text-align:center;color:#ffe3ac;font:14px/1.4 system-ui,sans-serif;margin:4px auto 12px}
