.account-avatar { position:relative; flex-shrink:0; display:grid; place-items:center; width:36px; height:36px; overflow:hidden; border-radius:50%; border:1px solid var(--line-bright); background:linear-gradient(145deg,#dccc8d,#3d1e27); color:#ffffff; font-size:16px; font-weight:800; text-transform:uppercase; }
.account-avatar > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.account-avatar > img[hidden] { display:none; }
.account-dropdown { position:relative; }
.account-dropdown > summary { display:flex; align-items:center; gap:8px; list-style:none; cursor:pointer; color:var(--text-strong); border-radius:24px; }
.account-dropdown > summary::-webkit-details-marker { display:none; }
.account-trigger-name { max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:800; }
.account-dropdown-arrow { color:var(--accent-soft); font-size:16px; }
.account-dropdown-panel { position:absolute; z-index:90; inset-inline-end:0; top:calc(100% + 10px); width:280px; max-width:calc(100vw - 24px); max-height:calc(100dvh - var(--header-height) - 24px); overflow:auto; border:1px solid var(--line-bright); border-radius:14px; background:var(--panel); box-shadow:0 18px 55px #0006; }
.account-dropdown::after { content:''; position:absolute; top:100%; height:12px; width:100%; }
.account-dropdown:not([open]) .account-dropdown-panel { display:none; }
.account-dropdown-identity { display:flex; align-items:center; gap:12px; padding:18px; border-bottom:1px solid var(--line); }
.account-dropdown-identity-copy { min-width:0; }
.account-dropdown-identity strong { display:block; color:var(--text-strong); font-size:14px; overflow-wrap:anywhere; }
.account-dropdown-identity small { display:block; margin-top:4px; color:var(--text-soft); font-size:11px; }
.account-dropdown-identity .playtime-badge-header { margin-inline-start:auto; width:30px; height:30px; flex:none; cursor:help; }
.account-dropdown-identity .playtime-badge-header img { width:30px; height:30px; }
.profile-information-grid .contact-value { display:flex; align-items:center; flex-wrap:wrap; gap:8px; text-align:start; font-variant-numeric:tabular-nums; }
.contact-country-code { flex:none; padding:3px 6px; border:1px solid var(--line-bright); border-radius:5px; color:var(--accent-soft); font-size:11px; font-weight:800; }
.account-dropdown-panel nav { display:grid; gap:3px; padding:8px; }
.account-dropdown-panel nav a,.account-dropdown-panel form button { display:flex; align-items:center; gap:10px; min-height:39px; padding:9px 11px; color:var(--text-soft); border:0; border-radius:7px; font-size:12px; font-weight:650; background:transparent; text-align:start; }
.account-dropdown-panel nav a:hover,.account-dropdown-panel nav a:focus-visible,.account-dropdown-panel form button:hover { color:var(--text-strong); background:var(--row-hover); }
.account-dropdown-panel .account-icon { width:18px; height:18px; flex-shrink:0; color:var(--accent-soft); }
.account-dropdown-panel form { border-top:1px solid var(--line); padding:8px; }
.account-dropdown-panel form button { width:100%; cursor:pointer; color:#ffc8b0; }
.account-dropdown summary:focus-visible { outline:2px solid var(--accent-soft); outline-offset:4px; }
.profile-hero-compact.page-hero { min-height:0; padding:calc(var(--header-height) + 28px) max(24px,calc((100vw - 1320px)/2)) 22px; }
.profile-hero-compact .page-hero-copy { max-width:100%; }
.profile-hero-compact.page-hero h1 { font-size:clamp(24px,3vw,32px); line-height:1.25; letter-spacing:0; text-transform:none; }
.profile-hero-compact.page-hero p:last-child { max-width:none; margin:7px 0 0; font-size:13px; line-height:1.6; }
.account-avatar-edit { position:relative; display:inline-grid; flex-shrink:0; border-radius:50%; }
.account-avatar-pencil { position:absolute; inset:0; display:grid; place-items:center; border-radius:50%; background:#060c18ad; opacity:0; transition:opacity .15s ease; pointer-events:none; }
.account-avatar-edit .account-avatar-pencil .account-icon { width:17px; height:17px; color:#ffffff; }
.account-avatar-edit:hover .account-avatar-pencil,.account-avatar-edit:focus-visible .account-avatar-pencil { opacity:1; }
.account-avatar-edit:focus-visible { outline:2px solid var(--accent-soft); outline-offset:3px; }
.account-balance-list dt { display:flex; align-items:center; gap:9px; }
.account-balance-list dt .account-icon { width:17px; height:17px; flex-shrink:0; color:var(--accent-soft); }
.account-avatar-editor { display:flex; align-items:flex-start; gap:22px; border-top:1px solid var(--line); margin-top:26px; padding-top:26px; }
.account-avatar-current .account-avatar { width:86px; height:86px; font-size:35px; }
.account-avatar-copy { flex:1; min-width:0; }
.account-avatar-copy h3 { margin:0 0 8px; color:var(--text-strong); font-size:18px; }
.account-avatar-copy p { margin:0 0 16px; font-size:12px; color:var(--text-soft); line-height:1.6; }
.account-avatar-copy form { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.account-avatar-copy input[type="file"] { width:280px; max-width:100%; color:var(--text-soft); font-size:12px; }
.account-avatar-copy input::file-selector-button { margin-inline-end:10px; padding:9px 12px; border:1px solid var(--line-bright); border-radius:7px; background:var(--panel-strong); color:var(--text-strong); cursor:pointer; }
.account-avatar-copy button { display:flex; align-items:center; gap:8px; }
.account-avatar-copy button .account-icon { width:17px; height:17px; }
.account-games-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:25px; }
.account-game-card { position:relative; padding:24px; border:1px solid var(--line-bright); border-radius:16px; background:radial-gradient(ellipse at 0 0,rgba(244,132,112,0.125),transparent 80%),var(--panel-strong); }
.account-game-lottery { background:radial-gradient(ellipse at 0 0,rgba(250,253,234,0.161),transparent 80%),var(--panel-strong); }
.account-game-icon { display:grid; place-items:center; width:58px; height:58px; color:#fb9687; background:rgba(251,150,135,0.082); border:1px solid rgba(251,150,135,0.184); border-radius:16px; }
.account-game-lottery .account-game-icon { color:#ffffff; background:rgba(255,255,255,0.082); border-color:rgba(255,255,255,0.184); }
.account-game-icon .account-icon { width:32px; height:32px; }
.account-game-status { position:absolute; inset-inline-end:20px; top:24px; color:var(--text-soft); font-size:10px; border:1px solid var(--line); border-radius:20px; padding:5px 9px; }
.account-game-card h3 { margin:22px 0 10px; font-size:23px; color:var(--text-strong); }
.account-game-card p { color:var(--text-soft); font-size:13px; line-height:1.7; }
.account-game-card button { border:1px solid var(--line); border-radius:8px; padding:10px 14px; margin-top:15px; color:var(--muted); background:var(--panel); font-weight:700; }
.account-market-panel > .account-icon { width:48px; height:48px; color:var(--accent-soft); margin-bottom:20px; }
.account-market-panel p { color:var(--text-soft); font-size:14px; line-height:1.7; }
@media (min-width:1181px) and (max-width:1500px) { .site-header { gap:20px; } .main-nav { gap:12px; } .main-nav a { font-size:12px; } .account-trigger-name { max-width:80px; } }
@media (max-width:600px) { .account-games-grid { grid-template-columns:minmax(0,1fr); } .account-avatar-editor { flex-direction:column; } .account-trigger-name { max-width:74px; } }
@media (max-width:400px) { .account-trigger-name { max-width:54px; font-size:11px; } .account-dropdown > summary { gap:5px; } .account-dropdown .account-avatar { width:30px; height:30px; } .account-dropdown-panel { position:fixed; top:calc(var(--header-height) + 8px); inset-inline-end:12px; } }

/* V57: editing is available only while the account menu is open. */
.account-dropdown:not([open]) .account-avatar-pencil { opacity:0; visibility:hidden; }
.account-dropdown[open] .account-avatar-edit:hover .account-avatar-pencil,
.account-dropdown[open] .account-avatar-edit:focus-visible .account-avatar-pencil { opacity:1; visibility:visible; }
.account-photo-open { overflow:hidden; }
.account-photo-viewer { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:50px 20px 25px; border:0; background:rgba(8,5,6,0.961); color:#ffffff; }
.account-photo-viewer[open] { display:grid; place-items:center; }
.account-photo-viewer::backdrop { background:rgba(8,5,6,0.91); }
.account-photo-viewer figure { margin:0; display:grid; gap:20px; justify-items:center; }
.account-photo-viewer .account-avatar { width:min(78vw,72dvh); height:min(78vw,72dvh); border-radius:18px; font-size:clamp(80px,25vmin,260px); box-shadow:0 20px 100px #0008; }
.account-photo-viewer .account-avatar img { object-fit:contain; border-radius:inherit; }
.account-photo-viewer figcaption { font-size:16px; font-weight:700; }
.account-photo-close { position:absolute; right:22px; top:20px; width:44px; height:44px; display:grid; place-items:center; border:1px solid #ffffff30; border-radius:50%; color:#ffffff; background:#ffffff12; font:30px/1 sans-serif; cursor:pointer; }
.account-photo-close:focus-visible { outline:2px solid #fff29c; outline-offset:3px; }
.market-login-required { max-width:660px; margin:0 auto; padding:38px; text-align:center; }
.market-login-required .button { margin-top:18px; }
.account-balance-link.account-action-glow { --action-color:#ffa79c; --action-halo:rgba(255,153,138,0.271); position:relative; isolation:isolate; overflow:hidden; min-height:44px; border:1px solid var(--action-color); border-radius:8px; color:#ffe1dd; background:linear-gradient(120deg,#2d1b16,#141110); box-shadow:0 0 16px var(--action-halo),inset 0 1px #ffffff18; font-weight:850; letter-spacing:.03em; }
.account-balance-link.account-action-cyan { --action-color:#fbead2; --action-halo:rgba(251,234,210,0.231); color:#fffbe1; background:linear-gradient(120deg,#2c2411,#221e10); }
.account-action-glow::before { content:''; position:absolute; inset:-160%; z-index:-2; background:conic-gradient(from 0deg,transparent 70%,var(--action-color) 88%,#ffffff 92%,transparent 97%); animation:account-action-orbit 5s linear infinite; pointer-events:none; }
.account-action-glow::after { content:''; position:absolute; inset:2px; border-radius:5px; z-index:-1; background:#181312; pointer-events:none; }
.account-action-cyan::after { background:#241f11; }
.account-balance-link.account-action-glow:hover { color:white; box-shadow:0 0 24px var(--action-halo); transform:translateY(-1px); }
.account-action-glow:focus-visible { outline:2px solid white; outline-offset:3px; }
@keyframes account-action-orbit { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .account-action-glow::before { animation:none; } .account-balance-link.account-action-glow:hover { transform:none; } }

/* V60 compact profile rhythm: every account section shares the reduced hero,
   shell and card spacing instead of expanding again on security/special/game tabs. */
.profile-page-hero.profile-hero-compact + .profile-section { padding-top:26px; padding-bottom:46px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-session-strip { margin-bottom:14px; padding:12px 16px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-layout { gap:16px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-sidebar { gap:12px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-menu-title { min-height:44px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-menu a { min-height:45px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-main { min-height:0; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-panel { min-height:0; padding:28px 34px 34px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-panel-intro { margin-top:11px; line-height:1.6; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-information-grid,
.profile-page-hero.profile-hero-compact + .profile-section .profile-security-grid { margin-top:22px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-information-grid > div { min-height:72px; padding:13px 15px; }
.profile-page-hero.profile-hero-compact + .profile-section .profile-security-grid > div { min-height:125px; padding:17px; }
.profile-page-hero.profile-hero-compact + .profile-section .password-change-card { margin-top:24px; padding-top:22px; }
/* Ticket notices share the selected theme's semantic notification colours. */
.ticket-notice { display:inline-flex; align-items:center; justify-content:center; flex:0 0 19px; width:19px; height:19px; padding:0; border:1px solid var(--danger-line); border-radius:50%; background:var(--panel-strong); color:var(--danger-soft); font:900 13px/1 Arial,sans-serif; text-align:center; box-shadow:0 0 8px var(--danger-line); animation:ticket-notice-pulse 1.5s ease-in-out infinite; }
.ticket-notice[hidden],.ticket-card-notice[hidden] { display:none; }
.account-dropdown > summary { position:relative; }
.account-dropdown > summary > .ticket-notice { position:absolute; inset-block-start:-5px; inset-inline-end:-8px; }
.account-dropdown-panel nav .ticket-notice,.nav-submenu .ticket-notice { margin-inline-start:auto; }
.ticket-menu-label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; overflow-wrap:anywhere; }
.ticket-card-notice { margin-inline-start:auto; display:inline-flex; align-items:center; padding:4px; }
@keyframes ticket-notice-pulse { 0%,100% { opacity:1; } 50% { opacity:.55; } }
@media (prefers-reduced-motion:reduce) { .ticket-notice { animation:none; } }
@media (max-width:680px) {
  .profile-page-hero.profile-hero-compact + .profile-section { padding-top:18px; padding-bottom:30px; }
  .profile-page-hero.profile-hero-compact + .profile-section .profile-panel { padding:23px 18px 28px; }
}

.ticket-system-closed{padding:28px;border:1px solid var(--line-bright);border-radius:12px;background:var(--panel);color:var(--text-strong)}.ticket-system-closed h2{margin:0 0 12px;font-size:21px}.ticket-system-closed p{margin:0;color:var(--text-soft);font-size:15px;line-height:1.8}.ticket-closed-layout{max-width:900px;margin:auto}

.registration-phone-group{display:grid;grid-template-columns:minmax(112px,42%) minmax(0,1fr);gap:8px}.registration-phone-group select{width:100%;min-width:0;padding:10px;border:1px solid var(--line-bright);border-radius:7px;background:var(--bg-card,#110f0f);color:var(--text);font:inherit;color-scheme:dark}.registration-phone-group select option{background:var(--bg-card,#110f0f);color:var(--text)}.registration-phone-group input{min-width:0}