.achievement-celebration .achievement-points{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:18px auto 0;padding:10px 16px;border:1px solid #e4c16e;border-radius:15px;background:linear-gradient(135deg,#fffdf0,#ffedb8);box-shadow:inset 0 1px #fff,0 3px 0 #dbb45724;color:#865715;font-size:.875rem;line-height:1.35;font-weight:750;animation:achievement-points-in .45s .28s both}.achievement-points>svg{flex:none;color:#a36b17;fill:#edc76e33;stroke-width:1.8}.achievement-points>strong{font-size:1.75rem;font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.achievement-points>span{overflow-wrap:anywhere}.app-shell .balances>.achievement-balance{position:relative;gap:6px;background:#fff6dd;border:1px solid #e7cf95;color:#825c20;font-variant-numeric:tabular-nums}.app-shell .balances>.achievement-balance>svg{color:#9d721d;fill:#ebc46a38;stroke-width:1.8;flex:none}.app-shell .balances>.achievement-balance>small{color:#826835;font-size:.6875rem;font-weight:650}.station-collection>.station-section-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px}.station-collection>.station-section-title>div{min-width:0}.station-collection .station-section-title h2{overflow-wrap:anywhere}.collection-points{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5cf99;border-radius:15px;background:linear-gradient(135deg,#fffdf3,#fff2cf);color:#956c20}.collection-points>svg{flex:none;fill:#e8c26733;stroke-width:1.65}.collection-points>span{display:flex;flex-direction:column;min-width:0;gap:3px}.collection-points strong{font-size:1.5rem;line-height:1.1;font-weight:850;color:#7c551a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.collection-points small{font-size:.6875rem;line-height:1.35;color:#8a713e;font-weight:650}.station-collection .collection-count{white-space:nowrap;margin:0}.station-badge .badge-points{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 5px;max-width:100%;margin:auto 0 12px;padding:6px 8px;border:1px solid #d6e3e9;border-radius:10px;background:#edf4f7;color:#607d8c;font-size:.6875rem;line-height:1.35}.badge-points>svg{flex:none}.badge-points>strong{font-size:.875rem;font-weight:850;font-variant-numeric:tabular-nums}.badge-points>span{overflow-wrap:anywhere}.station-badge.is-earned .badge-points{background:#ffedb9;border-color:#dfbd68;color:#825d1c;box-shadow:inset 0 1px #fff8}.station-badge.is-earned .badge-points>svg{fill:#dab34433}.station-badge .badge-bottom{margin-top:0}@keyframes achievement-points-in{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1050px){.station-collection>.station-section-title{grid-template-columns:auto minmax(0,1fr) auto}.station-collection .collection-points{grid-column:1/-1;grid-row:2;justify-self:start}.station-collection .collection-count{grid-column:3;grid-row:1}}@media(max-width:600px){.app-shell .balances>.achievement-balance>small{display:none}.achievement-celebration .achievement-points{padding:9px 12px;gap:6px}.station-collection>.station-section-title{gap:12px 9px}.collection-points{padding:10px 13px}.station-badge .badge-points{padding:6px;font-size:.6875rem}}@media(max-width:400px){.station-collection>.station-section-title{grid-template-columns:minmax(0,1fr) auto}.station-collection>.station-section-title>.station-icon{display:none}.station-collection .collection-count{grid-column:2}.station-collection>.station-section-title>div{grid-column:1;grid-row:1}}@media(prefers-reduced-motion:reduce){.achievement-celebration .achievement-points{animation:none;transform:none}}@media(min-width:371px) and (max-width:800px){.app-shell .topbar{grid-template-columns:minmax(117px,1fr) minmax(0,auto)}.app-shell .topbar .balances{min-width:0}.app-shell .balances>.achievement-balance>small,.app-shell .balances>.settings-topbar-button span{display:none}}:root{--pd-canvas:#e8f6fb;--pd-surface:#fbfeff;--pd-ink:#183b56;--pd-heading:#176489;--pd-muted:#48677b;--pd-border:#bdddea;--pd-focus:#208fba;--pd-action:#cc593b;--pd-action-top:#eb8961;--pd-action-bottom:#c65937;--pd-action-edge:#b95835;--pd-action-shadow:#963f28;--pd-space-1:4px;--pd-space-2:8px;--pd-space-3:12px;--pd-space-4:16px;--pd-space-6:24px;--pd-space-8:32px;--pd-control-radius:14px;--pd-heading-size:clamp(1.875rem,2.8vw,2.625rem)}body,body:has(.ranking-screen),body:not(:has(.ranking-screen)){--background:var(--pd-canvas);--foreground:var(--pd-ink);--card:var(--pd-surface);--card-foreground:var(--pd-ink);--popover:var(--pd-surface);--popover-foreground:var(--pd-ink);--primary:var(--pd-action);--border:var(--pd-border);--input:var(--pd-border);--ring:var(--pd-focus);--muted-foreground:var(--pd-muted)}body .app-shell .sidebar nav button{color:#657e89;font-weight:650;border-radius:17px}body .app-shell .sidebar nav button:hover{color:var(--pd-heading);background:#e9f7fb}body .app-shell .sidebar nav button.active{color:#23677c;border:2px solid #a8d0dd;background:linear-gradient(#f3fcff,#d5edf4);box-shadow:inset 0 2px 0 #fff,0 3px 0 #88b8c655}body .app-shell .balances>span{border:1px solid #e5d4a5;border-radius:14px;background:linear-gradient(#fffefa,#fff0d9);padding:6px 10px;box-shadow:inset 0 1px 0 #fff;color:#866338}body .app-shell .balances>.xp{background:linear-gradient(#f5fffc,#def2eb);border-color:#bedfce;color:#397c68}body .site-surface :is(.page-heading h1,.settings-title h1,.learn-heading h1,.tournament-heading h1,.team-ranking-heading h1,.overall-ranking .ranking-title h1,.mat-heading h1){color:var(--pd-heading);font-size:var(--pd-heading-size);font-weight:800;line-height:1.13;letter-spacing:-.035em;-webkit-text-stroke:0;text-shadow:0 2px 0 #ffffffb3}body .site-surface :is(.page-heading,.settings-title,.learn-heading,.tournament-heading){margin-bottom:var(--pd-space-8)}body .site-surface :is(.page-heading>div>.eyebrow,.settings-title .eyebrow,.learn-heading>.learn-kicker,.tournament-heading .eyebrow,.team-ranking-heading .team-eyebrow){color:#3d819e;font-size:.6875rem;font-weight:800;letter-spacing:.1em}body .site-surface :is(.primary,.learning-app .learn-primary,[data-slot=button][data-variant=default]){color:#fff!important;border:2px solid var(--pd-action-edge)!important;border-radius:var(--pd-control-radius)!important;background:linear-gradient(var(--pd-action-top),#d56843 50%,var(--pd-action-bottom))!important;box-shadow:inset 0 2px 0 #ffc6a2,0 4px 0 var(--pd-action-shadow),0 8px 14px #bb633824;font-weight:750!important;text-shadow:0 1px 0 #87332044;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}body .site-surface :is(.primary,.learning-app .learn-primary,[data-slot=button][data-variant=default]):hover:not(:disabled){background:linear-gradient(#f59b71,#de7149)!important;box-shadow:inset 0 2px 0 #ffd5ac,0 5px 0 var(--pd-action-shadow),0 10px 18px #bb63382b}body .site-surface :is(.primary,.learning-app .learn-primary,[data-slot=button][data-variant=default]):active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #ffc6a2,0 1px 0 var(--pd-action-shadow)}body .site-surface :is(.primary,.learn-primary,[data-slot=button][data-variant=default]):disabled{transform:none;opacity:.55;text-shadow:none}body .site-surface :is([data-slot=button][data-size=default],[data-slot=button][data-size=lg],.learn-primary,.learn-secondary){min-height:46px;height:auto;line-height:1.3;white-space:normal}body .site-surface :is([data-slot=button][data-variant=outline],.learning-app .learn-secondary){border:2px solid var(--pd-border);border-radius:var(--pd-control-radius);background:linear-gradient(#fff,#eef8fb);color:#315f73;box-shadow:inset 0 1px 0 #fff,0 3px 0 #8cb8bd33;font-weight:700}body .site-surface :is([data-slot=button][data-variant=outline],.learn-secondary):hover:not(:disabled){color:var(--pd-heading);background:#e7f5fa;border-color:#9ecbdc}body .site-surface :is(.field input,.settings-field input,[data-slot=input],[data-slot=textarea]){color:var(--pd-ink);background:var(--pd-surface);border:2px solid var(--pd-border);border-radius:var(--pd-control-radius);box-shadow:inset 0 1px 2px #183b5608;font-size:1rem}body .site-surface :is(.field input,.settings-field input,[data-slot=input]){min-height:46px}body .site-surface :is(input,textarea)[aria-invalid=true]{border-color:var(--destructive);background:#fff8f6}body .site-surface :is(button,a,input,select,textarea,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--pd-focus);outline-offset:3px}body .site-surface :is(input,select,textarea):focus-visible{outline-offset:1px;border-color:var(--pd-focus)}body .site-surface :is(input,textarea)[aria-invalid=true]:focus-visible{outline-color:var(--destructive);border-color:var(--destructive)}body .site-surface :is(.master-filters input,.master-filters select){min-height:46px;border:2px solid var(--pd-border);border-radius:var(--pd-control-radius);background:var(--pd-surface);color:var(--pd-ink);font-size:1rem}body .site-surface :is(.master-filters>button,.admin-player-editor>button){min-height:46px;border:2px solid var(--pd-action-edge);border-radius:var(--pd-control-radius);background:linear-gradient(var(--pd-action-top),var(--pd-action-bottom));box-shadow:inset 0 2px 0 #ffc6a2,0 4px 0 var(--pd-action-shadow);color:#fff;font-weight:750}body .site-surface .administrator-page button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}body .site-surface .master-workshop h2{color:var(--pd-heading);font-weight:800;letter-spacing:-.035em}.custom-tournament-hub .custom-lobby-stat{display:flex;align-items:flex-start;gap:var(--pd-space-2)}.custom-lobby-stat>svg{flex:none;margin-top:4px;color:#497f8a}.custom-lobby-stat>span{min-width:0}.custom-tournament-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pd-space-4);margin-top:var(--pd-space-6)}.custom-tournament-form>:is(p,button){grid-column:1/-1}.custom-tournament-form>p{margin:0}.custom-tournament-form>.field{display:grid;gap:var(--pd-space-2);margin:0}.custom-tournament-form .field input{margin-top:0}.custom-tournament-start{margin-top:var(--pd-space-5);padding-top:var(--pd-space-4);border-top:1px solid #c9dfda}.custom-training-option{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.custom-training-option>input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:#367f78}.custom-training-option>svg{flex:none;width:20px;height:20px;margin-top:2px;color:#497f8a}.custom-training-option>span{min-width:0}.custom-training-option strong{display:block;font-size:14px;line-height:1.5}.custom-training-option small{display:block;margin-top:3px;color:#617e89;font-size:12px;line-height:1.6}.custom-tournament-start .custom-start-summary{margin:14px 0 0;color:#326e66;font-size:13px;line-height:1.6}.custom-tournament-hub .tournament-entrant .custom-training-tag{color:#547f78;font-size:10px;line-height:1.4;letter-spacing:0}.custom-tournament-hub .custom-tournament-list-item{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:6px 20px;padding:20px;text-align:left;min-width:0}.custom-tournament-list-item>:is(strong,p){grid-column:1;margin:0;overflow-wrap:anywhere}.custom-tournament-list-item>svg{grid-column:2;grid-row:1/3;align-self:center}.custom-tournament-hub>.panel.section>h2{margin-bottom:var(--pd-space-3)}.custom-tournament-hub .tournament-overview-main>.subtle{margin-top:var(--pd-space-4);line-height:1.6}@media (max-width:600px){:root{--pd-heading-size:1.875rem}body .site-surface :is(.page-heading,.settings-title,.learn-heading,.tournament-heading){margin-bottom:var(--pd-space-6)}.custom-tournament-form{grid-template-columns:minmax(0,1fr)}.custom-tournament-hub .tournament-heading h1{font-size:26px;letter-spacing:0}.custom-tournament-hub .tournament-heading-medal{display:none}}@media (prefers-reduced-motion:reduce){body .site-surface :is(.primary,.learn-primary,.learn-secondary,[data-slot=button]){transition:none}}@keyframes pd-surface-reveal{0%{opacity:.45}to{opacity:1}}@keyframes pd-overlay-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){body :is(.site-surface,[data-slot=dialog-content],[data-slot=alert-dialog-content],[data-slot=dropdown-menu-content],dialog) :is(button,a,summary){transition-property:background-color,border-color,color,box-shadow,filter,opacity,transform,translate;transition-duration:.16s;transition-timing-function:ease-out}.bottom-nav>button,.settings-index>a,.sidebar nav>button{transition:background-color .18s,color .18s,box-shadow .18s,translate .18s}.mode-detail,.settings-card:target,[data-slot=tabs-content][data-state=active],details[open]>:not(summary){animation:pd-surface-reveal .24s ease-out}:is(dialog.home-referral-dialog[open],.home-referral-dialog::backdrop,dialog.sound-settings[open]){animation:pd-overlay-reveal .2s ease-out}[data-slot=dialog-overlay][data-state=open]{animation-duration:.22s}[data-slot=dialog-content][data-state=open]:not(.rank-up-celebration):not(.level-up-celebration):not(.team-celebration):not(.tournament-ceremony){animation-duration:.24s}:is([data-slot=dropdown-menu-content],[data-slot=popover-content],[data-slot=select-content])[data-state=open]{animation-duration:.18s}}@media(hover:hover) and (pointer:fine){body :is(.site-surface,[data-slot=dialog-content],[data-slot=alert-dialog-content],dialog) :is(button,a,summary):not(:disabled):hover{filter:brightness(1.035)}.settings-index>a:hover,.sidebar nav>button:hover{translate:2px 0}.bottom-nav>button:hover{translate:0 -2px}}body :is(.site-surface,[data-slot=dialog-content],[data-slot=alert-dialog-content],dialog) :is(button,a,summary):not(:disabled):active{filter:brightness(.95)}@media(prefers-reduced-motion:reduce){.bottom-nav>button,.settings-index>a,.sidebar nav>button{translate:none!important}body :is(.site-surface,[data-slot=dialog-content],[data-slot=alert-dialog-content],dialog) :is(button,a,summary){transition:none!important}}:where(*,:before,:after){box-sizing:border-box}html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}.app-main,.app-shell,.content,.site-surface,body{min-width:0}.app-shell,.site-surface{width:100%;max-width:100%}.content{width:100%}.entry .auth-grid{min-width:0;max-width:100%}@media(max-width:900px){.entry{padding-left:calc(6vw + env(safe-area-inset-left,0px));padding-right:calc(6vw + env(safe-area-inset-right,0px))}.app-shell .content,.app-shell .topbar{padding-left:calc(17px + env(safe-area-inset-left,0px));padding-right:calc(17px + env(safe-area-inset-right,0px))}.bottom-nav{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}}@media(max-width:700px){.entry{padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}}@media(any-pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea{font-size:max(16px,1em)!important;max-width:100%;min-width:0}}