:root{--blue:#1f5fe0;--blue-hi:#3d80ff;--blue-lo:#1240b0;--blue-deep:#0c2f8a;--navy:#0b2366;--paper:#fff;--paper-2:#eef3ff;--line:#d3def8;--ink:var(--navy);--muted:#5a6a97;--on-blue:#fff;--on-blue-muted:#ffffffc7;--gold-1:#fff07a;--gold-2:#ffcc1f;--gold-3:#f2a100;--gold-edge:#c97f00;--gold:linear-gradient(180deg, var(--gold-1) 0%, var(--gold-2) 48%, var(--gold-3) 100%);--good:#20b85a;--good-edge:#13843f;--bad:#ec4141;--bad-edge:#b02121;--surface:var(--paper);--surface-2:var(--paper-2);--accent:var(--gold-2);--accent-ink:var(--navy);--radius:14px;--shadow:0 14px 0 -6px #06195a59, 0 22px 40px -14px #06195a99;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;--doodles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220' fill='none' stroke='white' stroke-opacity='0.11' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 18l6 13 14 2-10 10 2 14-12-7-12 7 2-14-10-10 14-2z'/%3E%3Cpath d='M160 40c-6-10-22-6-20 6 2 10 20 20 20 20s18-10 20-20c2-12-14-16-20-6z'/%3E%3Crect x='120' y='130' width='44' height='44' rx='9'/%3E%3Ccircle cx='132' cy='142' r='3'/%3E%3Ccircle cx='152' cy='162' r='3'/%3E%3Ccircle cx='142' cy='152' r='3'/%3E%3Ccircle cx='50' cy='150' r='22'/%3E%3Ccircle cx='50' cy='150' r='12' stroke-dasharray='5 5'/%3E%3Cpath d='M80 90l8 14 10-16 10 16 8-14v26H80z'/%3E%3Cpath d='M180 110c8 6 16-6 24 0'/%3E%3Cpath d='M10 100c8-8 16 8 24 0s16 8 24 0'/%3E%3Cpath d='M95 200l10-18 10 18z'/%3E%3C/svg%3E");font-family:Fredoka,"Baloo 2",system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--on-blue);background-color:var(--blue);background-image:radial-gradient(ellipse 70% 45% at 50% -8%, #ffffff52, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, transparent 40%, #081e6e8c 100%), var(--doodles), linear-gradient(180deg, var(--blue-hi) 0%, var(--blue) 45%, var(--blue-lo) 100%);background-size:auto,auto,220px 220px,auto;background-attachment:fixed;min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:3px solid var(--gold-1);outline-offset:3px}.paper{background:var(--paper);color:var(--ink);border-radius:var(--radius);background:linear-gradient(var(--paper), var(--paper)) padding-box, var(--gold) border-box;box-shadow:var(--shadow);border:6px solid #0000}.plate{background:var(--gold);color:var(--navy);text-align:center;border-radius:8px;justify-items:center;padding:.35rem 1rem .45rem;line-height:1.1;display:inline-grid;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px #b4640059,0 6px 14px -6px #06195a99}.plate small{font-size:.8em;font-weight:600}.plate strong{font-size:1.15em;font-weight:700}.btn{--b:var(--paper);--b-ink:var(--navy);--b-edge:#b8c7ee;background:var(--b);color:var(--b-ink);box-shadow:0 5px 0 var(--b-edge), 0 10px 18px -8px #06195a80;-webkit-user-select:none;user-select:none;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-size:1.02rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 1px 0 var(--b-edge), 0 4px 10px -6px #06195a80;transform:translateY(4px)}.btn.primary{--b:var(--gold);--b-ink:var(--navy);--b-edge:var(--gold-edge)}.btn.good{--b:var(--good);--b-ink:#fff;--b-edge:var(--good-edge)}.btn.bad{--b:var(--bad);--b-ink:#fff;--b-edge:var(--bad-edge)}.btn.ghost{--b:#ffffff1f;--b-ink:#fff;--b-edge:#0000002e}.btn:disabled{opacity:.5;cursor:default;transform:none}.field{background:var(--paper-2);width:100%;color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-size:1rem;font-weight:500}.field:focus{border-color:var(--gold-2);outline:none;box-shadow:0 0 0 3px #ffcc1f59}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}