:root{--brand-50:#fffbeb;--brand-100:#fef3c7;--brand-200:#fde68a;--brand-300:#fde047;--brand-400:#facc15;--brand-500:#eab308;--brand-600:#ca8a04;--brand-700:#a16207;--brand-800:#854d0e;--brand-ink:#06133d;--brand-300-rgb:253 224 71;--brand-400-rgb:250 204 21;--brand-500-rgb:234 179 8;--brand-600-rgb:202 138 4;--brand-800-rgb:133 77 14}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#05050a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}input::placeholder{color:#7a7a7a;opacity:1;font-weight:650}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button[data-soon][disabled]{filter:saturate(.55);opacity:.68;position:relative;cursor:not-allowed!important;transform:none!important}button[data-soon][disabled]:after{content:attr(data-soon);z-index:2;color:#5b4300;letter-spacing:.01em;text-transform:lowercase;white-space:nowrap;background:#fff4ae;border:1px solid #11182738;border-radius:999px;padding:2px 5px;font:800 9px/1.05 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;top:4px;right:6px;box-shadow:0 1px 2px #0f172a1f}.game-loading{z-index:6000;color:#2c2413;background:#faf7f0;place-items:center;padding:16px;font-family:Nunito,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.game-loading-blob{pointer-events:none;height:auto;display:block;position:absolute}.game-loading-blob.is-yellow{fill:#fbe6ac;width:clamp(200px,23vw,420px);top:0;left:0}.game-loading-blob.is-mint{fill:#ddefe1;width:clamp(90px,8vw,150px);top:14vh;right:0}.game-loading-blob.is-lilac{width:clamp(170px,18vw,340px);fill:var(--brand-100);bottom:0;left:0}.game-loading-blob.is-lilac-low{width:clamp(130px,12vw,210px);fill:var(--brand-100);bottom:0;right:0}.game-loading-logo{width:clamp(130px,13vw,190px);height:auto;animation:.4s ease-out both gameLoadingIn;position:absolute;top:clamp(16px,3.5vh,36px);left:50%;translate:-50%}.game-loading-card{z-index:1;text-align:center;justify-items:center;gap:clamp(10px,1.8vh,16px);width:min(560px,100%);animation:.4s ease-out both gameLoadingIn;display:grid;position:relative}.game-loading-art{aspect-ratio:16/10;width:min(440px,80vw,83.2vh);box-shadow:0 0 0 3px var(--brand-200), 0 22px 40px rgb(var(--brand-600-rgb) / .22);background:#ece6d8;border:6px solid #fff;border-radius:28px;margin-bottom:6px;overflow:hidden}.game-loading-art img{object-fit:cover;width:100%;height:100%;display:block}.game-loading-card strong{letter-spacing:.01em;color:var(--brand-ink);font-family:Lilita One,Nunito,system-ui,sans-serif;font-size:clamp(28px,4.4vw,44px);font-weight:400;line-height:1.05}.game-loading-bar{background:var(--brand-100);width:min(420px,100%);height:22px;box-shadow:0 0 0 2px var(--brand-300), inset 0 2px 4px rgb(var(--brand-400-rgb) / .33);border:3px solid #fff;border-radius:999px;position:relative;overflow:hidden}.game-loading-bar span{border-radius:inherit;background:linear-gradient(#ffe066 0%,#ffc41f 60%,#f5a700 100%);width:0;transition:width .12s linear;position:absolute;inset:0 auto 0 0;overflow:hidden;box-shadow:inset 0 -3px #c98a0059}.game-loading-bar span:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb3 45%,#0000 70%);animation:1.4s ease-in-out infinite gameLoadingShine;position:absolute;inset:0}.game-loading-bar.is-waiting span{width:35%;animation:1.1s ease-in-out infinite gameLoadingSlide}.game-loading-note{color:var(--brand-700);font-size:15px;font-weight:900}@keyframes gameLoadingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gameLoadingShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gameLoadingSlide{0%{left:-35%}to{left:100%}}@media (height<=560px){.game-loading-art{width:min(300px,60vw)}}@media (prefers-reduced-motion:reduce){.game-loading-logo,.game-loading-card,.game-loading-art,.game-loading-bar span:after,.game-loading-bar.is-waiting span{animation:none}.game-loading-bar span{transition:none}}.bop-nav-logo,.bop-nav-tab,.bop-nav-login{transition:transform .18s,box-shadow .18s,background-color .18s,filter .18s}.bop-nav-tab{transition:background-color .18s,box-shadow .18s,color .18s}.bop-nav-logo:focus-visible,.bop-nav-tab:focus-visible,.bop-nav-login:focus-visible{outline-offset:2px;outline:2px solid #1f78f299}@media (hover:hover){.bop-nav-logo:hover{transform:translateY(-2px)}.bop-nav-tab:hover{background-color:#0f172a12!important}.bop-nav-tab--active:hover{background-color:var(--brand-500)!important}.bop-nav-login:hover{filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 13px 24px rgb(var(--brand-600-rgb) / .34), inset 0 -2px 0 rgb(var(--brand-800-rgb) / .2)!important}}@media (prefers-reduced-motion:reduce){.bop-nav-logo,.bop-nav-tab,.bop-nav-login{transition:none}}.bop-backdrop{z-index:0;pointer-events:none;background:#faf7f0;position:fixed;inset:0;overflow:hidden}.bop-backdrop--plain{background:#fff}.bop-blob{height:auto;display:block;position:absolute}.bop-blob-yellow{fill:#fbe6ac;width:clamp(200px,23.3vw,420px);top:0;left:0}.bop-blob-mint{fill:#ddefe1;width:clamp(90px,8.1vw,150px);top:13.6vh;right:0}.bop-blob-lilac{width:clamp(170px,18.5vw,340px);fill:var(--brand-100);bottom:0;left:0}.bop-blob-lilac-low{width:clamp(130px,12vw,210px);fill:var(--brand-100);bottom:0;right:0}.bop-mark{display:block;position:absolute}.bop-dots{width:clamp(74px,6.4vw,116px);color:var(--brand-400);opacity:.75;top:23vh;left:max(1.5vw,50% - 645px)}.bop-pebble{height:auto}.bop-pebble-one{fill:#fbe6ac;width:clamp(30px,2.6vw,46px);top:45vh;left:max(3vw,50% - 620px)}.bop-pebble-two{fill:#d6e6f7;width:clamp(20px,1.6vw,28px);top:80vh;left:max(4vw,50% - 600px)}.bop-pebble-three{width:clamp(34px,3vw,52px);fill:var(--brand-100);top:40vh;right:max(2.5vw,50% - 640px)}.bop-pebble-four{fill:#ddefe1;width:clamp(22px,1.9vw,32px);top:70vh;right:max(3.5vw,50% - 610px)}.bop-pebble-five{width:clamp(16px,1.3vw,22px);fill:var(--brand-100);top:17vh;left:max(4vw,50% - 590px)}@media (width<=1160px){.bop-dots,.bop-pebble{display:none}.bop-blob-yellow,.bop-blob-lilac,.bop-blob-mint,.bop-blob-lilac-low{opacity:.55}}.site-footer{color:#5b6180;box-sizing:border-box;background:0 0;border-top:1px solid #0f172a14;width:100%;margin-top:auto;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.site-footer-inner,.site-footer-bottom{box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto}.site-footer-inner{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(0,1fr));gap:28px;padding:32px 5% 26px;display:grid}.site-footer-logo img{width:120px;height:auto;display:block}.site-footer-tagline{max-width:250px;margin:10px 0 0;font-size:13px;font-weight:700;line-height:1.5}.site-footer-heading{color:#06133d;letter-spacing:.2px;margin:0 0 10px;font-size:13px;font-weight:900}.site-footer-email{color:var(--brand-700);overflow-wrap:anywhere;text-underline-offset:3px;margin-top:10px;font-size:13px;font-weight:800;display:inline-block}.site-footer-email:hover{color:var(--brand-700)}.site-footer-col ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.site-footer-col a{color:#5b6180;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.site-footer-col a:hover{color:var(--brand-700);text-underline-offset:3px;text-decoration:underline}.site-footer-bottom{color:#9097ad;border-top:1px solid #0f172a12;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 5% 14px;font-size:12px;font-weight:700;display:flex}.site-footer-bottom p{margin:0}.site-footer--landing{color:#65717a;background:#faf9f6;border-top-color:#e4e5df}.site-footer--landing .site-footer-inner,.site-footer--landing .site-footer-bottom{max-width:1280px}.site-footer--landing .site-footer-inner{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(0,1fr));gap:40px;padding:54px 40px 44px}.site-footer--landing .site-footer-logo{text-decoration:none}.site-footer-wordmark{color:#182a3a;letter-spacing:-1.2px;font-size:28px;font-weight:900;line-height:1.2}.site-footer-wordmark span{color:#b1811f}.site-footer--landing .site-footer-tagline{max-width:260px;margin-top:16px;font-size:14px;font-weight:500;line-height:1.7}.site-footer--landing .site-footer-heading{color:#182a3a;margin-bottom:15px;font-size:13px;font-weight:800}.site-footer--landing .site-footer-col ul{gap:10px}.site-footer--landing .site-footer-col a,.site-footer--landing .site-footer-email{color:#65717a;font-size:13px;font-weight:600}.site-footer--landing .site-footer-col a:hover,.site-footer--landing .site-footer-email:hover{color:#182a3a}.site-footer--landing .site-footer-bottom{color:#65717a;border-top-color:#e4e5df;padding:20px 40px 28px;font-weight:500}.site-footer--landing a:focus-visible{outline-offset:4px;outline:3px solid #a77412}@media (width<=760px){.site-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;padding:26px 20px 20px}.site-footer-brand{grid-column:1/-1}.site-footer-tagline{max-width:none;margin-top:8px}.site-footer-col ul{gap:0}.site-footer-col a{align-items:center;min-height:32px;display:inline-flex}.site-footer-bottom{padding:12px 20px 14px}.site-footer--landing .site-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px;padding:40px 24px 24px}.site-footer--landing .site-footer-col ul{gap:0}.site-footer--landing .site-footer-col a{min-height:40px}.site-footer--landing .site-footer-bottom{gap:8px;padding:20px 24px 24px}}