*{box-sizing:border-box} [hidden]{display:none!important} :root{font-family:'Baloo 2',sans-serif;font-weight:800;color:#344a41;background:#e8e7d9}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,a,p,h1,h2{font-family:inherit;font-weight:800}button{cursor:pointer;border:0;color:inherit;font-size:19px}button:focus-visible,a:focus-visible{outline:4px solid #e3a637;outline-offset:5px}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:manipulation}#wash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 42%,#e8e7d932 100%)}header{position:fixed;top:max(22px,env(safe-area-inset-top));left:26px;right:26px;display:flex;align-items:center;gap:16px;z-index:4}header a,header button{width:44px;height:44px;background:#fff9e9b8;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:25px;color:#344a41}.controls{margin-left:auto;display:flex;gap:8px}#sound[aria-pressed=false]{opacity:.65}#small-title{font-size:22px;opacity:0;transition:opacity .7s}.playing #small-title{opacity:1}#welcome{position:absolute;left:7%;top:22%;max-width:390px;text-shadow:0 2px 24px #fff9e5}h1{font-size:clamp(58px,7.5vw,110px);line-height:.92;letter-spacing:-4px;margin:18px 0 23px}h1 em{font-style:normal;color:#b66745}p{font-size:21px;line-height:1.35}.eyebrow{font-size:13px;letter-spacing:2.4px}.primary{background:#3b594a;color:#fff9e9;border-radius:40px;padding:13px 28px;box-shadow:0 7px 0 #2c423a18;transition:transform .2s,background .2s}.primary:hover{background:#2b4639;transform:translateY(-2px)}.primary:disabled{opacity:.6;cursor:wait}.footnote{display:block;font-size:13px;margin-top:20px;color:#58695f}#change{position:fixed;z-index:3;transform:translate(-50%,-100%);background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;padding:10px;filter:drop-shadow(0 4px 12px #283d3825)}.marker{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff6d5;color:#906236;font-size:34px;line-height:1;box-shadow:0 0 0 8px #fff6d537;animation:invite 2.6s ease-in-out infinite}#change-label{font-size:19px;background:#fffaedee;border-radius:24px;padding:5px 17px}#caption{position:fixed;left:12%;right:12%;bottom:29px;text-align:center;margin:0;pointer-events:none;font-size:23px;text-shadow:0 1px 16px #fff,0 1px 10px #fff;transition:opacity .6s}#finish{position:fixed;bottom:25px;right:28px;font-size:16px}.quiet{background:#fff9e5ba;border-radius:30px;padding:10px 19px}#ending{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);text-align:center;background:#fff9e9e8;backdrop-filter:blur(12px);border:1px solid #fff9e9;padding:25px 38px 27px;border-radius:28px;min-width:380px;box-shadow:0 20px 70px #283d381a}h2{font-size:37px;line-height:1.1;margin:12px 0}#ending p{font-size:20px;margin:8px 0 19px}#ending .quiet{margin-left:8px}#paused{position:fixed;inset:0;z-index:5;background:#e6ead080;backdrop-filter:blur(6px);display:grid;place-items:center}#error{position:fixed;bottom:20px;left:20px;right:20px;padding:20px;background:#fff9e9;border-radius:20px;z-index:10;text-align:center}@keyframes invite{50%{transform:translateY(-5px);box-shadow:0 0 0 13px #fff6d519}}@media(max-width:650px){header{top:14px;left:14px;right:14px;gap:9px}#small-title{font-size:18px}#welcome{top:14%;left:8%}h1{font-size:66px;letter-spacing:-2px}#welcome p{font-size:19px;margin-bottom:15px}.eyebrow{font-size:11px;letter-spacing:1.6px}.footnote{margin-top:13px}#caption{bottom:55px;left:7%;right:7%;font-size:19px}#ending{bottom:9%;padding:22px;min-width:0;width:90%;max-width:420px}h2{font-size:32px}#change-label{font-size:17px}#finish{bottom:14px;right:15px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#compare{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(740px,92%);background:#fff9e9ee;backdrop-filter:blur(12px);border-radius:25px;padding:17px 25px 14px;box-shadow:0 12px 45px #283d381a;z-index:3}.compare-top,.compare-main{display:flex;align-items:center;justify-content:space-between;gap:14px}.compare-top .quiet{font-size:16px;padding:5px 15px}.compare-main h2{font-size:30px;white-space:nowrap;margin:12px 0}.choices{display:flex;gap:8px}.choices button{font-size:18px;padding:10px 21px}.choices button:disabled{opacity:.7;cursor:default}#comparison-feedback{font-size:17px;line-height:1.25;min-height:22px;margin:5px 0 0;color:#3c594a}#time-label{position:fixed;top:75px;left:50%;transform:translateX(-50%);background:#fff9e9e8;padding:6px 20px;border-radius:30px;font-size:18px;white-space:nowrap;z-index:3}.comparing #caption{display:none}
@media(max-width:650px){#compare{bottom:14px;padding:14px 17px}.compare-top{gap:4px}.compare-top .eyebrow{font-size:10px;letter-spacing:1px}.compare-top .quiet{font-size:15px;padding:5px 11px}.compare-main{display:block}.compare-main h2{font-size:28px;margin:7px 0}.choices{width:100%}.choices button{flex:1;padding:10px 9px;font-size:17px}#comparison-feedback{font-size:16px;min-height:40px}#time-label{top:66px;font-size:16px}.comparing #small-title{font-size:17px}}