:root{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#123f4b;background:#e4f6f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#fff 0,#e4f6f6 65%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:4px solid #fb9d32;outline-offset:3px}[hidden]{display:none!important}.shell{width:min(940px,100% - 32px);margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:25px 0 22px;gap:10px}.brand{font-size:26px;font-weight:900;color:#075b68;text-decoration:none;line-height:1.1}.brand>span:first-child{color:#ed9440}.tag{display:block;font-size:11px;letter-spacing:.2em;margin-top:7px}.tools{display:flex;gap:8px}.tools button{border:1px solid #b9d9dc;border-radius:12px;padding:10px 13px;background:#fff;color:#075b68;font-weight:bold;font-size:14px}.game{border:1px solid #c3dddd;border-radius:24px;overflow:hidden;box-shadow:0 16px 60px #075b6814;background:#fff}.hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 25px}.eyebrow{display:block;color:#43767d;font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.5}.hud strong{display:block;font-size:19px;margin-top:4px}.basket{display:flex;align-items:center;gap:8px;font-size:25px;white-space:nowrap;background:#f0f7eb;border-radius:12px;padding:9px 14px}.basket span{font-size:15px;color:#527268}.stage{position:relative;width:100%;aspect-ratio:1.3;background:#40c5cd;overflow:hidden}canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;background:#3bc5ce}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#075b682c;overflow:auto}.card{width:min(465px,100%);text-align:center;background:#fffffff5;border:3px solid #fff;border-radius:24px;padding:25px 30px;box-shadow:0 8px 0 #075b6818,0 15px 60px #06485620}.card h1,.card h2{font-size:clamp(30px,5vw,44px);letter-spacing:-.045em;line-height:1.05;margin:9px 0 13px;color:#075b68}.card p{font-size:16px;line-height:1.5;margin:10px 0 14px}.choices{display:flex;gap:12px;margin:16px 0}.choice{width:50%;background:#f5faf7;border:2px solid #d6e7df;border-radius:15px;padding:8px;color:#244d3e}.choice.selected{border-color:#328051;background:#eaf6d9;box-shadow:0 3px 0 #328051}.choice strong{display:block;font-size:19px}.choice small{font-size:12px;display:block;margin-top:3px}.portrait{display:block;width:112px;height:112px;margin:0 auto;background-image:url('assets/turtles.png');background-size:200% 100%;background-repeat:no-repeat;image-rendering:pixelated}.linus{background-position:right center}.leni{background-position:left center}.instruction{font-size:14px!important;color:#527178}.primary{display:block;width:100%;border:0;border-radius:13px;background:#126b53;color:#fff;font-size:19px;font-weight:800;padding:15px 14px;box-shadow:0 4px 0 #084f3d;transition:transform .15s}.primary:hover{background:#0e7b5b;transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #084f3d}.primary:disabled{opacity:.6;cursor:wait}.duration{display:block;font-size:12px;color:#587579;margin-top:14px}.bottom{display:flex;justify-content:space-between;gap:10px;padding:15px 24px;color:#507177;font-size:13px}.parents{margin:19px 4px 28px;font-size:14px;color:#55717a;line-height:1.6}.parents summary{cursor:pointer;width:fit-content}.parents p{max-width:760px}.toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#fffdf2;border-radius:13px;padding:12px 20px;font-weight:bold;max-width:90%;width:max-content;box-shadow:0 5px 15px #075b6822;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s}.toast.visible{opacity:1}.friends{display:flex;justify-content:center}.friends .portrait{margin:0}.offline{background:#edf6df;border-radius:12px;padding:16px;font-size:16px;line-height:1.5;margin:16px 0 22px}.goodbye-icon{font-size:65px;color:#efac38}.compact{padding:30px}.stage:has(#intro:not([hidden])){min-height:575px}@media(min-width:1000px){.shell{width:800px}.stage{aspect-ratio:1.22}.stage:has(#intro:not([hidden])){min-height:570px}}@media(max-width:600px){.shell{width:100%}.top{padding:17px 16px}.brand{font-size:23px}.tag{font-size:9px}.game{border-radius:0;border-left:0;border-right:0}.hud{padding:14px 16px}.hud strong{font-size:16px}.eyebrow{font-size:10px}.basket{font-size:21px;padding:8px 10px}.stage{aspect-ratio: .92}.stage:has(#intro:not([hidden])){min-height:545px}.card{padding:22px 19px}.overlay{padding:15px}.portrait{width:100px;height:100px}.bottom{padding:13px 15px;font-size:12px}.bottom>span:last-child{display:none}.parents{margin:16px}.tools button{padding:9px 10px}.tools button span{font-size:12px}.toast{font-size:14px;bottom:15px}.hud .eyebrow{letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
canvas{object-fit:fill}