@import "https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";.gtheme-hud{box-sizing:border-box;z-index:100;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:absolute;top:0;left:0}.gtheme-hud>*{pointer-events:auto}.gtheme-hud-pill{text-align:center;background:#fef6df;border:3px solid #d4c5a5;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;min-width:120px;padding:.5rem 1rem;display:flex;box-shadow:inset 0 4px 6px #0000001a,0 2px 4px #0003}.gtheme-hud-label{text-transform:uppercase;color:#fbbf24;text-shadow:1px 1px #b45309;letter-spacing:1px;font-family:Fredoka One,cursive;font-size:.9rem}.gtheme-hud-value{color:#3b82f6;text-shadow:1px 1px #1e3a8a;font-family:Fredoka One,cursive;font-size:1.5rem}.gtheme-hud-pill.danger .gtheme-hud-label,.gtheme-hud-pill.danger .gtheme-hud-value{color:#ef4444;text-shadow:1px 1px #991b1b}.gtheme-overlay{z-index:200;pointer-events:auto;background:#2f3640d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gtheme-panel{text-align:center;background:#faedcc;border:5px solid #2f3640;border-radius:36px;flex-direction:column;gap:1.5rem;width:90%;max-width:420px;padding:2.5rem 2rem;display:flex;position:relative;box-shadow:0 10px #2f3640,0 20px 25px #00000080,inset 0 -6px #0000000d}.gtheme-ribbon{color:#fff;text-transform:uppercase;text-shadow:0 3px #1e3a8a;letter-spacing:2px;white-space:nowrap;background:#3b82f6;border:5px solid #2f3640;border-radius:999px;margin:0;padding:.5rem 3rem;font-family:Fredoka One,cursive;font-size:2.5rem;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 6px #1e3a8a,inset 0 -4px #0000001a}.gtheme-panel-text{margin-top:1rem;font-family:Fredoka One,cursive;font-size:1.2rem;color:#b45309!important}.gtheme-btn{color:#fff;text-transform:uppercase;cursor:pointer;text-shadow:-2px -2px #2f3640,2px -2px #2f3640,-2px 2px #2f3640,2px 2px #2f3640,0 4px #2f3640;background:#84cc28;border:5px solid #2f3640;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-family:Fredoka One,cursive;font-size:1.5rem;transition:transform .1s;display:flex;box-shadow:0 8px #4d8212,0 12px 10px #0003,inset 0 -6px #fff3,inset 0 6px #fff6}.gtheme-btn:hover{transform:translateY(2px);box-shadow:0 6px #4d8212,0 10px 10px #0003,inset 0 -6px #fff3,inset 0 6px #fff6}.gtheme-btn:active{transform:translateY(8px);box-shadow:0 0 #4d8212,0 2px 5px #0003,inset 0 -2px #fff3,inset 0 6px #fff6}.gtheme-btn-danger{background:#ef4444;box-shadow:0 8px #991b1b,0 12px 10px #0003,inset 0 -6px #fff3,inset 0 6px #fff6}.gtheme-btn-danger:hover{box-shadow:0 6px #991b1b,0 10px 10px #0003,inset 0 -6px #fff3,inset 0 6px #fff6}.gtheme-btn-danger:active{box-shadow:0 0 #991b1b,0 2px 5px #0003,inset 0 -2px #fff3,inset 0 6px #fff6}.gtheme-btn-primary{background:#3b82f6;box-shadow:0 8px #1e3a8a,0 12px 10px #0003,inset 0 -6px #fff3,inset 0 6px #fff6}.gtheme-btn-primary:hover{box-shadow:0 6px #1e3a8a,0 10px 10px #0003,inset 0 -6px #fff3,inset 0 6px #fff6}.gtheme-btn-primary:active{box-shadow:0 0 #1e3a8a,0 2px 5px #0003,inset 0 -2px #fff3,inset 0 6px #fff6}.gtheme-btn-round{border-radius:50%;width:56px;height:56px;padding:0}:root{--color-paper-bg:#f8f6f0;--color-paper-grid:#e2e8f0;--color-ink-primary:#1e293b;--color-ink-secondary:#475569;--color-ink-accent:#e11d48;--color-ink-correct:#10b981;--color-ink-error:#ef4444;--color-ui-bg:#fff;--color-ui-text:#0f172a;--color-ui-border:#cbd5e1;--color-ui-overlay:#0f172a66;--font-family-game:"Comic Sans MS", "Chalkboard SE", "Marker Felt", sans-serif;--font-family-ui:system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-ui);background-color:var(--color-paper-bg);color:var(--color-ui-text);touch-action:pan-y;-webkit-user-select:none}.btn{text-transform:uppercase;cursor:pointer;color:#fff;text-shadow:-2px -2px #2f3640,2px -2px #2f3640,-2px 2px #2f3640,2px 2px #2f3640,0 3px #2f3640;background-color:#84cc28;border:4px solid #2f3640;border-radius:999px;justify-content:center;align-items:center;padding:1rem 1.5rem;font-family:Fredoka One,cursive;font-size:1.2rem;font-weight:400;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 6px #4d8212,0 8px 10px #0003,inset 0 -4px #fff3,inset 0 4px #fff6}.btn:hover{transform:translateY(2px);box-shadow:0 4px #4d8212,0 6px 10px #0003,inset 0 -4px #fff3,inset 0 4px #fff6}.btn:active{transform:translateY(6px);box-shadow:0 0 #4d8212,0 2px 5px #0003,inset 0 -2px #fff3,inset 0 4px #fff6}.btn--primary{background-color:#3b82f6;box-shadow:0 6px #1e3a8a,0 8px 10px #0003,inset 0 -4px #fff3,inset 0 4px #fff6}.btn--primary:hover{box-shadow:0 4px #1e3a8a,0 6px 10px #0003,inset 0 -4px #fff3,inset 0 4px #fff6}.btn--primary:active{box-shadow:0 0 #1e3a8a,0 2px 5px #0003,inset 0 -2px #fff3,inset 0 4px #fff6}.btn--secondary{background-color:#ef4444;box-shadow:0 6px #991b1b,0 8px 10px #0003,inset 0 -4px #fff3,inset 0 4px #fff6}.btn--secondary:hover{box-shadow:0 4px #991b1b,0 6px 10px #0003,inset 0 -4px #fff3,inset 0 4px #fff6}.btn--secondary:active{box-shadow:0 0 #991b1b,0 2px 5px #0003,inset 0 -2px #fff3,inset 0 4px #fff6}.btn--icon{border-radius:50%;width:56px;height:56px;padding:0}.overlay{z-index:100;pointer-events:auto;background-color:#2f3640d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.card{color:#b45309;background-color:#faedcc;border:5px solid #2f3640;border-radius:36px;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;font-family:Fredoka One,cursive;display:flex;position:relative;box-shadow:0 10px #2f3640,0 20px 25px #00000080,inset 0 -6px #0000000d}.card h1,.card h2,.card h3{color:#b45309;font-family:Fredoka One,cursive}