.support-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.support-heading h2{margin:8px 0}.support-heading p{color:#a5b6d1}.ticket-center{width:100%;max-width:1240px;margin:auto}.ticket-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.ticket-summary>div{padding:19px 23px;background:#10213aeF;border:1px solid #435772;border-radius:10px;display:flex;align-items:center;gap:16px}.ticket-summary strong{font-size:27px;color:#e6c981}.ticket-summary span{color:#acbdd4}.ticket-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:560px;border:1px solid #435772;background:#0b192cec;border-radius:14px;overflow:hidden}.ticket-inbox{border-right:1px solid #344760}.ticket-filters{padding:18px;display:grid;gap:10px;border-bottom:1px solid #344760}.ticket-center input,.ticket-center select,.ticket-center textarea{width:100%;box-sizing:border-box;background:#101f35;border:1px solid #415571;color:#e1e9f4;border-radius:7px;padding:12px;font:inherit}.ticket-row{display:block;width:100%;border:0;border-bottom:1px solid #2e4058;background:transparent;color:#e3ebf6;text-align:left;padding:20px;cursor:pointer}.ticket-row:hover,.ticket-row.selected{background:#1a2e49;box-shadow:inset 3px 0 #d0af60}.ticket-row>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.ticket-row>strong{display:block;margin:12px 0}.ticket-row>span,.ticket-row small{font-size:11px;color:#acbbcf}.status-badge{display:inline-flex;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.3px;border:1px solid #547468;background:#203e35;color:#abd6bf;border-radius:20px;padding:5px 9px;white-space:nowrap}.status-pending{color:#e2c57b;background:#473c20;border-color:#6d603c}.status-answered{color:#a7c5f0;background:#203951;border-color:#3f6489}.status-closed{color:#a7adb8;background:#2b3039;border-color:#4a505b}.thread-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:25px;border-bottom:1px solid #344760}.thread-heading h2{font-size:20px;margin:8px 0}.thread-heading small{color:#9aaec9}.ticket-messages{padding:24px;display:grid;gap:20px;max-height:570px;overflow:auto}.ticket-message{background:#17283e;border:1px solid #344b66;border-radius:10px;padding:17px;max-width:94%}.ticket-message header{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#cbd6e4;flex-wrap:wrap}.ticket-message time{color:#8396b1;font-size:11px}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin-bottom:0}.staff-message{background:#172f3b;border-color:#3c626c;margin-left:24px}.internal-message{background:#3a311d!important;border-color:#685837!important}.reply-box{padding:24px;border-top:1px solid #344760}.reply-box label,.ticket-create label{display:grid;gap:9px;font-size:13px;color:#bdc9db}.reply-box button{margin-top:10px}.ticket-empty{text-align:center;padding:65px 20px;color:#a3b3ca}.ticket-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ticket-create{width:min(600px,calc(100% - 32px));box-sizing:border-box;background:#0f1f35;color:#e5edf9;border:1px solid #7d6b40;border-radius:14px;padding:28px}.ticket-create form{display:grid;gap:20px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading button{background:transparent;color:#bac7d8;border:0;font-size:30px;cursor:pointer}.ticket-create::backdrop,.consent-dialog::backdrop{background:#030811bb}.consent-banner{position:fixed;bottom:22px;left:24px;right:24px;max-width:1240px;margin:auto;z-index:1000;background:#101c2cf7;border:1px solid #66748a;border-radius:15px;padding:25px 30px;box-shadow:0 15px 80px #0009;display:flex;align-items:center;gap:35px;backdrop-filter:blur(12px)}.consent-banner h2{font:600 20px Georgia,serif;color:#e6d29d;margin:8px 0}.consent-banner p{font-size:13px;line-height:1.7;color:#b6c4d8;max-width:650px;margin:0}.consent-banner a{color:#e4c681}.consent-actions{display:flex;gap:9px;flex-wrap:wrap}.consent-actions button{padding:11px 14px;border:1px solid #697889;background:#213249;color:#e2e9f4;border-radius:6px;font:600 12px Arial;cursor:pointer;min-width:125px}.consent-actions button:hover{background:#33475f}.consent-dialog{background:#121d2c;color:#d3deed;border:1px solid #63748c;border-radius:12px;padding:30px;max-width:540px}.consent-dialog p{color:#a8b7cc;line-height:1.7}.consent-choice{display:block;margin:22px 0}.consent-choice input{width:17px;height:17px;vertical-align:middle}.consent-choice small{display:block;margin:10px 24px;color:#9eafc6}.legal-document{max-width:940px!important;margin:auto}.document-heading{border-bottom:1px solid #50607a;padding-bottom:24px}.document-heading h2{font-size:30px}.document-heading small{color:#9fb2cd}.operator-card{border:1px solid #465770;background:#0e2034;padding:22px;border-radius:8px;margin:25px 0;font-size:13px;line-height:1.8}.operator-card a{color:#e6cb86}.document-copy h2{font-size:20px;margin-top:32px;color:#e1c482}.document-copy p{line-height:1.9;color:#c4cfe0;white-space:pre-wrap;overflow-wrap:anywhere}.document-copy .legal-bullet{margin:7px 0}.site-announcement{padding:12px;text-align:center;background:#293c51;color:#e1d3b3;font-size:13px}.admin-shortcut{color:#d8be7c;font-size:12px;white-space:nowrap;padding:8px}.terms-accept{display:flex!important;gap:10px;align-items:flex-start;line-height:1.6}.terms-accept input{width:17px!important;height:17px;flex-shrink:0}.terms-accept a{color:#dfc47f}
@media(max-width:850px){.ticket-workspace{grid-template-columns:1fr}.ticket-inbox{border-right:0;border-bottom:1px solid #344760}.ticket-list{max-height:300px;overflow:auto}.support-heading{align-items:flex-start;flex-direction:column}.ticket-summary{grid-template-columns:repeat(2,1fr)}.consent-banner{flex-direction:column;align-items:flex-start;gap:16px;left:12px;right:12px;bottom:12px;padding:20px}.consent-actions{width:100%}.consent-actions button{flex:1}.thread-heading{padding:18px}.ticket-messages,.reply-box{padding:16px}.staff-message{margin-left:12px}.ticket-form-grid{grid-template-columns:1fr}}

.ticket-thread>.thread-heading,.ticket-message>header,.document-heading{position:static;top:auto;z-index:auto;height:auto;min-height:0;box-shadow:none;background:transparent}.ticket-thread>.thread-heading{background:#12253c}.ticket-message>header{padding:0;border:0}.ticket-message>header strong{color:#cbd9eb}

/* ── Account flows, store placeholder, 404 and notices ───────────────────── */
.inner-page{overflow-x:clip}
@media(max-width:760px){.inner-page .download-dock{margin-inline:0;padding-inline:4px}}
.page-banner h1{text-shadow:0 2px 14px #000c,0 0 2px #000}
.page-banner .eyebrow,.page-banner .breadcrumbs{text-shadow:0 1px 6px #000}
.support-heading,.hub-heading{position:relative;padding:18px 22px;border-radius:12px;background:linear-gradient(90deg,#08142bd9,#08142b8c 70%,transparent);backdrop-filter:blur(2px)}
.coming-soon{max-width:560px;margin:10px auto 40px;padding:38px 32px;text-align:center;border:1px solid #c3a66b55;border-radius:14px;background:linear-gradient(160deg,#142647f2,#0b1730f2);box-shadow:0 18px 40px #0008}
.coming-soon h2{font:700 24px Cinzel,Georgia,serif;color:#ead29a;margin:12px 0 10px}
.coming-soon p{color:#b9c8e0;line-height:1.8;margin:0 0 22px}
.coming-soon-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid #c3a66b77;background:#c3a66b1a;color:#e3c37f;font-size:26px}
.empty-store{min-height:auto}
.not-found .page-body{padding-bottom:40px}
.board-empty{padding:26px 10px!important;text-align:center;color:#9fb0cc;font-size:12px}
.notice-warning{background:#e9b55f17!important;border-color:#e9b55f66!important;color:#f0d29a!important}
.notice-danger{background:#ef8b9a14!important;border-color:#ef8b9a66!important;color:#f3c1c9!important;text-align:left}
.button.danger{background:linear-gradient(#c75b6e,#9e3f51);border-color:#e48a9a;color:#fff}
.button.danger.outline{background:#ef8b9a14;border-color:#ef8b9a77;color:#f3b3bf}
.button.danger:hover{filter:brightness(1.1)}
.text-button{display:block;margin:6px 0 2px;font-family:Inter,Arial,sans-serif!important;font-weight:600!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important;padding:0;border:0;background:none;color:#e3c37f;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.text-button:disabled{opacity:.5;cursor:wait}
.hub-danger{border-color:#ef8b9a44!important;background:linear-gradient(120deg,#ef8b9a0d,transparent)!important}
.hub-danger .hub-setting-icon{color:#f3a3b1;border-color:#ef8b9a55}
.site-announcement.is-maintenance{background:linear-gradient(90deg,#5a3d17,#3d2a12);color:#f6dfae;border-bottom:1px solid #e9b55f55}
.page-form .switch-auth a{color:#e3c37f}

/* ── Layout: footer always sits at the bottom, no empty band under it ─────── */
body{min-height:100vh;display:flex;flex-direction:column}
body>header,body>aside,body>footer{flex-shrink:0;width:100%;min-width:0}
body>main{flex:1 0 auto;width:100%;min-width:0}
body>main.inner-page{min-height:0}

/* ── Download button: green call to action ──────────────────────────────── */
.top-download{border-color:#8ff0b4;border-bottom-color:#17693b;background:linear-gradient(#5fe08f,#26a35c 55%,#1d8a4b);color:#05230f;box-shadow:0 0 26px #3fd17a38,inset 0 1px #ffffffa0;text-shadow:0 1px 0 #ffffff55}
.top-download small{color:#0b3a1d}
.top-download .download-glyph{color:#04260f}
.top-download:hover{filter:brightness(1.08);box-shadow:0 0 32px #3fd17a66,inset 0 1px #ffffffa0}

/* ── Main menu: larger, clearer labels ──────────────────────────────────── */
.navy-header nav{height:62px;gap:6px}
.navy-header nav a{font-size:14px;font-weight:600;letter-spacing:.2px;color:#dbe5f5;padding:10px 20px;border-radius:7px;transition:background .15s,color .15s,box-shadow .15s}
.navy-header nav a:hover{color:#fff;background:#2a416a99}
.navy-header nav a.active{color:#ffe1a0;background:linear-gradient(#2e4a78,#1a2d4e);border-color:#d1ae6888;box-shadow:inset 0 -3px #e3c37f,0 4px 14px #0006}
@media(max-width:1100px){.navy-header nav a{font-size:13px;padding:9px 13px}}
@media(max-width:760px){.navy-header nav{height:54px;gap:4px}.navy-header nav a{font-size:12.5px;padding:9px 12px}}

/* ── Auth forms: password eye, strength meter, live rules, 2FA switch ───── */
.page-form input:optional{border-style:solid}
.password-wrap{position:relative;display:block}
.password-wrap input{padding-right:48px!important}
.eye-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#9fb2d2;cursor:pointer;transition:color .15s,background .15s}
.eye-toggle:hover{color:#ffe1a0;background:#ffffff10}
.eye-toggle:focus-visible{outline:2px solid #e3c37f;outline-offset:1px}
.eye-toggle svg{width:20px;height:20px}
.strength{margin-top:9px}
.strength-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.strength-bar span{height:5px;border-radius:4px;background:#ffffff14;transition:background .3s,box-shadow .3s}
.strength[data-level="1"] .strength-bar span:nth-child(-n+1){background:#ef5f73;box-shadow:0 0 8px #ef5f7366}
.strength[data-level="2"] .strength-bar span:nth-child(-n+2){background:#f0a443;box-shadow:0 0 8px #f0a44366}
.strength[data-level="3"] .strength-bar span:nth-child(-n+3){background:#d9d24a;box-shadow:0 0 8px #d9d24a55}
.strength[data-level="4"] .strength-bar span{background:#3fd17a;box-shadow:0 0 8px #3fd17a66}
.strength-label{display:block;margin-top:6px;font-size:11px;font-weight:600;color:#8ea2c4;transition:color .3s}
.strength[data-level="1"] .strength-label{color:#f38b98}.strength[data-level="2"] .strength-label{color:#f3b768}.strength[data-level="3"] .strength-label{color:#e3dc6a}.strength[data-level="4"] .strength-label{color:#6fe39f}
.field-rule{display:flex;align-items:center;gap:7px;margin:7px 0 0!important;font-size:11px!important;line-height:1.4!important;color:#8ea2c4!important;transition:color .2s}
.field-rule::before{content:'';width:14px;height:14px;flex-shrink:0;border-radius:50%;border:1.5px solid currentColor;opacity:.7;transition:all .2s}
.field-rule.is-ok{color:#6fe39f!important}.field-rule.is-ok::before{opacity:1;background:#3fd17a radial-gradient(circle,#0b2a17 0 2px,transparent 2.5px);border-color:#3fd17a}
.field-rule.is-bad{color:#f38b98!important}
.page-form label.otp-switch,label.otp-switch{display:flex;font-size:inherit;align-items:center;gap:12px;margin:20px 0 4px;padding:12px 14px;border-radius:9px;border:1px solid #6982ad44;background:#0b172d99;cursor:pointer;user-select:none;transition:border-color .2s,background .2s}
label.otp-switch:hover{border-color:#e3c37f66}
.otp-switch input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.otp-track{position:relative;flex-shrink:0;width:46px;height:26px;border-radius:20px;background:#22324f;box-shadow:inset 0 1px 3px #0008;transition:background .3s}
.otp-track::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(#f4f7fd,#c9d4e6);box-shadow:0 2px 6px #0007;transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.otp-switch input:checked+.otp-track{background:linear-gradient(90deg,#b8954f,#e8c983);box-shadow:0 0 14px #e3c37f55}
.otp-switch input:checked+.otp-track::after{transform:translateX(20px)}
.otp-switch input:focus-visible+.otp-track{outline:2px solid #e3c37f;outline-offset:3px}
.otp-switch-copy{display:grid;gap:2px}
.otp-switch-copy strong{font-size:13px;color:#dbe5f5}
.otp-switch-copy small{font-size:11px;color:#8ea2c4}
.otp-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1),opacity .3s}
.otp-panel.open{grid-template-rows:1fr;opacity:1}
.otp-panel>div{overflow:hidden}
.otp-panel input{text-align:center;font:600 22px ui-monospace,Consolas,monospace!important;letter-spacing:10px;padding-left:22px!important}
.otp-panel .form-hint{margin-top:8px}
.register-closed{text-align:center}
.register-closed .coming-soon-icon{margin-bottom:6px}
.register-closed .button{margin-top:6px}
@media(prefers-reduced-motion:reduce){.otp-panel,.otp-track::after,.strength-bar span{transition:none}}

/* ── 2FA setup with QR code ─────────────────────────────────────────────── */
.totp-qr{display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px 0 16px}
.totp-qr-code{width:208px;height:208px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 10px 30px #0008,0 0 0 4px #e8c98344}
.totp-qr-code svg{display:block;width:100%;height:100%}
.totp-open{display:none}
@media(hover:none){.totp-open{display:inline-flex}}
.totp-key{display:grid;gap:6px;justify-items:center;margin:0 0 6px;text-align:center}
.totp-key>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8ea2c4}
.totp-key .totp-secret{display:block;margin:0;padding:12px 14px!important;font-size:13px!important;letter-spacing:.06em!important;white-space:nowrap;overflow-x:auto;max-width:100%}
.totp-key .text-button{margin:0}

/* ── Account: clearly visible sign-out button ───────────────────────────── */
.hub-sidebar-bottom .hub-logout{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:8px;padding:0 14px;border-radius:9px;border:1px solid #ef8b9a77;background:linear-gradient(#3a1e2c,#2a1622);color:#ffc2cc;font:700 13px Inter,Arial,sans-serif;letter-spacing:.3px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.hub-sidebar-bottom .hub-logout:hover{background:linear-gradient(#4d2436,#36192a);border-color:#ff9fb0;color:#fff;box-shadow:0 6px 18px #ef8b9a33;transform:translateY(-1px)}
.hub-sidebar-bottom .hub-logout:focus-visible{outline:2px solid #ffc2cc;outline-offset:3px}

/* ── Empty leaderboards and ticket limit ────────────────────────────────── */
.ranking-board tr.is-vacant .board-name,.ranking-board tr.is-vacant td:last-child{color:#5f7393}
.ticket-limit{max-width:none!important;margin:0 0 18px!important;text-align:left!important}
#ticket-new:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}
.reply-wait{margin:14px 18px 18px;padding:12px 16px;text-align:center;border-radius:10px;font-size:13px}
