@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900&family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#080b10;--color-surface:#0f141c;--color-surface-raised:#141b25;--color-surface-soft:#0c1118;--color-border:#252e3b;--color-border-subtle:#1a222d;--color-text:#f7f8fa;--color-text-muted:#8c98a8;--color-text-faint:#5e6978;--color-accent:#f5c542;--color-accent-bright:#ffe27a;--color-accent-dark:#a66e12;--color-blue:#1e90ff;--color-purple:#6e44ad;--color-danger:#e63946;--color-success:#43b978;--color-cream:#f2eee4;--font-body:"Inter", system-ui, sans-serif;--font-display:"Barlow Condensed", Impact, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--shadow-card:0 20px 55px #0000003d;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:#03080d;max-width:100%;overflow-x:clip}body,#root{background:#03080d;min-height:100vh}body{min-width:320px;max-width:100%;margin:0;overflow-x:clip}.app-route,.app-route__content{background:#03080d;min-height:100svh}.app-route{isolation:isolate}.app-route__content{animation:.18s ease-out both app-screen-in}.route-loading{color:#9aa7b4;text-align:center;background:radial-gradient(circle at 50% 42%,#132536,#03080d 22rem);place-items:center;min-height:100svh;padding:1.5rem;animation:.18s ease-out both app-screen-in;display:grid}.route-loading>div{place-items:center;gap:.85rem;display:grid}.route-loading__logo{width:7.5rem}.route-loading p{color:#9aa7b4;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px}button:disabled,input:disabled{opacity:1}h1,h2,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes app-screen-in{0%{opacity:0}}.shell{width:min(100% - 2rem,1200px);margin-inline:auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@media (width>=768px){.shell{width:min(100% - 3rem,1200px)}}@media (prefers-reduced-motion:reduce){.app-route__content,.route-loading{animation:none}}.pennant-pursuit-logo{aspect-ratio:704/560;object-fit:contain;filter:drop-shadow(0 .65rem .7rem #00000070);image-rendering:auto;width:min(100%,20rem);height:auto;display:block}.pennant-pursuit-logo--home{aspect-ratio:689/542}.pennant-pursuit-logo--compact{aspect-ratio:672/520;filter:drop-shadow(0 .3rem .35rem #00000061);width:8.5rem}.dd-home{background:#03080d;min-height:100svh;position:relative;overflow-x:clip}.dd-home:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 20%,#00000047 65%,#000000c7 115%);position:absolute;inset:0}.dd-home__stadium{background:radial-gradient(at 50% 38%,#1d34486b,#0000 50%),linear-gradient(#050b11,#08141d 58%,#03080c);position:absolute;inset:0;overflow:hidden}.dd-home__lights{filter:drop-shadow(0 0 .55rem #c5e2ffa3);opacity:.82;background:radial-gradient(circle,#fff 0 2px,#badaf79e 3px,#0000 5px) 0 0/1.45rem 1.35rem;width:7rem;height:5rem;position:absolute;top:5%}.dd-home__lights:after{clip-path:polygon(0 0,30% 0,100% 100%,0 72%);content:"";filter:blur(1rem);background:linear-gradient(150deg,#b1d7f81f,#0000 68%);width:18rem;height:23rem;position:absolute;top:28%}.dd-home__lights--left{left:-3.4rem;transform:rotate(-17deg)}.dd-home__lights--right{right:-3.4rem;transform:rotate(17deg)}.dd-home__lights--right:after{right:0;transform:scaleX(-1)}.dd-home__stands{background:repeating-radial-gradient(at 50% 104%,#0000 0 3.8rem,#8ba9c30a 3.9rem 4rem);border-top:1px solid #b4cfe612;border-radius:50% 50% 0 0/16% 16% 0 0;height:46%;position:absolute;bottom:19%;left:-18%;right:-18%}.dd-home__field{background:radial-gradient(at 50% 100%,#183523 0,#102a1c 36%,#07130e 72%);border-radius:52% 52% 0 0/18% 18% 0 0;height:37%;position:absolute;bottom:-6%;left:-30%;right:-30%;box-shadow:inset 0 1.5rem 4rem #0000008c}.dd-home__field:before,.dd-home__field:after{content:"";transform-origin:bottom;border:1px solid #e0dbc324;width:35%;height:68%;position:absolute;bottom:0;transform:perspective(16rem)rotateX(54deg)}.dd-home__field:before{left:12%}.dd-home__field:after{right:12%}.dd-home__plate{clip-path:polygon(12% 0,88% 0,100% 55%,50% 100%,0 55%);background:#eeebdc2e;width:3.5rem;height:3rem;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)perspective(8rem)rotateX(52deg)}.dd-home__content{z-index:2;width:min(calc(100% - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)), 28rem);min-height:100svh;padding-block:calc(max(4.5rem, 10vh) + env(safe-area-inset-top)) calc(max(4rem, 8vh) + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative}.dd-home__brand{aspect-ratio:704/560;place-items:center;width:min(100% + 1.5rem,22.4rem);display:grid;position:relative}.dd-home__brand .pennant-pursuit-logo{width:100%}.dd-home__brand>span{color:#d9af48;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;font-weight:700;position:absolute;bottom:-.8rem;right:.15rem}.dd-home__content>p{color:#c1c7ce;font-family:"Bebas Neue", var(--font-display);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 .2rem .5rem #000000b3;margin-top:1.9rem;font-size:clamp(.82rem,3.5vw,1rem);line-height:1.55}.dd-home__actions{width:100%;margin-top:clamp(2.8rem,7vh,4rem)}.dd-home__actions button{cursor:pointer;width:100%;font-family:"Bebas Neue", var(--font-display);letter-spacing:.07em;text-transform:uppercase;font-weight:700;transition:filter .16s,transform .16s,box-shadow .16s,border-color .16s}.dd-home__actions button:hover{filter:brightness(1.08);transform:translateY(-2px)}.dd-home__actions button:active{transform:scale(.98)}.dd-home__play{color:#12100b;text-shadow:0 1px #ffffff4d;background:linear-gradient(#f7d66b,#d99c26 58%,#9f6511);border:1px solid #ffe28a;border-radius:.45rem;min-height:4.35rem;font-size:1.45rem;box-shadow:0 0 0 .22rem #53370f99,0 1rem 2.5rem #0000006b,inset 0 1px #ffffff73}.dd-home__actions .dd-home__play:active{filter:brightness(.88);transform:translateY(2px)scale(.985);box-shadow:0 0 0 .16rem #53370f99,0 .3rem .8rem #00000061,inset 0 2px .35rem #53370f52}.dd-home__how,.dd-home__updates{color:#d7dce2;background:#080e15bf;border:1px solid #3a4654;border-radius:.45rem;min-height:3.5rem;margin-top:.8rem;font-size:.95rem}.dd-home__how span{color:#f5c542;margin-right:.45rem}.dd-home__updates{color:#e0c97f;border-color:#665729;margin-top:.55rem}.how-to-backdrop{z-index:100;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;justify-content:center;align-items:center;animation:.16s ease-out dd-fade;display:flex;position:fixed;inset:0}.how-to-modal{overscroll-behavior:contain;text-align:left;background:linear-gradient(145deg,#151f2a,#080e15);border:1px solid #495766;border-radius:.75rem;width:min(100%,25rem);max-height:100%;padding:1.4rem;animation:.2s cubic-bezier(.16,1,.3,1) dd-modal;position:relative;overflow-y:auto;box-shadow:0 1.5rem 5rem #000000ad}.how-to-modal>button:first-child{color:#a8b1bc;cursor:pointer;background:0 0;border:1px solid #364352;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.3rem;position:absolute;top:.7rem;right:.7rem}.how-to-modal>span{color:#f5c542;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:.58rem;font-weight:700}.how-to-modal h2{font-family:"Bebas Neue", var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-top:.35rem;font-size:2rem}.how-to-modal ol{gap:.65rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.how-to-modal li{color:#aab4bf;grid-template-columns:1.8rem 1fr;align-items:start;gap:.65rem;font-size:.7rem;line-height:1.5;display:grid}.how-to-modal li strong{color:#f5c542;width:1.75rem;height:1.75rem;font-family:var(--font-display);border:1px solid #8b6a27;border-radius:50%;place-items:center;display:grid}.how-to-modal li span b{color:#e7ebef;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.1rem;font-size:.75rem;display:block}.how-to-modal__actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.25rem;display:grid}.how-to-modal__actions button{cursor:pointer;min-height:3.4rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:.5rem;font-weight:800;transition:filter .15s,transform .15s}.how-to-modal__replay{color:#c3cbd4;background:#0c151e;border:1px solid #465565}.how-to-modal__done{color:#111;background:linear-gradient(#efc858,#b77a19);border:1px solid #f6d25f}.how-to-modal__done:active{filter:brightness(.88);transform:translateY(1px)scale(.98)}@keyframes dd-fade{0%{opacity:0}}@keyframes dd-modal{0%{opacity:0;transform:translateY(.6rem)scale(.98)}}@media (width>=720px){.dd-home__content{padding-block:calc(5rem + env(safe-area-inset-top)) calc(5rem + env(safe-area-inset-bottom))}}@media (height<=620px){.dd-home__content{min-height:auto;padding-block:calc(2.25rem + env(safe-area-inset-top)) calc(2.25rem + env(safe-area-inset-bottom))}.dd-home__brand{width:min(100% + 1.5rem,19.25rem)}.dd-home__content>p{margin-top:.85rem}.dd-home__actions{margin-top:1.5rem}}@media (width<=480px){.dd-home__lights:after{filter:blur(.45rem)}.how-to-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (prefers-reduced-motion:reduce){.how-to-backdrop,.how-to-modal{animation:none}.dd-home__play,.how-to-modal__actions button{transition:none}}.app-recovery{color:#fff;background:radial-gradient(circle at 50% 25%,#1b3042,#070d13 42rem);place-items:center;min-height:100svh;padding:1.25rem;display:grid}.app-recovery section{text-align:center;background:#080f16e0;border:1px solid #354555;border-radius:1rem;width:min(100%,30rem);padding:clamp(1.4rem,6vw,2.4rem);box-shadow:0 1.5rem 5rem #0000006b}.app-recovery .pennant-pursuit-logo{width:7.5rem;margin:0 auto .25rem}.app-recovery section>span{color:#f5c542;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:700}.app-recovery h1{font-family:var(--font-display);text-transform:uppercase;margin-top:.55rem;font-size:clamp(1.8rem,9vw,2.8rem)}.app-recovery p{color:#98a5b2;margin:.65rem auto 0;font-size:.78rem;line-height:1.6}.app-recovery div{grid-template-columns:1.3fr 1fr;gap:.55rem;margin-top:1.4rem;display:grid}.app-recovery button{color:#fff;cursor:pointer;min-height:3.2rem;font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;background:#101c27;border:1px solid #566677;border-radius:.55rem;font-weight:700;transition:filter .15s,transform .15s}.app-recovery button:first-child{color:#111;background:linear-gradient(#f3cc58,#b87a18);border-color:#ffe17a}.app-recovery button:active{transform:scale(.97)}.app-recovery button:first-child:active{filter:brightness(.88);transform:translateY(1px)scale(.98)}@media (prefers-reduced-motion:reduce){.app-recovery button{transition:none}}
