:root{--ink:#252d39;--muted:#6c7478;--paper:#f0e9d8;--card:#fffaf0;--lav:#8e78b8;--orange:#f28b56;--teal:#368f88;--yellow:#f1ce62;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);background-image:linear-gradient(130deg,rgba(142,120,184,.18),transparent 38%),radial-gradient(rgba(37,45,57,.08) 1px,transparent 1px);background-size:100% 100%,18px 18px}button{font:inherit}.app{width:min(1160px,calc(100% - 44px));margin:auto;padding:24px 0 20px}.top,.logo,.top-right,footer{display:flex;align-items:center}.top,footer{justify-content:space-between;gap:20px}.top{padding-bottom:64px}.logo{gap:10px;color:var(--ink);text-decoration:none;font:700 14px Arial,sans-serif;letter-spacing:.04em}.logo-face{width:28px;height:28px;display:grid;place-items:center;background:var(--orange);border-radius:48% 48% 48% 3px;color:#fff;font:italic 20px Georgia}.top-right{gap:17px;font:700 10px Arial;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.top-right button{border:1px solid #b9ac9b;background:transparent;border-radius:20px;padding:9px 12px;cursor:pointer;color:var(--ink);font:700 10px Arial;letter-spacing:.08em;text-transform:uppercase}.intro{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end;margin-bottom:40px}.eyebrow,.game-head,.prompt>span,.help,footer,.log-title{font:700 10px Arial;letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--teal);margin:0 0 18px}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}h1{font-size:clamp(53px,6.6vw,83px);line-height:.88;letter-spacing:-.065em;font-weight:400;margin:0 0 25px}h1 em{font-style:italic;color:var(--lav)}.lead{max-width:445px;color:var(--muted);font-size:16px;line-height:1.6;margin:0}.score{display:flex;justify-content:space-between;border-top:1px solid #c9beae;border-bottom:1px solid #c9beae;padding:16px 0}.score div{border-left:2px solid var(--teal);padding-left:12px;min-width:78px}.score small{display:block;color:var(--muted);font:700 9px Arial;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}.score strong{font-size:30px;font-weight:400}.score b{font:11px Arial;color:var(--muted);margin-left:3px}.game{background:var(--card);padding:20px;box-shadow:0 23px 55px rgba(83,64,49,.15);border:1px solid #ded4c2}.game-head{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:0 3px 15px}.game-head span:first-child{color:var(--teal)}.stage{height:clamp(350px,42vw,470px);position:relative;overflow:hidden;isolation:isolate;background:#d9c9e3}.wall-shape{position:absolute;border-radius:50%;opacity:.55}.shape-a{width:390px;height:390px;right:-80px;top:-160px;background:var(--lav)}.shape-b{width:300px;height:250px;left:-90px;bottom:-100px;background:var(--orange);border-radius:48% 52% 30% 70%}.mirror{position:absolute;z-index:1;top:9%;right:7%;width:39%;height:68%;background:#b6d9d0;border:13px solid #e8dfc7;border-radius:47% 47% 23% 23%;box-shadow:inset 0 0 0 2px #8baea6,0 10px 20px #62537533}.mirror>span{position:absolute;top:-25px;right:4px;font:700 9px Arial;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.reflection{position:absolute;bottom:4%;left:50%;width:115px;height:190px;transform:translateX(-50%) scaleX(-1);opacity:.58}.r-hair{position:absolute;width:82px;height:151px;left:18px;background:#805d4c;border-radius:46% 47% 35% 42%}.r-face{position:absolute;z-index:2;top:12px;left:25px;width:65px;height:75px;background:#e9ad88;border-radius:46%}.r-eye{position:absolute;top:34px;width:5px;height:6px;border-radius:50%;background:var(--ink)}.r-eye.left{left:19px}.r-eye.right{right:19px}.r-mouth{position:absolute;top:54px;left:25px;width:16px;height:8px;border:2px solid #c85948;border-radius:50%}.bubble{position:absolute;z-index:7;left:7%;top:10%;max-width:232px;padding:12px 15px;background:var(--card);border-radius:16px 16px 16px 3px;font:700 12px/1.35 Arial;box-shadow:0 8px 20px #584c6240;transform:rotate(-2deg)}.bubble:after{content:'';position:absolute;bottom:-8px;left:18px;border-width:9px 9px 0 0;border-style:solid;border-color:var(--card) transparent transparent}.mine{position:absolute;z-index:4;bottom:10%;left:31%;width:150px;height:275px;transform:translateX(-50%);transform-origin:50% 100%}.hair-back{position:absolute;z-index:1;left:27px;top:1px;width:103px;height:205px;background:#805d4c;border-radius:48% 47% 35% 42%;transform:rotate(3deg)}.head{position:absolute;z-index:4;left:40px;top:5px;width:79px;height:91px}.face{position:absolute;top:12px;left:7px;width:65px;height:75px;background:#e9ad88;border-radius:46%}.hair-top,.bangs{background:#805d4c}.hair-top{position:absolute;z-index:2;top:0;left:0;width:82px;height:54px;border-radius:52% 54% 35% 30%}.bangs{position:absolute;z-index:5;top:32px;left:5px;width:71px;height:29px;border-radius:8% 10% 50% 50%;clip-path:polygon(0 0,100% 0,92% 65%,77% 43%,64% 100%,48% 49%,31% 75%,17% 38%,0 66%)}.eye{position:absolute;top:44px;width:5px;height:6px;border-radius:50%;background:var(--ink)}.eye.left{left:20px}.eye.right{right:20px}.nose{position:absolute;top:51px;left:31px;width:5px;height:7px;border-left:1px solid #b76f5b}.mouth{position:absolute;top:64px;left:27px;width:14px;height:6px;border-bottom:2px solid #c85948;border-radius:50%}.cheek{position:absolute;top:56px;width:12px;height:7px;border-radius:50%;background:#ee80755c}.c-left{left:7px}.c-right{right:7px}.neck{position:absolute;left:68px;top:84px;width:24px;height:28px;background:#e9ad88}.body{position:absolute;z-index:2;left:36px;bottom:17px;width:78px;height:108px;background:var(--orange);border-radius:44% 44% 22% 22%}.body b{position:absolute;left:31px;top:27px;color:#fff9;font:italic 28px Georgia}.arm{position:absolute;z-index:1;top:32px;width:57px;height:15px;background:#e9ad88;border-radius:30px}.arm.left{left:-42px;transform:rotate(19deg)}.arm.right{right:-42px;transform:rotate(-19deg)}.laugh-meter{position:absolute;z-index:8;bottom:7%;left:7%;width:30%;color:var(--ink);font:700 9px Arial;text-transform:uppercase;letter-spacing:.1em}.laugh-meter i{display:block;height:7px;background:#eee4d4;margin-top:7px;border-radius:6px;overflow:hidden}.laugh-meter b{display:block;height:100%;width:15%;background:var(--orange);transition:.25s}.stage.happy .mine{animation:happy .35s ease-in-out 2}.stage.happy .mouth{height:13px;border-radius:50%;background:#c85948}.stage.happy .mirror .r-mouth{height:13px}.stage.silly .mine{animation:silly .45s ease-in-out}.stage.silly .mouth{width:24px;left:22px;border-radius:50%}.stage.silly .cheek{transform:scale(1.5)}@keyframes happy{50%{transform:translateX(-50%) translateY(-9px) rotate(3deg)}}@keyframes silly{25%{transform:translateX(-50%) rotate(-5deg)}75%{transform:translateX(-50%) rotate(5deg)}}.prompt{text-align:center;padding:19px 0 12px}.prompt>span{display:block;color:var(--teal);font-size:9px;margin-bottom:7px}.prompt strong{display:block;font-size:21px;font-weight:400}.prompt small{display:block;color:var(--muted);font:11px Arial;margin-top:7px}.expression-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.expression-grid button{min-height:83px;text-align:left;padding:11px;background:transparent;border:1px solid #cfc3b3;cursor:pointer;color:var(--ink);transition:.15s}.expression-grid button:hover,.expression-grid button:focus-visible{border-color:var(--lav);background:#f1eafb;transform:translateY(-2px)}.expression-grid button.correct{background:#e0f1eb;border-color:var(--teal)}.expression-grid button.wrong{background:#fbe1d8;border-color:var(--orange);animation:shake .25s}.expression-grid span{display:block;color:var(--lav);font-size:22px;height:27px}.expression-grid strong{display:block;font-weight:400;font-size:14px}.expression-grid small{display:block;color:var(--muted);font:10px Arial;margin-top:4px}.main-button{width:100%;height:49px;margin-top:13px;border:0;background:var(--ink);color:var(--card);cursor:pointer;font:700 12px Arial;letter-spacing:.08em;text-transform:uppercase}.main-button:hover{background:var(--teal)}.main-button span:first-child{font-size:19px;color:var(--yellow);vertical-align:-2px;margin-right:8px}.progress{height:3px;background:#eadfd2;margin-top:18px}.progress b{display:block;height:100%;width:0;background:var(--lav);transition:.2s}.help{text-align:center;color:var(--muted);font-size:9px;margin:13px 0 0}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.notes article{min-height:90px;padding:18px 21px;border-top:1px solid #c9beae;display:flex;gap:15px}.symbol{font-size:23px;color:var(--orange)}h2{font-size:15px;font-weight:400;margin:0}.notes p{color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 0}.log{display:block;background:#fffaf066}.log-title{color:var(--teal);font-size:9px;margin:0!important}.log-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px}#log{font-style:italic}footer{border-top:1px solid #c9beae;padding-top:17px;margin-top:24px;color:var(--muted);font-size:9px}@media(max-width:800px){.app{width:min(100% - 28px,560px);padding-top:18px}.top{padding-bottom:38px}.top-right>span{display:none}.intro{display:block;margin-bottom:26px}.lead{font-size:15px;margin-bottom:24px}.score{max-width:430px}.game{padding:15px 14px 18px}.stage{height:min(112vw,445px)}.mirror{width:42%;right:4%;height:63%}.mine{left:30%;transform:translateX(-50%) scale(.9);transform-origin:50% 100%}.bubble{left:4%;max-width:185px}.laugh-meter{width:38%}.expression-grid{grid-template-columns:repeat(2,1fr)}.notes{grid-template-columns:1fr;gap:0}.notes article{padding-left:0;padding-right:0}}@media(max-width:390px){.top-right button span{display:none}.scene{height:370px}.mine{transform:translateX(-50%) scale(.78);transform-origin:50% 100%}.mirror{width:43%;height:61%}}