:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green-dark:#1f7a4d;--green:#2ecc71;--green-light:#eafff2;--bright-yellow:#ffd166;--bright-orange:#ff8c42;--bright-pink:#ff6b9d;--ink:#1b3a2b;--ink-soft:#4a6357;--card-bg:#fff;--shadow:0 10px 30px #0000001f;--radius:20px;font-family:"Baloo 2",Comic Sans MS,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{-webkit-overflow-scrolling:touch;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{min-height:100%;color:var(--ink);-webkit-overflow-scrolling:touch;background:#f7fcf9;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;border:none;font-family:inherit}.btn{background:var(--green);color:#fff;box-shadow:0 6px 0 var(--green-dark);border-radius:999px;padding:14px 28px;font-size:1.05rem;font-weight:700;transition:transform 80ms}.btn:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(4px)}.btn.secondary{color:var(--green-dark);background:#fff;box-shadow:0 6px #cfe9d9}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(24px,-18px)scale(1.06)}}.screen{text-align:center;isolation:isolate;background-color:#f7fcf9;background-image:radial-gradient(1100px at 8% 10%,#2ecc7129 0%,#0000 60%),radial-gradient(950px at 92% 10%,#ffd1662e 0%,#0000 55%),radial-gradient(900px at 88% 90%,#2ecc7124 0%,#0000 55%),radial-gradient(1000px at 10% 90%,#1f7a4d1a 0%,#0000 60%),linear-gradient(170deg,#f7fdf9 0%,#fff 45%,#f3faf6 100%);flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px 20px;display:flex;position:relative;overflow-x:hidden}.screen:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#1f7a4d14 1.25px,#0000 1.25px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 85%,#000 40%,#0000 95%);mask-image:radial-gradient(90% 85%,#000 40%,#0000 95%)}.screen:after{content:"";pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(420px at 18% 26%,#2ecc7114,#0000 70%),radial-gradient(460px at 82% 74%,#ffd16617,#0000 70%),radial-gradient(360px at 75% 20%,#4dd6ff0f,#0000 65%);animation:18s ease-in-out infinite alternate floatGlow;position:absolute;inset:-40px}@media (prefers-reduced-motion:reduce){.screen:after{animation:none}}.screen.pattern-light:before{background-image:radial-gradient(#ffffff38 1.25px,#0000 1.25px)}.screen>*{z-index:1;position:relative}.card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffffe0;border:1.5px solid #fffffff2;padding:24px;transition:box-shadow .22s,border-color .22s,background-color .2s;box-shadow:0 4px 6px -1px #1f7a4d08,0 10px 24px -2px #1f7a4d12,0 0 0 1px #1f7a4d0d}.card:hover:not(:disabled){border-color:#2ecc7159;box-shadow:0 14px 32px -4px #1f7a4d1f,0 4px 10px #00000008,0 0 0 1px #2ecc7138}@media (width<=720px){.core-idea-grid,.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=420px){.core-idea-grid{grid-template-columns:1fr!important}.food-grid{gap:10px!important}.food-grid .card{border-radius:18px!important;gap:4px!important;padding:10px 6px!important}.food-grid .card>div:not(:first-child){font-size:.85rem!important}}@media (width<=640px){.game-screen{padding:8px 10px 16px!important}.game-header{gap:8px;flex-wrap:nowrap!important;row-gap:0!important;padding:0 0 8px!important}.game-header-brand{display:none!important}.game-header nav[aria-label=Breadcrumb]{min-width:0;padding:3px 10px 3px 4px!important;font-size:.8rem!important}.crumb-mid,.crumb-chev{display:none!important}.crumb-home-label{display:none}.crumb-home{padding:4px 6px!important}.game-header button[aria-label="Skip to the quiz"]{padding:6px 12px!important;font-size:.78rem!important}.game-score{gap:6px!important;padding:3px 12px 3px 9px!important}.game-score-link{display:none}.game-stage{align-items:flex-start!important}.stage-card{border-radius:22px!important;min-height:0!important}.stage-top{padding:10px 12px 0!important}.stage-badge{border-radius:16px!important;gap:8px!important;padding:5px 12px 5px 6px!important}.stage-badge>div:first-child{border-radius:10px!important;width:32px!important;height:32px!important}.stage-badge>div:last-child>div:first-child{font-size:1rem!important}.stage-badge>div:last-child>div:last-child{display:none}.stage-canvas{margin-top:6px!important}.foods-score{padding:5px 12px!important;font-size:.82rem!important}.foods-score a{font-size:.8rem}.stage-tips{display:none!important}.stage-canvas{min-height:clamp(300px,50vh,440px)!important}}.player-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:24px;display:flex}.player-actions a{color:var(--green-dark)}.player-actions a.btn{color:#fff;text-decoration:none}.leaderboard-card{width:min(100%,760px)}.leaderboard-note{color:var(--ink-soft);font-size:.9rem}.leaderboard-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;margin-top:24px}.leaderboard-table caption{color:var(--ink-soft);padding-bottom:12px;font-size:.85rem}.leaderboard-table th,.leaderboard-table td{overflow-wrap:anywhere;border-bottom:1px solid #d8eadd;padding:14px 8px}.leaderboard-table th:first-child{width:18%}.leaderboard-table th:last-child{width:20%}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:right}.current-player{background:var(--green-light)}.you-badge{background:var(--green-dark);color:#fff;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.75rem;display:inline-block}:focus-visible{outline-offset:4px;outline:3px solid #2461bb}.screen>.username-modal{position:fixed}.username-modal{width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);text-align:center;background:#fff;border:0;border-radius:24px;margin:auto;padding:clamp(20px,5vw,32px);overflow-y:auto;box-shadow:0 24px 70px #102d2855}.username-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102d28aa}.username-modal h2{color:var(--green-dark);margin:12px 0;font-size:1.8rem}.username-modal form{text-align:left;gap:12px;display:grid}.username-modal label{font-weight:800}.username-modal input{width:100%;min-width:0;font:inherit;color:var(--ink);background:#f7fcf9;border:2px solid #a7cdb8;border-radius:12px;padding:12px;font-size:16px}.username-modal input[aria-invalid=true]{border-color:#ad273d}.username-modal #username-help,.username-lock-note{color:var(--ink-soft);margin:0;font-size:.85rem}.username-modal #username-error{color:#ad273d;margin:0}.username-modal .btn{background:var(--green-dark);margin:4px 0 8px}.username-lock-note{text-align:center}.drawer-profile{color:var(--ink);background:#f0f9f3;border-radius:14px;gap:8px;margin-bottom:16px;padding:14px;display:grid}.drawer-profile-label{color:var(--ink-soft);font-size:.8rem}.drawer-username{overflow-wrap:anywhere;color:var(--green-dark)}.drawer-username-edit{color:var(--green-dark);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:6px 0;font-size:.85rem;font-weight:700;text-decoration:underline}@media (width<=480px){.leaderboard-card{padding:20px 14px!important}.leaderboard-table{table-layout:auto;font-size:.88rem}.leaderboard-table th,.leaderboard-table td{padding:10px 6px}.leaderboard-table th:first-child,.leaderboard-table th:last-child{white-space:nowrap;width:auto}.leaderboard-card h1{font-size:1.6rem!important}}@media (pointer:coarse),(width<=768px){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body *{-webkit-backdrop-filter:none!important}.screen:after{display:none!important}canvas,.screen canvas,.game-screen canvas{touch-action:pan-y!important}.screen .capture-touch canvas{touch-action:none!important}.food-grid{touch-action:pan-y!important}.food-grid .card{contain:paint;-webkit-tap-highlight-color:transparent;touch-action:pan-y!important;transition:transform .12s,box-shadow .12s!important;box-shadow:0 2px 8px #0000000d!important}}