/* Approved Arcade hero and local warmup, scoped to the account shell. */
.account-root{--ar-bg:var(--bg);--ar-surface:var(--panel);--ar-ink:var(--ink);--ar-muted:var(--muted);--ar-line:var(--line);--ar-purple:var(--gold);--ar-on-purple:var(--accent-ink);--ar-yellow:var(--yellow);--ar-pink:var(--pink);--ar-mint:var(--mint);--ar-outline:var(--outline);--ar-card-ink:var(--card-ink);--ar-radius:18px}

.account-root *{box-sizing:border-box}.account-root [hidden]{display:none!important}.account-root .ar-intro h1{margin:0}.account-root button{cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.account-root button:focus-visible,.account-root input:focus-visible{outline:3px solid var(--ar-pink);outline-offset:5px}.account-root button:hover{transform:translateY(-2px)}.account-root button:active{transform:translateY(2px)}.account-root button:disabled{cursor:default;transform:none}
.account-root main{padding:38px 30px 36px}.account-root .ar-hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:center;margin:0 0 45px}.account-root .ar-overline{font-size:10px;letter-spacing:1.5px;font-weight:750;display:flex;align-items:center;gap:8px;color:var(--ar-muted);margin-bottom:25px;max-width:300px}.account-root .ar-star{font-size:24px;line-height:1;color:var(--ar-purple)}.account-root .ar-intro h1{font-size:clamp(52px,7vw,83px);letter-spacing:-4px;line-height:.97;font-weight:850}.account-root .ar-intro h1>span{display:inline-block;background:var(--ar-yellow);color:var(--ar-card-ink);padding:0 10px 5px;margin-top:7px;transform:rotate(-3deg);box-shadow:4px 5px 0 var(--ar-outline)}.account-root .ar-intro>p{font-size:14px;line-height:1.8;color:var(--ar-muted);margin:26px 0 22px}.account-root .ar-main-actions{display:flex;gap:10px;flex-wrap:wrap}.account-root .ar-primary,.account-root .ar-secondary{min-height:47px;border-radius:11px;padding:12px 16px;font-weight:750;font-size:13px;border:1px solid var(--ar-line);background:var(--ar-surface)}.account-root .ar-primary{background:var(--ar-purple);color:var(--ar-on-purple);border:2px solid var(--ar-outline);box-shadow:0 4px 0 var(--ar-outline)}.account-root .ar-primary span{margin-left:12px;font-size:18px;line-height:1}.account-root .ar-primary:active{box-shadow:0 1px 0 var(--ar-outline);transform:translateY(3px)}.account-root .ar-friends{display:flex;align-items:center;margin-top:23px;padding-left:4px}.account-root .ar-mini{margin-left:-4px;width:27px;height:27px;display:grid;place-items:center;border:2px solid var(--ar-bg);border-radius:50%;font-size:10px;font-weight:800;color:var(--ar-card-ink);transform:rotate(-8deg)}.account-root .face-a{background:var(--ar-pink)}.account-root .face-b{background:var(--ar-mint);transform:rotate(7deg)}.account-root .face-c{background:var(--ar-yellow)}.account-root .ar-friends small{font-size:10px;color:var(--ar-muted);margin-left:9px}
.account-root .ar-machine{--screen-bg:#21173b;--screen-ink:#f5eaff;border:2px solid var(--ar-outline);border-radius:22px;padding:19px 19px 23px;background:var(--ar-purple);color:var(--ar-on-purple);box-shadow:7px 8px 0 var(--ar-outline);position:relative;transform:rotate(1deg)}.account-root .ar-machine-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:1px 2px 15px;font-size:10px;letter-spacing:1.5px;font-weight:850}.account-root .ar-machine-top>div{display:flex;align-items:center;gap:7px}.account-root .ar-dot{width:7px;height:7px;border-radius:50%;background:var(--ar-yellow);box-shadow:0 0 0 3px #f9df6830}.account-root .ar-machine-mark{font-size:10px;opacity:.8}.account-root .ar-screen{min-height:324px;border:2px solid var(--ar-outline);border-radius:12px;background:var(--screen-bg);color:var(--screen-ink);padding:15px;box-shadow:inset 0 4px 18px #0c05192e}.account-root .ar-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-root .ar-theme{font-size:10px;letter-spacing:1.3px;color:#c4b4e1;text-align:center;padding:5px 0 10px;font-weight:750}.account-root .ar-cell{border:1px solid #645082;border-bottom:4px solid #10091c;background:#3b2959;color:var(--ar-yellow);min-height:74px;border-radius:8px;font-size:32px;line-height:1;font-weight:850;position:relative;overflow:hidden}.account-root .ar-cell:hover:not(:disabled){background:var(--ar-yellow);color:var(--ar-card-ink);border-color:var(--ar-yellow);transform:translateY(-4px);box-shadow:0 6px 18px #f9df6829}.account-root .ar-cell:active{transform:translateY(0)}.account-root .ar-cell:disabled{color:#9d8ab7;background:#2c2041;border-color:#493859;font-size:23px}.account-root .ar-machine-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 1px 0}.account-root .ar-completed{font-size:10px;line-height:1.5;max-width:210px;font-weight:600}.account-root .ar-random{background:var(--ar-yellow);color:var(--ar-card-ink);border:1px solid var(--ar-outline);border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap;min-height:34px}.account-root .ar-screw{position:absolute;bottom:4px;font-size:10px;color:var(--ar-on-purple);opacity:.6}.account-root .screw-a{left:9px}.account-root .screw-b{right:9px}
.account-root .ar-question{min-height:290px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative;justify-content:center;padding:26px 8px 12px}.account-root .ar-question-tag{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#c4b4e1}.account-root .ar-question h2{font-size:clamp(20px,2.7vw,27px);font-weight:750;line-height:1.3;letter-spacing:-.5px;max-width:330px}.account-root .ar-question-close{position:absolute;right:-4px;top:-8px;background:transparent;border:0;color:#d6c5ed;font-size:22px;padding:0 8px;min-height:30px}.account-root .ar-buzzer{background:var(--ar-yellow);border:2px solid #10091c;border-radius:50%;box-shadow:0 5px 0 #10091c;color:var(--ar-card-ink);width:94px;height:94px;font-size:16px;font-weight:850;line-height:1.1;margin-top:2px}.account-root .ar-buzzer:hover{transform:rotate(-7deg) translateY(-2px)}.account-root .ar-buzzer:active{box-shadow:0 1px 0 #10091c;transform:translateY(4px)}.account-root .ar-screen-button{border:1px solid #75608e;background:#3b2959;color:var(--screen-ink);font-size:12px;font-weight:750;padding:10px 15px;border-radius:9px;min-height:40px}.account-root .ar-screen-button.bright{background:var(--ar-yellow);color:var(--ar-card-ink);border-color:transparent}.account-root .ar-answer{color:var(--ar-mint);font-size:26px;font-weight:850;line-height:1.15;letter-spacing:-.6px}.account-root .ar-question small{font-size:10px;color:#c4b4e1}.account-root .ar-screen.flash{animation:ar-hit .35s ease-out}@keyframes ar-hit{0%{box-shadow:0 0 0 5px var(--ar-yellow)}100%{box-shadow:0 0 0 0 transparent}}
.account-root .ar-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.account-root .ar-kicker{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--ar-muted);margin:0 0 8px}.account-root .ar-section-heading h2{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.2}.account-root .ar-text-button{border:0;background:transparent;color:var(--ar-muted);font-size:12px;font-weight:700;padding:10px 0;white-space:nowrap}.account-root .ar-text-button span{margin-left:8px}.account-root .ar-packs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.account-root .ar-pack{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--ar-line);background:var(--ar-surface);border-radius:var(--ar-radius);overflow:hidden;min-width:0}.account-root .ar-pack:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 8px 0 var(--ar-outline)}.account-root .ar-cover{background:var(--ar-yellow);color:var(--ar-card-ink);padding:20px;min-height:202px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;width:100%;position:relative;overflow:hidden}.account-root .pack-pink .ar-cover{background:var(--ar-pink)}.account-root .ar-cover:after{content:'?';position:absolute;right:-9px;bottom:-18px;font-size:150px;font-weight:850;line-height:1;opacity:.09;transform:rotate(-15deg)}.account-root .pack-pink .ar-cover:after{content:'★';font-size:130px}.account-root .ar-cover-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-root .ar-cover-top>span{font-size:10px;font-weight:800;letter-spacing:1px}.account-root .ar-cover-top>b{font-size:25px;line-height:1}.account-root .ar-cover h3{font-size:34px;font-weight:850;line-height:1.03;letter-spacing:-1.5px;position:relative;z-index:1}.account-root .ar-cover-stamp{font-size:10px;letter-spacing:.8px;font-weight:750}.account-root .ar-pack-foot{padding:16px 17px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:750}.account-root .ar-pack-foot small{display:block;font-size:10px;font-weight:500;color:var(--ar-muted);margin-top:4px}.account-root .ar-arrow{width:29px;height:29px;display:grid;place-items:center;background:var(--ar-purple);color:var(--ar-on-purple);border-radius:50%;font-size:17px;flex:none}
.account-root .ar-create-pack{border:1px dashed var(--ar-line);border-radius:var(--ar-radius);padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-content:space-between}.account-root .ar-plus{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:var(--ar-mint);color:var(--ar-card-ink);font-size:28px;line-height:1;transform:rotate(7deg);border:1px solid var(--ar-outline);box-shadow:2px 2px 0 var(--ar-outline)}.account-root .ar-create-pack h3{font-size:25px;line-height:1.1;font-weight:800;letter-spacing:-.6px}.account-root .ar-create-pack p{font-size:12px;color:var(--ar-muted);line-height:1.7;margin-top:12px}.account-root .ar-author-actions{display:flex;gap:10px;flex-wrap:wrap}.account-root .ar-author-actions button{border:0;background:transparent;color:var(--ar-ink);padding:4px 0;font-size:10px;font-weight:750;min-height:30px}.account-root footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;border-top:1px solid var(--ar-line)}.account-root footer b{font-size:12px;line-height:1.4;font-weight:750}.account-root footer>span{font-size:10px;letter-spacing:1.3px;color:var(--ar-muted)}.account-root footer i{color:var(--ar-purple);font-style:normal;margin:0 8px;font-size:18px}
@media(min-width:1200px){.account-root .ar-intro h1{font-size:88px}.account-root .ar-screen{min-height:350px}.account-root .ar-cell{min-height:82px}.account-root .ar-question{min-height:316px}}
@media(max-width:760px){.account-root .ar-header{padding:19px 22px;gap:15px}.account-root main{padding:30px 22px}.account-root .ar-hero{grid-template-columns:.9fr 1.1fr;gap:22px}.account-root .ar-intro h1{font-size:59px;letter-spacing:-3px}.account-root .ar-machine{padding:15px 13px 20px;border-radius:18px;box-shadow:5px 6px 0 var(--ar-outline)}.account-root .ar-machine-top{font-size:10px;letter-spacing:1px}.account-root .ar-machine-mark{display:none}.account-root .ar-screen{padding:10px;min-height:288px}.account-root .ar-theme{font-size:10px}.account-root .ar-cell{min-height:65px;font-size:27px}.account-root .ar-board{gap:6px}.account-root .ar-completed{font-size:10px;max-width:150px}.account-root .ar-random{font-size:10px;padding:7px}.account-root .ar-question{min-height:264px;padding:20px 2px 8px}.account-root .ar-question h2{font-size:21px}.account-root .ar-question-close{right:-3px;top:-5px}.account-root .ar-intro>p{font-size:12px}.account-root .ar-primary,.account-root .ar-secondary{font-size:12px;padding:11px 13px}.account-root .ar-cover{padding:15px;min-height:185px}.account-root .ar-cover h3{font-size:29px}.account-root .ar-cover-top>span{font-size:10px}.account-root .ar-cover-stamp{font-size:10px}.account-root .ar-create-pack{padding:17px}.account-root .ar-create-pack h3{font-size:22px}.account-root .ar-section-heading h2{font-size:24px}.account-root .ar-packs{gap:13px}}
@media(max-width:560px){.account-root .ar-header{flex-wrap:wrap;padding:16px 18px}.account-root .ar-logo{font-size:27px}.account-root .ar-profile{margin-left:auto}.account-root nav{order:3;flex-basis:100%;justify-content:flex-start}.account-root nav button{padding:9px 14px;font-size:12px}.account-root main{padding:26px 18px}.account-root .ar-hero{grid-template-columns:1fr;gap:32px;margin-bottom:35px}.account-root .ar-intro h1{font-size:68px;letter-spacing:-3px}.account-root .ar-intro h1 br:nth-of-type(2){display:none}.account-root .ar-intro h1>span{margin-left:9px}.account-root .ar-overline{margin-bottom:21px;font-size:10px;max-width:285px}.account-root .ar-intro>p{font-size:14px;margin-top:24px}.account-root .ar-machine{transform:none;max-width:430px;width:100%;justify-self:center}.account-root .ar-cell{min-height:72px;font-size:30px}.account-root .ar-screen{min-height:308px}.account-root .ar-question{min-height:284px}.account-root .ar-machine-top{font-size:10px}.account-root .ar-completed{font-size:10px;max-width:none}.account-root .ar-packs{grid-template-columns:1fr 1fr;gap:13px}.account-root .ar-cover{min-height:190px;padding:15px}.account-root .ar-cover h3{font-size:31px}.account-root .ar-create-pack{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;padding:20px}.account-root .ar-author-actions{grid-column:2}.account-root .ar-create-pack h3{font-size:24px}.account-root .ar-create-pack h3 br{display:none}.account-root .ar-create-pack p{margin-top:8px}.account-root .ar-create-pack p br{display:none}.account-root .ar-section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.account-root .ar-section-heading h2{font-size:26px}.account-root footer{padding:22px 18px;flex-wrap:wrap}.account-root .ar-overlay{padding-top:50px}}
@media(max-width:360px){.account-root .ar-intro h1{font-size:59px}.account-root .ar-packs{grid-template-columns:1fr}.account-root .ar-cover{min-height:190px}.account-root .ar-create-pack{grid-column:auto}.account-root .ar-cell{min-height:65px;font-size:27px}}
@media(prefers-reduced-motion:reduce){.account-root *{animation:none!important;transition:none!important}}
/* Account hero CTAs use the real forms; the board is a local sample only. */
.account-root .ar-hero{margin-top:28px;margin-bottom:48px}.account-root .ar-intro h1{margin:0}
.account-root .ar-intro h1>span{margin-top:8px}.account-root .ar-friends{padding-left:0;gap:6px}.account-root .ar-friends small{font-size:12px;margin:0;color:var(--muted)}
.account-root .ar-intro .ar-main-actions .button{min-height:48px;padding:12px 17px;font-weight:800}
.account-root .ar-main-actions .ar-primary{background:var(--gold);color:var(--accent-ink)}
.ar-warmup-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.account-root .ar-machine .ar-cell:disabled{opacity:1}.account-root .ar-machine .ar-random:disabled{opacity:.55}
.account-root .account-pack.ar-pack{box-shadow:none;border-width:1px;border-color:var(--line);background:var(--panel);border-radius:18px}
.account-root .account-pack .ar-cover{color:var(--card-ink)}.account-root .account-pack.pack-yellow .ar-cover{background:var(--yellow)}.account-root .account-pack.pack-pink .ar-cover{background:var(--pink)}.account-root .account-pack.pack-mint .ar-cover{background:var(--mint)}
.account-root .account-pack .ar-pack-foot{display:flex;flex-direction:column;align-items:stretch;font-weight:400;padding:20px;gap:18px;flex:1;min-height:135px}
.account-root .account-pack .ar-pack-foot strong{font-weight:750;font-size:15px}.account-root .account-pack .ar-cover h3{font-size:clamp(27px,3vw,37px);font-family:var(--font);font-weight:850}
.account-root .ar-create-pack{min-height:310px;align-items:flex-start}.account-root .ar-create-pack .ar-author-actions{margin-top:16px;column-gap:24px;row-gap:12px}
.account-root .account-play-recommendations{margin-top:30px}.account-root .account-section-top h2{font-size:27px;font-weight:800;letter-spacing:-.9px}
.account-root .ar-action-panel{max-width:760px;margin:0 auto 32px;scroll-margin-top:20px}.account-root .ar-action-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}
.account-root .ar-action-panel .account-card{min-height:0}.account-root .ar-auth-section{max-width:620px;margin:40px auto 8px;scroll-margin-top:24px}.account-root .ar-guest-heading .button{margin-left:auto}.account-root .ar-auth-section .account-auth-card{width:100%;max-width:none}
@media(max-width:760px){.account-root .ar-machine{transform:none}.account-root .ar-hero{gap:25px}.account-root .ar-intro h1{font-size:clamp(48px,7vw,68px);letter-spacing:-2.5px}}
@media(max-width:560px){.account-root .ar-intro h1{font-size:clamp(52px,12vw,68px)}.account-root .ar-intro h1 br:nth-of-type(2){display:initial}.account-root .ar-intro h1>span{margin-left:0}.account-root .account-pack .ar-pack-foot{padding:18px}.account-root .ar-create-pack{display:flex;min-height:250px}.account-root .ar-auth-section{margin-top:30px}.account-root .ar-action-toolbar{flex-wrap:wrap}.account-root .account-section-top h2{font-size:25px}}
.account-root .ar-create-pack .ar-author-actions .button{font-size:12px;min-height:40px;padding:6px 0;color:var(--ink)}