:root{--ink:#0b0a12;--paper:#f6e9c8;--edge:#5e4a3a;--dim:#a89878;--cell:48px}html,body{background:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--paper);letter-spacing:.04em;margin:0;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#c{width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;display:block;position:fixed;inset:0}button{font:inherit;color:var(--paper);border:1px solid var(--edge);background:#0b0a12c7;border-radius:0;padding:10px 12px}button:active{background:#5e3a2e}button.on{border-color:var(--paper);background:#3b2a3a}.outline,#hud,#toast{text-shadow:1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink)}#hud{pointer-events:none;position:fixed;top:10px;left:12px;right:12px}.meter{align-items:center;gap:8px;margin-bottom:4px;display:flex}.meter span{width:44px}.track{border:1px solid var(--edge);background:#0b0a12b3;width:120px;height:8px}.fill{width:50%;height:100%}.fill.belly{background:#e8a820}.fill.belly.low{animation:1.6s ease-in-out infinite bellyLow}@keyframes bellyLow{50%{background:#a8281a}}.fill.vigor{background:#d8342a}#coin{color:#f0c648}#fx{color:#5ff0d0;min-height:1.4em}#where{color:var(--dim)}#toast{text-align:center;opacity:0;pointer-events:none;padding:0 24px;font-size:14px;transition:opacity .25s;position:fixed;top:34%;left:0;right:0}#toast.high{top:20%}#packView[hidden],#err[hidden]{display:none}#packView{flex-direction:column;align-items:center;gap:12px;display:flex}#grid{touch-action:none;background-image:linear-gradient(to right, var(--edge) 1px, transparent 1px), linear-gradient(to bottom, var(--edge) 1px, transparent 1px);background-size:var(--cell) var(--cell);border-right:1px solid var(--edge);border-bottom:1px solid var(--edge);background-color:#1a1423;position:relative}.item{touch-action:none;position:absolute}.item .cell{width:var(--cell);height:var(--cell);box-sizing:border-box;border:1px solid var(--ink);position:absolute}.item img{image-rendering:pixelated;pointer-events:none;position:absolute}.item.sel .cell{border-color:var(--paper)}#info{text-align:center;width:100%;max-width:320px;min-height:96px}#info .name{font-size:14px}#info .sub{color:var(--dim);margin:4px 0 10px}#info .acts{justify-content:center;gap:8px;display:flex}button:disabled{opacity:.4}.note{color:#5ff0d0;padding:4px 0 10px}#fade{background:var(--ink);opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1}#err{text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex;position:fixed;inset:0}#inHand{border:1px dashed var(--edge);justify-content:center;padding:6px 16px;display:flex}#packTip{color:var(--dim);text-align:center;font-size:11px}#packView{gap:8px}#card{text-align:center;pointer-events:none;z-index:6;color:var(--paper);opacity:0;text-shadow:1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink);font-size:11px;transition:opacity .18s;position:fixed;top:84px;left:12px;right:12px}#card.on{opacity:.9}#cardName{color:#f0c648;margin-right:10px}.lid{pointer-events:none;z-index:4;background:#07060f;height:0;position:fixed;left:0;right:0}#lidT{top:0}#lidB{bottom:0}#toast{z-index:7}#cardHint span{opacity:.6;margin-right:8px}#cardHint span.on{opacity:1;font-weight:700;text-decoration:underline}.fxDark{opacity:0;pointer-events:none;z-index:5;background:#07060f;position:fixed;inset:0}.fxDark.on{animation:.9s linear both fxDark}@keyframes fxDark{0%,50%{opacity:1}to{opacity:0}}.fxReveal{text-align:center;pointer-events:none;z-index:8;opacity:0;color:#f6e9c8;text-shadow:2px 2px #0b0a12,-2px 2px #0b0a12,2px -2px #0b0a12,-2px -2px #0b0a12,0 2px #0b0a12,0 -2px #0b0a12,2px 0 #0b0a12,-2px 0 #0b0a12;padding:0 22px;position:fixed;top:22%;left:0;right:0}.fxReveal.on{animation:2.8s linear both fxFade}.fxReveal.on.first{animation-duration:3.8s}.fxReveal.on:not([data-fx=""]):not(.by){animation-delay:.5s}.fxReveal.by .fxName{animation-delay:0s!important}@keyframes fxFade{0%{opacity:0}6%{opacity:1}80%{opacity:1}to{opacity:0}}.fxLook{letter-spacing:.3em;text-transform:uppercase;font-size:12px}.fxName{letter-spacing:.04em;text-transform:uppercase;margin:2px 0 6px;font-size:min(40px,9vw);font-weight:700;line-height:1.05;display:inline-block}.fxReveal.on .fxName{animation:.5s cubic-bezier(.2,1.6,.4,1) .5s both fxSlam}.fxReveal.first .fxName{font-size:min(46px,10vw)}@keyframes fxSlam{0%{opacity:0;transform:scale(2.4)rotate(-6deg)}60%{opacity:1}to{transform:scale(1)rotate(-2deg)}}.fxText{max-width:300px;margin:0 auto;font-size:13px}.fxTag{color:#f0c648;letter-spacing:.06em;margin-top:8px;font-size:11px}.fxReveal:not(.first) .fxTag{color:#a89878}.fxReveal.on[data-fx=kaleido] .fxName{animation:.5s cubic-bezier(.2,1.6,.4,1) .5s both fxSlam,.6s linear infinite fxHue}@keyframes fxHue{to{filter:hue-rotate(360deg)}}.fxReveal.on[data-fx=topsy] .fxName{animation:1.2s ease-in-out .5s both fxFlip}@keyframes fxFlip{0%{opacity:0;transform:scale(2)rotate(0)}30%{opacity:1}to{transform:scale(1)rotate(180deg)}}.fxReveal.on[data-fx=tiny] .fxName{animation:.9s ease-in .5s both fxShrink}@keyframes fxShrink{0%{opacity:0;transform:scale(1.6)}20%{opacity:1}to{transform:scale(.72)}}.fxReveal.on[data-fx=giant] .fxName{animation:.9s ease-out .5s both fxGrow}@keyframes fxGrow{0%{opacity:0;transform:scale(.3)}20%{opacity:1}to{transform:scale(1.1)}}.fxReveal.on[data-fx=gutrot] .fxName{animation:.5s cubic-bezier(.2,1.6,.4,1) .5s both fxSlam,.9s ease-in-out infinite fxQueasy}@keyframes fxQueasy{50%{transform:translateY(3px)skew(-8deg)}}.fxReveal.on[data-fx=bighand] .fxName{animation:1s cubic-bezier(.3,1.8,.5,1) .5s both fxBloat}@keyframes fxBloat{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{transform:scale(1.15,1.3)}}.fxReveal.on[data-fx=leadfoot] .fxName{animation:.7s cubic-bezier(.5,0,.8,.4) .5s both fxDrop}@keyframes fxDrop{0%{opacity:0;transform:translateY(-80px)}30%{opacity:1}to{transform:translateY(14px)}}.fxReveal[data-fx=""]{top:30%}.fxReveal[data-fx=""] .fxText{color:#a89878}.fxReveal.on:not(.first):not(.by):not([data-fx=""]){animation-duration:2s}.fxReveal:not(.first):not(.by) .fxName{font-size:min(28px,7vw)}.fxReveal:not(.first):not(.by) .fxText{display:none}.fxReveal.on[data-fx=combo] .fxName{animation:.5s cubic-bezier(.2,1.6,.4,1) both fxSlam,.8s ease-in-out infinite fxShimmer}@keyframes fxShimmer{50%{color:#f0c648;letter-spacing:.09em}}#cardNotes{text-align:left;margin:5px auto 0;font-size:12.5px;display:table}#cardNotes>div{display:table-row}#cardNotes span{padding:1px 0;display:table-cell}#cardNotes span:first-child{color:#a89878;text-align:right;padding-right:10px}#cardNotes .read span:last-child{color:#e8f8d0}#cardNotes .unread span:last-child{color:#8a8070;font-style:italic}#cardNotes .new span:last-child{animation:1.2s ease-out noteIn;display:table-cell}@keyframes noteIn{0%{color:#fff;background:#f0c64873}to{color:#e8f8d0;background:0 0}}#card.doubt #cardName{color:#f0a050}#card.deadly #cardName{color:#ff5a4a}#fall{z-index:9;background:0 0;transition:background-color 1.2s;display:none;position:fixed;inset:0}#fall.on{display:block}#fall.dark{background:#07060f}#fall .words{text-align:center;color:#f6e9c8;padding:0 28px;font-size:15px;line-height:1.5;position:absolute;top:38%;left:0;right:0}#fall .line{opacity:0;margin-bottom:10px;animation:1.4s ease-out forwards fallLine}@keyframes fallLine{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#fall.wake{pointer-events:none}#fall.wake .words{font-size:13.5px;top:auto;bottom:16%}#fall.wake .words,#fall.grave .words{text-shadow:2px 2px #0b0a12,-2px 2px #0b0a12,2px -2px #0b0a12,-2px -2px #0b0a12}#fall.grave .words{top:auto;bottom:9%}#fall .carve{letter-spacing:.14em;text-transform:uppercase;color:#e8e0d0;font-size:min(22px,6vw)}#fall .cause{color:#f0c648;font-size:15px}#fall .facts{color:#c8b898;letter-spacing:.06em;font-size:12px}#fall .tap{color:#a89878;margin-top:16px;font-size:11px;animation-duration:3s}body.falling #hud,body.falling #corner,body.falling #card,body.falling #fork{visibility:hidden}