.parent-login{background:#fffdf7;border:3px solid #29352f;border-radius:2rem;width:min(100%,34rem);padding:clamp(1.5rem,5vw,3rem);display:grid;box-shadow:.75rem .75rem #9bc7b8}.parent-login__eyebrow{color:#a44b35;letter-spacing:.12em;text-transform:uppercase;font-size:.875rem;font-weight:800}.parent-login h1{font-size:clamp(2rem,5vw,3.25rem)}.parent-login__intro{margin-bottom:1.5rem}.parent-login__modes{background:#ece6d7;border-radius:999px;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem;padding:.35rem;display:grid}.parent-login__modes button,.parent-login__submit,.parent-login__secondary{cursor:pointer;font:inherit;border:0;border-radius:999px;padding:.8rem 1rem;font-weight:800}.parent-login__modes button{color:#29352f;background:0 0}.parent-login__modes button[aria-pressed=true]{background:#fffdf7;box-shadow:0 .15rem .5rem #29352f26}.parent-login__form{gap:1rem;display:grid}.parent-login__form label{gap:.4rem;font-weight:800;display:grid}.parent-login__form input{color:#29352f;width:100%;font:inherit;background:#fff;border:2px solid #8b958f;border-radius:.75rem;padding:.8rem 1rem}.parent-login__form input:focus-visible,.parent-login__modes button:focus-visible,.parent-login__submit:focus-visible{outline-offset:.15rem;outline:.25rem solid #f0b868}.parent-login__feedback{border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.parent-login__feedback--error{color:#72291f;background:#f8d7d0}.parent-login__feedback--success{color:#1f5941;background:#d9f0e3}.parent-login__submit{color:#fff;background:#276749;margin-top:.5rem}.parent-login__secondary{color:#365f53;cursor:pointer;font:inherit;text-underline-offset:.2rem;background:0 0;border:0;font-weight:800;text-decoration:underline}.parent-login button:disabled,.parent-login input:disabled{cursor:wait;opacity:.7}:root{color:#29352f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f3e8;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app{place-items:center;min-height:100vh;padding:2rem;display:grid}.bootstrap{text-align:center;background:#fffdf7;border:3px solid #29352f;border-radius:2rem;justify-items:center;width:min(100%,42rem);padding:clamp(2rem,6vw,4rem);display:grid;box-shadow:.75rem .75rem #f0b868}.bootstrap--ready{border-color:#276749;box-shadow:.75rem .75rem #8bc9a8}.bootstrap--error{border-color:#8c3326;box-shadow:.75rem .75rem #e7a28d}.bootstrap__eyebrow{color:#a44b35;letter-spacing:.12em;text-transform:uppercase;font-size:.875rem;font-weight:800}.bootstrap__spinner{border:.4rem solid #e4dcc9;border-top-color:#2a7161;border-radius:50%;width:3.5rem;height:3.5rem;margin-top:1.5rem;animation:.8s linear infinite bootstrap-spin}.bootstrap__status-icon{color:#fff;background:#276749;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin-top:1.5rem;font-size:2.25rem;font-weight:900;display:grid}.bootstrap--error .bootstrap__status-icon{background:#8c3326}h1{color:#173f35;margin:.5rem 0 1rem;font-size:clamp(2.5rem,8vw,5rem);line-height:1}p{margin:0;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}progress{accent-color:#2a7161;width:min(100%,20rem);height:.75rem;margin-top:1.75rem}.bootstrap__retry{color:#fff;cursor:pointer;font:inherit;background:#8c3326;border:0;border-radius:999px;margin-top:1.75rem;padding:.85rem 1.4rem;font-weight:800}.bootstrap__retry:focus-visible{outline-offset:.2rem;outline:.25rem solid #f0b868}.controller-connection{text-align:center;background:#fffdf7;border:3px solid #29352f;border-radius:2rem;justify-items:center;width:min(100%,48rem);padding:clamp(1.5rem,5vw,3.5rem);display:grid;box-shadow:.75rem .75rem #8bc9a8}.controller-connection__eyebrow{color:#a44b35;letter-spacing:.12em;text-transform:uppercase;font-size:.875rem;font-weight:800}.controller-connection__controller{background:#f2ead8;border:.3rem solid #29352f;border-radius:4rem 4rem 3rem 3rem;grid-template-columns:1fr 1.2fr 1fr;align-items:center;width:min(72vw,24rem);min-height:9rem;margin:1.5rem 0;padding:1.25rem;display:grid;position:relative}.controller-connection__shoulders{justify-content:space-between;width:calc(100% - 4rem);display:flex;position:absolute;top:-1.15rem;left:2rem}.controller-connection__shoulders span{background:#fffdf7;border:.2rem solid #29352f;border-radius:1rem 1rem .4rem .4rem;place-items:center;width:3.5rem;height:1.8rem;font-size:.8rem;font-weight:900;display:grid}.controller-connection__dpad,.controller-connection__buttons{grid-template-rows:repeat(3,1.7rem);grid-template-columns:repeat(3,1.7rem);place-content:center;display:grid}.controller-connection__dpad span,.controller-connection__buttons span{color:#fffdf7;background:#29352f;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.7rem;font-weight:900;display:grid}.controller-connection [data-input][data-pressed=true]{color:#29352f;filter:drop-shadow(0 0 .35rem #f0b868);background:#f0b868;border-color:#a44b35;transform:scale(1.12)}.controller-connection__dpad span:first-child,.controller-connection__buttons .controller-connection__button-a{grid-area:1/2}.controller-connection__dpad span:nth-child(2),.controller-connection__buttons .controller-connection__button-b{grid-area:2/1}.controller-connection__dpad span:nth-child(3){grid-area:2/3}.controller-connection__dpad span:nth-child(4){grid-area:3/2}.controller-connection__center{border:.25rem solid #29352f;border-radius:50%;width:3rem;height:3rem;margin:auto}.controller-connection__waiting{color:#2a7161;margin-top:1.5rem;font-weight:800}@keyframes bootstrap-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.bootstrap__spinner{border-color:#2a7161;animation:none}}
