html,body{margin:0;height:100%;overflow:hidden;background:#9ec3e0;font-family:Trebuchet MS,Verdana,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app canvas{display:block;touch-action:none}#start{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#8e3fb8bf,#281446eb);color:#fff6d0;text-align:center;z-index:10;transition:opacity .5s}#start.hidden{opacity:0;pointer-events:none}#start .card{padding:24px;max-width:760px}#start h1{font-size:clamp(44px,8vw,88px);line-height:1.05;margin:0 0 8px;letter-spacing:2px;text-shadow:0 4px 0 #3a1760,0 0 30px #ffd94a}#start .animals{font-size:18px;opacity:.9}#start .enter{margin-top:16px;font:inherit;font-size:28px;font-weight:700;padding:18px 44px;border:0;border-radius:999px;background:#ffd94a;color:#3a1760;box-shadow:0 6px #b8901a;opacity:.4;pointer-events:none}#start.ready .enter{opacity:1;pointer-events:auto}#start.hidden .enter{pointer-events:none}#start .enter:active{transform:translateY(4px);box-shadow:0 2px #b8901a}#joy{position:fixed;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.55);pointer-events:none;display:none;z-index:5}#joy.on{display:block}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:#ffffffbf;transform:translate(-50%,-50%)}#hint{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:#00000073;color:#fff;font-size:18px;opacity:0;transition:opacity .6s;pointer-events:none;white-space:nowrap;z-index:5}#hint.show{opacity:1}#hint .desk{display:none}@media(pointer:fine){#hint .touch{display:none}#hint .desk{display:inline}}#start .link{margin-top:8px;font:inherit;font-size:17px;background:none;border:0;color:#fff6d0;text-decoration:underline;opacity:.85}.legal{margin:12px 0 0;font-size:14px}.legal a{color:inherit;opacity:.8}#start .legal{color:#fff6d0}#corner{position:fixed;top:12px;right:12px;display:flex;gap:10px;z-index:6}#corner .round{width:52px;height:52px;padding:11px;border-radius:50%;border:2px solid #ffd94a;background:#3a176099;color:#fff6d0;box-shadow:0 3px #3a176080;cursor:pointer}#corner .round:active{transform:translateY(2px);box-shadow:0 1px #3a176080}#corner svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#corner svg .fill{fill:currentColor;stroke:none}#mute .off,#mute.muted .on{display:none}#mute.muted .off{display:block}#fps{position:fixed;top:14px;left:14px;padding:4px 10px;border-radius:8px;background:#00000073;color:#fff;font:14px monospace;z-index:6;display:none}#settings{position:fixed;inset:0;display:none;place-items:center;background:#140a288c;z-index:20}#settings.open{display:grid}#settings .panel{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;padding:20px 22px;border-radius:20px;background:#fff8e6;color:#3a1760}#settings h2{margin:0 0 4px}#settings .tip{margin:0 0 12px;font-size:15px;opacity:.8}#settings .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:10px 0;font-size:17px}#settings .seg{display:flex;border-radius:999px;overflow:hidden;border:2px solid #8e3fb8}#settings .seg button{font:inherit;font-size:15px;padding:8px 12px;border:0;background:transparent;color:#3a1760}#settings .seg button.on{background:#8e3fb8;color:#fff}#settings input[type=range]{width:50%;accent-color:#8e3fb8}#settings .close{margin-top:12px;width:100%;font:inherit;font-size:20px;font-weight:700;padding:12px;border:0;border-radius:999px;background:#ffd94a;color:#3a1760}#fade{position:fixed;inset:0;display:grid;place-items:center;background:#120a1e;color:#fff6d0;font-size:clamp(28px,6vw,56px);font-weight:700;text-shadow:0 0 24px #8e3fb8;opacity:0;pointer-events:none;transition:opacity .4s;z-index:5}#fade.on{opacity:1}#passport-btn{position:relative}#passport-btn .badge{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border-radius:11px;background:#ffd94a;color:#3a1760;font:700 13px/22px Trebuchet MS,Verdana,sans-serif}.stamp-img{--c: #8e3fb8;width:100%;aspect-ratio:1;border-radius:50%;border:4px double var(--c);box-shadow:0 0 0 3px #fff8e6,0 0 0 5px var(--c);overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 25%,#fff8e6);color:var(--c);font-size:32px;font-weight:700;box-sizing:border-box}.stamp-img img{width:100%;height:100%;object-fit:cover;display:block}.stamp-img.empty{border:3px dashed #c9b9a0;box-shadow:none;background:transparent;color:#c9b9a0}#card{--c: #8e3fb8;position:fixed;left:50%;bottom:16px;width:min(680px,calc(100vw - 24px));box-sizing:border-box;display:flex;gap:16px;padding:16px 18px;border-radius:22px;background:#fff8e6;color:#3a1760;border:4px solid var(--c);box-shadow:0 8px 30px #140a2873;transform:translate(-50%,130%);transition:transform .35s cubic-bezier(.2,.9,.3,1.2);z-index:8}#card.open{transform:translate(-50%)}#card .pic{flex:0 0 min(150px,26vw);align-self:center}#card .body{flex:1;min-width:0}#card h2{margin:0 36px 2px 0;font-size:clamp(22px,4vw,30px);line-height:1.1}#card .kind{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--c);color:#fff;font-size:14px}#card .fact{margin:10px 0 6px;font-size:clamp(18px,3vw,22px);font-weight:700;min-height:2.6em}#card .row{display:flex;align-items:center;justify-content:space-between}#card .dots span{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:#d8c8e8}#card .dots span.on{background:var(--c)}#card .next{font:inherit;font-size:17px;font-weight:700;padding:8px 16px;border:0;border-radius:999px;background:#ffd94a;color:#3a1760;box-shadow:0 3px #b8901a}#card .stats{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:14px}#card .stat b{margin-right:5px;color:var(--c)}#card .close,#passport .close{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#3a17601a;color:#3a1760;font-size:26px;line-height:1}#toast{position:fixed;top:14px;left:50%;display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:#fff8e6;color:#3a1760;box-shadow:0 6px 20px #140a2866;transform:translate(-50%,-150%) scale(.8);transition:transform .4s cubic-bezier(.2,.9,.3,1.4);z-index:7}#toast.show{transform:translate(-50%) scale(1)}#toast .stamp-img{width:58px;border-width:3px;animation:none}#toast.show .stamp-img{animation:thump .5s .25s both}@keyframes thump{0%{transform:scale(2.2) rotate(-25deg);opacity:0}60%{transform:scale(.9) rotate(-8deg);opacity:1}to{transform:scale(1) rotate(-8deg)}}#toast .text{display:flex;flex-direction:column;font-size:17px}#toast .text b{font-size:20px}#passport{--c: #8e3fb8;position:fixed;inset:0;display:none;place-items:center;background:#140a288c;z-index:20}#passport.open{display:grid}#passport .book{position:relative;width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;box-sizing:border-box;padding:18px 20px 12px;border-radius:20px;background:#fff8e6;color:#3a1760;border:6px solid var(--c)}#passport h2{margin:0;font-size:30px}#passport .count{margin:0 0 10px;opacity:.8}#passport .tabs{display:flex;flex-wrap:wrap;gap:8px}#passport .tabs button{font:inherit;font-size:16px;font-weight:700;padding:8px 14px;border:2px solid var(--c);border-radius:999px;background:transparent;color:var(--c)}#passport .tabs button.on{background:var(--c);color:#fff}#passport .tabs small{margin-left:6px;font-weight:400}#passport .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 14px;margin:18px 4px 8px}#passport .cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px;border:0;background:none;font:inherit;font-size:14px;color:#3a1760;text-align:center}#passport .cell .stamp-img{width:86px}#passport .restart{display:block;margin:8px auto 0;font:inherit;font-size:14px;background:none;border:0;color:#3a1760;text-decoration:underline;opacity:.6}body.portrait #corner,body.portrait #hint,body.portrait #toast,body.portrait #card{display:none}#travel-btn{position:fixed;right:16px;bottom:16px;width:84px;height:84px;padding:16px;border-radius:50%;border:3px solid #ffd94a;background:#3a1760b3;color:#ffd94a;box-shadow:0 4px #3a176080;z-index:6}#travel-btn:active{transform:translateY(3px);box-shadow:0 1px #3a176080}#travel-btn svg{display:block;width:100%;height:100%}#travel-btn .fill{fill:currentColor}body.portrait #travel-btn{display:none}#travel{--c: #8e3fb8;position:fixed;inset:0;display:none;place-items:center;background:#140a288c;z-index:20}#travel.open{display:grid}#travel .book{position:relative;width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;box-sizing:border-box;padding:18px 20px 16px;border-radius:20px;background:#fff8e6;color:#3a1760;border:6px solid var(--c)}#travel h2{margin:0 40px 10px 0;font-size:28px}#travel .tabs{display:flex;flex-wrap:wrap;gap:8px}#travel .tabs button{font:inherit;font-size:18px;font-weight:700;padding:10px 16px;border:2px solid var(--c);border-radius:999px;background:transparent;color:var(--c)}#travel .tabs button.on{background:var(--c);color:#fff}#travel .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 12px;margin-top:16px}#travel .cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:#3a1760}#travel .cell .stamp-img{width:112px}#travel .cell:active .stamp-img{transform:scale(.94)}#travel .close{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#3a17601a;color:#3a1760;font-size:26px;line-height:1}#stars{display:flex;align-items:center;gap:6px;height:52px;padding:0 16px 0 12px;box-sizing:border-box;border-radius:26px;border:2px solid #ffd94a;background:#3a176099;color:#fff6d0;box-shadow:0 3px #3a176080;font-size:22px}#stars b{min-width:1.2em;font-size:21px}#stars.bump span{animation:star-bump .6s}@keyframes star-bump{0%{transform:scale(1)}35%{transform:scale(1.7) rotate(20deg)}to{transform:scale(1)}}#say{position:fixed;top:84px;left:50%;max-width:calc(100vw - 40px);padding:12px 22px;box-sizing:border-box;border-radius:22px;background:#fff8e6;color:#3a1760;font-size:22px;font-weight:700;text-align:center;box-shadow:0 6px 20px #140a2866;transform:translate(-50%,-20px) scale(.85);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.3),opacity .25s;pointer-events:none;z-index:9}#say.show{transform:translate(-50%) scale(1);opacity:1}body.portrait #say{display:none}#card .care{margin-top:10px;padding-top:10px;border-top:2px dashed #e6d6f0}#card .care[hidden]{display:none}#card .meters{display:flex;gap:14px;margin-bottom:8px}#card .meter{flex:1;display:flex;align-items:center;gap:6px}#card .meter .ic{font-size:20px}#card .meter i{--v: .5;position:relative;flex:1;height:14px;border-radius:7px;background:#eadff2;overflow:hidden}#card .meter i:after{content:"";position:absolute;inset:0;width:calc(var(--v) * 100%);border-radius:7px;background:#ff9a3c;transition:width .6s}#card .meter.clean i:after{background:#3cb8e6}#card .acts{display:flex;gap:10px}#card .acts button,#card .tray button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 4px;border:0;border-radius:16px;background:#ffd94a;color:#3a1760;box-shadow:0 3px #b8901a;font:inherit;font-weight:700}#card .acts button{flex:1;min-height:62px}#card .acts button:active,#card .tray button:active{transform:translateY(2px);box-shadow:0 1px #b8901a}#card .acts button:disabled{opacity:.45}#card .acts .ic{font-size:28px;line-height:1.1}#card .acts .lb{font-size:15px}#card .acts .n{position:absolute;top:-6px;right:-4px;min-width:24px;height:24px;border-radius:12px;background:#8a5a2b;color:#fff;font-size:14px;line-height:24px}#card .acts .n:empty{display:none}#card .tray{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#card .tray button{min-height:58px;background:#fff;box-shadow:0 3px #d8c8e8;border:2px solid #eadff2}#card .tray .ic{font-size:30px;line-height:1.1}#card .tray .lb{font-size:12px}#card .tray .back{font-size:30px;background:#eadff2}#card .tray .no{animation:no-thanks .45s}#card .tray .hint{border-color:#ffd94a;animation:pick-me .9s 3}@keyframes no-thanks{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pick-me{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}#card:has(.tray) .fact,#card:has(.tray) .row,#card:has(.tray) .stats{display:none}#card .name{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:3px 12px;border:2px solid var(--c);border-radius:999px;background:#fff;color:#3a1760;font:inherit;font-size:16px;vertical-align:middle}#card .name[hidden]{display:none}#card .name.none{border-style:dashed;background:#ffd94a;border-color:#b8901a}#card .name .pen{font-size:13px;opacity:.7}#namer{position:fixed;inset:0;display:none;place-items:center;background:#140a288c;z-index:22}#namer.open{display:grid}#namer .panel{position:relative;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;box-sizing:border-box;padding:18px 20px 14px;border-radius:22px;background:#fff8e6;color:#3a1760;border:6px solid #ffd94a;text-align:center}#namer h2{margin:0 36px 14px;font-size:26px}#namer .ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#namer .idea,#namer .more,#namer form button{font:inherit;font-weight:700;border:0;border-radius:16px;background:#ffd94a;color:#3a1760;box-shadow:0 3px #b8901a}#namer .idea{min-height:60px;font-size:22px}#namer .idea:active,#namer .more:active,#namer form button:active{transform:translateY(2px);box-shadow:0 1px #b8901a}#namer .more{margin-top:12px;padding:10px 20px;font-size:18px;background:#eadff2;box-shadow:0 3px #c9b9d8}#namer form{display:flex;gap:8px;margin-top:12px}#namer input{flex:1;min-width:0;padding:10px 14px;border:2px solid #d8c8e8;border-radius:14px;font:inherit;font-size:20px;color:#3a1760;user-select:text;-webkit-user-select:text}#namer form button{padding:0 22px;font-size:20px}#namer .close{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#3a17601a;color:#3a1760;font-size:26px;line-height:1}#namer .forget{margin-top:10px;font:inherit;font-size:14px;background:none;border:0;color:#3a1760;text-decoration:underline;opacity:.6}#namer .forget[hidden],#daynight .sun,#daynight.night .moon{display:none}#daynight.night .sun{display:block}#daynight.night{background:#141a46bf}#tasks-btn{display:flex;align-items:center;gap:6px;height:52px;padding:0 16px 0 12px;border-radius:26px;border:2px solid #ffd94a;background:#3a176099;color:#fff6d0;box-shadow:0 3px #3a176080;font:inherit;font-size:22px}#tasks-btn b{font-size:20px}#tasks-btn.all{background:#c89614d9}#tasks-btn.bump span{animation:star-bump .6s}#tasks{position:fixed;inset:0;display:none;place-items:center;background:#140a288c;z-index:20}#tasks.open{display:grid}#tasks .book{position:relative;width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;box-sizing:border-box;padding:18px 20px 12px;border-radius:20px;background:#fff8e6;color:#3a1760;border:6px solid #ffd94a}#tasks h2{margin:0 40px 12px 0;font-size:28px}#tasks h3{margin:18px 0 8px;font-size:22px}#tasks .close{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#3a17601a;color:#3a1760;font-size:26px;line-height:1}#tasks .job{display:flex;align-items:center;gap:14px;margin-bottom:10px;padding:10px 14px;border-radius:16px;background:#fff;border:2px solid #eadff2}#tasks .job.done{background:#eaf7dc;border-color:#9bd06a}#tasks .job .ic{font-size:38px}#tasks .job .text{flex:1;display:flex;flex-direction:column;gap:6px;font-size:20px}#tasks .job .dots span{display:inline-block;width:14px;height:14px;margin-right:6px;border-radius:50%;background:#eadff2}#tasks .job .dots span.on{background:#ff9a3c}#tasks .job .check{font-size:34px;color:#4fa02a}#tasks .more{display:block;margin:4px auto 0;padding:12px 26px;border:0;border-radius:999px;background:#ffd94a;color:#3a1760;box-shadow:0 4px #b8901a;font:inherit;font-size:22px;font-weight:700}#tasks .more[hidden]{display:none}#tasks .stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}#tasks .stickers .cell{display:flex;flex-direction:column;align-items:center}#tasks .stickers small{font-weight:700}#tasks .empty,#tasks .tip{opacity:.7;font-size:15px}.sticker{--c: #f4b740;display:grid;place-items:center;width:120px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,transparent 13%),var(--c);border:6px solid #fff;box-shadow:0 4px 10px #140a2859;font-size:64px;line-height:1}.sticker.small{width:62px;border-width:4px;font-size:32px}.sticker.gold{background:radial-gradient(circle at 35% 30%,#fff8c0 0 14%,transparent 15%),conic-gradient(#f6d04d,#e8a820,#fff1a0,#e8a820,#f6d04d);border-color:#fff4b0}#sticker-pop{position:fixed;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 30px;border-radius:26px;background:#fff8e6;color:#3a1760;box-shadow:0 10px 40px #140a2880;font-size:22px;text-align:center;max-width:calc(100vw - 60px);transform:translate(-50%,-50%) scale(0);transition:transform .35s cubic-bezier(.2,.9,.3,1.4);z-index:25}#sticker-pop.show{transform:translate(-50%,-50%) scale(1)}#sticker-pop.show .sticker{animation:sticker-in .7s .15s both}@keyframes sticker-in{0%{transform:scale(2.4) rotate(-40deg);opacity:0}60%{transform:scale(.9) rotate(8deg);opacity:1}to{transform:scale(1) rotate(-6deg)}}body.portrait #tasks-btn,body.portrait #sticker-pop{display:none}#treat-btn{position:fixed;right:116px;bottom:16px;width:84px;height:84px;display:none;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:3px solid #fff;background:#ff9a3c;color:#fff;box-shadow:0 4px #b8601a;font:inherit;font-weight:700;z-index:6;animation:pick-me 1.2s infinite}#treat-btn.show{display:flex}#treat-btn .ic{font-size:36px;line-height:1}#treat-btn .lb{font-size:14px}#treat-btn:active{transform:translateY(3px);box-shadow:0 1px #b8601a}#hand{position:fixed;left:50%;bottom:-10px;font-size:110px;line-height:1;transform:translate(-50%,120%);transition:transform .4s cubic-bezier(.2,.9,.3,1.3);pointer-events:none;z-index:5}#hand.show{transform:translate(-50%);animation:hold-out 1.4s .4s ease-in-out infinite}#hand .food{position:absolute;left:50%;top:-18px;font-size:64px;transform:translate(-50%)}@keyframes hold-out{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}body.portrait #treat-btn,body.portrait #hand{display:none}#photo-btn{position:fixed;right:26px;bottom:116px;width:64px;height:64px;padding:12px;border-radius:50%;border:3px solid #ffd94a;background:#3a1760b3;color:#ffd94a;box-shadow:0 4px #3a176080;z-index:6}#photo-btn svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}#photo-btn:active{transform:translateY(3px);box-shadow:0 1px #3a176080}#photo-btn.bump{animation:star-bump .6s}#viewfinder,#shutter,#photo-exit,body.photo-mode #corner,body.photo-mode #travel-btn,body.photo-mode #photo-btn,body.photo-mode #treat-btn,body.photo-mode #hand,body.photo-mode #card,body.photo-mode #hint,body.photo-mode #toast{display:none}body.photo-mode #viewfinder{display:block;position:fixed;inset:22px;pointer-events:none;z-index:5}#viewfinder i{position:absolute;width:54px;height:54px;border:0 solid rgba(255,255,255,.9)}#viewfinder i:nth-child(1){top:0;left:0;border-width:5px 0 0 5px;border-top-left-radius:14px}#viewfinder i:nth-child(2){top:0;right:0;border-width:5px 5px 0 0;border-top-right-radius:14px}#viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 5px 5px;border-bottom-left-radius:14px}#viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 5px 5px 0;border-bottom-right-radius:14px}body.photo-mode #shutter{display:block;position:fixed;right:40px;top:50%;width:96px;height:96px;margin-top:-48px;border-radius:50%;border:7px solid #fff;background:#ff5a5a;box-shadow:0 0 0 4px #00000040;z-index:7}body.photo-mode #shutter:active{transform:scale(.9)}body.photo-mode #photo-exit{display:block;position:fixed;top:36px;right:40px;width:56px;height:56px;border:0;border-radius:50%;background:#3a1760b3;color:#fff;font-size:34px;line-height:1;z-index:7}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:24}#flash.on{animation:flash .5s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}#passport .grid.photos{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}#passport .photo{display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px;border:0;border-radius:6px;background:#fff;box-shadow:0 3px 10px #140a2840;font:inherit;font-size:14px;color:#3a1760}#passport .photo:nth-child(odd){transform:rotate(-1.5deg)}#passport .photo:nth-child(2n){transform:rotate(1.2deg)}#passport .photo img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:3px}#passport .grid .empty{grid-column:1 / -1;text-align:center;font-size:18px;opacity:.75}#photo-view{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#140a28e0;color:#fff8e6;z-index:23}#photo-view.open{display:flex}#photo-view img{max-width:calc(100vw - 40px);max-height:calc(100vh - 150px);border:8px solid #fff;border-radius:6px;box-shadow:0 8px 30px #00000080}#photo-view .what{margin:0;font-size:22px;font-weight:700}#photo-view .bar{display:flex;gap:14px}#photo-view .bar>*{display:grid;place-items:center;min-width:64px;height:56px;padding:0 16px;box-sizing:border-box;border:0;border-radius:999px;background:#ffd94a;color:#3a1760;font:inherit;font-size:20px;font-weight:700;text-decoration:none}#photo-view .prev,#photo-view .next{font-size:34px}#photo-view .delete.sure{background:#ff7a7a}#photo-view .close{position:absolute;top:16px;right:16px;width:52px;height:52px;border:0;border-radius:50%;background:#fff3;color:#fff;font-size:32px;line-height:1}body.portrait #photo-btn{display:none}#tasks .stickers .empty{grid-column:1 / -1;margin:0}.svg-ic{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.22em;line-height:0}.svg-ic svg{display:block;width:100%;height:100%}.sticker .svg-ic{width:1.35em;height:1.35em}#say .svg-ic{margin-right:.15em}.legal .link,#start .legal .link{margin:0;padding:0;font:inherit;background:none;border:0;color:inherit;text-decoration:underline;opacity:.8}#credits{position:fixed;inset:0;display:none;place-items:center;background:#140a288c;z-index:21}#credits.open{display:grid}#credits .book{position:relative;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:18px 22px 16px;border-radius:20px;background:#fff8e6;color:#3a1760;border:6px solid #5b2a92}#credits h2{margin:0 40px 4px 0;font-size:30px}#credits .tip{margin:0 0 6px;font-size:16px;opacity:.8}#credits .close{position:absolute;top:8px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#3a17601a;color:#3a1760;font-size:26px;line-height:1}#credits h3{margin:20px 0 4px;font-size:22px}#credits .note{margin:0 0 8px;font-size:15px;opacity:.75}#credits ul{margin:0;padding:0;list-style:none}#credits .models{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}#credits .models li{padding:8px 12px;border-radius:12px;background:#fff;border:2px solid #eadff2;font-size:14px;line-height:1.4;overflow-wrap:anywhere}#credits .models b{font-size:16px}#credits a{color:#6b2fa8}#credits .patrons{display:flex;flex-wrap:wrap;gap:8px}#credits .patrons li{padding:8px 16px;border-radius:999px;background:#ffe9a8;border:2px solid #f4c430;font-size:18px;font-weight:700}#credits .empty{margin:0;padding:12px 16px;border-radius:14px;background:#ffe9a8;font-size:17px}#credits .plain li{margin:6px 0;font-size:15px;line-height:1.45}