/* BELLJACK's account palette, adapted for a phone and the platform pairing desk. */
[hidden]{display:none!important}.phone-page,.phone-link-page{min-height:100svh}.phone-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(18px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 18px;border-bottom:1px solid var(--line)}.phone-header>a:first-child{flex-shrink:0}.phone-header img{width:158px}.phone-header>.eyebrow{font-size:9px;letter-spacing:.14em;text-align:right}.phone-main{width:min(100%,540px);margin:auto;padding:0 22px 90px}.phone-session-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin-bottom:18px;border-bottom:1px solid var(--line)}.phone-session-strip p{font-size:12px;line-height:1.5;color:var(--muted)}.phone-page h1,.phone-link-page h1{font:clamp(48px,14vw,72px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.06em;font-weight:400}.phone-page h1 em,.phone-link-page h1 em{color:var(--red)}.phone-page h2,.phone-link-page h2{font-size:32px;line-height:1.08;letter-spacing:-.045em}.phone-page label,.phone-link-page label{display:block;font-size:13px;font-weight:700}.phone-page input:not([type=radio]):not([type=checkbox]),.phone-link-page input:not([type=checkbox]){display:block;width:100%;max-width:100%;min-height:48px;margin:9px 0 16px;padding:12px;border:1px solid #777767;background:#fff8e8;color:var(--ink);font-size:16px;border-radius:0}.phone-wide{width:100%;justify-content:space-between}.phone-note{font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);overflow-wrap:anywhere}.phone-note+p{margin-top:12px}.phone-notice{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.phone-notice:not(:empty){padding:13px 0;border-top:1px solid var(--line);margin-top:18px}.phone-intro{font-size:15px;line-height:1.6;margin:10px 0 24px}.phone-login-hero{position:relative;min-height:260px;padding:22px 0 25px;isolation:isolate}.phone-login-hero .eyebrow{font-size:9px;position:relative;z-index:1;margin-bottom:16px}.phone-login-hero h1{position:relative;z-index:1;width:max-content;max-width:100%;font-size:clamp(48px,12vw,64px)}.phone-login-hero>img{position:absolute;right:-11px;bottom:-5px;width:43%;max-height:240px;object-fit:contain;object-position:bottom;z-index:-1;filter:drop-shadow(4px 8px 4px #1c23151c)}#scanner-help{margin:12px 0 20px}.phone-disclosure{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.phone-disclosure summary{padding:16px 0;font-size:13px;font-weight:700;cursor:pointer;min-height:50px}.phone-disclosure form{padding:4px 0 18px}.phone-disclosure>label{padding-top:6px}.phone-confirm{padding:25px 0}.phone-confirm>h1{font-size:50px;margin:18px 0 24px}.phone-confirm>p{font-size:15px}.phone-code{display:block;width:100%;font:700 clamp(38px,11vw,56px)/1.2 'Courier New',monospace;letter-spacing:.18em;margin:25px 0;padding:24px 8px;text-align:center;border-top:3px double var(--ink);border-bottom:3px double var(--ink);color:var(--red);overflow-wrap:anywhere}.phone-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:18px 0}.phone-play-hero{position:relative;isolation:isolate;overflow:hidden;min-height:340px;padding:27px 24px 24px;background:var(--red);color:var(--paper)}.phone-play-hero .eyebrow{font-size:9px;letter-spacing:.12em;position:relative;z-index:1}.phone-play-hero h1{font-size:clamp(50px,13vw,65px);margin:21px 0 35px;position:relative;z-index:1}.phone-play-hero h1 em{color:var(--paper)}.phone-play-hero>img{position:absolute;right:-8px;top:50px;width:45%;height:235px;object-fit:contain;object-position:bottom;z-index:-1;filter:drop-shadow(4px 7px 5px #10090933)}.phone-play-hero .button{display:flex;width:100%;justify-content:space-between;position:relative;z-index:2}.phone-play-hero>p:last-child{font-size:11px;line-height:1.5;margin-top:14px;color:var(--paper)}.phone-section{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.phone-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.phone-section-heading .text-link{flex-shrink:0}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.phone-stats span{display:block;font:9px 'Courier New',monospace;letter-spacing:.07em;color:var(--muted)}.phone-stats strong{display:block;font:37px/1.2 Georgia,serif;letter-spacing:-.04em;margin-top:6px;overflow-wrap:anywhere}.phone-records{list-style:none;margin:0;padding:0}.phone-records li{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.phone-records strong{display:block;font-size:13px;line-height:1.4}.phone-records small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}.phone-records b{font:22px Georgia,serif;white-space:nowrap}.phone-profile-preview{display:flex;gap:17px;align-items:center;margin-bottom:18px}.phone-profile-preview>img{width:64px;height:64px;object-fit:cover;border:1px solid var(--brass);border-radius:50%}.phone-profile-preview .eyebrow{font-size:9px;margin-bottom:5px}.phone-profile-preview h2{font-size:29px}.phone-profile-preview p:last-child{font-size:14px;margin:5px 0 0;overflow-wrap:anywhere}.phone-avatar-picker{border:0;padding:0;margin:22px 0}.phone-avatar-picker legend{font-size:13px;font-weight:700;margin-bottom:12px}.phone-avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.phone-avatar-choice{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0;padding:8px 4px 10px;border:1px solid var(--line);cursor:pointer}.phone-avatar-choice input{position:absolute;top:5px;left:5px;margin:0;accent-color:var(--red);width:15px;height:15px}.phone-avatar-choice img{width:50px;height:50px;object-fit:cover;border-radius:50%}.phone-avatar-choice span{font-size:10px;line-height:1.3;font-weight:400;overflow-wrap:anywhere}.phone-avatar-choice:has(input:checked){border:2px solid var(--red);padding:7px 3px 9px;background:#8729230a}.phone-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:10px;padding:8px max(16px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);z-index:40}.phone-navigation a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 14px;font-size:12px;font-weight:700}.phone-footer{padding:22px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--line);font:9px/1.6 'Courier New',monospace;letter-spacing:.13em}.phone-page:has(#phone-navigation:not([hidden])) .phone-footer{padding-bottom:90px}.phone-link-main{max-width:1120px;margin:auto;padding:46px 28px 65px}.phone-link-heading{max-width:680px;margin-bottom:25px}.phone-link-heading h1{font-size:clamp(54px,6.5vw,80px);margin:21px 0 24px}.phone-link-heading>p:last-child{font-size:16px;line-height:1.65;max-width:540px}.phone-link-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;margin-top:28px;align-items:start}.phone-link-panel{border:1px solid var(--line);padding:30px}.phone-link-panel>.eyebrow{font-size:10px;margin-bottom:15px}.phone-link-panel>h2{margin-bottom:18px}.phone-link-panel>p{font-size:14px;line-height:1.6;margin-bottom:20px}.phone-link-panel .phone-section-heading{margin-bottom:22px}.phone-link-panel .phone-section-heading .eyebrow{font-size:9px;margin-bottom:9px}.phone-qr{padding:22px 0 12px;text-align:center}.phone-qr canvas{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;background:#fff;margin:auto}.phone-qr figcaption{font:9px/1.5 'Courier New',monospace;letter-spacing:.11em;margin-top:13px}.phone-match-check{display:flex!important;gap:12px;align-items:start;font-size:13px!important;line-height:1.6;min-height:44px;margin:0 0 18px}.phone-match-check input{flex-shrink:0;width:22px;height:22px;accent-color:var(--red);margin:0}.phone-device-name{font-size:14px;font-weight:700;overflow-wrap:anywhere;margin-top:20px}.phone-devices{list-style:none;margin:24px 0 0;padding:0}.phone-devices li{padding:19px 0;border-top:1px solid var(--line)}.phone-devices strong{font-size:15px;display:block;overflow-wrap:anywhere;margin-bottom:8px}.phone-devices p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.phone-devices button{margin-top:5px;color:var(--red)}.phone-link-page #platform-session-status{max-width:680px}.phone-page .button:hover,.phone-link-page .button:hover{transform:none}.phone-page button:disabled,.phone-link-page button:disabled{cursor:not-allowed}.phone-page :focus-visible,.phone-link-page :focus-visible{outline:3px solid var(--petrol);outline-offset:3px}.phone-play-hero :focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.phone-link-columns{grid-template-columns:1fr;gap:24px}.phone-link-main{padding:32px 20px 48px}.phone-link-panel{padding:24px}.phone-link-heading>p:last-child{font-size:15px}}
@media(max-width:360px){.phone-header img{width:128px}.phone-header{gap:12px;padding-left:18px;padding-right:18px}.phone-main{padding-left:18px;padding-right:18px}.phone-header>.eyebrow{font-size:8px}.phone-login-hero h1{font-size:48px}.phone-login-hero>img{opacity:.85;width:40%;right:-5px}.phone-play-hero{padding:24px 19px}.phone-play-hero h1{font-size:49px}.phone-avatar-options{gap:7px}.phone-avatar-choice img{width:43px;height:43px}.phone-code{letter-spacing:.12em}.phone-link-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone-page *,.phone-link-page *{transition:none!important}}
/* Android native insets complement iOS/browser env() values. */
.phone-header{padding-top:calc(18px + max(env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px)))}
.phone-navigation{padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px)))}
.phone-main{padding-bottom:calc(90px + max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px)))}
.phone-qr canvas{max-width:100%;height:auto!important}
.phone-campaigns{margin-top:20px;display:grid;gap:14px}.phone-campaigns article{border:1px solid var(--line);padding:19px}.phone-campaigns .eyebrow{font-size:9px;margin-bottom:9px}.phone-campaigns h3{font-size:29px;line-height:1.12;overflow-wrap:anywhere;margin-bottom:12px}.phone-campaigns .text-link{width:100%;margin-top:10px}.phone-earned-assets article{padding:22px 0;border-bottom:1px solid var(--line)}.phone-earned-assets article:last-child{border-bottom:0}.phone-earned-assets h3{font:700 12px/1.4 'Courier New',monospace;letter-spacing:.12em;color:var(--red);margin-bottom:18px}.phone-earned-assets dl{display:grid;gap:14px;margin:0}.phone-earned-assets dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.phone-earned-assets dt{font-size:12px;line-height:1.5;color:var(--muted)}.phone-earned-assets dd{font:21px/1.3 Georgia,serif;text-align:right;margin:0;overflow-wrap:anywhere;max-width:60%}.phone-pending-awards{list-style:none;margin:0;padding:0}.phone-pending-awards li{padding:13px 0;border-top:1px solid var(--line)}.phone-pending-awards strong{display:block;font-size:14px;font-weight:400;overflow-wrap:anywhere}.phone-pending-awards small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}