.home-account-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin:0 0 9px}
.home-account-line>span{font-size:14px;font-weight:750;color:#dfbd83;letter-spacing:.08em}
.account-open{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 12px;background:#211c29;border:1px solid #89724b;border-radius:9px;font-size:14px;color:#ffe6b8}
.account-open svg{width:18px;height:18px;flex:none}.account-open span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account-dialog{width:calc(100% - 28px);max-width:430px;max-height:calc(100dvh - 28px);margin:auto;padding:24px;border:1px solid #96774d;border-radius:18px;background:linear-gradient(150deg,#302338,#17151f 65%);color:#fff0d7;box-shadow:0 24px 80px #0009;overflow:auto}
#account-dialog::backdrop{background:#09080bc9;backdrop-filter:blur(5px)}
#account-dialog [hidden]{display:none!important}#account-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#account-dialog header p{margin:0 0 3px;font-size:13px;letter-spacing:.12em;color:#d6b780}#account-dialog h2{font-size:24px;line-height:1.3;margin:0;color:#ffe6b1}
#account-close{min-height:44px;min-width:44px;padding:6px;background:transparent;border-color:#77654c;font-size:24px}
#account-dialog fieldset{padding:0;border:0;margin:0;min-width:0}#account-dialog label{display:block;font-size:14px;color:#d6cbdc;margin:12px 0 6px}
#account-dialog input:not([type=checkbox]){width:100%;height:48px;font-size:16px;border:1px solid #75634f;background:#15131c;color:#fff3dd;border-radius:9px;padding:10px 12px}
#account-dialog input:focus-visible{outline:2px solid #efc878;outline-offset:2px}
.account-modes{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:4px;padding:4px;background:#14121b;border-radius:10px;margin-bottom:18px}
.account-modes button{border:0;min-height:42px;border-radius:7px;background:transparent;color:#bdafc4;font-size:15px}
.account-modes button[aria-pressed=true]{background:#443323;color:#ffe4b1}
.account-password{display:flex;position:relative}.account-password input{padding-right:66px!important}#account-show-password{position:absolute;right:3px;top:3px;bottom:3px;border:0;background:transparent;color:#d2bea0;padding:6px 10px;font-size:14px}
#account-dialog .account-hint{font-size:13px;line-height:1.6;color:#bcb0c6;margin:6px 0 0}
#account-submit{width:100%;min-height:48px;margin-top:18px;font-size:16px;border-radius:9px}
#account-forgot,#account-back{display:block;margin:12px auto 0;background:transparent;border:0;color:#d8c3a5;min-height:40px;font-size:14px}
#account-status,#account-error{font-size:14px;line-height:1.65;overflow-wrap:anywhere;margin:14px 0 0}#account-status:empty,#account-error:empty{display:none}#account-status{color:#dec897}#account-error{color:#ffbcb8}
#account-unavailable{padding:16px;border:1px solid #746049;border-radius:10px;background:#241e2c;color:#ded0e5;line-height:1.65;font-size:15px;margin-bottom:15px}
#account-unavailable p{margin:0}#account-unavailable button{margin-top:12px;min-height:40px}
.account-person{display:flex;align-items:center;gap:14px;padding:5px 0 20px;border-bottom:1px solid #6e594660;margin-bottom:16px}
.account-avatar{display:block;flex:none;width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid #89724b;background:#17151e}
.account-person>div{min-width:0}.account-person strong{display:block;font-size:20px;color:#ffe7bb;overflow-wrap:anywhere}#account-email{font-size:14px;color:#c1b3c9;overflow-wrap:anywhere;margin:3px 0}
#account-verified{font-size:13px;color:#dfc390}.account-verify-box{padding:13px;background:#2d2332;border-radius:10px;font-size:14px;margin-bottom:14px}.account-verify-box p{margin:0 0 10px}.account-verify-box>div{display:flex;gap:8px;flex-wrap:wrap}.account-verify-box button{min-height:42px;font-size:14px;padding:8px 10px}
.account-profile-actions{display:grid;gap:10px}.account-profile-actions>button{min-height:44px;font-size:15px}
.account-info{margin-top:18px;border-top:1px solid #66544766;padding-top:12px;font-size:13px;color:#bdafc7;line-height:1.65}.account-info summary{cursor:pointer;color:#d5c3ac;min-height:32px}.account-info p{margin:6px 0}
#account-delete-open{color:#d6a6ad;background:transparent;border:0;margin:15px auto 0;display:block;min-height:40px;font-size:14px}
#account-delete-confirm{border:1px solid #9b6671;background:#2c202a;padding:14px;border-radius:10px;margin-top:16px;font-size:14px;line-height:1.65}#account-delete-confirm p{margin:0 0 12px}#account-delete-confirm>div{display:flex;gap:8px}#account-delete{background:#723d4c;border-color:#b27581}
#account-dialog :disabled{opacity:.45}#account-dialog :focus-visible{outline-color:#ffdda0}
@media(max-width:480px){#account-dialog{padding:20px}.home-account-line{margin-bottom:6px}.account-open{min-height:36px;padding:5px 10px}}
@media(max-height:650px){#account-dialog{padding:16px}.home-account-line{margin-bottom:4px}.home-account-line>span{font-size:13px}}
.account-privacy-copy{max-height:164px;overflow:auto;overscroll-behavior:contain;border:1px solid #806b4e;border-radius:10px;background:#1b1722;padding:14px;font-size:14px;line-height:1.65;color:#dcd2e0}.account-privacy-copy h3{margin:0 0 10px;font-size:16px;color:#f5d59c}.account-privacy-copy p{margin:8px 0}#account-dialog .account-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:12px 0 18px;color:#eddfc8;cursor:pointer}#account-consent{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#e9c47f}#account-dialog .account-persistence{margin-top:16px;color:#e3c48f}#account-restoring{padding:16px;border:1px solid #806b4e;background:#211b2a;border-radius:10px;line-height:1.65}#account-restoring p{margin:0 0 12px}.account-modes button{padding:8px 3px;white-space:normal}

.community-author{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;color:#f2d396}.community-avatar{width:36px;height:36px;min-width:36px;flex:none;object-fit:cover;border-radius:50%;border:1px solid #987e51;background:#17151e}.community-author strong{overflow-wrap:anywhere;min-width:0}.rp-public-author{margin:8px 0 12px;font-size:15px}

/* Profile editing and account management share the profile dashboard. */
#brand-warning{display:none}
#brand-name-input:focus + #brand-warning{display:block}
#brand-dialog #brand-form>label{font-size:16px;margin:14px 0 8px}
#brand-dialog .brand-photo-row{align-items:center;gap:12px}
#brand-dialog #brand-preview{flex:none;width:80px;height:80px}
#brand-dialog #brand-photo-input{min-width:0;height:auto;font-size:14px;padding:10px 6px}
#brand-dialog .brand-actions{gap:8px;flex-wrap:wrap}
#brand-dialog .brand-actions button{min-height:44px;font-size:16px;padding:10px 14px}

/* A compact QR shortcut beside the account identity. */
#account-dialog .account-person{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px}
#account-qr-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:88px;min-height:72px;padding:10px 6px;font-size:13px;line-height:1.3;border-radius:10px}
#account-qr-open svg{width:24px;height:24px;flex:none}
#account-qr-open span{white-space:nowrap}
#account-qr-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:380px;max-height:calc(100dvh - 24px);margin:auto;padding:20px;overflow:auto;border:1px solid #96774d;border-radius:18px;background:#211c29;color:#fff0d7;overscroll-behavior:contain}
#account-qr-dialog::backdrop{background:#09080bcc;backdrop-filter:blur(5px)}
#account-qr-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#account-qr-title{margin:0;font-size:22px;line-height:1.3;color:#ffe6b1}
#account-qr-close{min-width:44px;min-height:44px;padding:6px;font-size:24px}
#account-qr-dialog>img{display:block;width:min(100%,calc(100dvh - 140px));height:auto;aspect-ratio:1;object-fit:contain;background:#fff;margin-inline:auto}
@media(max-width:359px){#account-dialog .account-person{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}#account-dialog .account-avatar{width:40px;height:40px;font-size:21px}#account-qr-open{min-width:78px;padding:8px 4px;font-size:12px}#account-qr-dialog{padding:16px}}
#brand-dialog .brand-tier-guide{margin-top:16px;padding:0 14px;border:1px solid #776345;border-radius:10px;background:#1e1926;text-align:left}
#brand-dialog .brand-tier-guide summary{display:list-item;min-height:48px;padding:12px 0;cursor:pointer;color:#ffe2a4;font-size:16px;font-weight:700;line-height:24px}
#brand-dialog .brand-tier-guide summary:focus-visible{outline:2px solid #ffe2a4;outline-offset:3px;border-radius:4px}
#brand-dialog .brand-tier-guide p{margin:0 0 12px;font-size:14px;line-height:1.65;color:#d5cbdc;word-break:keep-all;overflow-wrap:anywhere}
#brand-dialog .brand-tier-guide dl{margin:0 0 14px}
#brand-dialog .brand-tier-guide dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #68553d66;font-size:15px;line-height:1.4}
#brand-dialog .brand-tier-guide dt{font-weight:700}
#brand-dialog .brand-tier-guide dd{margin:0;color:#f5ead7;white-space:nowrap;font-variant-numeric:tabular-nums}
#brand-dialog .brand-tier-guide a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;color:#ffe2a4;font-size:15px;text-decoration:underline;text-underline-offset:3px}

#account-dialog .account-share-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#account-referral-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:78px;min-height:72px;padding:10px 6px;font-size:13px;line-height:1.3;border-radius:10px}
#account-referral-open svg{width:24px;height:24px;flex:none}#account-referral-open span{white-space:nowrap}
@media(max-width:600px){#account-dialog .account-person{grid-template-columns:52px minmax(0,1fr)}#account-dialog .account-share-actions{grid-column:1/-1;justify-content:flex-end;margin-top:4px}#account-dialog .account-share-actions button{min-width:96px}}
@media(max-width:359px){#account-dialog .account-person{grid-template-columns:40px minmax(0,1fr)}}

#brand-dialog .brand-crop-panel{margin:16px 0 10px;padding:14px;border:1px solid #92754766;border-radius:12px;background:#18141e}
#brand-dialog .brand-crop-panel[hidden]{display:none!important}
.brand-crop-heading,.brand-crop-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-crop-heading{margin-bottom:12px}.brand-crop-heading strong{font-size:16px;color:#ffe0a2}
#brand-dialog #brand-crop-reset{min-height:36px;padding:6px 10px;font-size:13px}
.brand-crop-stage{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto;overflow:hidden;border:1px solid #c7a468;border-radius:10px;background:#24212b;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.brand-crop-stage:active{cursor:grabbing}.brand-crop-stage:focus-visible{outline:2px solid #ffe1a2;outline-offset:3px}.brand-crop-stage[aria-disabled="true"]{pointer-events:none;opacity:.65}
.brand-crop-stage canvas{display:block;width:100%;height:100%}.brand-crop-circle{position:absolute;inset:1px;border-radius:50%;border:1px dashed #ffffff70;pointer-events:none}
#brand-crop-hint{font-size:12px;line-height:1.5;text-align:center;color:#c6b8ce;margin:10px 0 14px}
.brand-crop-label{font-size:14px;color:#eee1ce}.brand-crop-label output{font-variant-numeric:tabular-nums;color:#ffe0a2}
.brand-crop-zoom{display:flex;align-items:center;gap:12px;margin-top:4px}
#brand-dialog .brand-crop-zoom button{width:40px;min-width:40px;height:40px;padding:4px;font-size:21px;line-height:1}
#brand-dialog #brand-crop-zoom{flex:1;min-width:0;width:auto;height:44px;padding:0;border:0;background:transparent;accent-color:#e9c17a;touch-action:pan-y}
#brand-dialog .brand-crop-panel :disabled{opacity:.45}
@media(max-width:380px){#brand-dialog .brand-crop-panel{padding:10px}.brand-crop-zoom{gap:8px}}

#brand-dialog .profile-name-row{display:flex;align-items:center;gap:8px;min-width:0}
#brand-dialog .profile-name-row h2{min-width:0;margin:0;overflow-wrap:anywhere}
#brand-dialog .profile-edit-pencil{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;min-height:36px;padding:7px;border:1px solid #89724b80;border-radius:9px;background:#241e2b;color:#e9c98b}
#brand-dialog .profile-edit-pencil svg{display:block;flex:none}
#brand-dialog .profile-edit-pencil[aria-expanded=true]{background:#493822;border-color:#c3a36a}
#brand-dialog .profile-edit-panel{margin-top:12px;border:1px solid #77634580;border-radius:14px;background:#221b2a;padding:0 18px}
#brand-dialog .profile-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0 0}
#brand-dialog .profile-editor-heading h3{font-size:17px;margin:0}
#brand-dialog .profile-editor-heading button{min-height:36px;padding:6px 10px;font-size:14px}

/* The account window stays separate from appearance and rewards. */
[data-account-open][hidden]{display:none!important}
#account-dialog{line-height:1.55;overscroll-behavior:contain}
#account-dialog header{margin-bottom:16px}
#account-dialog .account-person{grid-template-columns:52px minmax(0,1fr);gap:10px 12px;padding:0 0 14px;margin-bottom:14px}
#account-dialog .account-person strong{font-size:19px;line-height:1.4}
#account-dialog .account-person .account-share-actions{grid-column:1/-1;justify-content:flex-end;margin:0;gap:8px}
#account-dialog .account-share-actions button{min-height:40px;padding:8px 10px;font-size:13px;line-height:1.35}
#account-dialog #account-email{margin:4px 0;font-size:14px;line-height:1.5}
#account-dialog .account-profile-actions{display:flex;flex-wrap:wrap;gap:8px}
#account-dialog .account-profile-actions>button{flex:1 1 100px;padding:10px 12px;line-height:1.4}
#account-dialog #account-tutorial-open{flex-grow:2;flex-basis:160px}
#account-dialog .account-info h3{font-size:14px;line-height:1.4;margin:0 0 6px}
#account-dialog :is(.account-hint,.account-verify-box p,.account-info p,#account-delete-confirm p){word-break:keep-all;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:359px){#account-dialog .account-person{grid-template-columns:44px minmax(0,1fr)}#account-dialog .account-avatar{width:44px;height:44px}}

.members-dialog{width:min(760px,calc(100vw - 28px));max-height:88dvh;overflow:auto;border:1px solid #a68b5a;border-radius:18px;padding:24px;background:#201a28;color:#f4ecdd}.members-dialog::backdrop{background:#08060cbf}.members-dialog [hidden]{display:none!important}.members-dialog button,.members-dialog input{font:inherit;min-height:44px;border:1px solid #806746;border-radius:9px;background:#16121c;color:#f2d69d;padding:8px 14px}.members-dialog button{cursor:pointer}.members-dialog button:disabled{opacity:.5;cursor:default}.members-dialog h2,.members-dialog p{margin:0}.members-heading,.members-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.members-heading h2{font-size:24px}.members-toolbar{margin:18px 0;font-size:15px}.members-search{display:flex;gap:10px;margin:16px 0}.members-search input{flex:1;min-width:0;color:#f4ecdd}.members-search button{flex-shrink:0}.members-dialog [role=status]{font-size:14px;color:#e6c590;margin:12px 0}.members-dialog [role=status]:empty{display:none}.members-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #68516e5c;padding:15px 0}.members-row img{flex-shrink:0;width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #796345}.members-identity{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}.members-identity>strong{font-size:17px}.members-tier{font-size:13px;color:var(--members-tier,#b8a8c4)}.members-meta{display:grid;text-align:right;gap:3px;white-space:nowrap;color:#f1d69c}.members-meta small{font-size:12px;color:#b8a8c4}.members-dialog #members-more{display:block;margin:18px auto 0}.members-dialog :focus-visible{outline:2px solid #f6d494;outline-offset:3px}@media(max-width:520px){.members-dialog{padding:18px}.members-heading h2{font-size:22px}.members-row{gap:10px}.members-identity>strong{font-size:16px}.members-meta{font-size:14px}}

#regulars-tutorial{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-width:520px;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #a88a58;border-radius:22px;background:linear-gradient(145deg,#302339,#1b1823 70%);color:#f8efdf;box-shadow:0 24px 90px #000a;font:16px/1.55 system-ui,-apple-system,sans-serif;overflow:hidden}
#regulars-tutorial::backdrop{background:#09070dd4;backdrop-filter:blur(5px)}
#regulars-tutorial *{box-sizing:border-box}#regulars-tutorial [hidden]{display:none!important}
#regulars-tutorial .tutorial-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 26px)}
#regulars-tutorial .tutorial-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:20px 24px 14px;border-bottom:1px solid #ad8a5433}
#regulars-tutorial .tutorial-brand{display:block;color:#edca83;font-size:11px;font-weight:800;letter-spacing:.2em}
#regulars-tutorial .tutorial-header p{margin:2px 0 0;font-size:17px;font-weight:750}
#regulars-tutorial button{min-height:46px;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;border:1px solid #89704e;background:transparent;color:#f4dfb6;cursor:pointer;touch-action:manipulation}
#regulars-tutorial #tutorial-skip{flex:none;padding:8px 10px;border:0;color:#cbbdd3;font-size:14px}
#regulars-tutorial :focus-visible{outline:2px solid #ffe1a1;outline-offset:3px}
#regulars-tutorial #tutorial-heading:focus{outline:none}
#regulars-tutorial .tutorial-scroll{overflow:auto;overscroll-behavior:contain;padding:18px 24px 4px;min-height:0}
#regulars-tutorial .tutorial-visual{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:156px;margin:0 0 20px;padding:20px 12px;border-radius:16px;border:1px solid #ae8b4638;background:radial-gradient(ellipse at 50% 40%,#85652c40,transparent 75%),#17151f;color:#f1d49a;overflow:hidden}
#regulars-tutorial .tutorial-feature-icon:empty{display:none}
#regulars-tutorial .tutorial-feature-icon svg{display:block;width:60px;height:60px;stroke-width:1.25}
#regulars-tutorial #tutorial-visual-label{font-size:14px;font-weight:700;letter-spacing:.02em}
#regulars-tutorial .tutorial-visual-line{position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,#f2d08b,transparent)}
#regulars-tutorial #tutorial-kicker{margin:0 0 8px;color:#e6bc76;font-size:13px;font-weight:750;letter-spacing:.06em}
#regulars-tutorial h2{margin:0;color:#ffe7b6;font-size:clamp(22px,5.8vw,27px);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
#regulars-tutorial #tutorial-copy{margin:12px 0 18px;color:#ded2e3;font-size:16px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
#regulars-tutorial ol{list-style:none;counter-reset:tutorial-step;margin:0;padding:0;display:grid;gap:12px}
#regulars-tutorial li{counter-increment:tutorial-step;display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
#regulars-tutorial li:before{content:counter(tutorial-step);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#ad854e26;color:#efd29b;font-size:12px;font-weight:800}
#regulars-tutorial #tutorial-tip{margin:18px 0 0;padding:12px 14px;border-left:2px solid #bc9454;background:#ba96540c;color:#d6bd96;border-radius:0 8px 8px 0;font-size:14px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
#regulars-tutorial #tutorial-verification,#regulars-tutorial #tutorial-warning{margin:12px 0 0;font-size:13px;line-height:1.6;color:#ddc5e5}
#regulars-tutorial #tutorial-warning{color:#ffcbab}
#regulars-tutorial .tutorial-nav-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:20px 0 14px;padding:6px;border:1px solid #8d734838;border-radius:12px;background:#15121d}
#regulars-tutorial .tutorial-nav-preview>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 2px;color:#ab9db8;border-radius:8px;font-size:11px;white-space:nowrap}
#regulars-tutorial .tutorial-nav-preview svg{width:22px;height:22px}
#regulars-tutorial .tutorial-nav-preview .active{background:#76542566;color:#ffe0a1}
#regulars-tutorial .tutorial-footer{display:block;flex:none;padding:14px 24px max(20px,env(safe-area-inset-bottom));background:#1b1723;border-top:1px solid #ad8a5433}
#regulars-tutorial .tutorial-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#c9b6d2;font-size:13px;font-variant-numeric:tabular-nums}
#regulars-tutorial .tutorial-dots{display:flex;gap:6px}#regulars-tutorial .tutorial-dots span{width:6px;height:6px;border-radius:8px;background:#66576e}#regulars-tutorial .tutorial-dots .active{width:20px;background:#edc885}
#regulars-tutorial .tutorial-actions{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px}
#regulars-tutorial #tutorial-next{background:linear-gradient(110deg,#ffe3a2,#e8b863);border-color:#efce89;color:#302113}
#regulars-tutorial button:disabled{opacity:.35;cursor:default}
@media(max-width:360px){#regulars-tutorial .tutorial-header{padding:16px 16px 12px}#regulars-tutorial .tutorial-scroll{padding:14px 16px 0}#regulars-tutorial .tutorial-footer{padding:12px 16px 16px}#regulars-tutorial .tutorial-actions{grid-template-columns:68px minmax(0,1fr)}#regulars-tutorial button{padding-inline:10px}}
@media(max-height:740px){#regulars-tutorial .tutorial-visual{min-height:112px;padding:14px;margin-bottom:16px;gap:8px}#regulars-tutorial .tutorial-feature-icon svg{width:42px;height:42px}}