:root{--bg: #f7efe2;--frame: #e9dfcf;--ink: #4a3f33;--sub-ink: #8a6d4b;--accent: #e0862e;--palau-bg: #fff6e8;--cat-bg: #f0e6d6;--chip: #e2d5bf}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{height:100dvh;background:var(--frame);color:var(--ink);font-family:Hiragino Maru Gothic ProN,BIZ UDPGothic,Yu Gothic UI,Meiryo,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img,svg{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}#app{max-width:440px;height:100%;margin:0 auto;background:var(--bg);box-shadow:0 0 24px #0000001f}.screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px 20px}.hidden{display:none!important}.screen-title{background:radial-gradient(circle at 50% 20%,rgba(255,220,150,.35),transparent 60%),linear-gradient(#fbf3e2,#f1e2c4)}.screen-result{background:linear-gradient(#fbf3e2,#f1e2c4)}.game-title{font-size:2.3rem;letter-spacing:.08em;text-shadow:0 2px 0 rgba(255,255,255,.7)}.title-sub{font-size:1rem;color:var(--sub-ink);margin-left:.3em}.day-line{font-size:1.05rem}.howto p{text-align:center;line-height:2;font-size:1.05rem}.big-btn{font:inherit;font-size:1.15rem;padding:13px 40px;border-radius:999px;border:none;background:linear-gradient(#eb964a,var(--accent));color:#fff;cursor:pointer;box-shadow:0 3px #b5651d,0 5px 10px #5a3c1433}.big-btn:active{transform:translateY(2px);box-shadow:0 1px #b5651d,0 2px 5px #5a3c1433}.sub-btn{font:inherit;font-size:.9rem;margin-top:14px;padding:7px 18px;border-radius:999px;border:1px solid rgba(181,101,29,.35);background:#fffcf4b3;color:#8a6a3d;cursor:pointer}.sub-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#fffcf4f2}.sub-btn:active{transform:translateY(1px)}.big-btn.ghost{background:#fffcf4e6;border:2px solid var(--accent);color:var(--accent);box-shadow:0 3px #d8b48c,0 5px 10px #5a3c141f}.big-btn.ghost:active{transform:translateY(2px);box-shadow:0 1px #d8b48c}.screen-play{position:relative;overflow:hidden;justify-content:space-between;align-items:stretch;gap:0;padding:0}.palau-box{position:relative;flex:1.35;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding-bottom:6px;overflow:hidden}.box-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-svg,.bg-img{display:block;width:100%;height:100%}.bg-img{object-fit:cover;object-position:center bottom}.palau-stage,.cat-stage,.counter,.sfx,.status{position:relative;z-index:1}.palau-stage{position:relative;width:min(46vw,172px);aspect-ratio:14 / 15}.palau-svg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.counter{width:100%;padding:4px 12px 6px;background:linear-gradient(#e2b476 0,#e2b476 3px,#d9a968 3px,#c08a48);border-top:3px solid #b57f3e;box-shadow:0 3px 6px #5a3c142e}.plate-wrap{position:relative;width:min(48vw,190px);aspect-ratio:170 / 48;margin:0 auto}.plate-svg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.counter.table-img{background:var(--table-img) center / cover no-repeat;border-top:none}.plate-wrap.dish-img .plate-svg .dish{display:none}.plate-wrap.stages{aspect-ratio:auto;width:var(--dish-w, min(48vw, 190px));height:var(--dish-h, auto);transform:translate(-50%,-70%)}.dish-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.dish-stage.on{visibility:visible}.plate-img{position:absolute;top:0;right:0;bottom:0;left:0}.plate-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.plate-img .piece{position:absolute;height:42%;width:auto;transform:translate(-50%,-50%);transition:opacity .35s ease-out}.plate-img .piece.eaten{opacity:0}.plate-svg .piece{transition:opacity .35s ease-out,transform .35s ease-out}.plate-svg .piece.eaten{opacity:0;transform:translateY(-6px)}.cat-box{position:relative;flex:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}.cat-stage{position:relative;width:min(44vw,168px);aspect-ratio:7 / 6}.cat-svg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.status{font-size:1rem;min-height:1.5em;padding:1px 14px;border-radius:999px;background:#fffcf4d1;box-shadow:0 1px 3px #5a3c141f}.sfx{min-height:1.5em;font-size:1.15rem;letter-spacing:.06em;color:#7a5c38;margin-bottom:2px;padding:0 12px;border-radius:999px;background:#fffcf4b3}.sfx.beat-a{animation:sfx-pop .32s ease-out}.sfx.beat-b{animation:sfx-pop-b .32s ease-out}@keyframes sfx-pop{0%{transform:translateY(2px) scale(.94)}60%{transform:translateY(-1px) scale(1.04)}to{transform:none}}@keyframes sfx-pop-b{0%{transform:translateY(2px) scale(.94)}60%{transform:translateY(-1px) scale(1.04)}to{transform:none}}.pv-front{display:none}.screen-play[data-palau=turning] .pv-front,.screen-play[data-phase=caught] .pv-front,.screen-play[data-phase=cleared] .pv-front{display:block}.screen-play[data-palau=turning] .pv-back,.screen-play[data-phase=caught] .pv-back,.screen-play[data-phase=cleared] .pv-back{display:none}.arm-chop{transform-box:fill-box;transform-origin:15% 15%}.screen-play[data-palau=working][data-phase=playing] .arm-chop{animation:chop .45s ease-in-out infinite alternate}@keyframes chop{0%{transform:rotate(-13deg)}to{transform:rotate(9deg)}}.pv-back{transform-box:fill-box;transform-origin:center bottom}.screen-play[data-palau=omen] .pv-back{animation:piku .32s ease-out}@keyframes piku{0%{transform:none}35%{transform:translateY(-4px) rotate(-2.5deg)}to{transform:none}}.eyes-happy,.brows,.arm-point{display:none}.screen-play[data-phase=caught] .brows,.screen-play[data-phase=caught] .arm-point,.screen-play[data-phase=cleared] .eyes-happy{display:block}.screen-play[data-phase=cleared] .eyes-wide{display:none}.cheek{transform-box:fill-box;transform-origin:center;transform:scale(.32);transition:transform .16s ease-out}.screen-play[data-player=hoarding] .cheek{transform:scale(1)}.karaage-bite{display:none}.screen-play[data-player=pressing] .karaage-bite{display:block}.cat-head{transform-box:fill-box;transform-origin:center bottom}.screen-play[data-player=pressing] .cat-head{animation:munch .28s ease-in-out infinite alternate}@keyframes munch{0%{transform:scaleY(1)}to{transform:scaleY(.94) translateY(1px)}}.cat-g{transform-box:fill-box;transform-origin:center bottom;transition:transform .25s ease-out}.screen-play[data-player=reaching] .cat-g{transform:rotate(-4deg) translateY(-2px)}.eyes-shock{display:none}.screen-play[data-phase=caught] .eyes-shock{display:block}.screen-play[data-phase=caught] .eyes-normal{display:none}.screen-play[data-phase=cleared] .cat-svg .eyes-happy{display:block}.screen-play[data-phase=cleared] .cat-svg .eyes-normal{display:none}.stars{opacity:0}.screen-play[data-swallow="1"] .stars{animation:stars-pop .55s ease-out}@keyframes stars-pop{0%{opacity:0;transform:translateY(4px) scale(.6)}35%{opacity:1;transform:translateY(-2px) scale(1.05)}to{opacity:0;transform:translateY(-8px) scale(1)}}.skin-img{display:block;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.skin-img.on{visibility:visible}.img-on>.palau-svg,.img-on>.cat-svg{display:none}.screen-play[data-palau=working][data-phase=playing] .palau-stage.img-on:not(.frames-on){animation:stage-bob .45s ease-in-out infinite alternate}@keyframes stage-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.screen-play[data-palau=omen] .palau-stage.img-on{animation:piku .32s ease-out}.cat-stage.img-on{transform-origin:center bottom;transition:transform .25s ease-out}.screen-play[data-player=pressing] .cat-stage.img-on:not(.frames-on){animation:munch .28s ease-in-out infinite alternate}.screen-play[data-player=reaching] .cat-stage.img-on{transform:rotate(-4deg) translateY(-2px)}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.screen-play[data-palau=turning][data-phase=playing] .flash{animation:flash .3s ease-out}@keyframes flash{0%{opacity:.65}to{opacity:0}}.screen-play[data-phase=caught]{animation:shake .45s ease-in-out}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.stamp{position:absolute;top:26%;left:50%;padding:4px 14px;border:3px solid #d8453e;border-radius:8px;color:#d8453e;background:#fffaf0e6;font-size:1.5rem;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%) rotate(-8deg) scale(2.2)}.screen-play[data-phase=caught] .stamp{animation:stamp-in .35s ease-out forwards}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%) rotate(-8deg) scale(2.2)}to{opacity:1;transform:translate(-50%) rotate(-8deg) scale(1)}}.steam{position:absolute;right:15%;bottom:26%;pointer-events:none;z-index:1}.steam span{position:absolute;width:10px;height:10px;border-radius:50%;background:#a0968c47;animation:steam-up 2.6s ease-in infinite}.steam span:nth-child(2){left:12px;animation-delay:.9s}.steam span:nth-child(3){left:-10px;animation-delay:1.7s}@keyframes steam-up{0%{opacity:0;transform:translateY(6px) scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.5)}}.mid-box{padding:10px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(#fdf8ee,#f8efdd);border-bottom:2px solid #e5d5b8;box-shadow:0 2px 6px #5a3c141a}.proc-row{display:flex;gap:6px}.proc-chip{padding:2px 11px;border-radius:999px;background:var(--chip);font-size:.95rem}.proc-chip.now{background:var(--accent);color:#fff;font-weight:700}.proc-chip.done{opacity:.45}.bar{width:100%;height:6px;border-radius:3px;background:var(--chip);overflow:hidden}#bar-fill{height:100%;width:0;background:var(--accent)}.belly{font-size:1.15rem;font-weight:700}.result-text{font-family:inherit;font-size:1.02rem;line-height:1.95;background:#fff;border:1px solid #decdb2;border-radius:10px;padding:18px 16px;white-space:pre-wrap;max-width:100%;overflow-x:auto;user-select:text;-webkit-user-select:text}.rank-title{font-size:1.12em;font-weight:700;color:var(--accent);white-space:nowrap;background:linear-gradient(transparent 62%,#e0862e4d 62%)}.btn-row{display:flex;gap:12px}.screen-result{position:relative;overflow:hidden}.result-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}.screen-result>.result-text,.screen-result>.btn-row{position:relative;z-index:1}.screen-result.has-img{justify-content:center;padding-top:calc(var(--result-img-h, 0px) + 16px);padding-bottom:24px;background-image:none;background-color:var(--result-bg-color, #f4ead6)}.screen-result.has-img .result-text{background:#ffffffeb;box-shadow:0 4px 16px #3c281440}.screen-play{display:block;padding:0}.palau-box{position:absolute;top:0;left:0;right:0;height:56%;display:block;padding:0;flex:none;z-index:1}.cat-box{position:absolute;top:50%;left:0;right:0;bottom:0;display:block;padding:0;flex:none;z-index:2}.screen-play>.palau-stage{position:absolute;right:3%;bottom:45%;width:min(66vw,250px,34vh);z-index:3}.counter{position:absolute;top:47%;left:2%;right:2%;width:auto;height:26%;padding:0;border:none;background:none;box-shadow:none;z-index:4}.counter:not(.table-img):before{content:"";position:absolute;left:0;right:0;top:18%;height:34%;background:linear-gradient(#e2b476 0,#e2b476 3px,#d9a968 3px,#c08a48);border-top:3px solid #b57f3e;border-radius:3px;box-shadow:0 8px 18px #5a3c1447}.table-pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center top}.plate-wrap{position:absolute;left:50%;top:calc(var(--table-h, 100%) * .3);width:calc(var(--table-w, 100%) * .42);margin:0;transform:translate(-50%,-50%);z-index:1}.screen-play>.cat-stage{position:absolute;left:2%;bottom:6%;width:min(82vw,310px,37vh);z-index:5}.screen-play>#palau-status{position:absolute;left:4%;top:13%;max-width:72%;z-index:6}.screen-play>#sfx-line{position:absolute;left:4%;top:18%;max-width:72%;z-index:6}.cat-box #cat-status{position:absolute;left:4%;right:4%;bottom:1%;width:auto;max-width:none;text-align:center;z-index:2}.mid-box{position:absolute;top:2%;left:3%;width:min(52vw,210px);padding:8px 10px;border-radius:12px;border-bottom:none;background:#fffcf4db;box-shadow:0 2px 8px #5a3c142e;gap:6px;z-index:6}.mid-box .belly{font-size:1rem}.mid-box .proc-chip{padding:1px 8px;font-size:.85rem}.stamp{top:34%;z-index:7}.flash{z-index:8}.steam{right:30%;bottom:44%}