:root{--ink:#123047;--ink-soft:#426178;--aegean:#0c87bd;--aegean-deep:#086899;--water:#83d9f7;--water-pale:#dcf7ff;--lemon:#ffd84d;--lemon-deep:#e9ad16;--leaf:#5f9f68;--coral:#f26f61;--plaster:#fffdf4;--shell:#f6f7e9;--line:#12304724;--line-bright:#ffffffb8;--shadow:0 28px 80px #0868992e;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:"Avenir Next", "Gill Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:#d9f6ff;min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:linear-gradient(#fffdf4d1 0%,#fffdf47a 38%,#83d9f757 100%),radial-gradient(at 78% 14%,#ffd84d52,#0000 24rem),linear-gradient(135deg,#fbfffb 0%,#e8faff 42%,#9fe3f8 100%);margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{z-index:-2;content:"";opacity:.92;background:radial-gradient(at 14% 22%,#ffd84d6b 0 6rem,#0000 6.2rem),radial-gradient(at 8% 27%,#5f9f6829 0 3.8rem,#0000 4rem),radial-gradient(at 96% 78%,#ffd84d57 0 7rem,#0000 7.2rem),radial-gradient(at 91% 84%,#5f9f6829 0 4.2rem,#0000 4.4rem);position:fixed;inset:0}.app-shell:after{z-index:-1;pointer-events:none;content:"";mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#0c87bd12 0 1px,#0000 1px 38px),repeating-linear-gradient(90deg,#0c87bd0e 0 1px,#0000 1px 38px),linear-gradient(110deg,#0000 0%,#ffffffa3 47%,#0000 53%);background-size:auto,auto,220px 100%;position:fixed;inset:0}.page-frame{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:22px 16px 34px}.quiz-frame{grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:calc(100vh - 56px);display:grid}.brand-strip{color:var(--ink);align-items:center;gap:12px;animation:.52s both rise-fade;display:flex}.brand-mark{background:#fffdf4d1;border:1px solid #0c87bd38;border-radius:8px;flex:none;grid-template-columns:repeat(3,1fr);gap:3px;width:42px;height:42px;padding:4px;display:inline-grid;box-shadow:0 8px 22px #0868991f}.brand-mark span{background:var(--aegean);border-radius:3px;min-width:0}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4),.brand-mark span:nth-child(9){background:var(--lemon)}.brand-mark span:nth-child(5){background:var(--coral)}.brand-copy{gap:2px;line-height:1;display:grid}.brand-copy strong{color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:1.1rem;font-weight:500}.brand-copy span{color:#1230479e;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900}.home-stage{grid-template-columns:minmax(0,.92fr) minmax(340px,.78fr);align-items:center;gap:28px;min-height:calc(100svh - 112px);display:grid}.hero-copy{gap:22px;max-width:650px;animation:.72s 80ms both rise-fade;display:grid}.hero-art{place-items:center;min-height:520px;animation:.9s cubic-bezier(.16,1,.3,1) .12s both hero-board-in;display:grid;position:relative}.hero-art:before,.empty-art:before{content:"";background:linear-gradient(135deg,#0c87bd1f,#0000 54%),#ffffff52;border:1px solid #08689929;border-radius:8px;position:absolute;inset:8% 0 3% 18%;transform:rotate(5deg)}.hero-art:after,.empty-art:after{pointer-events:none;content:"";background:radial-gradient(ellipse at 28% 56%, var(--lemon) 0 24px, transparent 25px), radial-gradient(ellipse at 61% 38%, #ffe56f 0 27px, transparent 28px), radial-gradient(ellipse at 76% 70%, #f8c62c 0 20px, transparent 21px), radial-gradient(ellipse at 52% 16%, var(--leaf) 0 12px, transparent 13px), radial-gradient(ellipse at 88% 42%, var(--leaf) 0 10px, transparent 11px);filter:drop-shadow(0 12px 18px #08689929);width:138px;height:98px;position:absolute;bottom:10%;right:3%;transform:rotate(-10deg)}.puzzle-board{aspect-ratio:1;background:linear-gradient(145deg, #fffffff5, #dcf7ffcc), var(--plaster);width:min(100%,510px);box-shadow:var(--shadow);border:1px solid #08689938;border-radius:8px;grid-template-columns:repeat(9,1fr);gap:5px;padding:8px;display:grid;position:relative;transform:rotate(-4deg)}.puzzle-board:before{z-index:-1;content:"";background:repeating-linear-gradient(135deg, #0c87bd2e 0 10px, #ffffff47 10px 20px), var(--water-pale);border-radius:8px;position:absolute;inset:-14px;transform:rotate(2deg)}.puzzle-cell{aspect-ratio:1;min-width:0;color:var(--ink);font-family:var(--font-display);animation:.52s cubic-bezier(.16,1,.3,1) both tile-in;animation-delay:var(--delay);background:#fffdf4f5;border:1px solid #08689924;border-radius:5px;place-items:center;font-size:1.45rem;font-weight:600;line-height:1;display:grid;box-shadow:inset 0 1px #ffffffbf}.puzzle-cell.is-dark{background:linear-gradient(135deg, #0c87bdf0, #83d9f7b8), var(--aegean);color:#0000;border-color:#0c87bd47}.puzzle-cell.is-gold{background:radial-gradient(ellipse at 35% 34%, #ffffff6b, transparent 32%), var(--lemon);color:var(--ink);border-color:#e9ad1659}.puzzle-cell.has-letter{text-transform:uppercase}.eyebrow{width:fit-content;color:var(--aegean-deep);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:inline-flex}.headline{max-width:760px;color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:4.65rem;font-weight:500;line-height:.94}.dek{max-width:610px;color:var(--ink-soft);margin:0;font-size:1.16rem;line-height:1.55}.code-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(100%,500px);display:grid}.text-input{min-width:0;min-height:56px;color:var(--ink);background:#fffdf4c7;border:1px solid #08689938;border-radius:8px;outline:none;padding:0 16px;transition:border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffffc7,0 12px 32px #08689914}.text-input::placeholder{color:#1230476b}.text-input:focus{background:#fffffff0;border-color:#0c87bdb8;box-shadow:0 0 0 4px #83d9f752,0 14px 34px #0868991f}.button{background:var(--lemon);min-height:50px;color:var(--ink);border:1px solid #0868992e;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 12px 28px #e9ad1633}.button:hover{background:#ffe26c;transform:translateY(-1px);box-shadow:0 16px 36px #e9ad1640}.button.secondary{color:var(--aegean-deep);background:#fffdf4b8;border-color:#0c87bd3d;box-shadow:0 12px 28px #08689914}.button.accent{background:var(--aegean);color:#fff;border-color:#0c87bd3d;box-shadow:0 14px 34px #0c87bd38}.button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none;transform:none}.quiz-panel,.empty-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd6,#fffdf4b8),#fffdf4d1;border:1px solid #08689926;border-radius:8px;animation:.64s both rise-fade}.play-panel{overflow:hidden}.quiz-header{background:linear-gradient(90deg,#83d9f752,#0000 54%),radial-gradient(at 86% 14%,#ffd84d5c,#0000 15rem),repeating-linear-gradient(90deg,#0c87bd14 0 1px,#0000 1px 34px);border-bottom:1px solid #08689921;gap:18px;padding:26px 22px 20px;display:grid}.quiz-kicker{color:#123047a3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;font-weight:900;display:flex}.quiz-kicker strong{color:var(--aegean-deep);font-family:var(--font-display);font-size:1.05rem;font-weight:500}.quiz-title{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:3.2rem;font-weight:500;line-height:.98}.progress-track{background:#0868991f;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--aegean), var(--water), var(--lemon));height:100%;transition:width .26s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.7s infinite progress-shine;position:absolute;inset:0}.quiz-body{gap:22px;padding:22px;display:grid}.question-block{border:0;border-top:1px solid #0868991f;gap:14px;padding:24px 0 4px;display:grid}.question-block:first-of-type{border-top:0}.question-prompt{color:var(--ink);font-family:var(--font-display);letter-spacing:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:0;font-size:1.68rem;line-height:1.12;display:grid}.question-number{background:var(--water-pale);width:36px;height:36px;color:var(--aegean-deep);font-family:var(--font-body);border:1px solid #08689929;border-radius:8px;place-items:center;font-size:.9rem;font-weight:900;display:inline-grid}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option-button{min-height:78px;color:var(--ink);text-align:left;background:#ffffffa3;border:1px solid #08689921;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:13px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 8px 20px #0868990f}.option-button:hover{background:#ffffffe6;border-color:#0c87bd57;transform:translateY(-1px);box-shadow:0 12px 28px #0868991a}.option-button.is-selected{background:linear-gradient(135deg,#ffd84d4d,#ffffffb8),#ffffffe6;border-color:#e9ad16a3;box-shadow:inset 0 1px #ffffffeb,0 14px 34px #e9ad162e}.option-button.is-selected:after{pointer-events:none;content:"";border:1px solid #e9ad1652;border-radius:6px;position:absolute;inset:8px}.option-dot{color:#123047a8;background:#dcf7ff80;border:1px solid #0868992e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:900;display:inline-grid}.option-button.is-selected .option-dot{border-color:var(--lemon-deep);background:var(--lemon);color:var(--ink)}.option-copy{gap:4px;display:grid}.option-error{color:#b63f32;margin:0;font-size:.82rem;font-weight:900;line-height:1.25}.option-button.is-incorrect{background:linear-gradient(135deg,#fff1d9b8,#ffffffdb),#ffffffeb;border-color:#b63f329e;box-shadow:inset 0 1px #ffffffeb,0 14px 34px #b63f321f}.option-button.is-incorrect .option-dot{color:#8b2e25;background:#ffe8df;border-color:#b63f3280}.submit-row{border-top:1px solid #0868991f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.status-text{color:#1230479e;margin:0;font-size:.92rem;line-height:1.45}.error-text{color:#b63f32;margin:0;font-size:.92rem;font-weight:900}.unlock-panel{overflow:hidden}.unlock-stage{text-align:center;background:radial-gradient(at 16% 12%,#ffd84d52,#0000 18rem),radial-gradient(at 84% 85%,#83d9f757,#0000 18rem);align-content:center;justify-items:center;gap:22px;min-height:calc(100svh - 134px);padding:46px 18px;display:grid}.unlock-mark{aspect-ratio:1;border:10px solid #0c87bd24;border-top-color:var(--water);border-right-color:var(--lemon);border-bottom-color:var(--aegean);width:148px;color:var(--aegean-deep);background:radial-gradient(at 34% 26%,#fffffff5,#0000 34%),#fffdf4e6;border-radius:50%;place-items:center;animation:.62s cubic-bezier(.16,1,.3,1) both unlock-pop;display:inline-grid;box-shadow:0 26px 70px #0868992e}.photo-brief{background:#dcf7ff8a;border:1px solid #0c87bd2e;border-radius:8px;gap:12px;width:min(100%,620px);padding:18px;display:grid}.empty-panel{grid-template-columns:minmax(0,.95fr) minmax(260px,.72fr);align-items:center;gap:28px;min-height:calc(100svh - 112px);padding:38px;display:grid;overflow:hidden}.empty-copy{align-content:center;gap:16px;display:grid}.empty-art{place-items:center;display:grid;position:relative}.empty-art .puzzle-board{opacity:.92;width:min(100%,360px)}@keyframes rise-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-board-in{0%{opacity:0;transform:translateY(20px)rotate(2deg)scale(.97)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes unlock-pop{0%{opacity:0;transform:scale(.88)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (min-width:920px){.page-frame{padding:28px 24px 42px}.headline{font-size:6.4rem}.dek{font-size:1.22rem}}@media (max-width:820px){.page-frame{padding:18px 12px 26px}.home-stage,.empty-panel{grid-template-columns:minmax(0,1fr);gap:24px;min-height:auto}.home-stage{padding-top:12px}.hero-art{min-height:auto}.hero-art:after,.empty-art:after{width:112px;height:78px;bottom:4%;right:2%}.hero-art .puzzle-board{width:min(100%,360px)}.headline{font-size:3.55rem}.quiz-title{font-size:2.35rem}.question-prompt{font-size:1.42rem}.code-form,.option-grid{grid-template-columns:minmax(0,1fr)}.quiz-header,.quiz-body,.empty-panel{padding:18px 14px}.submit-row{align-items:stretch}.submit-row .button{width:100%}}@media (max-width:430px){.brand-copy strong{font-size:1rem}.brand-copy span{font-size:.62rem}.headline{font-size:3rem}.dek{font-size:1rem}.puzzle-board{gap:4px;padding:6px}.puzzle-cell{font-size:1rem}.unlock-mark{width:126px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}