.echosudoku{--paper:#f6f4ec;--accent:#60775e;--ink:#373e34;--muted:#75806d;--line:#dcded1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23525e3f' opacity='.028' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.nine-mark{font-size:29px;color:#8a9b7d}.hero-copy h1{font-size:clamp(66px,7vw,105px)}.hero-art{height:600px;position:relative;margin-left:-30px;margin-right:-50px}.hero-bear{position:absolute;width:485px;bottom:5px;left:5%;filter:drop-shadow(0 18px 16px #52583a0c);transform:rotate(-5deg);animation:bear-breathe 7s ease-in-out infinite}.hero:not(.on-screen) .hero-bear,.hero:not(.on-screen) .pencil-star{animation-play-state:paused}@keyframes bear-breathe{50%{transform:rotate(-3deg) translateY(-8px)}}.pencil-orbit{position:absolute;inset:65px -30px 20px 20px;border:1px solid #a6b29d70;border-radius:49% 52% 41% 63%;transform:rotate(-21deg)}.pencil-orbit:after{content:'';position:absolute;inset:12px -6px -4px 7px;border:1px dashed #a6b29d57;border-radius:50%}.floating-grid{position:absolute;right:6%;top:12px;width:265px;display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;padding:18px;background:#fffcf3;border:1px solid #d8daca;transform:rotate(12deg);box-shadow:8px 10px 25px #49533c0d}.floating-grid span{display:grid;place-items:center;font:31px var(--serif);color:#9aaa91;border-right:1px solid #dcded2;border-bottom:1px solid #dcded2}.floating-grid span:nth-child(3n){border-right:0}.floating-grid span:nth-child(n+7){border-bottom:0}.floating-grid span:nth-child(5){color:#5f7756;background:#e3e9d7}.bear-whisper{position:absolute;bottom:-18px;left:16%;font:italic 24px var(--serif);color:#839070;transform:rotate(-7deg)}.pencil-star{position:absolute;left:14px;top:90px;font-size:42px;color:#b0b892;animation:star-turn 18s linear infinite}@keyframes star-turn{to{transform:rotate(360deg)}}.play-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-top:130px}.play-copy .body-copy{margin-top:28px}.play-copy .small{margin-top:25px;max-width:330px}.theme-options{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.theme-options button{display:flex;gap:7px;align-items:center;padding:9px 0;font-size:11px}.theme-options i{width:17px;height:17px;background:#fbf9f2;border:1px solid #a5ad98;border-radius:50%;outline-offset:3px}.theme-options button:nth-child(2) i{background:#dbe6cf}.theme-options button:nth-child(3) i{background:#d6e6ed}.theme-options button[aria-pressed=true] i{outline:1px solid var(--accent)}.puzzle-exhibit{position:relative;padding-top:82px}.puzzle-bear{width:235px;position:absolute;top:-60px;right:22px;z-index:0;transform:rotate(4deg)}.puzzle-paper{position:relative;background:#fffdf6;border:1px solid #e1e2d4;padding:26px;box-shadow:8px 18px 35px #515a3c0d;--gridline:#c4cdb6;--cell:#fafbf3;--selected:#d5e2c5;--new:#537345;transition:background .5s}.puzzle-paper[data-palette=field]{background:#edf3e4;--cell:#f0f5e9;--gridline:#a7b99b;--selected:#cedeba}.puzzle-paper[data-palette=sky]{background:#f0f6f7;--cell:#f5fafb;--gridline:#b0c9d0;--selected:#c9e1e7;--new:#426e7d}.puzzle-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.puzzle-heading>span:last-child{font-size:10px;letter-spacing:.12em}.puzzle-subtitle{font:italic 18px var(--serif);color:var(--muted);margin:8px 0 24px}#puzzle-board{display:grid;grid-template-columns:repeat(9,1fr);border-top:1.5px solid var(--gridline);border-left:1.5px solid var(--gridline);aspect-ratio:1;background:var(--cell)}.puzzle-cell{border-right:1px solid #dfe3d6;border-bottom:1px solid #dfe3d6;display:grid;place-items:center;font:clamp(15px,1.8vw,25px) var(--serif);padding:0;min-width:0;position:relative;transition:background .2s,color .2s}.puzzle-cell:nth-child(3n){border-right:1.5px solid var(--gridline)}.puzzle-cell:nth-child(n+19):nth-child(-n+27),.puzzle-cell:nth-child(n+46):nth-child(-n+54),.puzzle-cell:nth-child(n+73){border-bottom:1.5px solid var(--gridline)}.puzzle-cell[aria-pressed=true]{background:var(--selected);outline:1px solid var(--new);outline-offset:-2px}.puzzle-cell.empty:after{content:'';position:absolute;inset:5px;border:1px dashed #92a47a;border-radius:2px;pointer-events:none}.puzzle-cell.filled{color:var(--new);font-weight:600}.puzzle-cell.wrong{background:#efcfbc}.puzzle-cell.wave{animation:grid-wave .85s var(--ease) both;animation-delay:var(--delay)}@keyframes grid-wave{0%,100%{transform:translateY(0);background:var(--cell)}42%{transform:translateY(-5px);background:var(--selected);box-shadow:0 6px 8px #52643e18}}#number-pad{display:grid;grid-template-columns:repeat(9,1fr);margin-top:17px;gap:3px}#number-pad button{font:23px var(--serif);color:var(--accent);border-radius:4px;min-height:43px;background:#e7ecdf7a;transition:background .2s,transform .2s}#number-pad button:hover{background:var(--selected);transform:translateY(-2px)}#number-pad button:disabled{opacity:.4}.puzzle-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}#puzzle-status{font-size:11px;color:var(--accent);min-height:40px;margin-top:11px;max-width:95%}.learn-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.learn-section .body-copy{margin-top:28px}.learn-section .arrow-link{margin-top:20px}.echo-quote{position:relative;text-align:center;padding-top:30px}.echo-quote img{width:100%;position:relative;transform:rotate(-4deg)}.quote-ring{position:absolute;border:1px solid #a5b39566;inset:0 -15px 60px;border-radius:50%;transform:rotate(-20deg)}.echo-quote blockquote{position:relative;font:italic 32px/1.3 var(--serif);color:#72816a;margin:10px 0 22px}.echo-quote .label{font-size:8px;color:var(--muted)}.medal-parade{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:80px 0 45px}.medal-parade figure:nth-child(even){margin-top:55px}.medal-parade figure>div{border:1px solid #c5cbb6;border-radius:50%;padding:16px;aspect-ratio:1;position:relative;background:radial-gradient(#faf8eb,#e5e8d966);transition:transform .7s var(--ease)}.medal-parade figure>div:before{content:'';position:absolute;inset:6px;border:1px dashed #c2c9b1;border-radius:50%}.medal-parade img{width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(2px 4px 4px #5a624b18);transition:transform .7s var(--ease)}.medal-parade figure:hover>div{transform:translateY(-10px) rotate(-5deg)}.medal-parade figure:hover img{transform:rotate(8deg)}.medal-parade figcaption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:25px;font:italic 24px var(--serif)}.medal-parade figcaption>span:first-child{font:10px var(--sans);color:var(--muted)}.medal-note{text-align:center;font-size:8px;color:var(--muted)}.closing-bear{width:205px;margin:0 auto 45px;transform:rotate(4deg)}
@media(max-width:1100px){.hero-art{margin-left:-15px;margin-right:-25px;height:520px}.hero-bear{width:430px;bottom:15px;left:0}.floating-grid{width:220px;right:5%;top:0}.hero-copy h1{font-size:76px}.pencil-star{left:5px}.puzzle-paper{padding:20px}.play-section{gap:5%}.medal-parade{gap:20px}.medal-parade figcaption{font-size:20px}.echo-quote blockquote{font-size:28px}}
@media(max-width:700px){.hero-copy h1{font-size:65px}.hero-art{height:425px;margin:40px -1vw 10px}.hero-bear{width:330px;max-width:95%;left:2%;bottom:10px}.floating-grid{width:200px;top:0;right:0;padding:13px}.floating-grid span{font-size:24px}.pencil-orbit{inset:30px -5px 15px 5px}.pencil-star{font-size:35px;left:5px;top:85px}.bear-whisper{font-size:22px;bottom:-5px;left:9%}.play-section{grid-template-columns:1fr;padding-top:35px;gap:45px}.play-copy .body-copy{max-width:100%;margin-top:23px}.play-copy .small{max-width:100%;font-size:10px;margin-top:18px}.puzzle-exhibit{padding-top:90px;margin-top:30px}.puzzle-bear{width:210px;right:20px;top:-45px}.puzzle-paper{padding:20px 17px}.puzzle-cell{font-size:22px}.puzzle-subtitle{font-size:16px;margin-bottom:20px}#number-pad button{font-size:23px;min-height:42px}.puzzle-actions .text-button{font-size:10px}#puzzle-status{font-size:10px;min-height:38px}.learn-section{grid-template-columns:1fr;gap:35px}.learn-section>div:last-child{grid-row:1}.echo-quote{max-width:360px;margin:auto;padding-top:10px}.quote-ring{inset:0 0 55px}.echo-quote blockquote{font-size:27px;margin-top:5px}.medal-parade{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.medal-parade figure:nth-child(even){margin-top:32px}.medal-parade figcaption{font-size:21px;margin-top:15px}.medal-parade figure>div{padding:13px}.medal-note{font-size:7px;letter-spacing:.09em}.closing-bear{width:180px;margin-bottom:35px}.echosudoku .closing h2{font-size:43px}}
@media(max-width:360px){.hero-copy h1{font-size:55px}.hero-art{height:370px}.hero-bear{width:290px}.floating-grid{width:175px}.puzzle-paper{padding-inline:12px}.puzzle-cell{font-size:19px}#number-pad{gap:2px}#number-pad button{font-size:21px}.puzzle-actions{gap:5px}.puzzle-actions .text-button{font-size:9px}}
@media(max-width:700px){.echo-quote{overflow:clip}}