@import url('/profile.css');
*{box-sizing:border-box}[hidden]{display:none!important}:root{--app-bg:#0c141b;--app-panel:#15232d;--app-line:#35434d;--app-accent:#e6bf78;--app-text:#eef0f0;--app-muted:#a3b3bd}body{margin:0;background:radial-gradient(ellipse at 50% 0,#23384355,transparent 65%),var(--app-bg);color:var(--app-text);font:15px/1.5 system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--app-accent);outline-offset:4px}.app-shell{display:block!important;max-width:1440px;margin:0 auto;padding:22px 28px 0;border-bottom:1px solid var(--app-line)}.shell-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.app-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:2px}.app-brand small{font-size:9px;letter-spacing:3px;color:var(--app-muted)}.brand-mark{width:38px;height:42px;display:grid;place-items:center;background:linear-gradient(130deg,#e6edf0,#828e98);color:#14212b;font-style:italic;font-size:27px;clip-path:polygon(16% 0,100% 0,100% 80%,80% 100%,0 100%,0 16%)}.app-nav{display:flex;justify-content:flex-start!important;gap:4px!important;margin-top:22px;flex-wrap:wrap}.nav-link{text-transform:uppercase;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1px;padding:13px 18px;border-bottom:3px solid transparent;display:flex;gap:7px;align-items:center;color:var(--app-muted)}.nav-link:hover{color:white;background:#ffffff06}.nav-link[aria-current]{color:var(--app-accent);border-color:var(--app-accent)}.nav-badge{font-size:9px;border-radius:8px;background:var(--app-accent);color:var(--app-bg);padding:0 5px}.account-menu{position:relative;font-size:13px}.account-menu summary{cursor:pointer;list-style:none;padding:8px 14px;border:1px solid var(--app-line);border-radius:4px}.account-menu summary:after{content:' ▾';color:var(--app-accent)}.account-panel{position:absolute;right:0;top:45px;z-index:100;min-width:190px;display:grid;gap:14px;background:#192933;border:1px solid var(--app-line);padding:18px;box-shadow:0 10px 24px #0008}.account-panel button{cursor:pointer;padding:8px;border:1px solid var(--app-line);background:#293e4b;color:white}.shell-message:empty{display:none}.shell-message{font-size:12px}.hub-content{max-width:1050px;margin:0 auto;padding:34px 28px 70px}.home-hero{text-align:center;padding:35px 0 34px}.eyebrow{color:var(--app-accent);font-size:10px;letter-spacing:3px;font-weight:800}.home-hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,6vw,64px);font-weight:500;line-height:1.05;letter-spacing:2px;margin:17px 0 20px;background:linear-gradient(#fff,#bbc3ca);background-clip:text;color:transparent}.welcome{font-size:18px;font-weight:650;margin:0 0 7px}.hero-caption{color:var(--app-muted);font-size:13px;margin:0}.home-menu{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-tile{position:relative;padding:29px 32px;min-height:153px;text-decoration:none;border:1px solid #46535d;background:linear-gradient(125deg,#263541,#14212b 72%);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:filter 160ms,transform 160ms}.hub-tile:hover{filter:brightness(1.22);transform:translateY(-3px)}.hub-tile:focus-visible{outline-offset:-4px}.hub-tile h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:500;font-size:27px;letter-spacing:1.1px;margin:5px 0 7px}.hub-tile p{font-size:12px;color:var(--app-muted);margin:0}.tile-number{font-size:10px;letter-spacing:2px;color:#a2aeb6}.tile-arrow{position:absolute;right:28px;top:42%;font-size:25px;color:var(--app-accent)}.hub-tile--play{grid-column:1/-1;min-height:173px;background:linear-gradient(115deg,#e7cc97,#bf9a55);border-color:#f3e0be;color:#14212b}.hub-tile--play h2{font-size:41px}.hub-tile--play p,.hub-tile--play .tile-number,.hub-tile--play .tile-arrow{color:#263e46}.coming-soon{max-width:780px;margin:50px auto;padding:55px 40px;text-align:center;border:1px solid var(--app-line);background:linear-gradient(140deg,#263947,#101c25);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.coming-soon h1{font:500 clamp(34px,6vw,56px)/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:2px;margin:18px 0}.coming-emblem{font-size:70px;color:#a6b2bc}.soon-label{display:inline-block;padding:7px 18px;border:1px solid var(--app-accent);color:var(--app-accent);font-size:11px;font-weight:800;letter-spacing:3px}.coming-soon>p:not(.eyebrow){max-width:450px;color:var(--app-muted);margin:28px auto}.secondary-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--app-accent);padding:6px;font-size:13px}.login-main{max-width:470px;margin:65px auto;padding:28px}.login-brand{display:flex;justify-content:center;margin-bottom:35px}.login-panel{padding:32px;background:linear-gradient(135deg,#243541,#15222c);border:1px solid var(--app-line)}.login-panel h1{font:500 35px Impact,'Arial Narrow',sans-serif;letter-spacing:1px;margin:8px 0 14px}.login-panel>p{color:var(--app-muted);font-size:13px}.login-panel form{display:grid;gap:16px}.login-panel label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-panel input{padding:11px;background:#0e1b24;border:1px solid #455863;color:white;border-radius:3px}.login-panel button{padding:12px;border:1px solid var(--app-accent);background:var(--app-accent);color:#17242a;font-weight:850;cursor:pointer}.login-panel button.secondary{background:transparent;color:var(--app-accent)}.login-panel button:disabled{opacity:.5}.password-help{font-size:11px;color:var(--app-muted);margin:0}.login-notice{min-height:25px;color:#efcf94;font-size:12px}@media(max-width:650px){.app-shell{padding:18px 15px 0}.app-brand{font-size:17px}.app-brand small{display:none}.app-nav{gap:0!important;justify-content:space-between!important}.nav-link{padding:11px 8px;font-size:9px;letter-spacing:.4px}.hub-content{padding:15px 18px 40px}.home-hero{padding:25px 0}.home-menu{gap:12px}.hub-tile{padding:23px 20px;min-height:155px}.hub-tile h2{font-size:21px}.hub-tile p{max-width:85%;font-size:11px}.tile-arrow{right:15px;font-size:18px}.coming-soon{padding:30px 20px;margin:25px auto}.login-main{margin:25px auto;padding:20px}.login-panel{padding:24px}}
@media(prefers-reduced-motion:reduce){.hub-tile{transition:none}}
@media(max-width:650px){.app-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important}.nav-link{justify-content:center;padding:11px 6px}}
.home-xp{margin:0 0 12px;color:var(--app-accent);font-size:12px;font-weight:800;letter-spacing:1px}.account-xp{font-size:12px;color:var(--app-accent)}.opponent-heading{text-align:center;margin:22px 0 32px}.opponent-heading h1,.match-result h1{font:500 clamp(30px,5vw,48px) Impact,'Arial Narrow',sans-serif;letter-spacing:1px}.opponent-heading>p:not(.eyebrow){color:var(--app-muted);font-size:13px}.selection-notice{min-height:20px}.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.difficulty-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:linear-gradient(135deg,#253744,#111e28);color:#fff;border:1px solid var(--difficulty-color);border-top:4px solid var(--difficulty-color);padding:27px;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:filter 160ms,transform 160ms}.difficulty-tile:hover{filter:brightness(1.2);transform:translateY(-3px)}.difficulty-tile:disabled{opacity:.6;cursor:wait}.difficulty-rarity{font-size:11px;font-weight:850;letter-spacing:1px;color:var(--difficulty-color)}.difficulty-label{font:500 28px Impact,'Arial Narrow',sans-serif}.difficulty-xp{font-size:20px;font-weight:850}.difficulty-caption{font-size:11px;color:var(--app-muted)}.opponent-footnote{text-align:center;margin-top:25px;font-size:12px;color:var(--app-muted)}.match-result{max-width:720px;margin:40px auto;padding:40px;text-align:center;background:linear-gradient(135deg,#263947,#101c25);border:1px solid var(--app-line)}.match-result h1{font-size:58px;margin:18px 0}.result-opponent{font-weight:800;font-size:13px;letter-spacing:1px}.result-detail{color:var(--app-muted);font-size:13px}.xp-earned{display:block;font-size:50px;margin-top:26px;color:var(--app-accent)}.xp-confirmed{color:var(--app-muted);font-size:11px;margin-top:0}.total-xp{font-weight:800;letter-spacing:1px}.result-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}.result-link{text-decoration:none;padding:12px 24px;background:var(--app-accent);color:#14212b;font-size:12px;font-weight:850}.result-link:last-child{background:transparent;border:1px solid var(--app-accent);color:var(--app-accent)}@media(max-width:650px){.difficulty-grid{grid-template-columns:1fr 1fr;gap:12px}.difficulty-tile{padding:20px 15px}.difficulty-label{font-size:23px}.match-result{padding:24px}.result-actions{gap:10px}.result-link{padding:12px 17px}}
.stats-page{max-width:1200px;margin:0 auto;padding:30px 20px}.stats-scroll{overflow-x:auto;margin:18px 0}.stats-table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{padding:12px 10px;border-bottom:1px solid #ffffff26;text-align:right;white-space:nowrap}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-game{padding:16px;margin:10px 0;border:1px solid #ffffff30;border-radius:8px}.stats-game summary{cursor:pointer}.stats-note{line-height:1.6;opacity:.75}.stats-page h2{margin-top:32px}
.objectives-page{max-width:1100px;margin:auto;padding:40px 24px}.objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.objective-card{padding:28px;border:1px solid #395260;border-radius:16px;background:#102632}.objective-card.is-complete{border-color:#79bf8b}.objective-card progress{display:block;width:100%;height:18px;margin-top:18px;accent-color:#e8bc70}.objective-reward{color:#e8bc70;font-weight:bold}@media(max-width:750px){.objective-grid{grid-template-columns:1fr}}
.objective-card.is-claimable{border:2px solid #e8bc70;box-shadow:0 0 20px #e8bc7020}.claim-button{width:100%;padding:14px;border:0;border-radius:8px;background:#e8bc70;color:#102632;font-weight:800;cursor:pointer}.claim-button:disabled{opacity:.65}.claim-feedback{color:#e8bc70;font-weight:700;min-height:24px}.claim-pop{animation:claim-pop .7s ease-out}@keyframes claim-pop{from{transform:translateY(8px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.claim-pop{animation:none}}
.objective-result-notice{margin:24px auto;padding:24px;border:1px solid #e8bc70;border-radius:12px;max-width:600px}
.level-progress{max-width:500px;margin:22px auto;padding:20px;border:1px solid var(--app-line);background:#13232dc9;text-align:center;border-radius:8px}.level-progress h2{color:var(--app-accent);margin:0;font-size:22px}.level-progress p{font-size:12px;margin:9px 0}.level-progress progress{width:100%;height:12px;accent-color:var(--app-accent)}.level-reward-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.level-reward-card{padding:22px;background:var(--app-panel);border:1px solid var(--app-line);border-radius:8px}.level-reward-card.is-milestone{border:2px solid var(--app-accent);background:linear-gradient(140deg,#413924,#182630)}.level-reward-card h2{margin:8px 0}.level-reward-card strong{font-size:24px;color:var(--app-accent)}.level-reward-card p{font-size:12px}.level-up-notice{position:fixed;z-index:20000;left:50%;top:20%;transform:translateX(-50%);width:min(420px,90vw);padding:32px;background:linear-gradient(140deg,#354b38,#14242b);border:2px solid var(--app-accent);border-radius:12px;text-align:center;box-shadow:0 16px 70px #000b;animation:level-up-pop .5s ease-out}.level-up-notice>strong{font-size:32px;color:#8fff9e}.level-up-notice h2{font-size:28px}.level-up-notice button{display:block;margin:20px auto 0;background:transparent;color:white;cursor:pointer;border:0}.level-up-notice .result-link{display:inline-block}@keyframes level-up-pop{from{opacity:0;scale:.8}60%{scale:1.04}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.level-up-notice{animation:none}}
.tier-bonus-card{padding:24px;margin:24px 0;border:1px solid var(--app-accent);border-radius:8px;background:linear-gradient(135deg,#3b3424,#182730)}.tier-bonus-card h2{color:var(--app-accent)}.tier-complete-screen{position:fixed;inset:0;z-index:15000;background:#07131af5;display:grid;place-items:center;text-align:center;padding:24px;overflow:auto}.tier-complete-content{max-width:650px;width:100%;animation:tier-bonus-pop .65s ease-out}.tier-complete-content h1{font:500 clamp(38px,7vw,72px) Impact,'Arial Narrow',sans-serif;color:#8fff9e;text-shadow:0 0 30px #8fff9e66;letter-spacing:2px;margin:18px 0}.tier-complete-content h2{font-size:clamp(20px,4vw,32px);color:var(--app-accent)}.tier-bonus-xp{display:block;font-size:clamp(40px,8vw,76px);margin:24px 0;color:var(--app-accent)}.tier-complete-content button{display:block;margin:18px auto;cursor:pointer}.tier-complete-content .secondary-link{background:transparent;color:white;border:0;border-bottom:1px solid var(--app-accent)}@keyframes tier-bonus-pop{from{opacity:0;transform:scale(.8)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tier-complete-content{animation:none}}

/* Diamond Ascent navigation: shared branding, existing page layouts preserved. */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/_assets/e94fe19c30cbc1a54c04/card-preview-fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1_3E.ttf') format('truetype')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url('/_assets/e94fe19c30cbc1a54c04/card-preview-fonts/LDI2apCSOBg7S-QT7pa8FsOs.ttf') format('truetype')}
/* The outer header paints the viewport; its inner grid owns content sizing. */
.app-shell{display:block!important;max-width:none;margin:0;padding:0;min-height:0;background:#090b20;border-bottom:1px solid #7b52a550;position:relative;z-index:20;overflow:visible}
.shell-inner{max-width:1760px;margin:auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:32px;min-height:78px}
.shell-top{display:contents}.app-brand{grid-column:1;font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:1px;white-space:nowrap}.app-shell .brand-mark{display:none}
.app-shell .app-nav{grid-column:2;grid-row:1;display:flex!important;flex-wrap:nowrap;margin:0;justify-content:center!important;gap:18px!important;min-width:0}
.app-shell .nav-link{font-size:12px;letter-spacing:.5px;padding:27px 4px 24px;white-space:nowrap;border-bottom-width:3px;transition:color 180ms,background 180ms}
.app-shell .nav-link[aria-current]{color:#d0a0f6;border-color:#aa65e8;background:linear-gradient(0deg,#9d4edd15,transparent)}.app-shell .nav-link:hover{background:#9d4edd12;color:#e3c3ff}.app-shell .nav-badge{background:#c397ee;color:#0b1220}
.app-shell .account-menu,.app-shell .guest-account{grid-column:3;grid-row:1;font-size:12px;justify-self:end}.app-shell .account-menu summary{display:flex;align-items:center;gap:9px;padding:8px 0;border:0}.shell-level,.shell-cash{font:700 13px 'Rajdhani',sans-serif;padding:4px 7px;background:#202b3c;border:1px solid #6847804d;border-radius:4px;white-space:nowrap}.shell-level{color:#d5b2f4}.shell-cash{color:#43eeaa}.app-shell .account-menu summary:after{color:#a887c6}.app-shell .account-panel{top:calc(100% + 8px);z-index:30;max-width:calc(100vw - 32px)}
.login-brand{font-family:'Barlow Condensed',sans-serif;font-size:28px}
@media(max-width:1500px){.shell-inner{grid-template-columns:1fr auto;column-gap:20px;padding:12px 24px 0}.app-shell .account-menu,.app-shell .guest-account{grid-column:2}.app-shell .app-nav{grid-column:1/-1;grid-row:2;gap:24px!important}.app-shell .nav-link{padding:14px 8px 12px}}
@media(max-width:650px){.shell-inner{display:flex;flex-wrap:wrap;padding:12px 16px 0;gap:10px}.app-shell .app-brand{font-size:23px}.app-shell .account-menu,.app-shell .guest-account{margin-left:auto}.app-shell .account-menu summary{font-size:11px;gap:6px;flex-wrap:wrap;justify-content:flex-end}.shell-level,.shell-cash{font-size:11px;padding:3px 4px}.app-shell .shell-cash{display:inline-block!important}.app-shell .app-nav{display:flex!important;flex-wrap:wrap;overflow:visible;width:100%;gap:0 14px!important;justify-content:center!important}.app-shell .nav-link{font-size:11px;letter-spacing:.3px;padding:10px 4px;flex-shrink:0}.app-shell .app-nav .nav-link:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.app-shell .nav-link{transition:none}}

.shell-xp{display:grid;gap:5px;min-width:105px;font-size:9px;color:#ddd5ed}.shell-xp progress{width:100%;height:5px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#292444;accent-color:#a03fff}.shell-xp progress::-webkit-progress-bar{background:#292444}.shell-xp progress::-webkit-progress-value{background:linear-gradient(90deg,#a637f2,#6244e9);border-radius:8px}.shell-xp progress::-moz-progress-bar{background:#a637f2}@media(max-width:650px){.shell-xp{min-width:80px;font-size:9px}}

.app-shell .guest-account{display:flex;align-items:center;gap:12px;min-width:0}.app-shell .guest-signin{display:block;padding:8px 12px;border:1px solid #a86ee988;border-radius:6px;background:#55277844;color:#e3c5ff;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}