:root{color-scheme:dark;font-family:ui-rounded,"Arial Rounded MT Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f1f4d9;background:#173a35}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #fbb4bf;outline-offset:5px}button:hover{filter:brightness(1.1)}button:active{transform:translateY(2px)}[hidden]{display:none!important}#world{position:fixed;width:100%;height:100%;inset:0;touch-action:none}#splash{position:fixed;inset:0;background:linear-gradient(90deg,#153b37 12%,#153b3760 70%),url('splash.png') center/cover no-repeat;overflow:auto}.splash-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102f2dba,transparent 75%);pointer-events:none}.cover-copy{position:relative;padding:clamp(30px,5vw,84px);max-width:850px;min-height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px;color:#bdd895;margin-bottom:27px}h1{margin:0;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.005em;line-height:.88;transform:rotate(-2deg);filter:drop-shadow(4px 7px 0 #132923)}h1>span{font-size:clamp(32px,4.6vw,72px);color:#ec9caf;display:block;margin-bottom:14px}h1 strong{font-size:clamp(64px,8.8vw,136px);font-weight:900;color:#e5f392}.period{color:#ee9dac}.tagline{font-size:clamp(19px,2vw,28px);font-weight:650;line-height:1.3;margin:28px 0 25px}.name-label{font-size:11px;letter-spacing:.15em;color:#bad7bf;margin:0 0 8px;font-weight:800}#boy-name{width:310px;max-width:100%;background:#0d2627b0;border:1px solid #70967d;border-radius:9px;color:#f7f5dc;padding:11px 15px;font-size:18px}.big-button{background:#e5f392;border:0;border-radius:10px;color:#19392b;padding:19px 24px;font-weight:900;font-size:18px;letter-spacing:.02em;box-shadow:0 5px 0 #719251;margin-top:16px}.big-button span{margin-left:24px}.fast-label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;margin-top:22px;color:#e3e9ce}.fast-label input{width:17px;height:17px;accent-color:#d4f380}.fast-label span{color:#abc5ae;font-size:12px}.cover-footer{font-size:14px;color:#c9dfc5;margin-top:27px;line-height:1.5}.cover-footer small{font-size:12px;color:#adc6b9}.seal{position:absolute;right:5%;bottom:7%;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #e9f29c;border-radius:50%;transform:rotate(13deg);font-size:13px;line-height:1.25;background:#244633a0;color:#e9f29c}.seal b{font-size:12px}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:16px;background:linear-gradient(#102e2de6,transparent)}.wordmark{font-family:Impact,"Arial Black",sans-serif;color:#f1a9b8;font-size:23px;line-height:.98;letter-spacing:.04em;filter:drop-shadow(2px 2px 0 #15382c)}.wordmark span{display:block;font-size:14px;color:#e6f2a5;margin-top:5px}.top-actions{display:flex;gap:8px}.top-actions button{background:#153c36dc;border:1px solid #718d74;border-radius:30px;color:#eef4d6;font-size:13px;padding:9px 14px}.stats{display:flex;gap:12px;padding:8px 28px;align-items:stretch}.stink-card{width:320px;padding:16px 18px;background:#183c36ed;border:1px solid #59765a;border-radius:15px;box-shadow:0 5px 20px #142e2930}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em}.stat-label strong{font-size:22px;letter-spacing:0;color:#e8f597}.meter{height:15px;background:#0e2a27;border-radius:7px;margin:10px 0 9px;overflow:hidden}#stink-fill{height:100%;width:24%;background:linear-gradient(90deg,#81b57a,#d9ed65);transition:width .15s}.stink-caption{display:flex;justify-content:space-between;gap:10px;font-size:12px}.stink-caption b{color:#d9ed99}#wind{color:#c6d4b6;white-space:nowrap}.friends-card{min-width:106px;border-radius:15px;background:#e6efa4;color:#26422c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.friends-card>b{font-size:38px;line-height:1.2}.friends-card>b span{font-size:21px;font-weight:500}.friends-card>span{font-size:10px;font-weight:900;letter-spacing:.04em}#mission{display:flex;gap:12px;align-items:flex-start;margin:13px 28px;max-width:350px;text-shadow:0 2px 5px #102b23}#mission-num{background:#e5edb5;color:#204033;border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px;font-size:12px;font-weight:900;flex-shrink:0;text-shadow:none}#mission b{font-size:16px}#mission p{font-size:14px;margin:5px 0;color:#e2e9ce;line-height:1.4}#toast{position:absolute;top:27%;left:50%;transform:translateX(-50%) rotate(-1deg);background:#edf3b8;color:#234333;font-weight:800;text-align:center;font-size:19px;border-radius:12px;padding:14px 24px;box-shadow:0 6px 0 #203c36aa;max-width:min(500px,88vw);opacity:0;transition:opacity .25s}#toast.visible{opacity:1}#bond{position:absolute;right:28px;bottom:100px;width:270px;background:#153b35ee;border:1px solid #839b6b;border-radius:15px;padding:18px}#bond>span{display:block;font-size:10px;color:#bbcba2;letter-spacing:.13em}#bond>b{display:block;font-size:22px;color:#f4b6bf;margin:7px 0 12px}.bond-track{height:7px;border-radius:5px;background:#0a2724;overflow:hidden}#bond-fill{height:100%;background:#f0a6b4;width:0}#bond p{font-size:13px;line-height:1.4;margin:12px 0 0;color:#dce7c9}#bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:14px}#controls{font-size:13px;color:#e7efd6;text-shadow:0 1px 5px #13362a;background:#173c34c9;padding:11px 14px;border-radius:25px}#toot{background:#efacc0;color:#3d2832;border:0;border-bottom:4px solid #ae647e;border-radius:25px;font-size:14px;font-weight:800;padding:14px 19px}kbd{font-size:10px;margin-left:8px;padding:3px 4px;border:1px solid #aa7589;border-radius:3px}#pause-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#153832de;backdrop-filter:blur(9px);pointer-events:auto}#pause-screen h2{font:clamp(35px,6vw,78px) Impact,"Arial Black",sans-serif;color:#e4f29b;transform:rotate(-3deg);margin:0}#pause-screen p{font-size:20px}#pause-screen button{margin-top:20px}
@media(max-width:700px){#splash{background-position:62% center}.splash-shade{background:linear-gradient(90deg,#10302de8,#10302d60)}.cover-copy{padding:28px}.eyebrow{font-size:10px;max-width:250px;margin-bottom:22px}h1>span{font-size:40px}h1 strong{font-size:76px}.tagline{font-size:21px}.seal{display:none}.cover-footer{margin-top:23px}header{padding:16px}.wordmark{font-size:18px}.wordmark span{font-size:11px}.top-actions{gap:4px}.top-actions button{font-size:11px;padding:8px 9px}.stats{padding:0 16px;gap:8px}.stink-card{width:245px;padding:12px}.friends-card{min-width:86px}.friends-card>b{font-size:29px}#mission{margin:12px 16px;max-width:300px}#mission b{font-size:14px}#mission p{font-size:12px}#bottom{left:16px;right:16px;bottom:16px;flex-wrap:wrap;gap:8px}#controls{font-size:11px;padding:7px 10px}#toot{font-size:12px;padding:11px 13px}kbd{display:none}#bond{right:16px;bottom:104px;width:230px;padding:13px}#toast{font-size:16px;top:37%}.stat-label{font-size:10px}.stink-caption{font-size:11px}}
@media(max-height:740px) and (min-width:701px){.cover-copy{padding:32px 5vw}h1>span{font-size:42px;margin-bottom:9px}h1 strong{font-size:88px}.tagline{font-size:21px;margin:20px 0 17px}.eyebrow{margin-bottom:20px}.cover-footer{margin-top:18px}.big-button{padding:15px 20px}.fast-label{margin-top:17px}}

.arcade-back{color:#d4e5b9;font-size:13px;text-decoration:none;margin-bottom:20px}.arcade-back:hover{text-decoration:underline}