:root{--u: 2px;--b: 2px;--fs: 14px;--fs-m: 16px;--fs-l: 18px;--fs-xl: 28px;--tap: 44px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--font: "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--page-bg, #5a3a28);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;font-family:var(--font);font-size:14px;color:var(--ink)}body.wide{background:radial-gradient(ellipse at 50% 55%,var(--wine) 0%,var(--plum) 55%,var(--ink) 100%)}#app{position:fixed;inset:0}#boot{display:none}#stage{position:absolute;overflow:hidden;touch-action:manipulation}body.wide #stage{box-shadow:0 0 0 var(--b) var(--ink),0 0 calc(var(--u) * 24) calc(var(--u) * 4) #f0a95a2e}#scene{position:absolute;left:0;top:0;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation}.side-fill{position:absolute;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}#ui{position:absolute;inset:0;pointer-events:none;font-size:var(--fs);line-height:1.4}#ui .tray,#ui .fight,#ui .cold-info,#ui .quick,#ui .sheet-wrap,#ui .gear,#ui .door-shop,#ui .hit,#ui .fortune-btn,#ui .order-board,#ui .mini-ui{pointer-events:auto}.px-icon{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.px{--bg: var(--cream);--line: var(--ink);background:var(--bg);box-shadow:0 calc(var(--b) * -1) 0 0 var(--line),0 var(--b) 0 0 var(--line),calc(var(--b) * -1) 0 0 0 var(--line),var(--b) 0 0 0 var(--line),inset 0 var(--b) 0 0 var(--hi, rgba(255, 247, 230, .55)),inset 0 calc(var(--b) * -1) 0 0 var(--lo, rgba(27, 18, 32, .12))}.px.dark{--bg: rgba(46, 31, 43, .9);--hi: rgba(240, 169, 90, .2);--lo: rgba(0, 0, 0, .2);color:var(--cream)}.px.wood{--bg: var(--oak);--hi: var(--clay);color:var(--cream)}.px.paper{--bg: var(--cream);--hi: var(--milk)}.btn{-webkit-appearance:none;appearance:none;border:0;margin:var(--b);min-height:var(--tap);min-width:var(--tap);padding:0 var(--s3);font:700 var(--fs-m) / 1.2 var(--font);color:var(--ink);cursor:pointer;--bg: var(--honey);--hi: var(--butter);touch-action:manipulation;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--s1)}.btn:active,.btn.down{transform:translateY(var(--b));--hi: var(--amber)}.btn.alt{--bg: var(--cream);--hi: var(--milk)}.btn.cool{--bg: var(--ice);--hi: var(--snow)}.btn.hot{--bg: var(--coral);--hi: var(--rose);color:var(--milk)}.btn.gold{--bg: var(--butter);--hi: var(--milk)}.btn.big{font-size:var(--fs-l);padding:0 var(--s4);min-height:52px}.btn[disabled]{--bg: var(--ash);--hi: var(--ash);color:var(--plum);cursor:default;transform:none;opacity:.85}.btn canvas{width:24px;height:24px}.dot{position:absolute;right:2px;top:2px;width:12px;height:12px;background:var(--coral);box-shadow:0 0 0 2px var(--ink);pointer-events:none}.primary{animation:hop .9s steps(2) infinite}@keyframes hop{50%{margin-top:-4px;margin-bottom:4px}}@keyframes glow{50%{filter:brightness(1.15)}}.topbar{position:absolute;left:var(--s2);right:var(--s2);display:flex;flex-direction:column;gap:var(--s2);pointer-events:none}.hud-row{display:flex;align-items:stretch;gap:var(--s2)}.warm{flex:1 0 auto;min-width:120px;display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3)}.warm .ico{width:32px;height:32px;flex:none}.warm .nums{display:flex;flex-direction:column;min-width:0;white-space:nowrap}.warm .big{font-size:var(--fs-xl);font-weight:900;color:var(--butter);line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:transform .12s steps(2)}.warm .big.pop{transform:scale(1.12)}.warm .persec{font-size:var(--fs);color:var(--honey);font-weight:700}.side{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:var(--s1) var(--s2);min-width:0;font-size:var(--fs);flex:none;overflow:hidden}.side .line{display:flex;align-items:center;gap:var(--s1);white-space:nowrap;color:var(--cream)}.side .line.sub{min-height:20px}.side .line.sub .trip-pill{margin-left:0}.side .muted{color:var(--ash)}.side .ico{width:20px;height:20px}.chip-lvl{padding:0 var(--s1);font-weight:800;--b: 2px;margin:0 2px;white-space:nowrap;flex:none}.chip-lvl.sm{padding:0 3px}.coldbar{display:flex;align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 0 0 var(--s1);font-size:var(--fs)}.cold-info{flex:1;min-width:0;min-height:var(--tap);display:flex;align-items:center;gap:var(--s2);padding:0 var(--s1);margin:0;border:0;background:transparent;color:var(--cream);font:700 var(--fs) / 1.2 var(--font);cursor:pointer;text-align:left}.cold-info .cd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.coldbar.done .cd{color:var(--butter)}.cold-info .tmr{margin-left:auto;display:flex;align-items:center;gap:var(--s1);white-space:nowrap;flex:none;padding-right:var(--s1)}.cold-info .muted{color:var(--ash);font-weight:700}.cold-slot{display:flex;flex:none;align-self:stretch}.cold-slot:empty{display:none}.gear{width:var(--tap);flex:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-size:var(--fs-l)}.gear canvas{width:24px;height:24px}.vthermo{position:absolute;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s1);pointer-events:none}.vthermo .lab{padding:0 var(--s2);font-size:var(--fs);font-weight:800;color:var(--butter);white-space:nowrap;line-height:1.7}.vthermo .tube{position:relative;width:16px;flex:1;background:var(--ink);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--bark);display:flex;flex-direction:column-reverse}.vthermo .seg{width:100%;opacity:.35}.vthermo .seg+.seg{border-bottom:2px solid var(--ink)}.vthermo .fill{position:absolute;left:0;right:0;bottom:0;transition:height .25s steps(4)}.vthermo .band{position:absolute;left:-4px;right:-4px;box-shadow:inset 0 0 0 2px var(--butter),0 0 0 2px var(--ink);background:#f7cf7e4d}.vthermo .band.hot{box-shadow:inset 0 0 0 2px var(--coral),0 0 0 2px var(--ink);background:#d4504a47;animation:glow .6s steps(2) infinite}.vthermo .band.ok{box-shadow:inset 0 0 0 2px var(--celadon),0 0 0 2px var(--ink);background:#a0d2b44d}.vthermo .mark{position:absolute;left:-6px;right:-6px;height:2px;background:var(--milk)}.nightbar{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s1) var(--s3);flex:1;color:var(--cream)}.nightbar .row{display:flex;align-items:center;gap:var(--s2);white-space:nowrap}.nightbar .num{font-size:var(--fs-l);font-weight:900;color:var(--butter);font-variant-numeric:tabular-nums}.nightbar .muted{color:var(--ash)}.nightbar .grow{flex:1}.nightbar .ico{width:20px;height:20px;flex:none}.shelter-tag{padding:0 var(--s1);background:var(--sage);color:var(--ink);font-weight:800;box-shadow:0 0 0 2px var(--ink)}.nightbar .tube{position:relative;flex:1;height:12px;background:var(--ink);box-shadow:0 0 0 2px var(--ink);display:flex}.nightbar .tube .seg{height:100%;opacity:.4}.nightbar .tube .fill{position:absolute;left:0;top:0;bottom:0}.nightbar .tube .band{position:absolute;top:-3px;bottom:-3px;box-shadow:inset 0 0 0 2px var(--butter),0 0 0 2px var(--ink);background:#f7cf7e40}.best-tag{padding:0 var(--s1);background:var(--butter);color:var(--ink);font-weight:800}.tray{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:var(--s1);background:var(--bark);box-shadow:inset 0 var(--b) 0 0 var(--oak),inset 0 calc(var(--b) * 2) 0 0 var(--cocoa);padding:var(--s2) var(--s1) 0}.foods{display:flex;gap:var(--s1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--b) var(--s1) var(--s1);touch-action:pan-x;flex:none}.foods::-webkit-scrollbar{display:none}.food{flex:none;min-width:60px;height:66px;margin:var(--b);border:0;padding:3px 4px 2px;display:flex;flex-direction:column;align-items:center;cursor:pointer;--bg: var(--oak);--hi: var(--clay);--line: var(--cocoa);touch-action:manipulation}.food canvas{width:32px;height:32px}.food .dots{display:flex;gap:2px;margin-top:2px}.food .fname{margin-top:2px;font:700 var(--fs) / 1.15 var(--font);color:var(--milk);white-space:nowrap;text-shadow:1px 1px 0 var(--cocoa)}.food .dots i{width:6px;height:6px;background:var(--cocoa)}.food .dots i.on{background:var(--butter)}.food:active{transform:translateY(var(--b))}.food.off{opacity:.45;filter:grayscale(.7)}.nav{display:flex;gap:var(--s1);padding:0 var(--s1) var(--s1)}.navbtn{position:relative;flex:1;min-width:0;min-height:52px;margin:var(--b);padding:2px 0 0;flex-direction:column;gap:0;font-size:var(--fs);--bg: var(--cream);--hi: var(--milk)}.navbtn canvas{width:28px;height:28px}.navbtn.on{--bg: var(--butter)}.cold-slot .fight{margin:0;min-height:var(--tap);font-size:var(--fs-m);pointer-events:auto;padding:0 var(--s3)}.topbar .gear{pointer-events:auto}.fight.ready{animation:glow 1.2s steps(2) infinite}.quick{position:absolute;display:flex;gap:var(--s1);padding:2px;z-index:3}.quick .btn{min-width:64px;padding:0 var(--s2);font-size:var(--fs-m)}.quick .btn canvas{width:28px;height:28px}.quick .btn[disabled] canvas{opacity:.45}.quick.docked{position:static;justify-content:center;padding:2px var(--s1) var(--s1)}.quick.docked .btn{flex:1;min-height:52px}.door-shop{position:absolute;z-index:3;min-height:48px}.legend{flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:88px;height:66px;margin:var(--b);padding:0 var(--s1);font-size:var(--fs);line-height:1.25;text-align:center;color:var(--cream);pointer-events:none}.legend .dots{display:flex;gap:2px}.legend .dots i{width:6px;height:6px;background:var(--cocoa)}.legend .dots i.on{background:var(--honey)}.say{position:absolute;max-width:240px;padding:var(--s1) var(--s2);font-size:var(--fs);pointer-events:none;transition:opacity .3s steps(3);z-index:2}.say:after{content:"";position:absolute;left:var(--tail, 20px);bottom:calc(-8px - var(--b));width:6px;height:6px;background:var(--cream);box-shadow:0 0 0 var(--b) var(--ink)}.say.visitor{--bg: var(--milk)}.tag{position:absolute;padding:0 var(--s2);font:800 var(--fs) / 1.6 var(--font);pointer-events:none;--bg: var(--butter);animation:bob .6s steps(2) infinite;white-space:nowrap;z-index:2}.tag.hot{--bg: var(--coral);color:var(--milk)}.tag.ok{--bg: var(--celadon);animation:none}.tag.wait{--bg: var(--ice);animation:none}@keyframes bob{50%{margin-top:-2px}}.hint{position:absolute;padding:var(--s1) var(--s2);font-size:var(--fs-m);font-weight:700;pointer-events:none;--bg: var(--butter);white-space:nowrap;z-index:4}.hint.cold-hint{min-height:var(--tap);display:flex;align-items:center;cursor:pointer}.hand{position:absolute;width:24px;height:26px;pointer-events:none;animation:tap .8s steps(2) infinite;z-index:5}@keyframes tap{50%{margin-left:-2px;margin-top:4px}}.evlabel{position:absolute;padding:var(--s1) var(--s2);font-size:var(--fs-m);font-weight:800;pointer-events:none;--bg: var(--butter);white-space:nowrap;z-index:4}.evlabel.cold{--bg: var(--ice)}.evlabel:after{content:"";position:absolute;left:var(--tail, 50%);bottom:calc(-8px - var(--b));width:6px;height:6px;margin-left:-3px;background:var(--bg);box-shadow:0 0 0 var(--b) var(--ink)}.evlabel.below:after{bottom:auto;top:calc(-8px - var(--b))}.evlabel .sec{color:var(--rust);margin-left:var(--s1)}.floats{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.float{position:absolute;left:0;top:0;font:900 var(--fs-l) / 1 var(--font);color:var(--butter);white-space:nowrap;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink);animation:floatUp .9s steps(9) forwards}.float.roll{animation:none;font-size:22px;transition:transform .09s steps(2)}.float.crit{font-size:26px;color:var(--coral);animation-duration:1.2s}.float.mega{font-size:32px;color:var(--celadon);animation-duration:1.4s}.float.reward{font-size:24px;color:var(--butter);animation-duration:1.4s}@keyframes floatUp{0%{opacity:0;margin-top:6px}15%{opacity:1;margin-top:0}70%{opacity:1}to{opacity:0;margin-top:-40px}}.banner{position:absolute;left:50%;padding:var(--s2) var(--s4);font:900 22px / 1.2 var(--font);color:var(--ink);--bg: var(--butter);white-space:nowrap;pointer-events:none;z-index:7;animation:bannerIn 1.6s steps(8) forwards}.banner.jade{--bg: var(--celadon)}@keyframes bannerIn{0%{transform:translate(-50%,-20px);opacity:0}15%{transform:translate(-50%);opacity:1}80%{opacity:1}to{transform:translate(-50%,-10px);opacity:0}}.toasts{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--s2);pointer-events:none;z-index:8}.toast{padding:var(--s1) var(--s3);font-size:var(--fs);max-width:320px;text-align:center;animation:toastIn .25s steps(3)}.toast.gold{--bg: var(--butter);font-weight:800}.toast.cold{--bg: var(--ice)}.toast.slip{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--tap);border:0;font:700 var(--fs) / 1.3 var(--font);color:var(--ink);--bg: var(--cream);cursor:pointer;max-width:calc(100% - 32px)}.toast.slip canvas{width:24px;height:24px;flex:none}.toast.slip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast.slip b{flex:none;padding:0 var(--s1);background:var(--honey);box-shadow:0 0 0 2px var(--ink)}@keyframes toastIn{0%{transform:translateY(-12px);opacity:0}}.sheet-wrap{position:absolute;inset:0;background:#1b122080;display:flex;align-items:center;justify-content:center;z-index:9}.sheet-wrap.peek{background:transparent;pointer-events:none}.sheet-wrap.peek .sheet{transform:translateY(66%);opacity:.35}.sheet{transition:transform .22s steps(3),opacity .22s steps(3);width:calc(100% - var(--s4));max-width:400px;max-height:calc(100% - 96px);display:flex;flex-direction:column;animation:sheetIn .22s steps(3)}@keyframes sheetIn{0%{transform:translateY(20px);opacity:0}}.sheet-head{flex:none;display:flex;align-items:center;padding:var(--s1) var(--s1) var(--s1) var(--s3);gap:var(--s2);background:var(--oak);color:var(--cream);font-weight:800;font-size:var(--fs-l);box-shadow:inset 0 calc(var(--b) * -1) 0 0 var(--bark)}.sheet-head .grow{flex:1;min-width:0}.sheet-head .x{margin:0;--bg: var(--clay);--hi: var(--amber);color:var(--milk);font-size:var(--fs-l)}.tabs{flex:none;display:flex;background:var(--bark);padding:var(--s1) var(--s1) 0;gap:var(--s1);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;min-height:var(--tap);padding:0 var(--s2);border:0;background:var(--oak);color:var(--cream);font:700 var(--fs) / 1 var(--font);cursor:pointer;position:relative}.tab.on{background:var(--cream);color:var(--ink)}.sheet-body{overflow-y:auto;padding:var(--s3);-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:120px}.sheet-foot{flex:none;padding:var(--s2) var(--s3);display:flex;gap:var(--s2);justify-content:flex-end;flex-wrap:wrap;border-top:var(--b) dashed var(--butter)}.muted{color:var(--pewter)}.small{font-size:var(--fs)}.center{text-align:center}.title{font-weight:800;font-size:var(--fs-m)}.prog{font-size:var(--fs);color:var(--rust);margin-bottom:var(--s2)}.sect{margin:var(--s3) 0 var(--s1);font-weight:800;color:var(--rust);font-size:var(--fs-m)}.status{min-height:1.4em;font-size:var(--fs);color:var(--rust);margin-top:var(--s1);white-space:pre-wrap}.list{display:flex;flex-direction:column;gap:var(--s2)}.item{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);margin:var(--b);--bg: var(--milk);--hi: transparent}.item canvas{width:32px;height:32px;flex:none}.item .grow{flex:1;min-width:0}.item .btn{padding:0 var(--s2);font-size:var(--fs)}.item.want{--bg: var(--butter)}.item.locked{opacity:.6}.grade{display:inline-block;padding:0 var(--s1);font-size:var(--fs);color:var(--milk);background:var(--rust);margin-left:var(--s1)}.grade.perfect{background:var(--honey);color:var(--ink)}.grade.burnt{background:var(--cocoa)}.grade.raw,.grade.half{background:var(--ash);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.cell{display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s2) var(--s1);margin:var(--b);font-size:var(--fs);text-align:center;--bg: var(--milk);--hi: transparent}.cell canvas{width:40px;height:40px}.cell.off{opacity:.55}.cell.on{--bg: var(--butter)}.frow{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) 0;border-bottom:2px dashed var(--butter)}.frow canvas{width:32px;height:32px;flex:none}.frow .name{width:4.5em;flex:none}.frow .gs{display:flex;gap:2px;flex:1;justify-content:flex-end;flex-wrap:wrap}.frow .gs span{min-width:2.4em;padding:0 2px;font-size:var(--fs);line-height:1.6;text-align:center;background:var(--snow);color:var(--pewter)}.frow .gs span.on{background:var(--honey);color:var(--ink)}.frow .gs span.on.burnt{background:var(--cocoa);color:var(--cream)}.slider{display:flex;align-items:center;gap:var(--s3);min-height:var(--tap)}.slider label{width:5em;flex:none}.slider input{flex:1}input[type=range]{-webkit-appearance:none;appearance:none;height:var(--tap);background:transparent;margin:0 var(--s2);touch-action:pan-x}input[type=range]::-webkit-slider-runnable-track{height:10px;background:var(--oak);box-shadow:0 0 0 var(--b) var(--ink)}input[type=range]::-moz-range-track{height:10px;background:var(--oak)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:36px;margin-top:-13px;background:var(--honey);box-shadow:0 0 0 var(--b) var(--ink),inset 0 var(--b) 0 0 var(--butter);border:0;border-radius:0}input[type=range]::-moz-range-thumb{width:28px;height:36px;background:var(--honey);border:var(--b) solid var(--ink);border-radius:0}.fac{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--s2);padding:var(--s2);margin:var(--b);--bg: var(--milk);--hi: transparent;position:relative}.fac canvas{width:48px;height:48px}.fac .nm{font-size:var(--fs-m);font-weight:800}.fac .lv{color:var(--rust);font-weight:800;margin-left:var(--s1)}.fac .ef{font-size:var(--fs);color:var(--bark)}.fac .delta{font-size:var(--fs-l);font-weight:900;color:var(--rust)}.fac .nx{font-size:var(--fs);color:var(--clay);font-weight:700}.fac .buy{min-width:96px;flex-direction:column;gap:0;line-height:1.1;padding:var(--s1) var(--s2)}.fac .buy .cost{font-size:var(--fs)}.fac.can{--bg: var(--cream);box-shadow:0 calc(var(--b) * -1) 0 0 var(--ink),0 var(--b) 0 0 var(--ink),calc(var(--b) * -1) 0 0 0 var(--ink),var(--b) 0 0 0 var(--ink),inset 0 0 0 var(--b) var(--butter)}.fac.lock{opacity:.65}.maxed{padding:var(--s1) var(--s2);background:var(--butter);font-weight:800}.stew{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--s2);padding:var(--s2);margin:var(--b);--bg: var(--milk);--hi: transparent}.stew canvas{width:48px;height:48px}.recipes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s2)}.recipes .btn{flex-direction:column;gap:0;min-height:56px;font-size:var(--fs)}.timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--rust)}.rank{display:grid;grid-template-columns:2.6em 36px 1fr auto;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);min-height:48px;border-bottom:2px dashed var(--butter)}.rank .no{font-weight:900;color:var(--rust);text-align:center;font-size:var(--fs-m)}.rank .av{width:36px;height:36px;background:var(--ash);box-shadow:0 0 0 2px var(--ink);object-fit:cover}.rank .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank .sc{font-weight:900;font-variant-numeric:tabular-nums}.rank.me{background:var(--butter)}.rank.top1 .no{color:var(--honey)}.modal{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b1220d1;padding:var(--s4);animation:fadeIn .2s steps(3);font-size:15px}@keyframes fadeIn{0%{opacity:0}}.modal .card-img{display:block;width:min(86vw,calc((100vh - 170px)*.75),432px);height:auto;image-rendering:pixelated;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;pointer-events:auto;box-shadow:0 0 0 4px var(--ink);animation:cardIn .42s steps(6)}@keyframes cardIn{0%{transform:translateY(40px) scale(.6);opacity:0}60%{transform:translateY(-6px) scale(1.03);opacity:1}}.modal .acts{display:flex;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;justify-content:center}.modal .btn{font-size:16px;--b: 3px}.modal .status{color:var(--butter);text-align:center;font-size:15px;max-width:320px}.modal .longpress{color:var(--ash);font-size:14px;margin-top:var(--s1)}.note{width:min(90vw,360px);padding:18px 18px 14px;font-size:16px;line-height:1.7;--b: 3px;--bg: var(--cream);background-image:repeating-linear-gradient(0deg,transparent 0 26px,var(--butter) 26px 27px);animation:cardIn .42s steps(6)}.note h3{margin:0 0 8px;font-size:18px;color:var(--rust)}.note .sig{text-align:right;color:var(--rust);margin-top:6px}.note .gain{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:15px;color:var(--bark)}.note .gain span{display:inline-flex;align-items:center;gap:4px}.note .gain canvas{width:28px;height:28px}.note .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.note .big{font-size:24px;font-weight:900}.note .huge{font-size:40px;font-weight:900;color:var(--rust);line-height:1.2}.note .stars{display:flex;gap:2px}.note .stars canvas{width:32px;height:32px}.note .stars canvas.dim{opacity:.25;filter:grayscale(1)}.note .sig .paw{display:inline-block;width:18px;height:16px;vertical-align:-2px}.note.save-card{max-height:calc(100vh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch;line-height:1.5;background-image:none;pointer-events:auto}.save-card .sect{margin-top:var(--s3)}.save-line{color:var(--bark)}.save-code{display:block;width:100%;box-sizing:border-box;margin:var(--s1) 0;padding:var(--s1);font:14px/1.35 ui-monospace,Menlo,monospace;word-break:break-all;resize:none;border:2px solid var(--ink);background:#fffaf0;color:var(--ink);-webkit-user-select:text;user-select:text}.save-acts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s1)}.save-acts .btn,.save-bak .btn{min-height:var(--tap);font-size:15px}.save-msg{color:var(--rust);min-height:1.2em}.save-bak{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s1) 0;border-top:2px dashed var(--butter)}.save-bak .btn{flex:none}.save-conflict{margin-top:var(--s2);padding:var(--s2);border:2px solid var(--rust);background:#fff3dc}.lvl-badge{display:inline-block;padding:2px 10px;font-weight:800;color:var(--ink);--b: 3px}.cold-chip{display:inline-flex;align-items:center;gap:6px}.cold-chip .cold-label{font-size:15px;color:var(--rust);font-weight:800}.reveal{text-align:center}.reveal .loot{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.reveal .loot span{padding:2px 8px;background:var(--butter);box-shadow:0 0 0 2px var(--ink);font-size:15px}.opening{background:var(--ink);color:var(--cream);overflow:hidden;padding:0;justify-content:flex-start}.opening canvas.ext{position:absolute;image-rendering:pixelated;image-rendering:crisp-edges}.opening .titles{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none}.opening .t1{font-size:30px;font-weight:900;letter-spacing:.08em;color:var(--butter);text-shadow:3px 3px 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink),2px 0 0 var(--ink)}.opening .t2{font-size:16px;font-weight:700;color:var(--snow);text-shadow:2px 2px 0 var(--ink)}.opening .go{position:absolute;left:50%;transform:translate(-50%);min-width:200px;font-size:20px;min-height:56px}.opening .go.ready{animation:glow 1.2s steps(2) infinite}.opening .sub{position:absolute;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:4px 12px;text-align:center;font-size:15px;color:var(--cream);background:#1b1220b8;box-shadow:0 0 0 2px var(--ink);white-space:nowrap}.opening .sub:empty{display:none}.opening.leaving{pointer-events:none}.opening.leaving .titles,.opening.leaving .go,.opening.leaving .sub{opacity:0;transition:opacity .25s}.fortune-btn{position:relative;flex:none;width:52px;margin:0;padding:2px 0;flex-direction:column;gap:0;font-size:var(--fs);color:var(--cream);pointer-events:auto}.fortune-btn canvas{width:28px;height:28px}.fortune-btn.drawn{opacity:.7}.fortune-btn.ready{--bg: var(--wine);--line: var(--butter);animation:glow .9s steps(2) infinite;color:var(--butter)}.fortune-btn.shake{animation:shake .85s steps(10)}@keyframes shake{10%,50%,90%{margin-left:-3px;margin-right:3px}30%,70%{margin-left:3px;margin-right:-3px}}.trip-pill{display:inline-flex;align-items:center;gap:2px;margin-left:var(--s1);padding:0 var(--s1);background:var(--ice);color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--ink)}.trip-pill.back{background:var(--butter);animation:glow .9s steps(2) infinite}.trip-pill .ico{width:18px!important;height:18px!important}#stage.short .warm{padding:2px var(--s2)}#stage.short .warm .big{font-size:22px}#stage.short .warm .ico{width:24px;height:24px}#stage.short .side{padding:2px var(--s2)}#stage.short .topbar{gap:var(--s1)}#stage.short .fortune-btn{width:48px}.tray.short{padding-top:var(--s1);gap:2px}.tray.short .food{height:56px;padding-top:2px}.tray.short .food .dots{display:none}.tray.short .legend{display:none!important}.tray.short .navbtn{min-height:48px}.tray.short .navbtn canvas{width:24px;height:24px}.order-board{position:absolute;z-index:3;margin:0;padding:2px var(--s1);gap:2px;--bg: var(--cream);--hi: var(--milk);font-size:var(--fs);line-height:1.1}.order-board canvas{width:20px;height:20px;flex:none}.order-board .dot{right:auto;left:-4px;top:-4px}.order-board .ob-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.order-board .ob-text b{font-weight:900}.order-board .ob-text span{color:var(--rust);font-weight:700}.order-board.ready{--bg: var(--butter);animation:glow 1s steps(2) infinite}.bed-note{position:absolute;z-index:2;padding:0 var(--s2);font:700 var(--fs) / 1.6 var(--font);pointer-events:none;white-space:nowrap}.bed-note.door{--bg: var(--butter);font-weight:900;animation:bob .6s steps(2) infinite}.food-card{pointer-events:none;position:absolute;left:50%;transform:translate(-50%);width:min(340px,calc(100% - 24px));padding:var(--s3);z-index:8;--b: 3px;animation:cardUp .25s steps(4);display:flex;flex-direction:column;gap:var(--s2)}@keyframes cardUp{0%{margin-bottom:-16px;opacity:0}}.food-card .fc-top{display:flex;gap:var(--s3);align-items:flex-start}.food-card .fc-img{width:64px;height:64px;flex:none;background:var(--oak);box-shadow:0 0 0 3px var(--ink);padding:8px;box-sizing:content-box}.food-card .fc-name{font:900 var(--fs-l) / 1.2 var(--font)}.food-card .fc-new{display:inline-block;padding:0 var(--s1);background:var(--coral);color:var(--milk);font-weight:800;margin:2px 0}.food-card .fc-desc{font-size:var(--fs);line-height:1.5;color:var(--bark);margin-top:2px}.food-card .fc-heat{display:flex;gap:2px}.food-card .fc-heat span{flex:1;text-align:center;font:700 var(--fs) / 1.7 var(--font);background:var(--seg);opacity:.32;color:var(--ink)}.food-card .fc-heat span.on{opacity:1;box-shadow:inset 0 0 0 2px var(--ink);font-weight:900}.food-card .fc-line{font-weight:800;font-size:var(--fs)}.food-card .fc-row{display:flex;gap:var(--s2);flex-wrap:wrap}.food-card .fc-chip{padding:2px var(--s2);background:var(--milk);box-shadow:0 0 0 2px var(--ink);font-size:var(--fs);font-weight:700}.mini-ui{position:absolute;inset:0;z-index:7;touch-action:none;-webkit-tap-highlight-color:transparent}.mini-bar{position:absolute;left:var(--s2);right:var(--s2);top:var(--mtop, 8px);padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:var(--s1);pointer-events:none}.mini-bar .mrow{display:flex;align-items:center;gap:var(--s2)}.mini-bar .mt{font-size:var(--fs-m);font-weight:800}.mini-bar .msec{margin-left:auto;font-size:var(--fs-l);font-weight:900;color:var(--butter);font-variant-numeric:tabular-nums}.mini-bar .msec.hot{color:var(--coral);animation:glow .5s steps(2) infinite}.mini-bar .mtrack{position:relative;flex:1;height:14px;background:var(--ink);box-shadow:0 0 0 2px var(--ink)}.mini-bar .mfill{position:absolute;left:0;top:0;bottom:0;background:var(--honey);transition:width .12s steps(2)}.mini-bar .mfill.won{background:var(--celadon)}.mini-bar .mgoal{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:var(--milk)}.mini-bar .mrule{font-size:var(--fs);color:var(--cream)}.mini-bar .mscore{min-width:4em;text-align:right;font-size:var(--fs-m);font-weight:900;font-variant-numeric:tabular-nums}.mhit{position:absolute;left:0;top:0;border:0;padding:0;margin:0;background:transparent;border-radius:50%;cursor:pointer;touch-action:none}.mjudge{position:absolute;left:50%;top:44%;transform:translate(-50%);font:900 30px / 1 var(--font);color:var(--butter);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);pointer-events:none;animation:judgePop .35s steps(3);white-space:nowrap}.mjudge.perfect{color:var(--celadon)}.mjudge.miss{color:var(--ash)}@keyframes judgePop{0%{font-size:18px;opacity:.4}60%{font-size:34px}}.mini-ui.rhythm .mjudge{top:36%}.mbig{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(300px,calc(100% - 32px));padding:var(--s3) var(--s4);text-align:center;z-index:2;--b: 3px;animation:cardIn .42s steps(6);pointer-events:none}.mbig.win{--bg: var(--butter)}.mbig .mbt{font:900 var(--fs-l) / 1.4 var(--font)}.mbig .mbs{font-size:var(--fs-m);margin-top:var(--s1)}.mbig .mbr{font:900 var(--fs-l) / 1.4 var(--font);color:var(--rust)}.tut-spot{position:absolute;left:0;top:0;z-index:10;pointer-events:none;box-shadow:0 0 0 9999px #1b122080,inset 0 0 0 3px var(--butter);animation:spot 1s steps(2) infinite}@keyframes spot{50%{box-shadow:0 0 0 9999px #1b122080,inset 0 0 0 3px var(--milk)}}.tut-hand{position:absolute;left:0;top:0;width:24px;height:26px;z-index:12;pointer-events:none;animation:tap .8s steps(2) infinite}.tut-hint{position:absolute;left:0;top:0;z-index:12;padding:var(--s1) var(--s3);font:800 var(--fs-m) / 1.4 var(--font);--bg: var(--butter);white-space:nowrap;pointer-events:none}.tut-ring{position:absolute;left:0;top:0;width:44px;height:44px;z-index:12;pointer-events:none}.tut-ring svg{width:44px;height:44px;transform:rotate(-90deg)}.tut-ring circle{fill:none;stroke-width:5}.tut-ring circle.bg{stroke:var(--ink);fill:#1b122099}.tut-ring circle.arc{stroke:var(--butter);transition:stroke-dasharray .15s steps(2)}.tut-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 14px / 1 var(--font);color:var(--milk)}.tut-pips{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:12;pointer-events:none;padding:4px 6px;background:#1b122099}.tut-pips i{width:8px;height:8px;background:var(--ash);box-shadow:0 0 0 1px var(--ink)}.tut-pips i.done{background:var(--honey)}.tut-pips i.on{background:var(--butter);box-shadow:0 0 0 2px var(--milk)}.tut-teaser{position:absolute;left:16px;right:16px;top:56%;z-index:12;text-align:center;font:900 var(--fs-l) / 1.6 var(--font);color:var(--milk);text-shadow:2px 2px 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink);pointer-events:none;animation:fadeIn .8s steps(4)}.tut-yay{position:absolute;left:50%;top:32%;z-index:12;padding:var(--s2) var(--s4);font:900 var(--fs-l) / 1.2 var(--font);--bg: var(--celadon);white-space:nowrap;pointer-events:none;animation:bannerIn 1.3s steps(8) forwards}.bento-row{display:flex;gap:var(--s2);justify-content:center;margin:var(--s2) 0}.bento-slot{width:76px;height:76px;margin:var(--b);border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:700 var(--fs) / 1.2 var(--font);--bg: var(--snow);cursor:pointer}.bento-slot.full{--bg: var(--butter)}.bento-slot.empty{--bg: var(--snow);background-image:repeating-linear-gradient(45deg,transparent 0 6px,rgba(27,18,32,.06) 6px 12px)}.bento-slot canvas{width:32px;height:32px}.bento-slot[disabled]{cursor:default}.place-hint{margin:var(--s2) var(--b);padding:var(--s2) var(--s3);--bg: var(--ice);font-size:var(--fs);line-height:1.5}.cell.pick{border:0;font:inherit;cursor:pointer;color:var(--ink)}.cell.pick[disabled]{opacity:.5;cursor:default}.chips{display:flex;flex-wrap:wrap;gap:var(--s1)}.chip{padding:0 var(--s2);font-size:var(--fs)}.trip-away{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3);margin:var(--b);--bg: var(--milk)}.trip-away .trip-cat{width:144px;height:96px}.order{padding:var(--s2);margin:var(--b);--bg: var(--milk);--hi: transparent;display:flex;flex-direction:column;gap:var(--s1)}.order.ready{--bg: var(--cream);box-shadow:0 calc(var(--b) * -1) 0 0 var(--ink),0 var(--b) 0 0 var(--ink),calc(var(--b) * -1) 0 0 0 var(--ink),var(--b) 0 0 0 var(--ink),inset 0 0 0 var(--b) var(--butter)}.order-head{display:flex;align-items:center;gap:var(--s2)}.order-head canvas{width:32px;height:32px;flex:none}.order-head .grow{flex:1;min-width:0}.need{display:flex;align-items:center;gap:var(--s2);padding:2px 0 2px var(--s2);border-left:3px solid var(--ash)}.need.ok{border-left-color:var(--jade)}.need canvas{width:28px;height:28px;flex:none}.need .grow{flex:1;min-width:0}.order-foot{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}.order-foot .grow{flex:1}.order-foot .reward{font-weight:900;color:var(--rust)}.order-foot .bonus{font-size:var(--fs);color:var(--bark)}.chapter{padding:var(--s2) var(--s3);margin:var(--b) var(--b) var(--s2);--bg: var(--cream);display:flex;flex-direction:column;gap:var(--s1)}.bar{height:10px;background:var(--cocoa);box-shadow:0 0 0 2px var(--ink);margin:2px 0}.bar i{display:block;height:100%;background:var(--honey)}.goal{position:relative;display:flex;align-items:center;gap:var(--s2);padding:var(--s2);margin:var(--b);--bg: var(--milk);--hi: transparent}.goal .grow{flex:1;min-width:0}.goal.can{--bg: var(--butter)}.goal.got{opacity:.72}.stamp{flex:none;padding:2px var(--s2);font:900 var(--fs-m) / 1.2 var(--font);color:var(--coral);box-shadow:inset 0 0 0 3px var(--coral);transform:rotate(-12deg)}.stamp.hit{position:absolute;right:var(--s3);top:50%;margin-top:-14px;animation:stampIn .5s steps(4);background:#fff7e6cc}@keyframes stampIn{0%{transform:rotate(-12deg) scale(2.2);opacity:0}70%{transform:rotate(-12deg) scale(.92);opacity:1}}.chap-tabs{display:flex;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s2)}.chap-tabs .chap{position:relative;padding:0 var(--s3);font-size:var(--fs)}.goal-meta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:2px}.reward-chip{padding:0 var(--s2);font:800 var(--fs) / 1.6 var(--font);background:var(--butter);box-shadow:0 0 0 2px var(--ink)}.goal.got .reward-chip{background:var(--snow);color:var(--pewter)}.photo-modal .gain .use{flex-basis:100%;color:var(--rust)}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.more{position:relative;min-height:88px;flex-direction:column;gap:var(--s1);font-size:var(--fs-m)}.more canvas{width:32px;height:32px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.photo{border:0;margin:var(--b);padding:var(--s1);display:flex;flex-direction:column;align-items:center;gap:2px;font:700 var(--fs) / 1.3 var(--font);color:var(--ink);--bg: var(--milk);cursor:pointer}.photo canvas{width:100%;height:auto;aspect-ratio:4 / 3;image-rendering:pixelated}.photo.off{opacity:.55;cursor:default}.photo.framed{--bg: var(--honey);box-shadow:0 calc(var(--b) * -1) 0 0 var(--ink),0 var(--b) 0 0 var(--ink),calc(var(--b) * -1) 0 0 0 var(--ink),var(--b) 0 0 0 var(--ink),inset 0 0 0 3px var(--rust),inset 0 0 0 5px var(--butter)}.shelf{display:flex;flex-wrap:wrap;gap:var(--s1)}.souv-chip{padding:0 var(--s2);font:700 var(--fs) / 1.8 var(--font);background:var(--milk);box-shadow:0 0 0 2px var(--ink)}.spice{margin:var(--s1) var(--b) var(--s2);padding:var(--s1) var(--s3);--bg: var(--butter);font-weight:800;font-size:var(--fs)}.photo-frame{position:relative;display:block;margin:4px auto 8px;padding:6px;background:var(--milk);box-shadow:0 0 0 3px var(--ink);width:fit-content}.photo-frame .photo-big{display:block;width:min(256px,70vw);height:auto;aspect-ratio:4 / 3;image-rendering:pixelated}.photo-frame .new-tag{position:absolute;right:-10px;top:-10px;padding:0 var(--s2);background:var(--coral);color:var(--milk);font-weight:900;box-shadow:0 0 0 2px var(--ink);transform:rotate(8deg)}.travelog{font-size:16px;line-height:1.7;color:var(--bark);margin:4px 0}.mini-ico{width:32px;height:32px}#ui .damper,#ui .hot-prompt{pointer-events:auto}.damper{position:absolute;z-index:3;margin:0;padding:0 var(--s1);gap:2px;flex-direction:row;font-size:var(--fs);line-height:1.1;white-space:nowrap}.damper .dial{width:24px;height:24px;flex:none;transition:transform .35s steps(4);transform:rotate(45deg)}.damper .dial.closed{transform:rotate(-90deg)}.damper.closed{--bg: var(--ice);--hi: var(--snow);color:var(--ink)}.damper.thermo{flex-direction:column;padding:2px 0;gap:0}.damper.thermo .dial{width:20px;height:20px}.hot-prompt{position:absolute;z-index:9;width:min(280px,calc(100% - 16px));padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:var(--s1);align-items:flex-start;font:700 var(--fs) / 1.4 var(--font);--b: 3px;animation:cardUp .2s steps(3)}.hot-prompt:after{content:"";position:absolute;left:var(--tail, 50%);bottom:-9px;width:8px;height:8px;margin-left:-4px;background:var(--cream);box-shadow:0 0 0 3px var(--ink)}.hot-prompt .hp-acts{align-self:flex-end;display:flex;gap:var(--s1)}.food-card .fc-damper{font-size:var(--fs);font-weight:800;color:var(--rust);padding:2px var(--s2);background:var(--ice);box-shadow:0 0 0 2px var(--ink)}#ui .perk-sign,#ui .nudge{pointer-events:auto}.perk-sign{position:absolute;z-index:3;margin:0;padding:0 var(--s1);gap:2px;font-size:var(--fs);--bg: var(--oak);--hi: var(--clay);color:var(--milk)}.perk-sign canvas{width:20px;height:20px;flex:none}.perk-sign.can{animation:glow 1s steps(2) infinite}.perk-banner{display:block;width:100%;height:auto;image-rendering:pixelated;box-shadow:0 0 0 var(--b) var(--ink);margin-bottom:var(--s2)}.perk-intro{font-weight:800;font-size:var(--fs-m);margin-bottom:2px}.perk-list{margin-top:var(--s2)}.perk{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2);margin:var(--b);--bg: var(--milk);--hi: transparent}.perk.can{--bg: var(--butter)}.perk.got{opacity:.8}.perk .grow{flex:1;min-width:0}.perk-art{flex:none;width:52px;min-height:52px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;background:var(--cream);box-shadow:0 0 0 2px var(--ink)}.perk-art canvas{image-rendering:pixelated}.perk-title-badge{font:900 var(--fs) / 1.2 var(--font);color:var(--rust);text-align:center}.perk-reward{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin:2px 0}.perk-acts{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s1)}.perk-state{font-size:var(--fs);font-weight:800;color:var(--rust);padding:2px var(--s2);background:var(--snow);box-shadow:0 0 0 2px var(--ink)}.perk-dev{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-top:var(--s3);padding-top:var(--s2);border-top:2px dashed var(--ash)}.nudge{position:absolute;left:50%;transform:translate(-50%);width:min(330px,calc(100% - 24px));z-index:8;padding:var(--s2) var(--s3);display:flex;gap:var(--s2);align-items:flex-start;font:700 var(--fs) / 1.5 var(--font);--b: 3px;animation:cardUp .25s steps(4)}.nudge canvas{width:32px;height:32px;flex:none;image-rendering:pixelated}.nudge .grow{flex:1;min-width:0}.nudge .acts{display:flex;gap:var(--s1);justify-content:flex-end;margin-top:var(--s1)}.small-btn{font-size:var(--fs)!important;white-space:normal;text-align:center;line-height:1.2;padding:2px var(--s1)}.photo-frame.gold{background:var(--butter);box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px var(--honey),inset 0 0 0 5px var(--rust);padding:9px}.perk-reward-ico{width:64px;height:auto;image-rendering:pixelated;margin:0 auto 6px;display:block}.warmer-row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1)}.warmer-row .toggle{font-size:var(--fs);padding:0 var(--s2)}#ui .warmer-switch{pointer-events:auto}.warmer-switch{position:absolute;z-index:3;border:0;padding:0;margin:0;background:transparent;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.warmer-switch span{padding:0 4px;font:800 var(--fs) / 1.4 var(--font);--bg: var(--butter);white-space:nowrap}.warmer-switch.off span{--bg: var(--ash);color:var(--plum)}.perk-link{margin:var(--s3) 0;width:100%;justify-content:center}.damper-tip{position:absolute;z-index:8;max-width:220px;padding:var(--s1) var(--s3);font:800 var(--fs) / 1.4 var(--font);pointer-events:none;animation:cardUp .25s steps(3)}.damper-tip:after{content:"";position:absolute;left:var(--tail, 50%);bottom:-9px;width:8px;height:8px;margin-left:-4px;background:var(--cream);box-shadow:0 0 0 var(--b) var(--ink)}.damper.nudged{animation:glow .6s steps(2) infinite;--line: var(--butter)}