/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-5.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/design-v1/variable-6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/design-v1/variable-7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/design-v1/variable-8.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/design-v1/variable-9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/design-v1/variable-10.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/design-v1/variable-11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Red / charcoal presentation. Existing account and financial states stay intact. */
.hof-redesign { color-scheme:dark; --red:#ff493d; --ink:#0e1112; --text:#f5f4f2; --muted:#a4aab2; background:var(--ink); color:var(--text); font-family:Inter,Arial,sans-serif; }
.hof-redesign body { background:radial-gradient(ellipse at 50% 0%,#17171944,transparent 65%),#0e1112; }
.hof-redesign * { box-sizing:border-box; }
.hof-redesign [hidden] { display:none!important; }
.hof-redesign #root>.shell>header,.hof-redesign .presentation-replaced { display:none; }
#hof-presentation,.hof-redesign #root>.shell { max-width:1536px; margin:0 auto; padding:0 6%; }
#hof-presentation { position:relative; }
.site-header { height:65px; border:0; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; z-index:2; }
.site-brand { font-family:Oswald,Impact,sans-serif; font-weight:600; letter-spacing:.3px; font-size:32px; white-space:nowrap; line-height:1; }
.site-brand span { color:var(--red); }
.site-header nav { display:flex; gap:34px; margin:0; font-size:15px; color:#bdc3cc; }
.site-header nav a { transition:color .16s; }
.site-header nav a:hover,.site-header nav a.active { color:#fff; }
.sign-in { border:1px solid #f5f4f2; padding:10px 29px; font-size:14px; border-radius:6px; font-weight:600; white-space:nowrap; transition:background .16s,color .16s; }
.sign-in:hover { background:#f5f4f2; color:#101216; }
.combat-hero { position:relative; min-height:464px; isolation:isolate; }
.hero-art { position:absolute; top:0; right:calc(-1 * (100vw - 100%)/2); width:65.2%; height:464px; background-image:url('/design-v1/artwork.png'); background-size:175.35% 220.69%; background-position:100% 11.43%; background-repeat:no-repeat; z-index:-2; }
.hero-art::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0e1112,transparent 16%); }
.hero-copy { padding-top:58px; position:relative; z-index:1; }
.hero-eyebrow { font:500 16px/1.4 Oswald,sans-serif; letter-spacing:4px; color:var(--red); margin:0 0 8px; }
.hero-copy h1 { font:900 clamp(60px,6.2vw,96px)/.91 Inter,Arial,sans-serif; letter-spacing:-4px; margin:14px 0 25px; }
.hero-copy h1 em { color:#ff3933; font-style:normal; }
.hero-description { font-size:18px; line-height:1.65; margin:0 0 27px; color:#eee; max-width:640px; }
.google-entry { display:inline-flex; align-items:center; justify-content:flex-start; gap:29px; min-width:324px; padding:14px 26px; border-radius:8px; color:#111; background:#fafafa; font-size:15px; font-weight:700; box-shadow:0 4px 25px #0003; transition:transform .16s,box-shadow .16s; }
.google-entry svg { width:28px; height:28px; flex-shrink:0; }
.google-entry:hover:not(.disabled) { transform:translateY(-2px); box-shadow:0 6px 28px #ff493d22; }
.entry-status { font-size:13px; max-width:400px; color:var(--muted); }
.arena-section { padding-top:12px; padding-bottom:36px; }
.arena-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 19px; }
.arena-heading h2 { font-size:34px; letter-spacing:-1.1px; line-height:1.2; margin:0; font-weight:800; }
.arena-heading>span { font:500 11px Oswald,sans-serif; letter-spacing:5px; color:#aeb8c2; }
.arena-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hof-redesign button.arena-card { position:relative; display:block; overflow:hidden; padding:0; width:100%; background:linear-gradient(135deg,#14181a,#0d1113); color:var(--text); border:1px solid #333a3e; border-radius:8px; text-align:left; cursor:pointer; font-weight:400; transition:transform .18s,border-color .18s,box-shadow .18s; }
.hof-redesign button.arena-card:hover { transform:translateY(-4px); border-color:var(--red); background:#141719; }
.hof-redesign button.arena-card.is-selected { border-color:var(--red); box-shadow:0 0 0 1px var(--red),0 0 24px #ff493d12; }
.arena-art { display:block; width:100%; aspect-ratio:434/224; background-image:url('/design-v1/artwork.png'); background-size:353.92% 457.14%; background-repeat:no-repeat; }
.arena-scifi { background-position:8.62% 75.25%; }
.arena-gym { background-position:49.91% 75.25%; }
.arena-courtyard { background-position:91.56% 75.25%; }
.arena-copy { display:flex; flex-direction:column; gap:8px; padding:16px 23px 18px; }
.arena-copy strong { font:500 19px/1.5 Oswald,sans-serif; letter-spacing:2.5px; }
.arena-copy>span { font-size:13px; color:var(--muted); line-height:1.5; }
.arena-arrow { position:absolute; top:calc((100vw - 12vw - 32px)/3 * .516 - 61px); right:22px; display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:#ff493d; color:white; font:30px Arial; opacity:0; transform:translateX(-7px); transition:.18s; }
.arena-card:hover .arena-arrow,.arena-card:focus-visible .arena-arrow,.arena-card.is-selected .arena-arrow { opacity:1; transform:none; }
.arena-card[data-arena="0"] .arena-arrow { display:none; } /* The approved sci-fi artwork already contains this decorative arrow. */
.arena-dialog { width:min(780px,calc(100vw - 32px)); padding:24px; background:#14181a; color:var(--text); border:1px solid #4e3230; border-radius:12px; box-shadow:0 25px 100px #000b; }
.arena-dialog::backdrop { background:#050607d9; backdrop-filter:blur(6px); }
.arena-dialog .preview-art { border-radius:6px; margin:0 0 25px; }
.arena-dialog h2 { font:600 30px Oswald,sans-serif; margin:10px 0; }
.arena-dialog .hero-eyebrow { font-size:12px; }
.hof-redesign .preview-close { position:absolute; top:33px; right:33px; padding:0; width:38px; height:38px; border:1px solid #fff8; border-radius:50%; background:#101216e6; color:white; font-size:27px; z-index:1; }
.hof-redesign #root footer { border-top:1px solid #30363c; margin:0; padding:26px 0 36px; min-height:76px; gap:28px; color:#9da6b1; font-size:12px; }
.hof-redesign #root footer>span:first-child { margin-right:auto; letter-spacing:3px; font-size:10px; }
.hof-redesign #root footer>a:last-of-type { border-left:1px solid #48515b; padding-left:25px; }
.hof-redesign #root footer>span:last-child { display:none; }
.hof-redesign a:focus-visible,.hof-redesign button:focus-visible,.hof-redesign input:focus-visible,.hof-redesign summary:focus-visible { outline:2px solid #ff685e; outline-offset:5px; }
/* Account theme: preserve markup, handlers, data and semantic status colors. */
.hof-redesign #root { --account-panel:#181c20; }
.hof-redesign .eyebrow { color:var(--red); }
.hof-redesign .dashboard { gap:48px; padding:50px 0 65px; }
.hof-redesign .dashboard>section { min-width:0; }
.hof-redesign .dashboard aside { border-color:#30363c; }
.hof-redesign .dashboard h1 { letter-spacing:-2px; font-weight:800; }
.hof-redesign .dashboard aside button { border-radius:6px; color:#adb4bf; }
.hof-redesign .dashboard aside button:hover { color:#fff; background:#20252a; }
.hof-redesign .dashboard aside button.active { background:#ff493d14; border-left-color:var(--red); color:#ff756b; }
.hof-redesign .dashboard aside .logout { color:#ff8d83; }
.hof-redesign #root button:not(aside button):not(.balance-tabs button):not(.history-filters button),.hof-redesign #root .button { border-radius:6px; background:#f44b40; color:#fff; transition:background .16s; }
.hof-redesign #root button:not(aside button):not(.balance-tabs button):not(.history-filters button):hover:not(:disabled),.hof-redesign #root .button:hover:not(.disabled) { background:#dc392f; }
.hof-redesign #root .text-button { background:transparent!important; color:#ff8d83!important; }
.hof-redesign #root input:not([type=checkbox]) { background:#14181c; border-color:#444b55; border-radius:6px; }
.hof-redesign #root input[type=checkbox] { accent-color:var(--red); }
.hof-redesign .lead,.hof-redesign .onboarding p,.hof-redesign .legal p { color:#c0c5cd; }
.hof-redesign .fine,.hof-redesign .notice,.hof-redesign .next p,.hof-redesign .coming p { color:#a7b0bd; }
.hof-redesign label { color:#d0d4db; }
.hof-redesign .profile { border-color:#333b43; }
.hof-redesign .profile span,.hof-redesign .coming>span { color:#a8b0bb; }
.hof-redesign .stat-card,.hof-redesign .balance-total,.hof-redesign .balance-reserved,.hof-redesign .deposit-card { background:var(--account-panel); border-color:#37404a; border-radius:10px; }
.hof-redesign .stat-card { border-top-color:var(--red); }
.hof-redesign .stat-card.wins { border-top-color:#6dc39b; }
.hof-redesign .stat-card.losses { border-top-color:#ff786f; }
.hof-redesign .stat-card span { color:#c3cad4; }
.hof-redesign .balance-total span,.hof-redesign .balance-total small,.hof-redesign .balance-reserved>span,.hof-redesign .balance-reserved p,.hof-redesign .balance-reserved strong small { color:#b7bec9; }
.hof-redesign .balance-tabs { border-color:#363f49; }
.hof-redesign .balance-tabs button { color:#b7bec9; }
.hof-redesign .balance-tabs button[aria-current=page] { background:var(--red); color:#fff; }
.hof-redesign .history-filters button { background:#242b32; color:#c1c8d2; }
.hof-redesign .history-filters button[aria-pressed=true] { background:#454f5d; color:#fff; }
.hof-redesign .deposit-progress { background:#192329; border-color:#3b5963; border-left-color:var(--red); }
.hof-redesign .deposit-progress h3 { color:#edf0f5; }
.hof-redesign .deposit-progress p,.hof-redesign .deposit-progress small,.hof-redesign .transfer-meta,.hof-redesign .transfer-destination,.hof-redesign .deposit-checks>summary { color:#b8c3cd; }
.hof-redesign .deposit-checks,.hof-redesign .transfer-row,.hof-redesign .transfer-leg,.hof-redesign .withdraw-history { border-color:#36404a; }
.hof-redesign .withdraw-quote { border-color:var(--red); }
.hof-redesign .transfer-link,.hof-redesign .transfer-leg a,.hof-redesign .deposit-progress a { color:#ffada6; }
.hof-redesign .transfer-body summary { color:#c1cbd5; }
.hof-redesign .balance-empty { border-color:#424e5b; color:#b5c0ce; }
.hof-redesign .crystals-card { background:linear-gradient(125deg,#17252d,#171c22); border-color:#395368; }
.hof-redesign .legal,.hof-redesign .onboarding { min-height:65vh; }
.hof-redesign .overview-replaced { display:none; }
.player-home { display:grid; grid-template-columns:230px minmax(0,1fr); gap:42px; padding:42px 0 52px; min-height:710px; }
.player-navigation { border:1px solid #2d3238; border-radius:12px; background:linear-gradient(160deg,#1c2024,#111518 65%); padding:22px 14px; align-self:start; }
.nav-identity { display:flex; align-items:center; gap:12px; padding:0 6px 24px; border-bottom:1px solid #30363d; margin-bottom:18px; }
.player-monogram { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border:1px solid #e1564944; border-radius:10px; background:linear-gradient(140deg,#5e2924,#261b1c); color:#ff8276; font:600 19px Oswald,sans-serif; }
.nav-identity>div { min-width:0; }.nav-identity strong { display:block; overflow-wrap:anywhere; font-size:15px; margin-top:7px; }
.mini-label { font-size:9px; letter-spacing:2px; color:#aeb7c1; }
.player-nav-list { display:flex; flex-direction:column; gap:5px; }
.hof-redesign .player-nav-list button,.hof-redesign .player-signout { display:flex; align-items:center; gap:12px; background:transparent; color:#b4bdc9; border-radius:7px; padding:13px 12px; font-size:13px; font-weight:500; text-align:left; }
.hof-redesign .player-nav-list button[aria-current=page] { background:#ff493d18; color:#ff8276; box-shadow:inset 2px 0 #ff493d; }
.hof-redesign .player-nav-list button:hover { background:#ffffff08; color:#fff; }
.nav-symbol { font-size:20px; width:22px; line-height:1; color:#82909e; }.player-nav-list button[aria-current] .nav-symbol { color:#ff7568; }
.player-nav-list small { margin-left:auto; font-size:8px; letter-spacing:1px; border:1px solid #3c424a; padding:3px 5px; border-radius:4px; color:#8b97a6; }
.hof-redesign .player-signout { border-top:1px solid #30363d; border-radius:0; margin-top:24px; padding-top:22px; width:100%; color:#cb9590; }
.hof-redesign .player-signout:hover { background:transparent; color:#ff8174; }
.profile-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 24px; }
.profile-heading .hero-eyebrow { font:500 10px Inter,sans-serif; letter-spacing:3px; margin-bottom:12px; }
.profile-heading h1 { font-size:42px; font-weight:800; letter-spacing:-1.7px; margin:0; line-height:1.1; }
.identity-badge { display:flex; align-items:center; gap:8px; background:#1b2520; border:1px solid #334b3b; color:#b0cdb9; padding:8px 11px; border-radius:30px; font-size:11px; white-space:nowrap; }
.identity-badge i { width:6px; height:6px; background:#8acda3; border-radius:50%; }
.identity-card { position:relative; overflow:hidden; isolation:isolate; min-height:218px; border:1px solid #55332f; border-radius:12px; background:linear-gradient(110deg,#292022,#17181b); }
.identity-copy { position:relative; z-index:1; padding:30px; max-width:80%; }
.identity-copy .mini-label { color:#d79489; font-size:9px; }
.identity-copy h2 { font:600 clamp(30px,3.2vw,46px)/1.2 Oswald,sans-serif; letter-spacing:1px; margin:15px 0 9px; overflow-wrap:anywhere; }
.identity-copy p { margin:0 0 21px; color:#c1b4b6; font-size:13px; }
.permanent-tag { font-size:10px; color:#ddc5c1; border:1px solid #996b6040; background:#4b2e2944; padding:7px 10px; border-radius:5px; }
.identity-art { position:absolute; inset:0 0 0 48%; z-index:-1; background:url('/design-v1/artwork.png') 100% 11.43%/175.35% 220.69%; opacity:.22; mask-image:linear-gradient(90deg,transparent,#000); }
.identity-watermark { position:absolute; right:26px; bottom:-20px; color:#ffffff08; font:700 140px/1 Oswald,sans-serif; letter-spacing:-6px; }
.quick-heading { display:flex; justify-content:space-between; align-items:center; margin:30px 0 15px; gap:16px; }
.quick-heading h2 { font-size:18px; margin:0; letter-spacing:-.4px; }.quick-heading>span { font-size:8px; color:#7e8b9b; letter-spacing:2px; }
.profile-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.hof-redesign .profile-actions button { display:flex; flex-direction:column; align-items:flex-start; padding:22px; border:1px solid #303942; border-radius:10px; background:linear-gradient(140deg,#1a2025,#14181c); color:#f3f4f6; text-align:left; font-weight:400; transition:transform .18s,border-color .18s; }
.hof-redesign .profile-actions button:hover { background:#1e2329; border-color:#96514a; transform:translateY(-3px); }
.action-icon { font-size:25px; line-height:1; width:40px; height:40px; display:grid; place-items:center; background:#ff493d13; color:#fa8a7f; border:1px solid #ff493d22; border-radius:9px; margin-bottom:20px; }
.action-icon.crystal { color:#97d9eb; border-color:#79cbe329; background:#79cbe313; }
.action-title { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; font-size:16px; font-weight:700; }.action-title b { font-weight:400; color:#7c8998; }
.action-copy { color:#9da9b7; font-size:12px; line-height:1.7; margin:10px 0 20px; }.action-link { font-size:11px; color:#f38b80; margin-top:auto; }
.return-to-game { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:20px; border:1px solid #30373f; background:#14181c; padding:19px 22px; border-radius:10px; }
.game-mark { color:#b7c2cf; font-size:26px; width:28px; }.return-to-game>div:nth-child(2) { flex:1; }.return-to-game h2 { font-size:14px; margin:0 0 7px; }.return-to-game p { color:#a1adbb; font-size:12px; line-height:1.7; margin:0; }
.return-to-game details { flex-basis:100%; border-top:1px solid #293039; padding-top:13px; margin-top:1px; }.return-to-game summary { color:#c3cbd5; cursor:pointer; font-size:11px; }.return-to-game details p { padding-top:12px; max-width:700px; }
.hof-redesign .dashboard aside { align-self:start; border:1px solid #30363c; padding:20px 14px; border-radius:12px; background:linear-gradient(160deg,#1c2024,#111518 65%); }
.hof-redesign .dashboard aside h2 { font-size:18px; margin:12px 10px 24px; }.hof-redesign .dashboard aside .eyebrow { margin:0 10px; font-size:9px; }.hof-redesign .dashboard aside button { font-size:13px; }
@media(max-width:1100px) and (min-width:801px) { .player-home { grid-template-columns:190px minmax(0,1fr); gap:24px; }.profile-actions { gap:10px; }.hof-redesign .profile-actions button { padding:16px; }.action-title { font-size:14px; }.quick-heading>span { display:none; } }
@media(max-width:800px) { .player-home { grid-template-columns:1fr; gap:24px; padding:24px 0 32px; }.player-navigation { padding:16px; }.nav-identity { padding-bottom:14px; margin-bottom:12px; }.player-nav-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }.hof-redesign .player-nav-list button { justify-content:center; padding:12px 5px; font-size:11px; gap:5px; }.nav-symbol { font-size:15px; width:auto; }.player-nav-list small { display:none; }.hof-redesign .player-signout { padding:12px 0 0; margin-top:12px; font-size:11px; }.profile-heading { flex-wrap:wrap; gap:12px; }.profile-heading h1 { font-size:34px; }.identity-badge { font-size:10px; padding:7px 9px; }.identity-copy { padding:24px; max-width:100%; }.identity-copy h2 { font-size:36px; }.identity-copy .mini-label { font-size:8px; letter-spacing:1.6px; }.quick-heading>span { display:none; }.profile-actions { grid-template-columns:1fr; gap:12px; }.hof-redesign .profile-actions button { position:relative; padding:20px 20px 20px 78px; min-height:138px; }.action-icon { position:absolute; left:20px; top:22px; }.action-copy { margin:8px 0 13px; }.return-to-game { padding:18px; }.hof-redesign .dashboard aside { padding:16px; }.hof-redesign .dashboard aside .logout { width:100%; } }
@media(min-width:1536px) { .hero-art { right:-92px; }.arena-arrow { top:170px; } }
@media(min-width:801px) and (max-width:1150px) { .hero-copy h1 { font-size:70px; }.hero-description { max-width:480px; }.hero-art { opacity:.78; width:68%; }.hero-copy { padding-top:50px; }.arena-copy { padding:16px 14px; }.arena-copy strong { font-size:17px; letter-spacing:1.6px; }.site-header nav { gap:20px; } }
@media(max-width:800px) {
  #hof-presentation,.hof-redesign #root>.shell { padding:0 24px; }
  .site-header { height:auto; min-height:105px; padding:17px 0; flex-wrap:wrap; gap:18px; }
  .site-brand { font-size:27px; }.sign-in { padding:9px 18px; font-size:12px; }
  .site-header nav { order:3; width:100%; justify-content:space-between; gap:15px; font-size:13px; }
  .combat-hero { min-height:0; display:flex; flex-direction:column; }
  .hero-copy { padding-top:26px; }.hero-copy h1 { font-size:clamp(50px,10vw,78px); line-height:.96; letter-spacing:-2.5px; margin:17px 0 20px; }
  .hero-eyebrow { font-size:12px; letter-spacing:3px; }.hero-description { max-width:470px; font-size:15px; margin-bottom:23px; }
  .google-entry { min-width:0; width:100%; max-width:324px; font-size:14px; justify-content:center; gap:18px; padding:12px 18px; }
  .hero-art { position:relative; order:2; top:auto; bottom:auto; right:auto; width:100%; height:auto; aspect-ratio:876/464; z-index:0; border-radius:8px; margin-top:28px; }
  .hero-art::after { background:linear-gradient(180deg,#0e1112,transparent 25%); }
  .arena-section { padding-top:22px; padding-bottom:30px; }.arena-heading { gap:12px; }.arena-heading h2 { font-size:25px; }.arena-heading>span { font-size:9px; letter-spacing:2px; }
  .arena-grid { grid-template-columns:1fr; gap:18px; }.arena-copy { padding:16px 20px 20px; }.arena-copy>span { font-size:13px; }.arena-arrow { top:auto; bottom:106px; }
  .hof-redesign #root footer { flex-wrap:wrap; gap:20px; padding:25px 0; }.hof-redesign #root footer>span:first-child { width:100%; }
  .hof-redesign .dashboard { gap:25px; padding-top:25px; }.hof-redesign .dashboard h1 { font-size:44px; }
}
@media(prefers-reduced-motion:no-preference) { .hero-art::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 65% 30%,#ff32160d,transparent 65%); animation:ember-glow 7s ease-in-out infinite alternate; } @keyframes ember-glow { to { opacity:.25; } } }
@media(prefers-reduced-motion:reduce) { .hof-redesign *, .hof-redesign *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.identity-metrics{position:relative;z-index:1;padding:0 30px 24px}.wallet-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ffffff16;padding-top:22px}.wallet-metrics>div{display:flex;flex-direction:column;gap:9px}.wallet-metrics span{font-size:10px;letter-spacing:1.8px;color:#c9b9b7}.wallet-metrics strong{font-size:34px;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wallet-metrics>div:nth-child(2) strong{color:#a2e3f5}.wallet-metrics small{font-size:10px;color:#a399a0}.fight-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;padding:17px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.fight-metrics>div{display:flex;flex-direction:column;gap:7px;border-right:1px solid #ffffff12;padding-left:20px}.fight-metrics>div:first-child{padding-left:0}.fight-metrics>div:last-child{border:0}.fight-metrics strong{font-size:23px;font-variant-numeric:tabular-nums}.fight-metrics span{font-size:9px;letter-spacing:1.7px;color:#b0a6ac}.fight-metrics>div:nth-child(2) strong{color:#99d8b5}.fight-metrics>div:nth-child(3) strong{color:#ff9b91}.metrics-status{margin:13px 0 0;font-size:10px;color:#a69ca5}.identity-copy{padding-bottom:23px}.identity-watermark{bottom:auto;top:80px}.identity-art{bottom:auto;height:235px}
/* Reflow the original history rows, leaving their links, disclosure controls,
 * filtering handlers, statuses and displayed financial values intact. */
.ledger-header{display:grid;padding:14px 18px;background:#20262d;border:1px solid #343e48;border-radius:8px 8px 0 0;gap:16px;font-size:9px;letter-spacing:1.5px;color:#a8b5c5;margin-top:20px}.ledger-header.money{grid-template-columns:.8fr 1.1fr 1fr 1fr 1.6fr}.ledger-header.crystal{grid-template-columns:1.2fr 1.2fr 1fr}.hof-redesign .transfer-history .transfer-row{display:grid;grid-template-columns:.8fr 1.1fr 1fr 1fr 1.6fr;gap:16px;padding:18px;margin:0;border:1px solid #303943;border-top:0;background:#151a1f;align-items:start;font-size:12px}.hof-redesign .transfer-history .transfer-row:nth-of-type(even){background:#191f25}.hof-redesign .transfer-history .transfer-row:hover,.hof-redesign .crystals-note .transfer-card:hover{background:#222a33}.transfer-history .transfer-icon{display:none}.transfer-history .transfer-body,.transfer-history .transfer-heading,.transfer-history .transfer-meta{display:contents}.transfer-history .transfer-heading>strong:first-child{grid-column:1;grid-row:1;font-size:12px}.transfer-history .transfer-heading>strong:last-child{grid-column:3;grid-row:1;font-size:12px;font-variant-numeric:tabular-nums}.transfer-history .transfer-meta time{grid-column:2;grid-row:1;color:#aebbc9;font-size:11px;line-height:1.6}.transfer-history .transfer-meta .status-pill{grid-column:4;grid-row:1;justify-self:start;font-size:10px;line-height:1.5;white-space:normal}.transfer-history .transfer-body>details,.transfer-history .transfer-body>.transfer-link{grid-column:5;grid-row:1;font-size:11px;min-width:0;overflow-wrap:anywhere}.transfer-history .transfer-body summary{font-size:11px}.transfer-history .transfer-leg{display:flex;font-size:10px}.hof-redesign .crystals-note{max-width:none}.hof-redesign .crystals-note .transfer-card{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:16px;padding:18px;margin:0;background:#151a1f;border:1px solid #303943;border-top:0;align-items:center}.crystals-note .transfer-card:nth-of-type(even){background:#191f25}.crystals-note .transfer-card .transfer-heading{display:contents}.crystals-note .transfer-card strong{grid-column:1;grid-row:1;font-size:13px}.crystals-note .transfer-card>small{grid-column:2;grid-row:1;font-size:11px;color:#aebbc9}.crystals-note .transfer-card .transfer-heading>span{grid-column:3;grid-row:1;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.crystals-note .transfer-card[data-direction=credit] .transfer-heading>span{color:#9ddbb7}.crystals-note .transfer-card[data-direction=debit] .transfer-heading>span{color:#ff9a90}
@media(max-width:1100px){.ledger-header.money{display:none}.hof-redesign .transfer-history .transfer-row{grid-template-columns:1fr 1fr;border-top:1px solid #303943;margin-top:10px;border-radius:8px}.transfer-history .transfer-heading>strong:first-child{grid-column:1;grid-row:1}.transfer-history .transfer-heading>strong:last-child{grid-column:2;grid-row:1;text-align:right}.transfer-history .transfer-meta time{grid-column:1;grid-row:2}.transfer-history .transfer-meta .status-pill{grid-column:2;grid-row:2;justify-self:end}.transfer-history .transfer-body>details,.transfer-history .transfer-body>.transfer-link{grid-column:1/-1;grid-row:3;border-top:1px solid #303943;padding-top:12px}}
@media(max-width:550px){.identity-metrics{padding:0 24px 20px}.wallet-metrics{gap:12px}.wallet-metrics strong{font-size:27px}.wallet-metrics span{font-size:8px;letter-spacing:1px}.fight-metrics>div{padding-left:10px}.fight-metrics strong{font-size:20px}.fight-metrics span{font-size:8px;letter-spacing:.7px}.ledger-header.crystal,.hof-redesign .crystals-note .transfer-card{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:13px 10px}.ledger-header.crystal{font-size:8px;letter-spacing:.5px}.crystals-note .transfer-card strong,.crystals-note .transfer-card .transfer-heading>span{font-size:11px}.crystals-note .transfer-card>small{font-size:10px}.crystals-note .transfer-card .transfer-heading>span{text-align:right}}