@font-face{font-family:Caveat;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/caveat-latin.woff2) format("woff2")}:root{--page: #f5f2e8;--biro: #1f3184;--pencil: #5b6170;--red: #b3261e;--rule: rgba(120, 160, 205, .4)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--page);overflow:hidden;font-family:Caveat,Segoe Print,Bradley Hand,cursive;color:var(--biro);text-transform:lowercase;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}canvas[hidden],[hidden]{display:none!important}#panel{z-index:5}.hand-btn{font:700 24px Caveat,cursive;color:var(--biro);background:#f5f2e8d9;border:2px solid var(--biro);border-radius:40% 10% 35% 12%/20% 40% 15% 35%;padding:2px 14px 4px;cursor:pointer}.hand-btn:hover{background:#fff}.hand-btn:focus-visible{outline:2px dashed var(--biro);outline-offset:3px}.hand-btn.big{font-size:34px;padding:4px 26px 8px}#hud{position:fixed;top:max(10px,env(safe-area-inset-top));right:12px;left:12px;z-index:3;display:flex;gap:8px;align-items:center;justify-content:flex-end;pointer-events:none}#hud>*{pointer-events:auto}.isle-name{margin-right:auto;font-size:26px;font-weight:700;transform:rotate(-2deg);text-shadow:0 0 6px var(--page),0 0 6px var(--page)}.hint{position:fixed;left:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:3;font-size:22px;color:var(--pencil);pointer-events:none;text-shadow:0 0 5px var(--page)}.stick{position:fixed;z-index:4;width:120px;height:120px;margin:-60px 0 0 -60px;border:2px dashed rgba(31,49,132,.45);border-radius:50%;pointer-events:none}.stick .knob{position:absolute;left:40px;top:40px;width:40px;height:40px;border:2px solid var(--biro);border-radius:50%;background:#f5f2e899}.look{position:fixed;right:18px;bottom:max(24px,env(safe-area-inset-bottom));z-index:4;font-size:30px}.panel-pad{position:fixed;z-index:6;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:8px}.panel-pad button{font:700 26px Caveat,cursive;color:var(--biro);width:54px;height:54px;background:#f5f2e8e6;border:2px solid var(--biro);border-radius:46% 54% 40% 60%/52% 44% 56% 48%}.cover{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow-y:auto;background:var(--page) repeating-linear-gradient(to bottom,transparent 0,transparent 29px,var(--rule) 29px,var(--rule) 30px);transition:opacity 1s;padding:20px 16px}.cover:before{content:"";position:fixed;top:0;bottom:0;left:70px;border-left:1px solid rgba(224,123,123,.6)}.cover.fade{opacity:0;pointer-events:none}.cover-inner{position:relative;text-align:center;max-width:620px}.cover h1{font-size:clamp(90px,22vw,150px);font-weight:700;margin:0;line-height:.9;transform:rotate(-4deg)}.cover .sub{font-size:30px;color:var(--pencil);margin:8px 0 26px}.choices{display:flex;flex-direction:column;align-items:center;gap:14px}.named{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:24px;color:var(--pencil)}.named .row{display:flex;gap:8px;align-items:center}.named input,.hand-btn,.panel-pad button{text-transform:lowercase}.named input{font:600 28px Caveat,cursive;color:var(--biro);background:transparent;border:none;border-bottom:2px solid var(--biro);width:min(260px,60vw);text-align:center;outline:none}.how{margin-top:30px;font-size:22px;color:var(--pencil)}#ending .line{font-size:34px;margin:6px 0;opacity:0;animation:write 1.6s forwards}#ending .l2{animation-delay:2s}#ending .l3{animation-delay:4s;color:var(--pencil);font-size:26px}#ending .l3{color:var(--biro);font-size:30px}#ending .l3b{animation-delay:5.2s;color:var(--pencil);font-size:24px}#ending .l4{animation-delay:6.2s;margin-top:18px}@keyframes write{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){#ending .line{animation:none;opacity:1}}#hud .hand-btn{white-space:nowrap}@media(max-width:520px){#hud{gap:5px}#hud .hand-btn{font-size:19px;padding:1px 9px 3px}#hud{flex-wrap:wrap}.isle-name{order:5;flex-basis:100%;font-size:21px;line-height:1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.comfort{margin-top:10px;font-size:22px;color:var(--pencil)}.link-btn{font:600 22px Caveat,cursive;color:var(--pencil);background:none;border:none;border-bottom:1px dashed var(--pencil);padding:0 2px;cursor:pointer;text-transform:lowercase}.link-btn[aria-pressed=true]{color:var(--biro);border-bottom-color:var(--biro)}#intro .line{font-size:32px;margin:8px 0;opacity:0;animation:write 1.4s forwards}#intro .l2{animation-delay:1.4s}#intro .l3i{animation-delay:2.8s}#intro .l4i{animation-delay:4.2s}#intro .l5i{animation-delay:5.2s;margin-top:22px}body.big .hand-btn{font-size:28px}body.big .hint,body.big .how,body.big .comfort,body.big .link-btn{font-size:26px}body.big #ending .line,body.big #intro .line{font-size:38px}body.calm .line{animation:none!important;opacity:1!important}