@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-cyrillic-400-normal-C5G8_8ug.woff2) format("woff2"),url(./rubik-cyrillic-400-normal-D5R8xuhl.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-cyrillic-500-normal-Didq2w9O.woff2) format("woff2"),url(./rubik-cyrillic-500-normal-BH_pkKR0.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-700-normal-DFnztZBh.woff2) format("woff2"),url(./rubik-cyrillic-700-normal-C_jxLOfU.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2) format("woff2"),url(./rubik-latin-500-normal-LZYVHeqz.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2) format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./pixelify-sans-cyrillic-500-normal--wrb4dVK.woff2) format("woff2"),url(./pixelify-sans-cyrillic-500-normal-CR9SIKMr.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-cyrillic-700-normal-CYtG5Rfp.woff2) format("woff2"),url(./pixelify-sans-cyrillic-700-normal-BrZTw8tu.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./pixelify-sans-latin-500-normal-DC052d-m.woff2) format("woff2"),url(./pixelify-sans-latin-500-normal-Bq6pAlou.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-700-normal-D3Xxx3QE.woff2) format("woff2"),url(./pixelify-sans-latin-700-normal-BctWAS0u.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-cyrillic-400-normal-DBn7fddJ.woff2) format("woff2"),url(./press-start-2p-cyrillic-400-normal-CbE56R3Y.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}:root{--font: "Rubik", system-ui, sans-serif;--font-px: "Pixelify Sans", monospace;--wood: #7a4420;--wood-d: #4a2410;--wood-l: #b8743a;--cream: #fbe8c4;--ink: #2a1a14;--gold: #ffd34a;--red: #c8343a;--green: #3fa83a;--px: 3px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#3a2016;color:var(--cream);font:500 15px/1.2 var(--font);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default;opacity:.5}.px{image-rendering:pixelated;display:block}.frame,.pbtn,.order,.info,.res,.sheet-card,.hall{box-shadow:0 calc(var(--px) * -1) 0 0 var(--ink),0 var(--px) 0 0 var(--ink),calc(var(--px) * -1) 0 0 0 var(--ink),var(--px) 0 0 0 var(--ink)}.app{height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 10px calc(8px + env(safe-area-inset-bottom));background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 2px,transparent 2px 22px),linear-gradient(#5a3018,#3a2016)}.top{display:flex;align-items:center;gap:8px;flex:none}.res{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;background:var(--wood-d)}.res b{font-size:20px;font-weight:700;color:var(--gold)}.res-ic{width:26px;height:26px}.energy{flex:1}.bolt{font-size:18px;color:#7fe0ff}.energy b{color:#9feaff}.energy small{margin-left:auto;color:#c8a878;font-size:13px}.pbtn{padding:6px 12px;background:linear-gradient(var(--wood-l) 0 50%,var(--wood) 50%);color:var(--cream);font-weight:700;text-shadow:1px 1px 0 var(--ink)}.pbtn:active{transform:translateY(2px)}.pbtn.sound{width:40px;height:34px;font-size:18px;padding:0}.hall{position:relative;flex:none;background:var(--ink)}.hall-cv{display:block;width:100%;image-rendering:pixelated}.build-btn{position:absolute;right:6px;bottom:6px;background:linear-gradient(#6ad04a 0 50%,#3a9a2a 50%)}.build-btn.ready{animation:blink .9s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.35)}}.orders{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.order{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:var(--cream);color:var(--ink);min-height:92px}.order .face{width:32px;height:32px}.needs{display:flex;gap:2px}.need{width:30px;height:30px;background:#00000014}.pay{font-size:12px;color:#6a4a30}.order.ready{background:#d8f8b8}.give{padding:3px 8px;font-size:13px;background:linear-gradient(#6ad04a 0 50%,#3a9a2a 50%);animation:blink .9s steps(2) infinite}.board-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.board{display:grid;grid-template-columns:repeat(var(--w),1fr);gap:3px;padding:6px;background:var(--wood-d);width:min(100%,calc((100dvh - 330px) * 7 / 9));box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px #8a5a2a}.cell{position:relative;aspect-ratio:1;background:#c8945a;display:grid;place-items:center;touch-action:none}.cell:nth-child(odd){background:#d4a066}.cell .item{width:92%;height:92%;pointer-events:none}.cell.gen{background:#e8c070}.cell.want:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #3fa83a;pointer-events:none}.cell.sel{box-shadow:inset 0 0 0 3px var(--gold)}.cell.over{box-shadow:inset 0 0 0 3px #fff}.cell.lift .item{opacity:.3}.gen-rank{position:absolute;right:2px;bottom:0;font:700 11px/1 var(--font);font-style:normal;color:var(--ink)}.ghost{position:fixed;z-index:50;pointer-events:none;translate:-50% -60%;scale:1.15;filter:drop-shadow(2px 4px 0 rgba(0,0,0,.35))}.item.pop{animation:pop .25s steps(3)}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.2)}}.spark{position:absolute;left:50%;top:50%;width:4px;height:4px;background:var(--gold);pointer-events:none;animation:spark .45s steps(4) forwards}@keyframes spark{to{transform:translate(var(--dx),var(--dy));opacity:0}}.store{display:flex;gap:6px;align-items:stretch;width:min(100%,calc((100dvh - 330px) * 7 / 9))}.store .cell{width:44px;flex:none;background:#8a5a2a}.info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 8px;background:var(--wood-d);position:relative}.info b{font-size:14px;color:var(--gold)}.info small{font-size:12px;color:#d8b888}.info .warn{color:#ff8a6a}.info .sell{position:absolute;right:6px;top:50%;translate:0 -50%;font-size:12px;padding:4px 8px}.float{position:fixed;z-index:60;translate:-50% 0;font:700 22px var(--font);color:var(--gold);text-shadow:2px 2px 0 var(--ink);pointer-events:none;animation:float .9s steps(6) forwards}@keyframes float{to{transform:translateY(-40px);opacity:0}}.sheet{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#140a0699}.sheet[hidden]{display:none}.sheet-card{width:100%;max-width:400px;padding:14px;background:var(--cream);color:var(--ink)}.sheet-card h2{margin:0 0 4px;font-size:22px;color:var(--red)}.stage-note{margin:0 0 10px;font-size:13px;color:#6a4a30}.sheet-card ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.sheet-card li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f0d8a8}.sheet-card li>div{flex:1}.sheet-card li b{display:block;font-size:15px}.sheet-card li small{font-size:12px;color:#6a4a30}.sheet-card li.done{opacity:.6}.sheet-card li.can{background:#d8f8b8}.sheet-card .ok{font-size:20px;color:var(--green)}.buy{display:flex;align-items:center;gap:4px}.buy .coin{width:20px;height:20px}.close{width:100%}.dev-btn{position:fixed;right:6px;bottom:6px;z-index:30;padding:4px 8px;font:700 11px var(--font);background:#e0457b;color:#fff}.app{height:100%;display:flex;flex-direction:column;gap:0;padding:0;background:#2a180e}.top{padding:calc(6px + env(safe-area-inset-top)) 10px 6px;background:#3a2016}.hall{flex:1;min-height:0;position:relative;background:#efe2c4}.hall-box{position:absolute;inset:0}.hall-cv{display:block;width:100%;height:100%;image-rendering:pixelated}.orders{position:absolute;inset:0;pointer-events:none}.bubble{position:absolute;translate:-50% -100%;margin-top:-6px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px 5px;background:var(--cream);color:var(--ink);pointer-events:auto;animation:bubble-in .25s steps(3);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink)}@keyframes bubble-in{0%{transform:scale(.3)}}.bubble:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;translate:-50% 3px;background:var(--cream);box-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink);clip-path:polygon(-50% 0,150% 0,50% 150%)}.bubble .need{width:clamp(22px,5.5vw,36px);height:clamp(22px,5.5vw,36px)}.bubble.ready{background:#d8f8b8}.bubble.ready:after{background:#d8f8b8}.bubble .pay{font-size:11px}.bubble .give{font-size:12px;padding:2px 6px}.wait{display:block;width:100%;height:4px;background:#00000026}.wait>i{display:block;height:100%;background:#3fa83a}.wait.low>i{background:#e0343e;animation:blink .5s steps(2) infinite}.counter-edge{flex:none;height:20px;position:relative;z-index:1;background:linear-gradient(#d2a066 0 5px,#ecc48c 5px 7px,#b67e46 7px 14px,#8a5428 14px 16px,#2a1408 16px 18px,transparent 18px),#1e120a;box-shadow:0 6px 10px #00000080}.under{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0000008c,#0000 46px),repeating-linear-gradient(90deg,transparent 0 58px,rgba(0,0,0,.18) 58px 60px),#3a2416}.shelf,.under .board,.under .store{width:min(100%,27dvh * 7 / var(--rows, 5))}@media(min-aspect-ratio:1 / 1){.shelf,.under .board,.under .store{width:min(100%,30dvh * 7 / var(--rows, 5))}}.shelf{display:flex;gap:8px;align-items:stretch}.tool{position:relative;flex:none;width:64px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 2px;background:#ffe6be1a;font-size:11px;color:var(--cream);box-shadow:0 0 0 2px var(--ink)}.tool:active{transform:translateY(2px)}.tool img{width:34px;height:34px}.tool.ready:after{content:"!";position:absolute;right:-4px;top:-6px;width:16px;height:16px;display:grid;place-items:center;background:var(--red);color:#fff;font:700 12px/1 var(--font);box-shadow:0 0 0 2px var(--ink);animation:blink .9s steps(2) infinite}.info{flex:1;min-width:0;padding-right:8px}.info b,.info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.under .board{padding:6px;gap:3px;background:linear-gradient(#c8945a,#b07a44);box-shadow:0 0 0 3px var(--ink),inset 0 3px #e2b47a,0 6px 0 3px #00000059}.under .cell{background:#50280a29}.under .board .cell:nth-child(odd){background:#50280a3d}.under .cell.gen{background:#ffdc7880}.under .store{display:flex;gap:6px}.under .store .cell{width:auto;flex:0 0 calc((100% - 6 * 6px) / 7);aspect-ratio:1;background:#ffe6be1f;box-shadow:0 0 0 2px var(--ink)}.store-label{align-self:center;font-size:12px;color:#c8a878;margin-left:4px}.brew-bar{position:absolute;left:8%;right:8%;bottom:4%;height:4px;background:#00000059;pointer-events:none}.brew-bar>i{display:block;height:100%;width:0;background:#7fe0ff}.brew-q{position:absolute;left:2px;top:1px;font:700 11px/1 var(--font);font-style:normal;color:#fff;text-shadow:1px 1px 0 var(--ink)}.book{width:100%;max-width:420px;max-height:100%;display:flex;flex-direction:column;gap:8px;padding:12px;background:#8a2a1e;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px #c8483a;color:var(--ink)}.book h2{margin:0;text-align:center;color:var(--gold);font-size:22px;text-shadow:2px 2px 0 var(--ink)}.book-q{width:100%;padding:6px 8px;font:500 15px var(--font);color:var(--ink);background:#fbf0d8;border:0;box-shadow:0 0 0 2px var(--ink);outline:none;user-select:text}.book-page{flex:1;min-height:0;overflow:auto;padding:10px;background:#fbf0d8;box-shadow:inset -8px 0 #0000000f;transform-origin:left center;touch-action:pan-y}.book-page.turn-next{animation:turn-next .35s steps(5)}.book-page.turn-prev{animation:turn-prev .35s steps(5)}@keyframes turn-next{0%{transform:perspective(600px) rotateY(-70deg);opacity:.3}}@keyframes turn-prev{0%{transform:perspective(600px) rotateY(70deg);opacity:.3}}.book-page h3{margin:0 0 6px;font-size:18px;color:#8a2a1e}.book-page .gen-row{display:flex;gap:8px;align-items:center;padding:6px;margin-bottom:6px;background:#f0dcb0;font-size:13px}.recipe{display:flex;gap:8px;align-items:center;padding:4px 2px;border-bottom:1px dashed #d8bc8a}.recipe img,.gen-row img{width:36px;height:36px;flex:none}.recipe .unknown{filter:brightness(0);opacity:.25}.recipe div{flex:1;min-width:0}.recipe b{display:block;font-size:15px}.recipe small{font-size:12px;color:#6a4a30}.recipe .rank{font-size:12px;color:#8a2a1e;flex:none}.locked{padding:16px 8px;text-align:center;color:#6a4a30}.book-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cream)}.book-nav .pbtn{min-width:52px}.laptop{width:100%;max-width:420px;padding:10px 10px 0;background:#6a6e88;box-shadow:0 0 0 3px var(--ink)}.laptop .sheet-card{max-width:none;box-shadow:none;background:#f4f8fc}.laptop .sheet-card h2{color:#2a4a8a}.laptop-base{height:14px;margin:10px -16px 0;background:#b8bccc;box-shadow:0 0 0 3px var(--ink)}.app{max-width:none!important;margin:0!important}.shelf,.work,.under .store{width:min(100%,27dvh * 7 / var(--rows, 5) + 76px)}@media(min-aspect-ratio:1 / 1){.shelf,.work,.under .store{width:min(100%,30dvh * 7 / var(--rows, 5) + 76px)}}.shelf{display:flex}.work{position:relative;display:flex;gap:10px;align-items:stretch}.under .work .board{flex:1;min-width:0;width:auto}.under .store .cell{flex:0 0 calc((100% - 76px - 6 * 6px) / 7)}.side{flex:none;width:66px;display:flex;flex-direction:column;justify-content:space-around;gap:6px;padding:4px 0;background:linear-gradient(90deg,#00000059,#0000001a);box-shadow:inset 0 -4px #5a3420}.side .tool{width:100%;background:none;box-shadow:none;padding:2px 0 4px;border-bottom:3px solid #6a3e22}.side .tool img{width:50px;height:50px;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.45))}.side .tool span{font-size:10px;color:#e8c896}.work.open-book .book-btn img,.work.open-pc .pc-btn img{opacity:.15}.panel{position:absolute;inset:-4px;z-index:5;display:flex}.panel[hidden]{display:none}.obook{position:relative;flex:1;display:flex;gap:0;padding:6px;background:#8a2a1e;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px #c8483a,0 8px 0 3px #00000059;transform-origin:right center;animation:book-open .3s steps(4)}@keyframes book-open{0%{transform:scaleX(.12)}}.obook.turn-next .right,.obook.turn-prev .left{animation:page-turn .3s steps(4)}@keyframes page-turn{0%{transform:perspective(500px) rotateY(60deg);filter:brightness(.8)}}.opage{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:6px 7px 20px;overflow:hidden;background:#fbf0d8;color:var(--ink)}.opage.left{box-shadow:inset -10px 0 8px -6px #5a321459}.opage.right{box-shadow:inset 10px 0 8px -6px #5a321459}.opage .pg{flex:1;min-height:0;overflow:auto}.opage h3{margin:0 0 2px;font-size:15px;color:#8a2a1e}.obook .book-q{padding:3px 6px;font-size:12px}.obook .gen-row{display:flex;gap:5px;align-items:center;padding:3px;margin-bottom:2px;background:#f0dcb0;font-size:10px;line-height:1.15}.obook .gen-row img,.obook .recipe img{width:28px;height:28px;flex:none}.obook .recipe{display:flex;gap:5px;align-items:center;padding:2px 0;border-bottom:1px dashed #d8bc8a}.obook .recipe div{flex:1;min-width:0}.obook .recipe b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obook .recipe small{display:block;font-size:10px;line-height:1.1;color:#6a4a30}.obook .recipe .rank{flex:none;font-size:10px;line-height:1;text-align:right;color:#8a2a1e}.obook .recipe .unknown{filter:brightness(0);opacity:.25}.obook .locked{font-size:12px;padding:8px 2px}.corner{position:absolute;bottom:2px;width:26px;height:18px;font-size:11px;color:#8a2a1e;background:#f0dcb0;box-shadow:0 0 0 2px #8a2a1e}.corner.prev{left:4px}.corner.next{right:4px}.folio{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;color:#8a6a48;pointer-events:none}.ribbon{position:absolute;top:-6px;right:14px;width:22px;height:30px;font-size:12px;color:#fff;background:#d83a2a;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.olaptop{flex:1;display:flex;flex-direction:column;animation:pc-open .3s steps(4);transform-origin:right top}@keyframes pc-open{0%{transform:scale(.15)}}.olaptop .screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px;background:#3a3a4a;box-shadow:0 0 0 3px var(--ink)}.olaptop .keys{flex:none;height:10px;margin:0 -8px;background:repeating-linear-gradient(90deg,#b8bccc 0 10px,#a0a4b4 10px 12px);box-shadow:0 0 0 3px var(--ink)}.browser{flex:none;display:flex;align-items:center;gap:4px;padding:2px 4px;background:#d8dce8;color:#4a4e68;font-size:11px}.browser>i{width:7px;height:7px;background:#e0545a}.browser>i:nth-child(2){background:#e8b030}.browser>i:nth-child(3){background:#5aae58}.browser span{flex:1;text-align:center;background:#fff;padding:1px 4px}.browser .x{width:20px;height:16px;font-size:11px;background:#e0545a;color:#fff}.site{flex:1;min-height:0;overflow:auto;padding:6px;background:#f4f8fc;color:var(--ink)}.site-note{margin:0 0 6px;font-size:11px;color:#2a4a8a}.goods{display:grid;grid-template-columns:1fr 1fr;gap:6px}.good{display:flex;flex-direction:column;gap:2px;padding:5px;background:#fff;box-shadow:0 0 0 2px #c8d0e0}.good b{font-size:12px}.good small{flex:1;font-size:10px;color:#5a6078;line-height:1.15}.good.can{box-shadow:0 0 0 2px #5aae58}.good.done{opacity:.55}.good .buy{align-self:flex-start;padding:2px 6px;font-size:12px}.good .buy .coin{width:14px;height:14px}.good .ok{font-size:11px;color:var(--green)}.shelf,.work,.under .store{width:min(100%,27dvh * 7 / var(--rows, 5) + 124px)}@media(min-aspect-ratio:1 / 1){.shelf,.work,.under .store{width:min(100%,30dvh * 7 / var(--rows, 5) + 124px)}}.work{gap:8px;align-items:flex-end;padding-bottom:0;margin-bottom:12px}.work:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-12px;height:12px;z-index:0;background:linear-gradient(#c8945a 0 3px,#9a6436 3px 9px,#5a3418 9px 11px,#1a0e06 11px);box-shadow:0 4px 6px #00000073}.under .work .board{position:relative;z-index:1}.side{position:relative;z-index:1;width:54px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:0;background:none;box-shadow:none}.side .tool{width:100%;border:0;padding:0;gap:2px;justify-content:flex-end}.side .tool span{font-size:10px;color:#e8c896;text-shadow:1px 1px 0 var(--ink)}.side .tool img{width:54px;height:54px;margin-bottom:-7px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}.side.right .tool img{margin-bottom:-4px}.side .tool.ready:after{right:0;top:auto;bottom:56px}.panel{inset:-4px -4px 0}.obook{transform-origin:left center}.olaptop{transform-origin:right bottom}.under .store{padding-left:62px;margin-bottom:10px;position:relative}.under .store:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-10px;height:10px;background:linear-gradient(#c8945a 0 3px,#9a6436 3px 8px,#1a0e06 8px)}.under .store .cell{flex:0 0 calc((100% - 124px - 6 * 6px) / 7);position:relative;z-index:1}.under{gap:10px}.stand,.biglap,.spread[hidden],.lapp[hidden]{display:none}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.under{--bw: min(30dvh * 7 / var(--rows, 5), 440px);--bw5: min(30dvh * 7 / 5, 440px);--sw: min(300px, (100vw - var(--bw) - 60px) / 2)}.work{width:calc(var(--bw) + 2 * var(--sw) + 16px)}.shelf,.under .store{width:var(--bw)}.under .store{padding-left:0}.under .store .cell{flex-basis:calc((100% - 6 * 6px) / 7)}.under .work .board{flex:none;width:var(--bw)}.side{width:var(--sw);align-items:center}.side .tool{display:none}.work:after{display:none}.side:after,.under .work .board:after{content:"";position:absolute;bottom:-12px;height:12px;background:linear-gradient(#c8945a 0 3px,#9a6436 3px 9px,#5a3418 9px 11px,#1a0e06 11px);box-shadow:0 4px 6px #00000073}.side:after{left:6%;right:6%}.under .work .board:after{left:-10px;right:-10px}.side:before{content:"";position:absolute;left:10%;bottom:-26px;width:6px;height:14px;background:#5a3418;box-shadow:calc(var(--sw) * .8 - 6px) 0 0 #5a3418}.stand{display:block;position:relative;height:calc(var(--bw5) * 5 / 7 * .94);aspect-ratio:3 / 4}.bigbook{position:absolute;inset:0;display:grid;place-items:center;padding:12% 10% 12% 16%;background:linear-gradient(90deg,#4a1210 0 9%,#7a1e16 9% 11%,#b8342a 11% 100%);box-shadow:0 0 0 3px var(--ink),5px 0 #f4ecd8,8px 0 0 0 var(--ink),6px 6px 0 3px #00000059}.bigbook:hover{filter:brightness(1.08)}.bigbook:active{transform:translateY(2px)}.bigbook .frame{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 0 3px #e8b030,inset 0 0 0 6px #8a1e16,inset 0 0 0 8px #e8b030}.bigbook img{width:44%;height:auto;aspect-ratio:1;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.4))}.bigbook b{font:700 clamp(12px,1.25vw,22px)/1.1 var(--font);color:#ffd34a;text-align:center;text-shadow:2px 2px 0 #4a1210}.bigbook:after{content:"";position:absolute;left:62%;bottom:-16px;width:10px;height:18px;background:#e8b030;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.spread{position:absolute;right:0;top:0;bottom:0;width:200%;z-index:6;display:flex}.spread .obook{transform-origin:right center}.work.open-book .bigbook{visibility:hidden}.biglap{display:flex;flex-direction:column;align-items:center;width:min(100%,290px)}.lscreen{position:relative;width:88%;height:calc(var(--bw5) * 5 / 7 * .72);display:flex;padding:8px 8px 10px;background:#3a3a4a;box-shadow:0 0 0 3px var(--ink),inset 0 -3px #2a2a38}.desk{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;background:linear-gradient(#6aa0e8,#2a4a8a);text-shadow:1px 1px 0 #1a2a5a}.desk .desk-ic{width:48px;height:48px;padding:4px;background:#fff3;box-shadow:0 0 0 2px #ffffff80}.desk b{font-size:14px}.desk small{font-size:11px;opacity:.85}.desk:hover{filter:brightness(1.1)}.desk.ready .desk-ic{animation:blink .9s steps(2) infinite}.desk.ready:after{content:"!";position:absolute;left:calc(50% + 18px);top:22%;width:18px;height:18px;display:grid;place-items:center;background:var(--red);color:#fff;font:700 13px/1 var(--font);box-shadow:0 0 0 2px var(--ink)}.lapp{position:absolute;inset:8px 8px 10px;display:flex;flex-direction:column;animation:pc-open .25s steps(3);transform-origin:center}.lapp .goods{grid-template-columns:1fr}.lkeys{width:100%;height:22px;background:repeating-linear-gradient(90deg,#b8bccc 0 9px,#9ca0b2 9px 11px),#b8bccc;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);box-shadow:inset 0 -5px #8a8ea0}.lkeys:after{content:"";display:block;height:3px;background:#6a6e88}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.desk{position:relative}.work.open-pc .desk.ready:after{display:none}}.radio{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;padding:0;color:#e8c896;font-size:10px}.radio span{text-shadow:1px 1px 0 var(--ink)}.radio img{width:46px;height:46px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5)) brightness(.85)}.radio.on img{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(255,210,90,.7))}.radio:active{transform:translateY(2px)}.radio .notes{position:absolute;left:62%;top:4px;font:700 16px/1 var(--font);font-style:normal;color:var(--gold);text-shadow:1px 1px 0 var(--ink);opacity:0;pointer-events:none}.radio.on .notes{animation:notes 1.6s steps(8) infinite}@keyframes notes{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}to{opacity:0;transform:translate(8px,-22px)}}.side.left{gap:4px}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.under{--sw: min(400px, (100vw - var(--bw) - 60px) / 2)}.side.left{flex-direction:row;align-items:flex-end;justify-content:center;gap:18px}.radio{width:auto;flex:none;font-size:12px}.radio img{width:calc(var(--bw5) * .27);height:calc(var(--bw5) * .27);margin-bottom:-6px}.radio .notes{font-size:22px}.stand{flex:none}.biglap{width:100%}.lscreen{width:92%;height:calc(var(--bw5) * 5 / 7 * .86)}.lapp .goods{grid-template-columns:1fr 1fr}}.ipod{--h: 66px;position:relative;z-index:2;flex:none;width:calc(var(--h) * .6);height:var(--h);align-self:center;display:flex;flex-direction:column;align-items:center;gap:7%;padding:8% 8% 9%;background:linear-gradient(90deg,#dcdce4,#fff 35%,#f0f0f4 70%,#d0d0da);box-shadow:0 0 0 3px var(--ink),inset -3px -3px #c4c4d0,4px 4px 0 3px #00000059;font-size:calc(var(--h) * .075);color:#1a2a3a}.ipod:active{transform:translateY(2px)}.ipod-screen{width:100%;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;background:#a8c4d0;box-shadow:inset 0 0 0 2px #4a5a6a,inset 3px 3px #8aa6b4;overflow:hidden}.ipod.on .ipod-screen{background:#c8e8f4}.ipod-screen b{font:700 1.25em/1 var(--font)}.ipod .eq{display:flex;align-items:flex-end;gap:6%;width:50%;height:22%}.ipod .eq i{flex:1;height:20%;background:#2a4a6a}.ipod.on .eq i{animation:eq .8s steps(4) infinite}.ipod.on .eq i:nth-child(2){animation-delay:-.3s}.ipod.on .eq i:nth-child(3){animation-delay:-.55s}.ipod.on .eq i:nth-child(4){animation-delay:-.15s}.ipod.on .eq i:nth-child(5){animation-delay:-.45s}@keyframes eq{0%{height:20%}25%{height:90%}50%{height:45%}75%{height:100%}}.ipod .track{font:500 .8em/1 var(--font);white-space:nowrap}.ipod .t-on{display:none}.ipod.on .t-on{display:inline}.ipod.on .t-off{display:none}.ipod .bar{width:76%;height:6%;min-height:2px;background:#6a8496}.ipod .bar i{display:block;height:100%;width:0;background:#1a2a3a}.ipod.on .bar i{animation:track 40s linear infinite}@keyframes track{to{width:100%}}.wheel{position:relative;width:78%;aspect-ratio:1;border-radius:50%;background:#e2e2ea;box-shadow:inset 0 0 0 2px #b8b8c6,inset 0 3px #f8f8fc}.wheel small{position:absolute;font:700 .7em/1 var(--font);color:#8a8a9a}.wheel .w-m{top:9%;left:50%;translate:-50% 0}.wheel .w-p{bottom:9%;left:50%;translate:-50% 0}.wheel .w-l{left:8%;top:50%;translate:0 -50%}.wheel .w-r{right:8%;top:50%;translate:0 -50%}.wheel .center{position:absolute;inset:33%;border-radius:50%;background:#f6f6fa;box-shadow:inset 0 0 0 2px #c4c4d0}.ipod.on .wheel .center{box-shadow:inset 0 0 0 2px #c4c4d0,0 0 0 1px #9fd8ff}.wire{position:absolute;top:100%;left:46%;width:calc(var(--h) * .6);height:100vh;overflow:visible;pointer-events:none}.wire path{fill:none;stroke-linecap:round}.wire path:first-child{stroke:var(--ink);stroke-width:5px;vector-effect:non-scaling-stroke}.wire path:last-child{stroke:#f4f4f8;stroke-width:2.5px;vector-effect:non-scaling-stroke}.ipod .track,.ipod .wheel small{visibility:hidden}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.ipod{--h: calc(var(--bw5) * 5 / 7 * .94 * .62);align-self:flex-end;margin-bottom:0}.ipod .track,.ipod .wheel small{visibility:visible}.side.left{gap:26px}}.ipod{padding:calc(var(--h) * .05) calc(var(--h) * .05) calc(var(--h) * .06);gap:calc(var(--h) * .045)}.side.left .ipod{order:2;margin-top:6px}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.side.left .ipod{order:0;margin-top:0}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.under{--sw: min(400px, (100vw - var(--bw) * 1.5 - 130px) / 2)}.side.left{justify-content:flex-end}.side.left .ipod{position:absolute;right:calc(100% + 34px);bottom:22%;align-self:auto;box-shadow:0 0 0 3px var(--ink),inset -3px -3px #c4c4d0,0 0 0 11px #6a4228,0 0 0 14px var(--ink),6px 6px 0 14px #00000059}.side.left .ipod:before{content:"";position:absolute;top:-9px;left:50%;width:5px;height:5px;translate:-50% 0;background:#e8b030;box-shadow:0 0 0 1px var(--ink),0 calc(var(--h) + 13px) 0 0 #e8b030,0 calc(var(--h) + 13px) 0 1px var(--ink)}}.ipod .track{width:100%;overflow:hidden;text-align:center;font-size:.72em}.ipod.on .t-on{display:inline-block;padding-left:100%;animation:marquee 6s linear infinite}@keyframes marquee{to{transform:translate(-100%)}}.ipod.on .bar i{animation:none}.top{position:relative;z-index:20}.settings{position:absolute;right:10px;top:calc(100% + 4px);z-index:30;width:250px;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--cream);color:var(--ink);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),4px 6px 0 3px #00000059}.settings[hidden]{display:none}.settings>b{font-size:16px;color:var(--red)}.settings label{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name n" "bar bar";gap:2px 6px;font-size:13px}.settings label span{grid-area:name}.settings .vol-n{grid-area:n;font-style:normal;font-weight:700;color:#8a5428}.settings small{font-size:11px;color:#6a4a30}.settings input[type=range]{grid-area:bar;-webkit-appearance:none;appearance:none;width:100%;height:14px;margin:0;background:none;cursor:pointer}.settings input[type=range]::-webkit-slider-runnable-track{height:10px;background:linear-gradient(90deg,#3fa83a var(--v, 50%),#d8c4a0 var(--v, 50%));box-shadow:0 0 0 2px var(--ink)}.settings input[type=range]::-moz-range-track{height:10px;background:linear-gradient(90deg,#3fa83a var(--v, 50%),#d8c4a0 var(--v, 50%));box-shadow:0 0 0 2px var(--ink)}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:18px;margin-top:-4px;background:var(--wood-l);border:0;box-shadow:0 0 0 2px var(--ink),inset 0 -4px 0 var(--wood)}.settings input[type=range]::-moz-range-thumb{width:14px;height:18px;border:0;border-radius:0;background:var(--wood-l);box-shadow:0 0 0 2px var(--ink),inset 0 -4px 0 var(--wood)}.ipod .vol-bar{display:none;align-items:center;gap:4%;width:84%;font-size:.9em}.ipod .vol-bar b{font-weight:400}.ipod .vol-bar>span{flex:1;height:.7em;background:#6a8496;box-shadow:0 0 0 1px #1a2a3a}.ipod .vol-bar i{display:block;height:100%;background:#1a2a3a}.ipod.showvol .vol-bar{display:flex}.ipod.showvol .eq,.ipod.showvol .track,.ipod.showvol .bar{display:none}.wheel{touch-action:none;cursor:grab}.hammock{--hw: 50px;position:relative;z-index:2;flex:none;order:-1;align-self:center;width:var(--hw);height:calc(var(--hw) * 1.3);margin-bottom:4px}.hammock .hook{position:absolute;left:50%;top:0;width:8px;height:6px;translate:-50% 0;background:#c89a20;box-shadow:0 0 0 2px var(--ink)}.hammock .swing{position:absolute;inset:4px 0 0;transform-origin:50% 0;animation:sway 3.4s ease-in-out infinite}@keyframes sway{0%,to{rotate:-4deg}50%{rotate:4deg}}.hammock .ropes{position:absolute;left:6%;right:6%;top:0;height:44%;width:88%;overflow:visible}.hammock .ropes path{fill:none;stroke:#e8d4a8;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(1px 0 0 var(--ink))}.hammock .bed{position:absolute;inset:40% 0 0}.hammock .bed-back{position:absolute;left:4%;right:4%;top:22%;height:30%;background:#2a6a7a;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 0 0 2px var(--ink)}.hammock .cat{position:absolute;left:50%;top:-14%;width:78%;height:auto;aspect-ratio:1;translate:-50% 0;image-rendering:pixelated;transform-origin:50% 90%}.hammock .sleep{animation:breathe 2.6s ease-in-out infinite}.hammock .happy{display:none}@keyframes breathe{50%{transform:scale(1.04,1.07)}}.hammock .bed-front{position:absolute;inset:40% 0 4%;background:linear-gradient(#3a8a9a,#2a6a7a);border-radius:6% 6% 50% 50%/10% 10% 100% 100%;box-shadow:0 0 0 2px var(--ink),inset 0 4px #f4ecd8,inset 0 -5px #0003,3px 5px 0 1px #0000004d}.hammock .bed-front i{position:absolute;top:40%;width:8%;aspect-ratio:1;background:#f4ecd8;border-radius:50%}.hammock .bed-front i:nth-child(1){left:22%}.hammock .bed-front i:nth-child(2){left:46%;top:55%}.hammock .bed-front i:nth-child(3){left:70%}.hammock .zzz{position:absolute;right:-6%;top:30%;pointer-events:none}.hammock .zzz i{position:absolute;font:700 11px/1 var(--font);font-style:normal;color:#e8f4ff;text-shadow:1px 1px 0 var(--ink);opacity:0;animation:zzz 3s linear infinite}.hammock .zzz i:nth-child(2){animation-delay:1s;font-size:13px}.hammock .zzz i:nth-child(3){animation-delay:2s;font-size:15px}@keyframes zzz{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(10px,-26px)}}.hammock .hearts{position:absolute;left:50%;top:20%;pointer-events:none}.hammock .hearts i{position:absolute;font:700 14px/1 var(--font);font-style:normal;color:#ff6a8a;text-shadow:1px 1px 0 var(--ink);opacity:0}.hammock.purr .sleep{display:none}.hammock.purr .happy{display:block;animation:purr-wiggle .12s steps(2) infinite}@keyframes purr-wiggle{50%{transform:translateY(-1px) scale(1.02)}}.hammock.purr .zzz{display:none}.hammock.purr .hearts i{animation:heart 1.4s ease-out forwards}.hammock.purr .hearts i:nth-child(1){--dx: -16px}.hammock.purr .hearts i:nth-child(2){--dx: 2px;animation-delay:.25s}.hammock.purr .hearts i:nth-child(3){--dx: 16px;animation-delay:.5s}@keyframes heart{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-34px) scale(1.2)}}.hammock.purr .swing{animation:sway 3.4s ease-in-out infinite,nudge .6s ease-out}@keyframes nudge{30%{translate:0 3px}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.hammock{--hw: calc(var(--bw5) * .27);position:absolute;left:calc(100% + 30px);bottom:26%;margin:0}.hammock .zzz i{font-size:16px}.hammock .zzz i:nth-child(2){font-size:20px}.hammock .zzz i:nth-child(3){font-size:24px}.hammock .hearts i{font-size:22px}.hammock .hook{width:12px;height:8px}}.hammock .cat{top:-32%;width:88%}.hammock .bed-back{top:36%;height:26%}.hammock .bed-front{top:52%}.hammock .bed-front i{top:36%}.hammock .bed-front i:nth-child(2){top:50%}.obook{perspective:1400px}.obook.turn-next .right,.obook.turn-prev .left{animation:none}.leaf{position:absolute;top:6px;bottom:6px;width:calc(50% - 6px);z-index:4;transform-style:preserve-3d;pointer-events:none;animation:leaf-next .6s cubic-bezier(.45,.05,.4,1) forwards}.leaf.next{left:50%;transform-origin:left center}.leaf.prev{left:6px;transform-origin:right center;animation-name:leaf-prev}@keyframes leaf-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes leaf-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.leaf .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.leaf .back{transform:rotateY(180deg)}.leaf.next .front,.leaf.prev .back{box-shadow:inset 10px 0 8px -6px #5a321459}.leaf.next .back,.leaf.prev .front{box-shadow:inset -10px 0 8px -6px #5a321459}.leaf .face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(60,30,10,.25),transparent 60%);animation:leaf-shade .6s ease-in-out forwards}@keyframes leaf-shade{0%,to{opacity:0}50%{opacity:1}}.hammock{--hw: 58px}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.under{--sw: min(400px, (100vw - var(--bw) * 1.8 - 140px) / 2)}.hammock{--hw: calc(var(--bw5) * .4);bottom:14%;left:calc(100% + 26px)}.hammock .zzz i{font-size:20px}.hammock .zzz i:nth-child(2){font-size:25px}.hammock .zzz i:nth-child(3){font-size:30px}.hammock .hearts i{font-size:28px}}.obook .recipe.set{gap:2px}.obook .recipe.set img.mini{width:22px;height:22px}.obook .recipe.set>i{font:700 12px/1 var(--font);font-style:normal;color:#8a2a1e}.obook .tip{padding:2px 0 4px;font-size:10px;text-align:left}.site-note b{display:block;font-size:12px;color:#2a4a8a}.site-note .st-done{display:inline-block;margin:2px 6px 0 0;font-size:10px;color:#3fa83a}.site-note .st-next{display:inline-block;margin-top:2px;font-size:10px;color:#8a8ea0}.obook .recipe{gap:4px}.obook .recipe .formula{flex:none;display:flex;align-items:center;gap:1px}.obook .recipe .formula img.mini,.obook .recipe.set img.mini{width:18px;height:18px}.obook .recipe .formula i{font:700 11px/1 var(--font);font-style:normal;color:#8a2a1e}.obook .recipe img.res{width:28px;height:28px;flex:none}.obook .recipe img.res.new{filter:saturate(.4) brightness(1.05);opacity:.75}.obook .recipe small{font-size:10px}.obook .recipe.want{background:#e2f6c8;box-shadow:inset 3px 0 #3fa83a}.obook .wanted{flex:none;padding:1px 3px;font:700 9px/1 var(--font);font-style:normal;color:#fff;background:#3fa83a}.obook .recipe.flash{animation:rflash .5s steps(2) 4}@keyframes rflash{50%{background:#ffe88a}}.obook .gen-row{font-size:10px;line-height:1.2}.obook .tip{margin:0 0 4px;font-size:10px;color:#6a4a30}.need-btn{padding:0;background:#0000000f;cursor:help}.need-btn:active{transform:translateY(1px)}.obook .recipe{align-items:flex-start;padding:3px 0}.obook .recipe .formula{padding-top:2px}.obook .recipe img.rimg{width:26px;height:26px;flex:none;margin-left:1px}.obook .recipe img.rimg.new{filter:saturate(.45);opacity:.8}.obook .recipe .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.obook .recipe .txt b{font-size:12px;line-height:1.1;white-space:normal;overflow:visible}.obook .recipe .txt small{font-size:10px;line-height:1.15}.obook .recipe .txt .price{color:#8a2a1e}.obook .recipe .wanted{align-self:flex-start}@media(max-width:520px){.obook .recipe .formula img.mini{width:14px;height:14px}.obook .recipe img.rimg{width:22px;height:22px}.obook .recipe .formula i{font-size:9px}.obook .gen-row img{width:24px;height:24px}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.side.left .ipod{right:calc(100% + (100vw - var(--bw) - 2 * var(--sw) - 16px) / 2 - 32px - var(--h) * .6)}.spread{width:240%;top:auto;bottom:0;height:136%;z-index:8}.spread .obook{padding:8px}.spread .opage{padding:8px 10px 24px}.spread .opage h3{font-size:18px}.spread .book-q{font-size:14px;padding:4px 8px}.spread .gen-row{font-size:12px;gap:8px;padding:5px}.spread .gen-row img{width:34px;height:34px}.spread .recipe{gap:6px;padding:4px 0}.spread .recipe .formula img.mini,.spread .recipe.set img.mini{width:22px;height:22px}.spread .recipe .formula i{font-size:13px}.spread .recipe img.rimg{width:34px;height:34px}.spread .recipe .txt b{font-size:14px}.spread .recipe .txt small{font-size:12px}.spread .wanted{font-size:11px;padding:2px 4px}.spread .tip{font-size:12px}.spread .corner{width:32px;height:22px;font-size:13px}.spread .folio{font-size:12px}.spread .ribbon{width:28px;height:36px;font-size:14px}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.spread .obook{min-width:0;overflow:hidden}.spread .opage{min-width:0}.spread .recipe .txt b{font-size:clamp(12px,.8vw,14px)}.spread .recipe .txt small,.spread .gen-row,.spread .tip{font-size:clamp(10px,.66vw,12px)}.spread .recipe .formula img.mini,.spread .recipe.set img.mini{width:clamp(16px,1.2vw,22px);height:clamp(16px,1.2vw,22px)}.spread .recipe img.rimg{width:clamp(26px,1.9vw,34px);height:clamp(26px,1.9vw,34px)}}.res b,.float,.gen-rank,.brew-q,.bigbook b,.ipod-screen b{font-family:var(--font-px)}.bubble .pay,.obook .recipe .txt small,.site small,.good small,.info small{letter-spacing:0}.obook .recipe .txt b,.good b,.info b{font-weight:700}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.stand{height:calc(var(--bw5) * 5 / 7 * 1.28)}.spread{width:176%;height:100%}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.side.left .stand{position:absolute;right:0;bottom:0}}.stabs{flex:none;display:flex;gap:2px;padding:3px 4px 0;background:#d8dce8}.stab{flex:1;padding:4px 2px;font-size:11px;font-weight:700;color:#4a4e68;background:#c4c8d8}.stab.on{background:#f4f8fc;color:#2a4a8a}.stab.off{opacity:.55}.good .lvl{font-size:10px;color:#3fa83a;letter-spacing:1px}.good.rush{box-shadow:0 0 0 2px #e8a030;background:#fff8e8}.good .mini-f{display:flex;align-items:center;gap:1px;font-size:10px;color:#8a8ea0}.good .mini-f img.mi{width:20px;height:20px}.obook .lock{align-self:flex-start;font-size:9px;font-style:normal;color:#8a6a48}.olaptop,.lapp{animation:none!important}.olaptop.anim,.lapp.anim{animation:pc-open .25s steps(3)!important}.event{position:absolute;left:50%;top:6px;translate:-50% 0;z-index:6;display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffe8a8;color:var(--ink);font-size:13px;box-shadow:0 0 0 3px var(--ink),3px 4px 0 3px #0000004d;white-space:nowrap;animation:blink 1.2s steps(2) infinite}.event[hidden]{display:none}.event b{color:#c8302a}.event small{color:#6a4a30}.toast{position:absolute;left:50%;top:38%;translate:-50% -50%;z-index:7;max-width:86%;padding:10px 16px;text-align:center;background:var(--cream);color:var(--ink);font-size:16px;font-weight:700;box-shadow:0 0 0 3px var(--ink),4px 6px 0 3px #00000059;animation:toast 4.2s ease forwards;pointer-events:none}@keyframes toast{0%{opacity:0;transform:scale(.6)}8%{opacity:1;transform:scale(1.05)}12%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.event.lanterns{background:#ffd8b0}.event.lanterns b{color:#c8401e}.event.critic{background:#fff2b8}.event.critic b{color:#6a3a8a}.bubble.critic{background:#fff4c8;box-shadow:0 -3px #c89a20,0 3px #c89a20,-3px 0 #c89a20,3px 0 #c89a20,0 0 0 6px var(--ink)}.bubble.critic:after{background:#fff4c8}.bubble.critic.ready{background:#e8f8c8}.crit-tag{font-size:10px;font-style:normal;font-weight:700;color:#8a5a10}.event.rain{background:#d8e4f4}.event.rain b{color:#2a4a8a}.obook,.opage,.opage .pg{overflow-x:hidden}.opage .pg{overflow-y:auto;scrollbar-width:thin}.obook .recipe,.obook .recipe .txt{min-width:0}.obook .recipe .txt b,.obook .recipe .txt small{overflow-wrap:anywhere}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.spread{width:max(420px,calc(var(--sw) + (100vw - var(--bw) - 2 * var(--sw) - 16px) / 2 - 44px - var(--bw5) * 5 / 7 * .94 * .372))}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.side.left{--book-room: calc(var(--sw) + (100vw - var(--bw) - 2 * var(--sw) - 16px) / 2 - 44px - var(--bw5) * 5 / 7 * .94 * .372)}.spread{width:max(420px,var(--book-room));right:min(0px,var(--book-room) - 420px)}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.spread{right:14px;width:calc(var(--book-room) - 22px)}.side.left:after{left:auto;right:8px;width:calc(var(--book-room) - 18px)}.side.left:before{left:auto;right:22px;box-shadow:calc(-1 * (var(--book-room) - 58px)) 0 0 #5a3418}}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.side.left .stand{right:14px}.spread{right:0}}.hammock .cat.acc{display:block;animation:breathe 2.6s ease-in-out infinite}.hammock.purr .cat.acc{animation:purr-wiggle .12s steps(2) infinite}.hammock.skin-gold .cat{filter:drop-shadow(0 0 3px rgba(255,220,100,.9))}.hammock.groove .cat{animation:groove .5s ease-in-out infinite alternate!important}@keyframes groove{0%{rotate:-6deg}to{rotate:6deg}}.hammock .bed-front .ear{display:none}.hammock.bed-basket .bed-back{background:#8a5a2a}.hammock.bed-basket .bed-front{background:repeating-linear-gradient(90deg,#d8b060 0 5px,#b8883a 5px 7px),#d8b060;box-shadow:0 0 0 2px var(--ink),inset 0 4px #f0d090,inset 0 -5px #0003,3px 5px 0 1px #0000004d}.hammock.bed-basket .bed-front i{background:#c8302a;border-radius:0;width:10%;height:14%;top:20%}.hammock.bed-panda .bed-back{background:#1e1a24}.hammock.bed-panda .bed-front{background:#f4f0e8;box-shadow:0 0 0 2px var(--ink),inset 0 4px #fff,inset 0 -5px #0000001f,3px 5px 0 1px #0000004d}.hammock.bed-panda .bed-front i{background:#1e1a24}.hammock.bed-panda .bed-front i:nth-child(2){background:#ff9aa8;width:6%}.hammock.bed-panda .bed-front .ear{display:block;position:absolute;top:-14%;width:16%;aspect-ratio:1;border-radius:50%;background:#1e1a24;box-shadow:0 0 0 2px var(--ink)}.hammock.bed-panda .bed-front .ear.l{left:4%}.hammock.bed-panda .bed-front .ear.r{right:4%}.hammock.bed-lantern .bed-back{background:#6a1410}.hammock.bed-lantern .bed-front{background:radial-gradient(ellipse at 50% 30%,#ffb070,#e8402a 55%,#a81e18);box-shadow:0 0 0 2px var(--ink),inset 0 3px #e8b030,inset 0 -4px #c89a20,0 0 16px 4px #ff8c3c73}.hammock.bed-lantern .bed-front i{background:#e8b030;border-radius:0;width:100%;height:1px;left:0!important;top:50%!important;aspect-ratio:auto}.hammock.bed-lantern .bed-front i:nth-child(1){top:30%!important}.hammock.bed-lantern .bed-front i:nth-child(3){top:70%!important}.cat-good .cat-row{display:flex;gap:6px;align-items:center}.cat-good .cat-row>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}.cat-pic{width:40px;height:40px;flex:none;image-rendering:pixelated}.cat-pic-wrap{position:relative;width:40px;height:40px;flex:none}.cat-pic-wrap .cat-pic{position:absolute;inset:0}.bed-pic{width:40px;height:22px;flex:none;border-radius:0 0 20px 20px;box-shadow:0 0 0 2px var(--ink);align-self:flex-end;margin-bottom:8px}.bed-pic.bed-teal{background:#3a8a9a}.bed-pic.bed-basket{background:repeating-linear-gradient(90deg,#d8b060 0 5px,#b8883a 5px 7px)}.bed-pic.bed-panda{background:#f4f0e8}.bed-pic.bed-lantern{background:radial-gradient(ellipse at 50% 30%,#ffb070,#e8402a 60%,#a81e18)}.rag{position:fixed;z-index:70;width:34px;height:24px;translate:-50% -50%;pointer-events:none;rotate:-8deg;background:repeating-linear-gradient(45deg,#6ac0e8 0 4px,#4aa0d0 4px 8px);box-shadow:0 0 0 2px var(--ink),3px 3px 0 2px #0000004d}.rag.flip{rotate:8deg}.rag[hidden]{display:none}.hall-cv{touch-action:none}.hammock .ropes{left:0;width:100%;height:71.2%}.hammock .cat{top:-40%}.hammock .bed-front{z-index:1}.hammock .cat.acc{z-index:2}.bubble .needs.n3 .need{width:clamp(18px,4.4vw,30px);height:clamp(18px,4.4vw,30px)}.big-tag{font-size:10px;font-style:normal;font-weight:700;color:#c8302a;white-space:nowrap}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.under{--lapx: 36px;--out: calc((100vw - var(--bw) - 2 * var(--sw) - 16px) / 2)}.side.right .biglap{position:absolute;left:14px;bottom:0;width:calc(100% + var(--lapx) - 14px)}.side.right .lscreen{width:92%;height:calc(var(--bw5) * 5 / 7)}.side.right:after{left:8px;right:auto;width:calc(100% + var(--lapx) - 2px)}.side.right:before{left:24px;box-shadow:calc(var(--sw) + var(--lapx) - 52px) 0 0 #5a3418}.hammock{--hw: min(calc(var(--bw5) * .4), calc(var(--out) - var(--lapx) - 52px));left:calc(100% + var(--lapx) + 30px)}}.res.dayc{gap:5px;padding-right:10px}.dayc .day-ic{font-size:18px}.dayc .day-txt{display:flex;flex-direction:column;line-height:1.05}.dayc .day-n{font-family:var(--font);font-size:14px;color:var(--gold)}.dayc .day-t{font-size:11px;color:#c8a878;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){.dayc .day-t{display:none}.dayc{padding:4px 8px 4px 6px}}.dayend{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:9;width:min(320px,90%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;background:#1e2448;color:#f4ecd8;text-align:center;box-shadow:0 0 0 3px var(--ink),0 0 0 6px #c89a20,6px 8px 0 6px #0006;animation:toast-in .4s ease}.dayend[hidden]{display:none}@keyframes toast-in{0%{opacity:0;transform:scale(.7)}}.dayend .de-title{font-size:20px;color:#ffe88a}.dayend .de-day{font-size:14px;color:#c8d0f0}.dayend ul{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:14px}.dayend ul b{color:var(--gold)}.dayend .de-next{font-size:12px;color:#a8b0d8}.dayend .de-go{margin-top:4px;padding:8px 16px;font-size:15px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.ipod .hp-hook{position:absolute;left:calc(100% + 12px);top:6%;width:calc(var(--h) * .42);aspect-ratio:1;pointer-events:none}.ipod .hp-hook .pin{position:absolute;left:50%;top:0;width:6px;height:8px;translate:-50% 0;background:#c89a20;box-shadow:0 0 0 2px var(--ink)}.ipod .hp-hook .hp{position:absolute;left:0;top:2px;width:100%;height:100%;image-rendering:pixelated;opacity:0;transform:translateY(70%);transition:opacity .5s,transform .6s cubic-bezier(.3,1.4,.5,1)}.ipod.off-duty .hp-hook .hp{opacity:1;transform:none}.ipod .wire{transition:opacity .4s}.ipod.off-duty .wire{opacity:0}.ipod.off-duty .t-on{display:none}.ipod.off-duty .t-off{display:inline}.ipod.off-duty .eq i{animation:none!important}@media not ((min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px)){.ipod .hp-hook{left:auto;right:-16px;top:-12px;width:24px}}.ipod .wire,.ipod .hp-hook .hp{display:none!important}.cable{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5;pointer-events:none;overflow:visible}.cable path{fill:none;stroke-linecap:round;stroke-linejoin:round}.cable .c-out{stroke:#2a1a14;stroke-width:5px}.cable .c-in{stroke:#f4f4f8;stroke-width:2.5px}.bubble{transition:scale .12s}.bubble.want{outline:3px solid #ffd34a;outline-offset:4px}.bubble.drop{scale:1.12;outline:3px solid #6ad848;outline-offset:4px}.bubble.nope{animation:nope .35s}@keyframes nope{25%{translate:calc(-50% - 4px) -100%}50%{translate:calc(-50% + 4px) -100%}75%{translate:calc(-50% - 2px) -100%}}.need-btn.got{position:relative}.need-btn.got .need{opacity:.35}.need-btn.got:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#2a8a2a;font:700 clamp(14px,3vw,22px) var(--font)}.bubble .wait{order:-1;margin-bottom:2px}.wait.mid>i{background:#e8b020}.notices{position:absolute;left:50%;top:40px;translate:-50% 0;z-index:8;width:min(440px,92%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.ntc{--bg: #fff4dc;--fg: var(--ink);--tt: #8a3a14;--ic: #f4d8a0;--rim: rgba(255, 255, 255, .55);display:flex;align-items:center;gap:10px;max-width:100%;padding:7px 12px 7px 7px;background:var(--bg);color:var(--fg);pointer-events:auto;cursor:pointer;box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),inset 0 3px 0 0 var(--rim),inset 0 -3px #0000002e,5px 8px #00000059;animation:ntc-in .36s steps(5) both}.ntc.out{animation:ntc-out .3s steps(4) forwards}@keyframes ntc-in{0%{opacity:0;transform:translateY(-18px) scale(.85)}60%{opacity:1;transform:translateY(3px) scale(1.03)}to{transform:none}}@keyframes ntc-out{to{opacity:0;transform:translateY(-14px) scale(.9)}}.ntc-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;font-size:21px;line-height:1;background:var(--ic);box-shadow:0 0 0 3px var(--ink),inset 0 -3px #0000002e,inset 0 3px #fff6}.ntc-ic img{width:30px;height:30px;image-rendering:pixelated}.ntc-tx{display:flex;flex-direction:column;gap:1px;min-width:0}.ntc-tx b{font:600 16px/1.15 var(--font-px);color:var(--tt);letter-spacing:.02em}.ntc-tx small{font-size:13px;line-height:1.25}.ntc.event{--bg: #a8242a;--fg: #ffe8d0;--tt: #ffe070;--ic: #6a1418;--rim: rgba(255, 200, 120, .45)}.ntc.good{--bg: #e2f6c4;--tt: #2a7a2a;--ic: #b8e090}.ntc.hint{--bg: #fff6b0;--tt: #7a5a10;--ic: #ffe070}.ntc.day{--bg: #1e2448;--fg: #d8e0ff;--tt: #ffe88a;--ic: #2e3870;--rim: rgba(160, 180, 255, .35)}.ntc.event .ntc-ic,.ntc.day .ntc-ic{box-shadow:0 0 0 3px var(--ink),0 0 0 5px #c89a20}.info .warn{display:inline-flex;align-items:center;gap:7px;padding:2px 9px 2px 3px;background:#6a1c14;color:#ffd8c0;font-size:13px;box-shadow:0 0 0 2px var(--ink),inset 0 2px #ffa07859;animation:warn-in .3s steps(3)}.info .warn i{display:grid;place-items:center;width:18px;height:18px;background:#ffd34a;color:var(--ink);font:700 14px var(--font-px);font-style:normal;box-shadow:0 0 0 2px var(--ink)}@keyframes warn-in{33%{transform:translate(-4px)}66%{transform:translate(4px)}}.equip{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#140a1e73;animation:fade-in .2s}.equip.out{animation:fade-out .25s forwards}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.eq-card{position:relative;width:min(470px,94%);max-height:94%;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:6px;padding:22px 16px 14px;background:#fff4dc;color:var(--ink);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),0 0 0 6px #c89a20,0 0 0 9px var(--ink),inset 0 4px #fff9,inset 0 -4px #0000001f,8px 12px 0 6px #0006;animation:eq-in .42s steps(6)}@keyframes eq-in{0%{transform:scale(.5) translateY(30px);opacity:0}70%{transform:scale(1.04);opacity:1}}.eq-rib{position:absolute;left:50%;top:-14px;translate:-50% 0;padding:4px 18px;white-space:nowrap;background:#c8302a;color:#ffe070;font:600 17px var(--font-px);box-shadow:0 0 0 3px var(--ink),inset 0 3px #ffaa7873}.eq-head{display:flex;align-items:center;gap:12px}.eq-gen{flex:none;width:64px;height:64px;display:grid;place-items:center;background:radial-gradient(#fff8c0 30%,#f4d890 70%);box-shadow:0 0 0 3px var(--ink);animation:eq-glow 1.2s steps(2) infinite}.eq-gen img{width:56px;height:56px;image-rendering:pixelated}@keyframes eq-glow{50%{background:radial-gradient(#fff 30%,#ffe8a0 70%)}}.eq-head>span:last-child{display:flex;flex-direction:column;gap:2px}.eq-name{font:600 22px var(--font-px);color:#8a3a14}.eq-head small{font-size:13px;color:#6a4a30}.eq-sec{margin-top:4px;font:600 13px var(--font-px);font-style:normal;color:#a8662a;letter-spacing:.03em;border-bottom:2px dashed rgba(138,58,20,.25)}.eq-chain{display:flex;align-items:flex-start;justify-content:space-between}.eq-it{display:flex;flex-direction:column;align-items:center;gap:2px;width:15%;text-align:center}.eq-it img{width:34px;height:34px;image-rendering:pixelated;background:#f4e4c0;box-shadow:0 0 0 2px var(--ink)}.eq-it small{font-size:10px;line-height:1.1;color:#5a3a20}.eq-arr{align-self:center;margin-top:-14px;font:700 16px var(--font-px);font-style:normal;color:#c89a20}.eq-sets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.eq-set{display:flex;align-items:center;gap:2px;padding:4px;background:#f8e8c4;box-shadow:0 0 0 2px #2a1a1480}.eq-set img{width:22px;height:22px;image-rendering:pixelated;flex:none}.eq-set>i{font-style:normal;font-weight:700;color:#a8662a}.eq-set small{display:flex;flex-direction:column;margin-left:4px;font-size:10px;line-height:1.15;color:#6a4a30;min-width:0}.eq-set small b{font-size:11px;color:#8a3a14}.eq-set.later{opacity:.55}.eq-fans{display:flex;gap:6px;flex-wrap:wrap}.eq-fans img{width:30px;height:30px;image-rendering:pixelated;background:#f4e4c0;box-shadow:0 0 0 2px var(--ink)}.eq-go{align-self:center;margin-top:6px;padding:8px 26px;font-size:16px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none;box-shadow:0 0 0 3px var(--ink),0 4px 0 3px #0000004d}@media(max-width:520px){.notices{top:34px}.ntc-tx b{font-size:14px}.ntc-tx small{font-size:12px}.eq-card{padding:18px 10px 10px;gap:4px}.eq-gen{width:48px;height:48px}.eq-gen img{width:42px;height:42px}.eq-name{font-size:18px}.eq-it img{width:26px;height:26px}.eq-it small{display:none}.eq-sets{grid-template-columns:1fr}}.cell.mixing .item{filter:saturate(.55) brightness(.9);animation:mix-wobble .5s steps(2) infinite}@keyframes mix-wobble{50%{transform:rotate(-4deg) translateY(-1px)}}.mix-bar{position:absolute;left:8%;right:8%;bottom:4%;height:5px;background:#0006;box-shadow:0 0 0 1px var(--ink);pointer-events:none}.mix-bar>i{display:block;height:100%;width:0;background:linear-gradient(#ffd34a 0 50%,#f08a2a 50%)}.mix-steam{position:absolute;left:50%;top:2%;translate:-50% 0;display:flex;gap:3px;pointer-events:none}.mix-steam b{width:3px;height:3px;background:#fff;box-shadow:0 0 0 1px #00000040;animation:mix-steam .9s steps(3) infinite}.mix-steam b:nth-child(2){animation-delay:.3s}.mix-steam b:nth-child(3){animation-delay:.6s}@keyframes mix-steam{0%{transform:translateY(6px);opacity:1}to{transform:translateY(-4px);opacity:0}}.eq-card{padding-top:10px}.eq-rib{position:static;translate:none;align-self:center;margin-bottom:4px}@media(min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px){.eq-card{width:min(660px,94%);gap:4px;padding:10px 18px 12px;display:grid;grid-template-columns:1fr auto;column-gap:14px}.eq-card>*{grid-column:1 / -1}.eq-rib{justify-self:center}.eq-sets{grid-template-columns:repeat(3,1fr)}.eq-card>.eq-sec:nth-last-of-type(1){grid-column:1}.eq-fans{grid-column:1}.eq-go{grid-column:2;grid-row:span 2;align-self:end;margin:0}.eq-gen{width:54px;height:54px}.eq-gen img{width:48px;height:48px}}.ntc-tx b{font:700 15px/1.2 var(--font);letter-spacing:0}.eq-sec{font:700 12px var(--font);text-transform:uppercase;letter-spacing:.06em}.eq-rib{font:700 16px var(--font);letter-spacing:.02em}.ntc .ntc-tx small{color:var(--fg);opacity:.92}.menu{position:fixed;inset:0;overflow:hidden;background:#2a1a14;color:var(--cream);font-family:var(--font)}.mn-bg{position:absolute;inset:0;background-size:cover;background-position:34% 62%;image-rendering:pixelated}.mn-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 52%,#140a0659,#140a0600 70%),linear-gradient(#0000 55%,#140a0673)}.mn-cloud{position:absolute;top:7%;left:-12%;width:16px;height:16px;background:#fff;opacity:.85;box-shadow:16px 0 #fff,32px 0 #fff,48px 0 #fff,16px -16px #fff,32px -16px #fff,64px 0 #fff,48px -8px #fff,-16px 8px #fff,80px 8px #fff,0 8px #f0f6ff,64px 8px #f0f6ff;animation:mn-cloud 95s linear infinite}.mn-cloud.c2{top:16%;scale:.7;animation-duration:140s;animation-delay:-60s;opacity:.7}@keyframes mn-cloud{to{left:112%}}.mn-petals{position:absolute;inset:0;pointer-events:none}.mn-petals i{position:absolute;top:-12px;width:7px;height:6px;background:#ffb4c8;box-shadow:2px 2px #f07a9a inset;animation:mn-fall 9s linear infinite,mn-sway 2.8s steps(4) infinite alternate}@keyframes mn-fall{to{top:104%;rotate:260deg}}@keyframes mn-sway{0%{translate:-14px 0}to{translate:14px 0}}.mn-box{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:26px}.mn-sign{position:relative;display:grid;grid-template-columns:auto auto;column-gap:16px;align-items:center;padding:14px 30px 16px 20px;background:linear-gradient(#4a2414,#2e140a);transform-origin:50% -200px;animation:mn-swing 4s ease-in-out infinite alternate;box-shadow:0 0 0 4px var(--ink),0 0 0 8px #c89a20,0 0 0 11px var(--ink),inset 0 4px #ffc88c2e,10px 14px 0 8px #00000059}@keyframes mn-swing{0%{rotate:-1.2deg}to{rotate:1.2deg}}.mn-rope{position:absolute;bottom:calc(100% + 11px);width:4px;height:100vh;background:repeating-linear-gradient(#c8a060 0 6px,#8a6a3a 6px 12px);box-shadow:0 0 0 2px var(--ink)}.mn-rope.l{left:18%}.mn-rope.r{right:18%}.mn-stamp{grid-row:span 2;display:grid;place-items:center;width:64px;height:64px;background:#c8302a;color:#fff4dc;font:700 40px/1 serif;box-shadow:0 0 0 4px var(--ink),inset 0 -5px #00000040,inset 0 4px #ffa08c66;rotate:-6deg}.mn-title{font:700 clamp(44px,7vw,76px)/.95 var(--font-px);color:#ffd34a;letter-spacing:.02em;text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),5px 6px 0 #8a3a14}.mn-sub{font:600 clamp(20px,2.6vw,28px)/1 var(--font-px);color:#fff4dc;letter-spacing:.08em;text-shadow:2px 2px 0 var(--ink)}.mn-btns{display:flex;flex-direction:column;gap:14px;width:min(320px,82vw)}.mn-btn{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:12px 18px;border:0;cursor:pointer;font:700 19px var(--font);color:#ffe8b0;text-shadow:2px 2px 0 var(--ink);background:linear-gradient(#9a5a26 0 50%,#7a4218 50%);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),inset 0 3px #ffd29659,inset 0 -3px #00000040,5px 7px #00000059;transition:transform .08s steps(2),filter .08s}.mn-btn small{font-size:14px;font-weight:500;color:#ffd8a0}.mn-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.mn-btn:active{transform:translateY(2px);filter:brightness(.95)}.mn-btn.main{font-size:23px;padding:15px 18px;color:var(--ink);text-shadow:none;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%)}.mn-btn.danger{background:linear-gradient(#d8483a 0 50%,#b02a20 50%)}.mn-panel{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#140a1e8c;animation:fade-in .2s}.mn-panel[hidden]{display:none}.mn-card{width:min(460px,92vw);max-height:90dvh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#fff4dc;color:var(--ink);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),0 0 0 6px #c89a20,0 0 0 9px var(--ink),8px 12px 0 6px #0006;animation:eq-in .36s steps(5)}.mn-card p{margin:0;font-size:15px;line-height:1.4}.mn-card .mn-btn{font-size:17px;padding:9px 14px}.mn-h{font:700 24px var(--font);color:#8a3a14;text-align:center}.mn-row{display:flex;gap:12px}.mn-row>*{flex:1}.mn-vol{display:grid;grid-template-columns:110px 1fr 34px;align-items:center;gap:10px;font-weight:700;font-size:15px}.mn-vol output{text-align:right;color:#8a3a14}.mn-vol input{width:100%;accent-color:#c8302a}.mn-help{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mn-help li{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.35}.mn-help li img{flex:none;width:34px;height:34px;image-rendering:pixelated;background:#f4e4c0;box-shadow:0 0 0 2px var(--ink)}.mn-help li>i{font-style:normal;font-weight:700;color:#a8662a}.mn-help li span{margin-left:6px}.mn-help b{color:#8a3a14}.pbtn.menu-btn{width:40px;height:34px;padding:0;font-size:18px}@media(max-width:520px){.mn-bg{background-position:30% 70%}.mn-box{gap:22px;top:46%}.mn-sign{padding:10px 20px 12px 14px;column-gap:12px}.mn-stamp{width:50px;height:50px;font-size:30px}.mn-btn{font-size:17px;padding:11px 14px}.mn-btn.main{font-size:20px}}.menu{--font-8: "Press Start 2P", monospace}.mn-title{font:400 clamp(34px,5.4vw,60px)/1 var(--font-8);letter-spacing:0;text-shadow:4px 0 0 var(--ink),-4px 0 0 var(--ink),0 4px 0 var(--ink),0 -4px 0 var(--ink),4px 4px 0 var(--ink),-4px 4px 0 var(--ink),4px -4px 0 var(--ink),-4px -4px 0 var(--ink),6px 10px 0 #8a3a14}.mn-sub{margin-top:12px;font:400 clamp(13px,1.6vw,18px)/1 var(--font-8);letter-spacing:.1em;color:#fff4dc;text-shadow:3px 3px 0 var(--ink)}.mn-stamp{font-family:serif;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),inset 4px 4px #e8584a,inset -4px -4px #8a1a14}.mn-btn{--face: #9a5a26;--hi: #c8843e;--lo: #6a3612;--ink2: var(--ink);--txt: #ffe8b0;position:relative;justify-content:center;align-items:center;gap:12px;padding:16px 22px 14px;font:400 15px/1.2 var(--font-8);color:var(--txt);text-shadow:2px 2px 0 var(--ink);letter-spacing:.02em;background:var(--face);filter:none;box-shadow:0 -4px 0 0 var(--ink2),0 4px 0 0 var(--ink2),-4px 0 0 0 var(--ink2),4px 0 0 0 var(--ink2),inset 4px 4px 0 0 var(--hi),inset -4px -4px 0 0 var(--lo),0 10px #1a0c06,4px 8px #1a0c06,-4px 8px #1a0c06;transition:none}.mn-btn small{font:400 10px/1 var(--font-8);color:inherit;opacity:.8}.mn-btn:hover{transform:none;filter:none;--face: #ad6a30;--hi: #dc9a50}.mn-btns .mn-btn:hover:before{content:"";position:absolute;left:-26px;top:50%;translate:0 -50%;width:4px;height:4px;background:#ffd34a;box-shadow:0 -4px #ffd34a,0 4px #ffd34a,0 -8px #ffd34a,0 8px #ffd34a,4px -4px #ffd34a,4px 0 #ffd34a,4px 4px #ffd34a,8px 0 #ffd34a,-4px -8px var(--ink),-4px 8px var(--ink);animation:mn-blink .6s steps(2) infinite}@keyframes mn-blink{50%{opacity:0}}.mn-btn:active{transform:translateY(6px);box-shadow:0 -4px 0 0 var(--ink2),0 4px 0 0 var(--ink2),-4px 0 0 0 var(--ink2),4px 0 0 0 var(--ink2),inset 4px 4px 0 0 var(--lo),inset -4px -4px 0 0 var(--hi),0 4px #1a0c06}.mn-btn.main{--face: #f0b828;--hi: #fff07a;--lo: #c07a10;--txt: var(--ink);font-size:18px;padding:20px 22px 18px;text-shadow:2px 2px 0 rgba(255,255,255,.35)}.mn-btn.main:hover{--face: #ffcc3a;--hi: #fff8b0}.mn-btn.main small{color:#6a3a10}.mn-btn.danger{--face: #c8382a;--hi: #f06a50;--lo: #8a1a12}.mn-btns{gap:22px;width:min(360px,84vw)}.mn-h{font:400 18px/1.3 var(--font-8);color:#8a3a14}.mn-card{gap:16px;padding:20px 22px 24px}.mn-card .mn-btn{font-size:12px;padding:13px 14px 11px}.mn-card .mn-btn.mn-music{--face: #3a6a8a;--hi: #5a90b0;--lo: #22465e}.mn-vol output{font:400 11px var(--font-8)}@media(max-width:520px){.mn-btn{font-size:13px;padding:14px 12px 12px}.mn-btn.main{font-size:15px;padding:17px 12px 15px}.mn-btns .mn-btn:hover:before{display:none}.mn-title{font-size:30px}.mn-sub{font-size:12px;margin-top:10px}}.mn-btn.main,.mn-btn.danger{background:var(--face)}@media(min-width:900px){.mn-btns .mn-btn{font-size:17px}.mn-btns .mn-btn.main{font-size:21px}.mn-btns{width:380px}}.menu .ptxt{display:block;image-rendering:pixelated;pointer-events:none}.menu [data-done]{display:block;text-shadow:none;line-height:0}.mn-title[data-done]{margin-bottom:4px}.mn-btn [data-done]+[data-done]{margin-left:2px}.mn-btn.main{flex-direction:row;align-items:center}.mn-h[data-done]{align-self:center}.menu [data-pxt]{display:block;line-height:24px;font-size:16px;word-spacing:2px}.menu .ptxt.pw{display:inline-block;vertical-align:middle}.mn-help li{align-items:flex-start;gap:10px}.mn-help li span[data-pxt]{margin-left:4px}.mn-card:has(.mn-help){width:min(640px,94vw)}.mn-vol{grid-template-columns:180px 1fr 56px}.mn-vol [data-done]{line-height:0}.mn-vol output{display:flex;justify-content:flex-end}@media(max-width:520px){.mn-vol{grid-template-columns:1fr 56px;row-gap:6px}.mn-vol>span{grid-column:1 / -1}}.mn-help li img.pw{background:none;box-shadow:none;flex:none}.mn-help li>.mn-plus{align-self:center;margin:0 -2px}.mn-help li>.mn-plus{align-self:flex-start;margin:5px -2px 0}.mn-help li .mn-plus img{background:none;box-shadow:none}.res.streak{flex-direction:column;gap:3px;padding:4px 8px;cursor:help}.streak .streak-n{font-size:14px;line-height:1;color:#c8a878}.streak .pips{display:flex;gap:2px}.streak .pips i{width:6px;height:6px;background:#5a3a24;box-shadow:inset -1px -1px #2a1a14}.streak .pips i.on{background:#ffd34a;box-shadow:inset -1px -1px #c8801e}.streak:has(.on) .streak-n{color:var(--gold)}.streak.max .pips i.on{background:#ffe88a;animation:pip-glow 1.2s steps(2) infinite}@keyframes pip-glow{50%{background:#fff4dc}}.streak.broke{animation:streak-broke .5s steps(5)}@keyframes streak-broke{0%,to{translate:0;background:var(--wood-d)}20%,60%{translate:-3px;background:#8a2a1a}40%,80%{translate:3px;background:#8a2a1a}}.dayend .de-gone b{color:#ff9a7a}.dayend .de-ok{color:#a8e890}.res .streak-n{font-family:var(--font);font-weight:700}.dayc .day-n{white-space:nowrap}@media(max-width:520px){.top{gap:5px}.res.streak{padding:4px 6px}}@media(max-width:380px){.top .res{padding-left:4px;padding-right:5px}.top{gap:4px;padding-left:6px;padding-right:6px}}.info{height:42px;min-height:42px;box-sizing:border-box}.coach{position:fixed;inset:0;z-index:60;pointer-events:none;animation:co-in .3s ease-out both}.coach.out{animation:co-out .25s ease-in forwards}@keyframes co-in{0%{opacity:0}}@keyframes co-out{to{opacity:0}}.co-veil{position:absolute;inset:0}.coach.tour:not(.aimed) .co-veil{background:#140a0699}.co-hole,.co-rings i{position:absolute;transition:left .25s,top .25s,width .25s,height .25s}.co-hole[hidden]{display:none}.coach.tour .co-hole{box-shadow:0 0 0 9999px #140a068c}.co-rings i{border:3px dashed #ffd34a;box-shadow:0 0 0 3px var(--ink);animation:co-pulse 1.4s ease-in-out infinite}.coach.soft .co-rings i{box-shadow:0 0 0 3px var(--ink),0 0 18px 4px #ffd34a99}@keyframes co-pulse{50%{border-color:#fff4dc}}.co-card{position:absolute;width:min(340px,calc(100vw - 16px));padding:10px 12px;background:#fff6d8;color:var(--ink);pointer-events:auto;box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),inset 0 3px #fff9,inset 0 -3px #00000026,5px 8px #00000059;transition:left .25s,top .25s;animation:ntc-in .36s steps(5) both}.coach.soft .co-card{background:#fff6b0}.co-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.co-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;font-size:20px;line-height:1;background:#ffe070;box-shadow:0 0 0 3px var(--ink),inset 0 -3px #0000002e,inset 0 3px #fff6}.co-ic img{width:28px;height:28px;image-rendering:pixelated}.co-head b{font:700 16px/1.2 var(--font);color:#8a3a14}.co-card p{margin:0;font-size:14px;line-height:1.35}.co-card p b{color:#a8401a}.co-wait{display:block;margin-top:6px;font-size:12px;color:#8a6a40;font-style:italic}.co-row{display:flex;align-items:center;gap:10px;margin-top:10px}.co-row:empty{display:none}.co-dots{display:flex;gap:4px;margin-right:auto}.co-dots i{width:7px;height:7px;background:#e0c898;box-shadow:inset -1px -1px #0003}.co-dots i.was{background:#c89a50}.co-dots i.on{background:#e8a81e;box-shadow:0 0 0 1px var(--ink)}.co-skip{margin-left:auto;padding:4px 2px;white-space:nowrap;border:0;background:none;color:#8a6a40;font:13px var(--font);text-decoration:underline;cursor:pointer}.co-dots+.co-skip{margin-left:0}.co-next{margin-left:auto;padding:6px 14px;font-size:14px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.co-skip+.co-next{margin-left:0}.coach.soft .co-row{margin-top:8px}.res.energy{cursor:pointer}.offer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#140a0673;animation:co-in .2s ease-out both}.offer.out{animation:co-out .2s ease-in forwards}.of-card{width:min(320px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 12px;text-align:center;background:#fff6d8;color:var(--ink);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),inset 0 3px #fff9,inset 0 -3px #00000026,5px 8px #00000059;animation:ntc-in .36s steps(5) both}.of-ic{width:44px;height:44px;display:grid;place-items:center;font-size:26px;background:#ffe070;box-shadow:0 0 0 3px var(--ink),inset 0 -3px #0000002e}.of-card>b{font:700 18px var(--font);color:#8a3a14}.of-card p{margin:0;font-size:14px;line-height:1.35}.of-card p b{color:#a8401a}.of-go{padding:9px 18px;font-size:16px;background:linear-gradient(#8fd84a 0 50%,#5aae38 50%);color:var(--ink);text-shadow:none}.of-card small{font-size:12px;color:#8a6a40}.of-no{border:0;background:none;color:#8a6a40;font:14px var(--font);text-decoration:underline;cursor:pointer;padding:2px 6px}.dayend .de-ad{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 14px;font-size:15px;background:linear-gradient(#8fd84a 0 50%,#5aae38 50%);color:var(--ink);text-shadow:none}.dayend .de-ad small{font-size:11px;opacity:.8}.dayend .de-ad[disabled]{opacity:.6}.dayend span.de-ad{background:none;color:#a8e890;font-size:14px}.starter{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;background:linear-gradient(135deg,#fff2b8,#ffd8a0);box-shadow:0 0 0 2px #e8a81e}.st-pic{position:relative;flex:none;width:48px;height:48px}.st-pic img{position:absolute;inset:0;width:48px;height:48px;image-rendering:pixelated}.st-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.st-tx b{font-size:14px;color:#8a3a14}.st-tx small{font-size:11px;color:#6a4a30;line-height:1.25}.starter-buy{flex:none;padding:6px 12px;font-size:14px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.starter-buy.small{padding:3px 8px;font-size:11px}.ad-stub{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#000000bf}.ad-stub-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;background:#222;color:#eee;font:14px var(--font)}.ad-stub-box b{font-size:18px}.ad-stub-box div{display:flex;gap:8px}.ad-stub-box .btn{padding:6px 12px;font:14px var(--font);cursor:pointer}.ntc.good{flex-direction:row}.hammock.skin-moon .cat{filter:drop-shadow(0 0 3px rgba(170,200,255,.95))}.hammock.bed-sock .bed-back{background:#a81e18}.hammock.bed-sock .bed-front{background:linear-gradient(#f4f0e8 0 26%,#e8402a 26%)}.hammock.bed-sock .bed-front i{background:#2a8a4a;border-radius:0;width:7%;transform:rotate(45deg)}.hammock.bed-crescent .bed-back{background:#141a40}.hammock.bed-crescent .bed-front{background:radial-gradient(circle at 78% 30%,#ffe88a 0 9%,transparent 10%),linear-gradient(#2a3a7a,#141a40)}.hammock.bed-crescent .bed-front i{background:#fff6c0;width:4%}.bed-pic.bed-sock{background:linear-gradient(#f4f0e8 0 30%,#e8402a 30%)}.bed-pic.bed-crescent{background:radial-gradient(circle at 78% 35%,#ffe88a 0 12%,transparent 13%),linear-gradient(#2a3a7a,#141a40)}.stab.paid{color:#a86a00;font-weight:700}.stab.paid.on{background:#fff2b8}.pbtn.small,.to-paid.small{padding:3px 7px;font-size:11px}.to-paid{background:linear-gradient(#ffe88a 0 50%,#f4c840 50%);color:var(--ink);text-shadow:none}.paid-sets{display:flex;flex-direction:column;gap:8px}.paid-set{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;background:linear-gradient(135deg,#fff8dc,#ffe8c0);box-shadow:0 0 0 2px #e8b030}.paid-set.own{background:#f4fbe8;box-shadow:0 0 0 2px #8ac85a}.ps-ic{position:absolute;left:-4px;top:-6px;font-size:16px}.ps-pic{position:relative;flex:none;width:56px;height:48px;display:flex;align-items:flex-end;justify-content:center}.ps-pic .bed-pic{position:absolute;bottom:0;left:4px;width:48px;height:18px;margin:0}.ps-cat{position:relative;width:44px;height:44px;margin-bottom:4px}.ps-cat img{position:absolute;inset:0;width:44px;height:44px;image-rendering:pixelated}.ps-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ps-tx b{font-size:14px;color:#8a3a14}.ps-tx small{font-size:11px;color:#5a4a3a;line-height:1.25}.ps-tx .ps-cat-l{color:#8a6a40}.set-buy{flex:none;padding:6px 12px;font-size:14px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.ps-toggle{flex:none;padding:5px 8px;font-size:12px;background:#e8e0d0;color:var(--ink);text-shadow:none}.ps-toggle.on{background:linear-gradient(#b8e890 0 50%,#8ac85a 50%)}.paid-set.noads{margin-bottom:8px}.ps-big{flex:none;width:48px;text-align:center;font-size:30px}.noads-buy{flex:none;padding:6px 12px;font-size:14px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.paid-set .ok{flex:none;color:#3a8a2a;font-size:13px;font-weight:700}.dayend .de-no-ads{border:0;background:none;color:#a8b0d8;font:12px var(--font);text-decoration:underline;cursor:pointer;padding:2px 4px}.dayend .de-go[disabled]{opacity:.7}.leaf .book-q:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:currentColor}.wipe-tips{position:absolute;inset:0;pointer-events:none;z-index:3}.wtip{position:absolute;translate:-50% -100%;display:flex;flex-direction:column;align-items:center;gap:1px}.wt-sponge{width:22px;height:14px;background:#ffd34a;box-shadow:0 0 0 2px var(--ink),inset 0 -5px #5ab04a,inset 0 2px #fff2a0,2px 3px 0 1px #0000004d;animation:wt-rub .9s ease-in-out infinite}.wtip b{padding:1px 5px;font:700 11px/1.3 var(--font);color:var(--ink);background:#fff6b0;box-shadow:0 0 0 2px var(--ink);animation:wt-pop 1.8s ease-in-out infinite;white-space:nowrap}@keyframes wt-rub{0%,to{translate:-9px 0;rotate:-8deg}50%{translate:9px 0;rotate:8deg}}@keyframes wt-pop{50%{translate:0 -2px}}.wtip:not(.lbl) .wt-sponge{width:16px;height:10px;opacity:.9}@media(orientation:landscape)and (max-height:559px){.app{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}.top{grid-column:1 / -1}.hall{grid-column:1;grid-row:2}.counter-edge{display:none}.under{grid-column:2;grid-row:2;justify-content:center;gap:6px;overflow:hidden;padding:6px 10px calc(6px + env(safe-area-inset-bottom)) 12px;box-shadow:inset 8px 0 10px -4px #0009;--cell: calc((100dvh - 52px - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 42px - 48px) / (var(--rows, 5) + 1))}.shelf,.work,.under .store{width:calc(var(--cell) * 7 + 124px)}.work{margin-bottom:8px}}@media(orientation:landscape)and (max-height:559px){.mn-box{flex-direction:row;gap:28px;top:50%}.mn-btns{gap:12px;width:min(300px,44vw)}.mn-btn{padding-top:9px;padding-bottom:8px}.mn-btn.main{padding-top:13px;padding-bottom:12px}.mn-card{max-height:92dvh;padding:14px 18px 16px;gap:10px}}@media not ((min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px)){.obook .recipe b{font-size:13px}.obook .recipe small,.obook .gen-row,.obook .tip{font-size:12px;line-height:1.2}.obook .wanted{font-size:10px}.obook .book-q{font-size:14px}.good b{font-size:13px}.good small{font-size:12px;line-height:1.2}.good .ok,.good .buy{font-size:13px}.st-tx small,.ps-tx small{font-size:12px}.side .tool span{font-size:11px}.bubble .pay,.site-note,.stab{font-size:12px}}@media(orientation:portrait)and (max-width:899px){.panel{position:fixed;z-index:30;left:50%;right:auto;top:auto;translate:-50% 0;bottom:calc(8px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 16px));height:min(76dvh,680px)}}@media(orientation:portrait)and (max-width:899px){.equip{position:fixed;z-index:45}}.coach.soft .co-card{cursor:pointer}.qbtn{position:absolute;left:8px;top:8px;z-index:7;display:flex;align-items:center;gap:4px;padding:3px 8px 3px 4px;border:0;cursor:pointer;background:#fff4dc;color:var(--ink);box-shadow:0 0 0 3px var(--ink),inset 0 -3px #00000026,3px 4px #0000004d}.qbtn .qb-ic{width:28px;height:28px;image-rendering:pixelated}.qbtn b{font:700 14px var(--font)}.qbtn:active{translate:0 2px}.qbtn.ready:after{content:"!";position:absolute;right:-8px;top:-8px;width:16px;height:16px;display:grid;place-items:center;background:var(--red);color:#fff;font:700 12px/1 var(--font);box-shadow:0 0 0 2px var(--ink);animation:blink .9s steps(2) infinite}.quests{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#140a0680;animation:co-in .2s ease-out both}.qs-card{position:relative;width:min(420px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;background:#fff6d8;color:var(--ink);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),inset 0 3px #fff9,5px 8px #00000059;animation:ntc-in .36s steps(5) both}.qs-close{position:absolute;right:8px;top:8px}.qs-h{font:700 18px var(--font);color:#8a3a14}.qs-h2{margin-top:4px;font:700 15px var(--font);color:#8a3a14}.qs-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.qs-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 0 4px;background:#f0dcb0;box-shadow:0 0 0 2px #c8a070;font-size:11px}.qs-day small{font:700 11px var(--font);color:#8a6a40}.qs-day .qd-ic{width:18px;height:18px}.qs-day i{font-style:normal;font-size:13px;line-height:18px}.qs-day.got{opacity:.55}.qs-day.got:after{content:"✓";position:absolute;right:2px;top:0;color:#2a7a2a;font-weight:700}.qs-day.now{background:#ffe070;box-shadow:0 0 0 2px var(--ink);animation:pip-glow 1.2s steps(2) infinite}.qs-gift{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 10px;background:#fff2b8;box-shadow:0 0 0 2px #e8b030}.qs-gift b{width:100%;font-size:14px;color:#8a3a14}.qs-gift>span{font-size:14px;font-weight:700}.qs-btns{display:flex;gap:6px;margin-left:auto}.qs-btns .pbtn{padding:5px 10px;font-size:13px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.qs-btns .pbtn.x2{background:linear-gradient(#8fd84a 0 50%,#5aae38 50%)}.qs-q{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fff;box-shadow:0 0 0 2px #d8c8a0}.qs-q.ready{background:#eaf8d8;box-shadow:0 0 0 2px #5aae38}.qs-q.claimed{opacity:.6}.qs-q .ok{color:#2a7a2a;font-weight:700;font-size:18px}.qs-ic{width:30px;height:30px;flex:none;image-rendering:pixelated}.qs-tx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.qs-tx b{font-size:13px}.qs-tx small{font-size:12px;color:#6a5a40}.qs-bar{height:6px;background:#e8dcc0;box-shadow:0 0 0 1px #c8b080}.qs-bar i{display:block;height:100%;background:#5aae38}.qs-all{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;background:#f0e8d0}.qs-all.ready{background:#fff2b8;box-shadow:0 0 0 2px #e8b030}.qs-all .pbtn{margin-left:auto;padding:4px 10px;font-size:13px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}.qs-all .ok{margin-left:auto;color:#2a7a2a;font-weight:700}.qs-note{margin:0;font-size:12px;color:#8a6a40}.qs-album{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:14px;background:linear-gradient(#c8945a 0 50%,#a87a44 50%);color:#fff4dc}.obook .alb{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:1px dashed #d8bc8a}.obook .alb-pic{width:34px;height:34px;flex:none;image-rendering:pixelated}.obook .alb.unknown .alb-pic{filter:brightness(0);opacity:.25}.obook .alb-tx{display:flex;flex-direction:column;min-width:0}.obook .alb-tx b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obook .alb-stars{font-size:13px;line-height:1;color:#e8a81e;letter-spacing:1px}.obook .alb-stars i{font-style:normal;color:#c8b08a}.obook .alb-tx small{font-size:10px;color:#6a4a30;line-height:1.2}.obook .alb-fav{width:14px!important;height:14px!important;vertical-align:-3px}@media not ((min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px)){.obook .alb-tx b{font-size:13px}.obook .alb-tx small{font-size:12px}}.mn-top-note{margin:0;text-align:center;font-size:14px;color:#6a4a30}.mn-top{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font:600 15px var(--font)}.mn-top li{display:flex;gap:10px;padding:5px 8px;background:#f4e4c0}.mn-top li.me{background:#ffe070;box-shadow:0 0 0 2px var(--ink)}.mn-top li.wait{justify-content:center;color:#8a6a40;background:none}.mn-top .r{width:24px;text-align:right;color:#8a3a14}.mn-top .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-top .v{font-weight:700}.mn-top-login p{margin:0 0 8px;text-align:center;font-size:14px}.obook .alb-like{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obook .b-title{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 4px;text-align:center}.obook .bt-orn{color:#c8302a;font-size:14px;letter-spacing:4px}.obook .bt-name{font:400 20px/1.2 var(--font-8, var(--font-px));color:#8a2a1e;text-shadow:1px 1px 0 #e8c890}.obook .bt-sub{font-size:13px;color:#8a6a40;font-style:italic}.obook .bt-pic{width:72px!important;height:72px!important;margin:4px 0;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 rgba(90,50,20,.35))}.obook .bt-note{margin:0;max-width:26ch;font-size:11px;line-height:1.35;color:#5a3a24}.obook .bt-hint{margin-top:4px;font-size:10px;color:#a88a60}.obook .toc{display:flex;flex-direction:column;gap:2px}.obook .toc-go{display:flex;align-items:center;gap:4px;width:100%;padding:3px 2px;border:0;background:none;cursor:pointer;font:600 12px var(--font);color:var(--ink);text-align:left}.obook .toc-go:hover{background:#c8a06433}.obook .toc-go span{display:flex;align-items:center;gap:5px;white-space:nowrap}.obook .toc-go i{flex:1;min-width:8px;border-bottom:2px dotted #c8a070;margin:0 2px 3px}.obook .toc-go b{color:#8a2a1e}.obook .toc-go.dim{opacity:.5}.obook .toc-ic{width:20px!important;height:20px!important;flex:none}.obook .toc-stars{margin-left:6px;font-size:11px;color:#e8a81e;font-weight:700}@media not ((min-aspect-ratio:1 / 1)and (min-width:900px)and (min-height:560px)){.obook .bt-name{font-size:18px}.obook .bt-note{font-size:12px}.obook .toc-go{font-size:13px;padding:4px 2px}}.ntc .ntc-tx b,.ntc .ntc-tx small{white-space:normal;overflow-wrap:anywhere}.ntc{width:100%;box-sizing:border-box}.of-ways{display:flex;flex-direction:column;gap:6px;width:100%}.of-way{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;cursor:pointer;text-align:left;background:#fff;color:var(--ink);box-shadow:0 0 0 2px #d8c8a0}.of-way:not([disabled]):hover{box-shadow:0 0 0 2px #5aae38}.of-way[disabled]{opacity:.55;cursor:default}.of-way span{display:flex;flex-direction:column;gap:1px}.of-way b{font-size:14px}.of-way small{font-size:12px;color:#6a5a40}.of-wic{width:32px;height:32px;flex:none;image-rendering:pixelated}.of-card{max-height:calc(100dvh - 24px);overflow:auto}@media(max-width:520px){.top{gap:4px;padding-left:6px;padding-right:6px}.top .res{flex-shrink:1;min-width:0;padding-left:4px;padding-right:6px}.top .res.coins,.top .res.dayc,.top .res.streak{flex-shrink:0}.top .pbtn.sound{display:none}.top .pbtn.menu-btn{flex:none;width:36px}.res.energy .energy-t{min-width:0;overflow:hidden;white-space:nowrap;font-size:11px}}.side .tool.pc-btn.ready:after{right:-4px;top:auto;bottom:30px}.pause-tag{position:absolute;left:50%;top:8px;translate:-50% 0;z-index:8;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;background:#e4eef8;color:#1e3a6a;pointer-events:none;white-space:nowrap;box-shadow:0 0 0 3px var(--ink),inset 0 -3px #0000001f,3px 4px #0000004d;animation:ntc-in .3s steps(4) both}.pause-tag.out{animation:ntc-out .25s steps(3) forwards}.pause-tag i{width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:13px;background:#8ab0d8;box-shadow:0 0 0 2px var(--ink)}.pause-tag span{display:flex;flex-direction:column;line-height:1.15}.pause-tag b{font-size:13px}.pause-tag small{font-size:11px;color:#3a5a8a}.orders.frozen .wait>i,.orders.frozen .wait.mid>i,.orders.frozen .wait.low>i{background:#8ab0d8;animation:none}.orders.frozen .bubble{filter:saturate(.85)}.hall-box:has(.event:not([hidden])) .pause-tag{top:44px}@media(max-width:520px){.pause-tag{left:auto;right:8px;translate:none}.pause-tag small{font-size:10px}}.app.still .under .board,.app.still .under .store{pointer-events:none;filter:saturate(.55) brightness(.82);transition:filter .3s}.app.still .hall-cv,.app.still .orders .bubble,.app.still .qbtn{pointer-events:none}.newday{position:fixed;inset:0;z-index:48;display:grid;place-items:center;background:#28180a73;animation:co-in .25s ease-out both}.newday.out{animation:co-out .25s ease-in forwards}.nd-card{position:relative;width:min(440px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 14px;background:linear-gradient(#fff8dc,#fff1c8);color:var(--ink);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),inset 0 0 0 3px #f4c84a,5px 8px #00000059;animation:ntc-in .4s steps(5) both}.nd-sun{width:46px;height:46px;display:grid;place-items:center;font-size:28px;color:#e8901a;background:#ffe070;border-radius:50%;box-shadow:0 0 0 3px var(--ink),0 0 18px 6px #ffd250b3}.nd-h{font:700 19px var(--font);color:#8a3a14;text-align:center}.nd-sub{font-size:13px;color:#8a6a40;text-align:center}.nd-list{display:flex;flex-direction:column;gap:6px;width:100%}.nd-row{display:flex;align-items:center;gap:10px;padding:7px 9px;background:#fff;box-shadow:0 0 0 2px #e8d4a0;animation:ntc-in .35s steps(4) both}.nd-row:nth-child(2){animation-delay:.08s}.nd-row:nth-child(3){animation-delay:.16s}.nd-row:nth-child(4){animation-delay:.24s}.nd-row:nth-child(n+5){animation-delay:.32s}.nd-ic{width:38px;height:38px;flex:none;image-rendering:pixelated}.nd-emo{width:38px;flex:none;text-align:center;font-size:26px}.nd-tx{display:flex;flex-direction:column;gap:2px;min-width:0}.nd-tx b{font-size:14px;color:#5a2a10}.nd-tx small{font-size:12px;color:#6a5a40;line-height:1.3}.nd-dishes{display:flex;align-items:center;gap:2px;margin-top:2px}.nd-dishes i{font-style:normal;font-size:11px;color:#a88a60}.nd-dish{width:24px;height:24px;image-rendering:pixelated}.nd-today{width:100%;display:flex;flex-direction:column;gap:4px;padding:7px 9px;background:#f0e4c4}.nd-today b{font-size:13px;color:#8a3a14}.nd-today span{display:flex;flex-wrap:wrap;gap:4px}.nd-today em{font-style:normal;font-size:12px;padding:2px 7px;background:#fff8e4;box-shadow:0 0 0 1px #d8c090}.nd-go{margin-top:2px;padding:9px 18px;font-size:15px;background:linear-gradient(#ffd34a 0 50%,#e8a81e 50%);color:var(--ink);text-shadow:none}@media(max-width:520px){.res.energy.full .energy-t{display:none}}
