*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}.app-header button.app-header-logo{padding:0!important}body{--acc:#5fb98f;--bg:#f8f8f6;--text:#1a1a1a;--text-muted:#666;--text-faint:#999;--surface:#0000000d;--surface-border:#00000017;--modal-bg:#fff;--btn-bg:#ebebea;--btn-border:#0000001f;--btn-active-bg:#0000001f;background:var(--bg);color:var(--text);font-family:Hanken Grotesk,system-ui,sans-serif;transition:background .2s,color .2s}body.dark{--bg:#111113;--text:#f0eeea;--text-muted:#aaa;--text-faint:#777;--surface:#ffffff12;--surface-border:#ffffff1a;--modal-bg:#1e1e22;--btn-bg:#ffffff1c;--btn-border:#ffffff21;--btn-active-bg:#ffffff2e}@keyframes acreFloat{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes acrePop{0%{transform:scale(.6)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes acreShine{0%{opacity:0;transform:translate(-120%)rotate(20deg)}15%{opacity:.55}55%{opacity:.55}to{opacity:0;transform:translate(220%)rotate(20deg)}}@keyframes acreConfetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--spin));opacity:0}}@keyframes acreRainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes acreFirework{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}@keyframes acreFlash{0%{opacity:.85;transform:scale(0)}to{opacity:0;transform:scale(3.2)}}@keyframes acrePulse{0%,to{filter:brightness()}50%{filter:brightness(.82)}}@keyframes acreEdgeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.milestone-badge-wrap{filter:drop-shadow(0 10px 22px #0000004d)}.milestone-badge{clip-path:polygon(4% 0%,96% 0%,100% 10%,100% 55%,50% 100%,0% 55%,0% 10%);position:relative;overflow:hidden}.milestone-badge:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffffbf,#0000);width:40%;height:140%;position:absolute;top:-20%;left:-60%}.milestone-badge.mythic{background:conic-gradient(#ff5f6d,#ffc371,#5fffa0,#5fd4ff,#a25fff,#ff5f6d)}.milestone-confetti{opacity:0;position:absolute;top:50%;left:50%}.milestone-firework{opacity:0;border-radius:50%;width:7px;height:7px;position:absolute}.milestone-flash{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute}@media (prefers-reduced-motion:no-preference){.anim-float{animation:.4s both acreFloat}.anim-pop{animation:.5s both acrePop}.milestone-badge:after{animation:1.6s .3s acreShine}.milestone-confetti{animation:.9s ease-out both acreConfetti}.milestone-badge.mythic{animation:4s linear infinite acreRainbow}.milestone-firework{animation:.7s ease-out both acreFirework}.milestone-flash{animation:.5s ease-out both acreFlash}.tutorial-highlight{animation:1.2s ease-in-out 3 acrePulse}.tutorial-edge{animation:.25s both acreEdgeIn}}@media (prefers-reduced-motion:reduce){.milestone-confetti{opacity:.9}}@media (width<=720px){.tutorial-screen-root{box-sizing:border-box;overflow:hidden;height:100dvh!important;min-height:0!important;padding:16px!important}.tutorial-inner{flex:auto;min-height:0;overflow:hidden}.tutorial-body-row{flex:auto;min-height:0;flex-flow:column!important}.tutorial-board-col{flex:none;min-height:0;overflow-y:auto;gap:12px!important}.tutorial-coach-col{min-height:0;max-height:60vh;overflow-y:auto;flex:auto!important;min-width:0!important}.tut-titlerow{margin-bottom:10px!important}.tut-screentitle{font-size:22px!important}.tut-skipbtn{padding:8px 14px!important}.tutorial-body-row{gap:12px!important}.tut-card{gap:7px!important;padding:13px 15px!important}.tut-step{font-size:11px!important}.tut-title{font-size:17px!important}.tut-body{font-size:12.5px!important;line-height:1.45!important}.tut-legend{gap:5px!important;font-size:12.5px!important}.tut-error{font-size:12px!important;line-height:1.4!important}.tut-cardbtn{margin-top:2px!important;padding:11px!important;font-size:14px!important}}#root{min-height:0!important;padding-top:0!important;padding-bottom:0!important}@media (width<=720px){.app-screen-wrap{justify-content:flex-start!important;min-height:0!important;padding:16px!important}.app-header{margin-bottom:16px!important}.app-header button{padding-top:9px!important;padding-bottom:9px!important}.app-content-col{gap:14px!important}.app-card{gap:16px!important}.app-board-pad{padding:8px 0!important}.app-content-col button{padding-top:12px!important;padding-bottom:12px!important}.app-page-title{margin-bottom:6px!important;font-size:26px!important}}@media (width>=721px) and (height<=860px){.app-screen-wrap{justify-content:flex-start!important;min-height:0!important;padding-top:14px!important;padding-bottom:14px!important}.app-header{margin-bottom:16px!important}.app-content-col{gap:12px!important}.app-card{gap:14px!important}.app-board-pad{padding:6px 0!important}.app-content-col button{padding-top:10px!important;padding-bottom:10px!important}}