main{margin-top:18px}.game{--font-game: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif}.game{position:relative;width:min(100vw,26.875rem);margin-left:calc(50% - min(50vw,13.4375rem));margin-top:calc(-1*max(16px,env(safe-area-inset-top,0px)));height:min(100svh,56rem);min-height:34rem;overflow:hidden;background:#e8dfc9;color:#2b2217;user-select:none;-webkit-user-select:none;font-family:var(--font-game);font-variant-numeric:tabular-nums}@media(width>27rem){.game{margin-top:16px;height:min(calc(100svh - 3rem),52rem);border-radius:22px;box-shadow:0 18px 50px #00000047}}.room{position:absolute;inset:0;z-index:0;overflow:hidden}.room img{position:absolute;display:block;pointer-events:none}.room .bg{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%}.room .t-write{z-index:1;left:46%;top:23%;width:31%;height:auto;transform:translate(-50%);transition:opacity .18s,transform .18s}.room .t-caught{z-index:1;left:50%;top:2%;width:104%;height:auto;transform:translate(-50%);opacity:0;transition:opacity .2s}.room .speech{z-index:2;right:-2%;top:7%;width:42%;height:auto;opacity:0;transform:scale(.7) rotate(-6deg);transform-origin:80% 80%;transition:opacity .2s .1s,transform .25s .1s cubic-bezier(.2,1.6,.4,1)}.room .lines{inset:0;z-index:0;width:100%;height:100%;object-fit:fill;opacity:0;transform:scale(1.18);transition:opacity .2s,transform .3s cubic-bezier(.2,1.4,.4,1)}.game[data-screen=done][data-caught=yes] .room .lines{opacity:1;transform:scale(1)}.room .textbook{z-index:3;left:50%;bottom:25%;width:96%;height:auto;transform:translate(-50%)}.room .bento{z-index:4;left:50%;bottom:16%;width:calc(88% * var(--fscale, .8));height:auto;transform:translate(-50%)}.room .hand{z-index:5;left:50%;bottom:6%;width:calc(104% * var(--fscale, .8));height:auto;transform:translate(-50%) translateY(26%);opacity:0;transition:opacity .12s,transform .16s ease-out}.game[data-eating=on] .room .hand{opacity:1;transform:translate(-50%) translateY(0)}.game[data-teacher=hint] .room .t-write{transform:translate(-50%) rotate(-3deg)}.game[data-teacher=look] .room .t-write{transform:translate(-50%) scaleX(-1)}.game[data-screen=done] .room .hand,.game[data-screen=pick] .room .textbook,.game[data-screen=pick] .room .bento,.game[data-screen=pick] .room .hand,.game[data-screen=done][data-caught=yes] .room .t-write{opacity:0}.game[data-screen=done][data-caught=yes] .room .t-caught,.game[data-screen=done][data-caught=yes] .room .speech{opacity:1}.game[data-screen=done][data-caught=yes] .room .speech{transform:scale(1) rotate(-6deg)}.game[data-screen=done][data-caught=yes] .room:after{content:"";position:absolute;inset:0;background:radial-gradient(118% 88% at 50% 30%,transparent 42%,rgb(70 8 12 / 55%) 100%)}.game>section{position:absolute;inset:0;display:none;flex-direction:column;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}.game>.s-pick{overflow:hidden}.game[data-screen=pick] .s-pick,.game[data-screen=play] .s-play,.game[data-screen=done] .s-done{display:flex}.redbtn,.darkbtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px 18px;border:none;border-radius:999px;font-family:var(--font-game);font-weight:900;font-size:1.1875rem;letter-spacing:.04em;color:#fff;cursor:pointer;text-decoration:none;background:linear-gradient(180deg,#e4463f,#c92a26);box-shadow:inset 0 2px #ffffff59,0 5px #8f1a18,0 9px 16px #0000004d;transition:transform .08s,box-shadow .08s}.darkbtn{background:linear-gradient(180deg,#4a4a4a,#262626);box-shadow:inset 0 2px #fff3,0 5px #141414,0 9px 16px #0000004d}.redbtn:active,.darkbtn:active{transform:translateY(5px);box-shadow:inset 0 2px #ffffff40}.redbtn i{font-style:normal;opacity:.75}.redbtn.big{padding:19px 18px;font-size:1.3125rem}.s-pick:before{content:"";position:absolute;left:0;right:0;top:0;height:46%;pointer-events:none;background:linear-gradient(180deg,rgb(252 249 240 / 86%) 0 42%,transparent 100%)}.title{position:relative;text-align:center;margin-bottom:auto}.presents{margin:0;font-size:.6875rem;font-weight:700;color:#4a3a22;text-shadow:0 1px 2px rgb(255 255 255 / 75%)}.title img{display:block;width:min(70%,18rem);height:auto;margin:2px auto 0}.bigbest[hidden]{display:none}.bigbest{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:8px 0 0;color:#3a2d1b;text-shadow:0 1px 4px rgb(255 255 255 / 90%)}.bigbest small{font-size:.75rem;font-weight:700;color:#6b5a3c}.bigbest b{font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:-.03em;background:linear-gradient(transparent 68%,#ffd84d 68% 94%,transparent 94%)}.bigbest i{font-style:normal;font-size:1.125rem;font-weight:900}.sub{margin:2px 0 0;font-size:.8125rem;font-weight:900;color:#3a2d1b;text-shadow:0 1px 3px rgb(255 255 255 / 85%)}.card>.redbtn,.card>.note{flex:none}.card{position:relative;display:flex;flex-direction:column;min-height:0;max-height:68%;margin-top:auto;padding:11px 11px 10px;border-radius:16px;background:#fcf9f0;box-shadow:0 10px 26px #0000004d}.card h2{flex:none;margin:0 0 6px;font-size:.9375rem;font-weight:900;text-align:center}.picklist{display:grid;gap:5px;margin-bottom:9px;padding-right:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.pick{position:relative;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:4px 7px;border:2px solid #e2dbc8;border-radius:10px;background:#fffdf7;font-family:inherit;color:inherit;text-align:left;cursor:pointer}.pick[aria-pressed=true]{border-color:#d93a33;background:#fff6f4}.pick img{width:30px;height:30px;object-fit:contain}.pname{display:grid;gap:1px;min-width:0}.tier{justify-self:start;padding:0 6px;border-radius:999px;font-size:.5rem;font-style:normal;font-weight:900;color:#fff;line-height:1.6}.tier.t1{background:#2f8a52}.tier.t2{background:#d08a16}.tier.t3{background:#c43a30}.pname b{font-size:.8125rem;font-weight:900}.pname small{font-size:.625rem;font-weight:900}.pname small i{font-style:normal;font-size:.625rem;font-weight:700;color:#8a8070}.pmeters{display:grid;gap:2px;justify-items:end}.pmeters>span{display:flex;align-items:center;gap:5px}.pmeters small{font-size:.5rem;font-weight:700;color:#8a8070}.pmeters i{font-style:normal;font-size:.4375rem;letter-spacing:1.3px;color:#ddd7c7}.pmeters.t1 i.on{color:#2f8a52}.pmeters.t2 i.on{color:#e09a1c}.pmeters.t3 i.on{color:#d93a33}.pcheck{position:absolute;right:-5px;top:-5px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#d93a33;color:#fff;font-size:.6875rem;font-weight:900;opacity:0;transform:scale(.5);transition:opacity .12s,transform .12s}.pick[aria-pressed=true] .pcheck{opacity:1;transform:scale(1)}.note{display:flex;align-items:center;justify-content:space-between;margin:9px 2px 0;font-size:.6875rem;font-weight:700;color:#8a8070}.note a{color:#c43a30;text-decoration:none}.backbtn{position:absolute;right:9px;top:calc(6px + env(safe-area-inset-top,0px));width:26px;height:26px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:#3c302024;color:#5c4a2e;font-size:.75rem;font-weight:900;line-height:1;cursor:pointer}.backbtn:active{background:#3c302057}.phud{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 6px;margin:calc(-10px - env(safe-area-inset-top,0px)) -12px 0;padding:calc(6px + env(safe-area-inset-top,0px)) 40px 7px 14px;background:#fcf9f0f2;border-bottom:2px solid rgb(120 95 60 / 22%);box-shadow:0 4px 12px #00000029}.phud p{margin:0}.phud small{display:block;font-size:.6875rem;font-weight:900;color:#8a7555}.pg b,.pt b{font-size:1.5rem}.pg i{font-style:normal}.pt{grid-column:3;text-align:right}.pname2{font-size:1.0625rem;font-weight:900}.plogo{grid-column:2;width:5.5rem;height:auto;margin-top:2px}.pg b{display:inline-block;font-size:2.5rem;background:linear-gradient(transparent 70%,#ffd84d 70% 96%,transparent 96%)}.pt b{font-size:1.875rem}.state{justify-self:center;align-self:start;margin:8px auto 0;padding:5px 16px;border-radius:999px;background:#2f7a4e;color:#fff;font-size:.8125rem;font-weight:900;box-shadow:0 3px 8px #00000047;transition:background .15s}.game[data-teacher=hint] .state{background:#d08a16}.game[data-teacher=look] .state{background:#c92a26}.eatgauge{margin-top:auto;margin-bottom:12px;padding:8px 13px 10px;border-radius:16px;background:#fcf9f0f0;box-shadow:0 4px 12px #00000042}.eatgauge p{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 6px}.eatgauge b{font-size:.9375rem;font-weight:900}.eatgauge i{font-style:normal;font-size:.875rem;font-weight:900;color:#c43a30}.eatgauge .bar{display:block;height:16px;border-radius:999px;background:#e0dac9;box-shadow:inset 0 2px 3px #00000024;overflow:hidden}.eatgauge .bar i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(180deg,#ffd45e,#f0912a);box-shadow:inset 0 -3px #0000001a}.game[data-eating=on] .eatgauge .bar i{background:linear-gradient(180deg,#ffe08a,#f5a03a)}.pfoot{display:grid;justify-items:center;gap:5px}.hint{margin:0;font-size:.75rem;font-weight:700;color:#5c4a2e;text-shadow:0 1px 3px rgb(255 255 255 / 85%)}.s-done:before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;pointer-events:none;background:linear-gradient(180deg,transparent,rgb(16 10 4 / 78%) 30%,rgb(16 10 4 / 93%) 100%)}.s-done>*{position:relative;z-index:1}.s-done{text-align:center;justify-content:flex-end;gap:2px}.stamp{width:min(86%,22rem);height:auto;margin:auto auto 0;filter:drop-shadow(0 6px 14px rgb(0 0 0 / 45%))}.game[data-caught=no] .stamp{display:none}.why{margin:4px 0 12px;padding:5px 16px;align-self:center;border-radius:999px;background:#fff;color:#1c1c1c;font-size:.9375rem;font-weight:900}.reclabel,.rank{margin:0;font-size:.8125rem;font-weight:900;color:#ffffffd1}.best{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 0;font-size:.8125rem;font-weight:900;color:#ffffffd9}.best:before,.best:after{content:"";flex:1;max-width:3.5rem;height:1px;background:#fff6}.score{position:relative;display:inline-block;align-self:center;margin:-2px 0 2px;padding:0 10px;font-size:4.5rem;font-weight:900;line-height:1;letter-spacing:-.045em;color:#fff;text-shadow:0 3px 14px rgb(0 0 0 / 55%);background:linear-gradient(transparent 66%,#ffd84d 66% 92%,transparent 92%)}.score small{font-size:1.75rem;margin-left:2px}.new{margin:4px 0 0;align-self:center;padding:2px 12px;border-radius:999px;background:#ffd84d;color:#5a3f05;font-size:.75rem;font-weight:900}.rank{margin-top:8px}.rank b{padding:2px 10px;border-radius:999px;background:#ffd84d;color:#5a3f05}.drow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.drow .redbtn,.drow .darkbtn{font-size:1rem;padding:14px 10px}.gamelist{display:grid;gap:12px}.gamelist a{display:grid;gap:2px;padding:0 0 12px;border:1px solid var(--line);border-radius:14px;background:var(--chrome);color:var(--ink);text-decoration:none;overflow:hidden}.gamelist img{width:100%;height:auto;display:block;border-bottom:1px solid var(--line);margin-bottom:8px}.gamelist b{padding:0 14px;font-size:.9375rem}.gamelist span{padding:0 14px;font-size:.75rem;line-height:1.5;color:var(--muted)}
