@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@300;400;500&display=swap";:root{--bg-color: #000;--bg-gradient: linear-gradient(180deg, #000 0%, #0F0C29 3%, #1B1464 30%, #302B63 50%, #24243E 70%, #0F0C29 97%, #000 100%);--font-heading: "Fredoka", sans-serif;--font-body: "Outfit", sans-serif;--color-text: #fff;--color-text-muted: rgba(255, 255, 255, .5);--gradient-rainbow: linear-gradient(135deg, #E41E20, #FF8C1A, #FFD030, #4AAF4E, #3A8FDE, #9B59B6, #F472B6);--nb-7-gradient: linear-gradient(135deg, #E41E20, #FF8C1A, #FFD030, #4AAF4E, #29B6A8, #3F51B5, #9B59B6);--glass-bg: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .12);--glass-blur: 20px;--btn-bg: rgba(255, 255, 255, .1);--btn-border: 1px solid rgba(255, 255, 255, .12);--btn-size: 42px;--btn-radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-height:100%;min-height:var(--app-height, 100%);background-color:var(--bg-color)}body{margin:0;min-height:100vh;min-height:100dvh;min-height:var(--app-height, 100dvh);background:transparent;font-family:var(--font-heading);color:var(--color-text)}html.overlay-open,body.overlay-open{overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--bg-gradient);z-index:-1;pointer-events:none}@keyframes popIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flash{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.gradient-text{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.frosted-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px}.sticky-header{position:sticky;top:calc(8px + var(--safe-top));z-index:10;width:100%;max-width:400px;padding:10px 16px;margin-bottom:12px;flex-shrink:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:16px;box-shadow:0 4px 20px #0006;animation:popIn .5s ease-out}.sticky-header .page-header{animation:none}.page-header{text-align:center;position:relative;z-index:1;animation:popIn .5s ease-out}.back-btn{position:absolute;top:50%;transform:translateY(-50%);left:0;width:var(--btn-size);height:var(--btn-size);border-radius:var(--btn-radius);background:var(--btn-bg);border:var(--btn-border);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;text-decoration:none;line-height:1}.gear-btn{position:absolute;top:50%;transform:translateY(-50%);right:0;width:var(--btn-size);height:var(--btn-size);border-radius:var(--btn-radius);background:var(--btn-bg);border:var(--btn-border);color:#fff9;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.safe-area-container{padding-top:calc(24px + var(--safe-top));padding-right:calc(16px + var(--safe-right));padding-bottom:calc(40px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left))}.toy-container{min-height:var(--app-height, 100dvh);display:flex;flex-direction:column;align-items:center;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(40px + var(--safe-bottom)) calc(16px + var(--safe-left));position:relative}.bg-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.page-header h1{font-size:28px;font-weight:700;margin:0;letter-spacing:-.5px}.page-header .subtitle{font-size:14px;color:var(--color-text-muted);margin:4px 0 0;font-family:var(--font-body);font-weight:300}@keyframes btnPress{0%{transform:scale(1)}50%{transform:scale(.88)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.toy-btn{border-radius:16px;border:none;font-weight:700;font-family:var(--font-heading);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transition:transform .1s ease,opacity .15s ease;text-shadow:0 2px 4px rgba(0,0,0,.25)}.toy-btn:active:not([disabled]){transform:scale(.9)}.toy-btn[disabled]{cursor:default}body,#root{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}