/* Native, functional puzzle diagrams derived from the ten image concepts. */
.stage:before{display:none}.brand{font-size:21px}.question{letter-spacing:-.035em}.option.correct{color:#fff}.start,.next,.restart{color:#fff}.shape-15 .option.correct,.shape-18 .option.correct,.shape-15 .start,.shape-18 .start,.shape-15 .next,.shape-18 .next,.shape-15 .restart,.shape-18 .restart{color:var(--bg)}
.shape-11 .question,.shape-11 .brand,.shape-15 .question,.shape-15 .brand,.shape-17 .question,.shape-17 .brand,.shape-20 .question,.shape-20 .brand{font-family:Georgia,serif}.shape-11 .question,.shape-15 .question,.shape-17 .question{text-align:center}.shape-11 .option,.shape-12 .option,.shape-13 .option,.shape-17 .option,.shape-19 .option,.shape-20 .option{background:#fffaf1}.shape-11 .option.correct,.shape-12 .option.correct,.shape-13 .option.correct,.shape-17 .option.correct,.shape-19 .option.correct,.shape-20 .option.correct{background:var(--accent)}
.shape-11 .letter,.shape-12 .letter,.shape-13 .letter,.shape-15 .letter,.shape-16 .letter,.shape-18 .letter{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:var(--accent);color:#fff}.shape-15 .letter,.shape-18 .letter{color:var(--bg)}.shape-15 .options,.shape-16 .options,.shape-17 .options,.shape-20 .options{grid-template-columns:1fr}.shape-15 .option,.shape-16 .option,.shape-17 .option,.shape-20 .option{min-height:50px;padding:10px 14px}.shape-16 .option{background:#fffaf1;border:0}.shape-16 .option.correct{background:var(--accent)}.shape-20 .option{border:0;border-radius:18px}.shape-20 .letter{border-radius:6px;background:var(--accent);color:white;padding:6px 10px}.shape-15 .option{border-color:var(--accent)}
.receipt{background:#fffaf1;width:min(100%,270px);padding:22px 24px 28px;font:18px/1.4 'Courier New',monospace;box-shadow:0 10px 20px #173d3214;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%)}.receipt h3{font:700 16px monospace;letter-spacing:.08em;text-align:center;margin:0 0 20px;border-bottom:1px dashed;padding-bottom:14px}.receipt p,.receipt footer{display:flex;justify-content:space-between;gap:20px;margin:10px 0}.receipt footer{margin-top:20px;padding-top:14px;border-top:1px dashed}
.clock-face{width:270px;max-width:100%;height:270px}.picnic{width:100%;padding:40px 14px 24px;border-radius:18px;background:repeating-linear-gradient(0deg,#c9465010 0 22px,transparent 22px 44px),repeating-linear-gradient(90deg,#c9465015 0 22px,transparent 22px 44px)}.pattern-row{display:flex;justify-content:center;align-items:center;gap:7px;padding:30px 0}.domino{border:2px solid var(--fg);border-radius:10px;background:#fffaf1;text-align:center;flex:1;min-width:0;padding:13px 3px;transform:translateY(calc((2 - var(--step))*10px))}.domino b{display:block;font-size:25px;overflow-wrap:anywhere}.domino span{font-size:12px;display:block;border-top:1px solid;margin:9px 0 0;padding-top:7px}.shelf-items{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 0;width:100%}.shelf-items div{border-bottom:7px solid #9baca8;text-align:center;padding:15px 4px 12px}.shelf-items small{display:block;font-size:13px;margin-bottom:10px;opacity:.6}.shelf-items b{font-size:27px}.word-window{width:100%;border:2px solid var(--accent);border-radius:50% 50% 0 0;padding:65px 12px 20px;position:relative}.window-arch{position:absolute;inset:12px 12px auto;height:70px;border:1px solid var(--accent);border-radius:100% 100% 0 0;opacity:.7}.letter-tiles{position:relative;display:flex;gap:7px}.letter-tiles b{flex:1;min-width:0;text-align:center;background:var(--fg);border:2px solid var(--accent);border-radius:5px;color:var(--bg);font:700 35px/1.6 Georgia,serif}.notices{width:100%;display:grid;gap:28px;padding:15px 5px}.notices p{position:relative;background:#fffaf1;padding:24px 18px;margin:0;font-size:20px;font-weight:700;line-height:1.3;transform:rotate(var(--angle));box-shadow:0 6px 15px #0001}.notices p:before{content:'';position:absolute;top:-7px;left:42%;width:55px;height:14px;background:var(--accent)}.notices p:nth-child(2){margin-left:25px}.calendar-paper{width:100%;max-width:300px;border-radius:14px;background:#fffaf1;box-shadow:0 5px 0 #d9d5c8,0 10px 0 #c6c2b6;position:relative;text-align:center;overflow:hidden}.calendar-paper header{background:var(--accent);color:white;padding:14px;font:700 22px Georgia,serif;letter-spacing:.1em}.calendar-paper strong{font:700 34px Georgia,serif;display:block;padding:45px 8px}.direction-visual{text-align:center;width:100%}.compass-face{width:270px;height:270px;max-width:100%;display:block;margin:auto}.turn-tags{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px}.turn-tags span{font-size:14px;letter-spacing:.1em;border:1px solid;padding:10px 12px;border-radius:15px}.balance-visual{width:100%;padding:20px 5px}.balance-equation{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:42px}.balance-equation>div{display:grid;place-items:center;gap:10px}.balance-equation small{font-size:28px;font-weight:800}.circle-token,.square-token{display:block;width:55px;height:55px;background:var(--accent)}.circle-token{border-radius:50%}.balance-beam{height:50px;border-top:5px solid var(--accent);margin:15px 5px 0;position:relative}.balance-beam span{display:block;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:36px solid var(--accent);margin:0 auto}.category-board{display:grid;grid-template-columns:1fr 1fr;gap:24px 15px;width:100%;padding:15px 5px}.category-tag{padding:26px 8px;font:900 26px Georgia,serif;text-align:center;background:#ecc0c1;border-radius:28px 8px;transform:rotate(-3deg);overflow-wrap:anywhere}.tag-1{background:#f5e0a7;transform:rotate(3deg);border-radius:0;clip-path:polygon(7% 0,93% 0,100% 75%,80% 100%,0 100%)}.tag-2{background:#cbd2ae;transform:rotate(4deg);border-radius:0;clip-path:polygon(7% 0,93% 0,100% 75%,80% 100%,0 100%)}.tag-3{background:#fffaf1;transform:rotate(-3deg)}
.clip .stage{padding:90px 80px 130px}.clip .topline{margin-bottom:38px}.clip .brand{font-size:42px}.clip .timerline{margin-bottom:42px}.clip .clock{width:86px;height:86px;font-size:42px}.clip .question{font-size:64px;min-height:145px;margin-bottom:38px;max-width:none}.clip .visual{min-height:400px;margin-bottom:42px}.clip .option{font-size:36px;min-height:112px;padding:23px 22px}.clip .option .letter{font-size:34px}.clip .letter{width:60px;height:60px}.clip .options{gap:20px}.clip .feedback{margin-top:30px}.clip .feedback h2{font-size:48px;margin-bottom:12px}.clip .feedback p{font-size:32px;line-height:1.35;max-width:none}.clip .receipt{width:500px;padding:32px 44px 45px;font-size:36px}.clip .receipt h3{font-size:27px;margin-bottom:28px;padding-bottom:20px}.clip .receipt p{margin:14px 0}.clip .receipt footer{margin-top:25px;padding-top:20px}.clip .clock-face{width:480px;height:480px}.clip .picnic{padding:52px 30px 30px;background-size:auto}.clip .pattern-row{gap:20px;padding:38px 0}.clip .domino{padding:24px 5px;border-width:4px;border-radius:16px;transform:translateY(calc((2 - var(--step))*20px))}.clip .domino b{font-size:64px}.clip .domino span{font-size:24px;margin-top:25px;padding-top:14px}.clip .shelf-items{gap:45px 0}.clip .shelf-items div{border-bottom-width:14px;padding:25px 5px}.clip .shelf-items small{font-size:28px;margin-bottom:25px}.clip .shelf-items b{font-size:61px}.clip .word-window{padding:135px 25px 35px;border-width:3px}.clip .window-arch{height:140px;inset:20px 20px auto}.clip .letter-tiles{gap:15px}.clip .letter-tiles b{font-size:85px;border-width:4px}.clip.shape-15 .options,.clip.shape-16 .options,.clip.shape-17 .options,.clip.shape-20 .options{grid-template-columns:repeat(2,minmax(0,1fr))}.clip .notices{gap:40px;padding:18px 10px}.clip .notices p{font-size:39px;padding:32px 30px}.clip .notices p:before{width:105px;height:22px;top:-11px}.clip .notices p:nth-child(2){margin-left:55px}.clip .calendar-paper{max-width:560px;border-radius:20px}.clip .calendar-paper header{font-size:40px;padding:26px}.clip .calendar-paper strong{font-size:64px;padding:68px 10px}.clip .compass-face{width:400px;height:400px}.clip .turn-tags{margin-top:15px;gap:16px}.clip .turn-tags span{font-size:27px;padding:16px 22px}.clip .turn-tags b{font-size:30px}.clip .balance-equation{font-size:95px;gap:20px}.clip .balance-equation small{font-size:60px}.clip .circle-token,.clip .square-token{width:120px;height:120px}.clip .balance-beam{border-top-width:9px;margin:25px 10px 0;height:85px}.clip .balance-beam span{border-left-width:45px;border-right-width:45px;border-bottom-width:68px}.clip .category-board{gap:35px 26px;padding:22px 5px}.clip .category-tag{font-size:54px;padding:42px 12px}.clip.shape-19 .question{font-size:59px}.clip .endcard h1{font-size:108px}.clip .endcard p{font-size:44px}
@media(max-width:400px){.stage{padding:16px 18px 24px}.question{font-size:25px}.brand{font-size:18px}.option{font-size:14px;gap:8px;padding:12px 10px}.receipt{font-size:17px}.notices p{font-size:18px}.calendar-paper strong{font-size:31px}.domino b{font-size:21px}.shelf-items b{font-size:24px}.category-tag{font-size:21px}.turn-tags span{font-size:12px;padding:8px}.circle-token,.square-token{width:46px;height:46px}.balance-equation{gap:8px;font-size:35px}.letter-tiles b{font-size:31px}}