@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(./caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(./caveat-latin-ext-600-normal-shBvSnoU.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(./caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(./caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(./caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(./caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff")}:root{--ink:#3a2a1d;--ink-soft:#6a5240;--paper:#f6efdf;--paper-2:#ecdfc4;--leaf:#5d8c3c;--leaf-deep:#2f5a24;--terracotta:#c46a3e;--brass:#b9893c;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-variation-settings:"SOFT" 100, "WONK" 0;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#2f4a26;margin:0;font-family:Fraunces Variable,Georgia,serif;overflow:hidden}#app{position:fixed;inset:0}canvas.gl{width:100%;height:100%;display:block;position:absolute;inset:0}.boot{z-index:50;background:radial-gradient(circle at 50% 45%,#48683a,#22361b 70%);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.boot.out{opacity:0;pointer-events:none}.boot-cocoon{transform-origin:50% -20px;background:radial-gradient(circle at 40% 30%,#d9f0b6,#7fb26a 55%,#3f6d36);border-radius:50% 50% 46% 46%/40% 40% 60% 60%;width:34px;height:58px;animation:1.6s ease-in-out infinite sway;box-shadow:0 0 24px #d6f0aa59}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}#ui{pointer-events:none;z-index:10;font-size:16px;position:fixed;inset:0}#ui .tap{pointer-events:auto;cursor:pointer}.screen{opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.screen.on{opacity:1}.screen.on .tap{pointer-events:auto}.hand{font-family:Caveat,Segoe Print,cursive;font-weight:700}.paper{background-color:var(--paper);background-image:var(--paper-tile), radial-gradient(120% 90% at 30% 20%, #fffcf0e6, #ecdfc499 70%, #d6c4a08c);color:var(--ink)}.deckle{clip-path:polygon(0% 1.5%,4% 0%,9% 1.2%,15% .2%,22% 1%,30% 0%,38% 1.3%,46% .3%,55% 1.1%,63% 0%,71% 1.2%,79% .2%,87% 1%,94% 0%,100% 1.4%,99.2% 8%,100% 16%,99.3% 25%,100% 34%,99.1% 43%,100% 52%,99.4% 61%,100% 70%,99.2% 79%,100% 88%,99.5% 95%,100% 98.6%,95% 100%,88% 98.9%,80% 100%,72% 99%,64% 100%,56% 98.8%,48% 100%,40% 99.1%,32% 100%,24% 98.9%,16% 100%,9% 99.2%,3% 100%,0% 98.4%,.8% 91%,0% 83%,.7% 74%,0% 65%,.9% 56%,0% 47%,.6% 38%,0% 29%,.8% 20%,0% 11%)}.backdrop{position:absolute;inset:0}.how .howrow{align-items:center;gap:10px;min-height:52px;padding-left:18px;font-size:21px;line-height:1.05;display:flex}.how .howrow svg{flex:none;width:40px;height:40px}.menu-top{top:calc(var(--safe-top) + clamp(28px, 7vh, 64px));text-align:center;border-radius:3px;width:min(86vw,360px);padding:22px 18px 16px;position:absolute;left:50%;transform:translate(-50%)rotate(-1.4deg);box-shadow:0 10px 28px #1c281259,inset 0 2px #fff6}.menu-top:before{content:"";box-shadow:0 0 0 3px var(--paper), 0 0 0 4px #3a2a1d59;pointer-events:none;border:1.5px solid #3a2a1d8c;position:absolute;inset:8px}.menu-top .brass-pin{background:radial-gradient(circle at 35% 30%,#fff1c2,#d8a94a 45%,#8a5f1c);border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:-9px;left:50%;box-shadow:0 3px 4px #00000059}.logo{letter-spacing:-.01em;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:var(--ink);text-shadow:0 1px #fff9;margin:4px 0 2px;font-size:clamp(40px,12vw,56px);font-weight:640;line-height:1;position:relative}.logo .i{display:inline-block;position:relative}.logo .i .stem{display:inline-block}.logo .logo-fly{width:.62em;height:.5em;animation:3.2s ease-in-out infinite hover;position:absolute;top:-.32em;left:50%;overflow:visible;transform:translate(-50%)rotate(-8deg)}.logo-fly .lf-l,.logo-fly .lf-r{transform-box:fill-box;animation:.9s ease-in-out infinite flap}.logo-fly .lf-l{transform-origin:100%}.logo-fly .lf-r{transform-origin:0%}@keyframes flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.35)}}@keyframes hover{0%,to{transform:translate(-50%)rotate(-8deg)}50%{transform:translate(-50%,-3px)rotate(4deg)}}.tagline{color:var(--ink-soft);margin-top:6px;font-size:clamp(20px,5.4vw,24px)}.studio{letter-spacing:.24em;text-transform:uppercase;color:#3a2a1d99;margin-top:8px;font-size:11px}.nectar-chip{top:calc(var(--safe-top) + 12px);border-radius:999px 999px 999px 4px;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:20px;display:flex;position:absolute;right:12px;box-shadow:0 3px 10px #00000040}.nectar-chip svg{width:24px;height:24px}.packet{left:50%;bottom:calc(var(--safe-bottom) + clamp(92px, 15vh, 140px));transform-origin:50% 100%;filter:drop-shadow(0 12px 16px #141e0a73);width:min(66vw,250px);animation:4s ease-in-out infinite packet-sway;position:absolute;transform:translate(-50%)rotate(2deg)}@keyframes packet-sway{0%,to{transform:translate(-50%)rotate(2deg)}50%{transform:translate(-50%)rotate(-1.5deg)}}.packet-body{background:var(--paper-tile), linear-gradient(180deg, #e7d2a6, #d8bd86);text-align:center;border-radius:2px 2px 6px 6px;padding:26px 14px 14px;position:relative}.packet-body:before{content:"";background:linear-gradient(-45deg,#e7d2a6 5px,#0000 0) 0 0/10px 10px repeat-x,linear-gradient(45deg,#e7d2a6 5px,#0000 0) 0 0/10px 10px repeat-x;height:10px;position:absolute;top:-9px;left:0;right:0}.packet-art{border:1.5px solid #3a2a1d99;border-radius:2px;width:100%;height:auto;display:block}.packet-name{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px;font-size:13px}.packet-seed{color:var(--ink-soft);font-size:18px}.stamp{border:3px solid var(--terracotta);color:var(--terracotta);letter-spacing:.08em;text-transform:uppercase;font-variation-settings:"SOFT" 0, "WONK" 1;mix-blend-mode:multiply;border-radius:6px;margin-top:6px;padding:4px 18px 6px;font-size:30px;font-weight:760;display:inline-block;transform:rotate(-3deg);-webkit-mask-image:radial-gradient(circle at 20% 30%,#000 60%,#000000bf 61%,#000 80%)}.menu-tags{left:0;right:0;bottom:calc(var(--safe-bottom) + 18px);justify-content:center;gap:clamp(10px,4vw,22px);display:flex;position:absolute}.tag{border-radius:4px 14px 14px 4px;align-items:center;gap:6px;padding:7px 14px 7px 22px;font-size:21px;display:flex;position:relative;box-shadow:0 5px 12px #00000047}.tag:before{content:"";background:#6b5a44;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:8px;box-shadow:0 0 0 2px #d9c69e}.tag svg{width:30px;height:30px}.tag:active,.packet:active{filter:brightness(.95)}.clock{top:calc(var(--safe-top) + 10px);filter:drop-shadow(0 4px 8px #0000004d);width:76px;height:76px;position:absolute;left:10px}.clock svg{width:100%;height:100%;overflow:visible}.clock .time{color:#fff8e6;text-shadow:0 1px 2px #0000008c;white-space:nowrap;font-size:18px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.wingtag{top:calc(var(--safe-top) + 6px);text-align:center;transform-origin:50% -30px;border-radius:10px 10px 14px 14px;width:92px;padding:12px 6px 6px;transition:transform .25s;position:absolute;right:12px;transform:rotate(3deg);box-shadow:0 6px 14px #0000004d}.wingtag:before{content:"";background:#6b5a44;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:5px;left:50%;box-shadow:0 0 0 2px #d9c69e}.wingtag:after{content:"";background:#8b7656;width:1.5px;height:46px;position:absolute;top:-40px;left:50%}.wingtag canvas{width:80px;height:80px;margin:0 auto;display:block}.wingtag .count{font-size:19px;line-height:1}.wingtag.bump{animation:.35s bump}.wingtag.shake{animation:.5s shake}@keyframes bump{40%{transform:rotate(-2deg)scale(1.06)}}@keyframes shake{20%{transform:rotate(10deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}.note{white-space:nowrap;color:#fffaf0;text-shadow:0 2px #3a2a1d8c,0 0 10px #3a2a1d59;will-change:transform, opacity;font-size:30px;animation:1.5s ease-out forwards note-up;position:absolute;top:0;left:0}.note.good{color:#fff4c8}.note.bad{color:#ffd7c8}.note.small{font-size:22px}@keyframes note-up{0%{opacity:0;transform:translate(-50%, -30%) scale(.6) rotate(var(--rot,-4deg))}15%{opacity:1;transform:translate(-50%, -80%) scale(1.08) rotate(var(--rot,-4deg))}75%{opacity:1;transform:translate(-50%, -140%) scale(1) rotate(var(--rot,-4deg))}to{opacity:0;transform:translate(-50%, -170%) scale(.96) rotate(var(--rot,-4deg))}}.tip{left:50%;bottom:calc(var(--safe-bottom) + 22px);opacity:0;align-items:center;gap:8px;width:max-content;max-width:min(88vw,380px);padding:8px 16px 8px 10px;font-size:22px;line-height:1.1;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s;display:flex;position:absolute;transform:translate(-50%,calc(100% + 60px))rotate(-1deg);box-shadow:0 8px 18px #0000004d}.tip.on{opacity:1;transform:translate(-50%)rotate(-1deg)}.tip svg{flex:none;width:38px;height:38px}.stick{opacity:0;border:2px dashed #fffaeb8c;border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;transition:opacity .2s;position:absolute;top:0;left:0}.stick.on{opacity:1}.stick .knob{background:radial-gradient(circle at 35% 30%,#fffaf0,#e8dcbf);border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 3px 6px #0000004d}.dusk-title{text-align:center;color:#fff3dc;text-shadow:0 3px 12px #3c1e1480;font-size:clamp(44px,13vw,60px);position:absolute;top:22%;left:0;right:0}.stakes{left:0;right:0;bottom:calc(var(--safe-bottom) + 6vh);justify-content:center;align-items:flex-end;gap:clamp(14px,6vw,34px);display:flex;position:absolute}.stake{text-align:center;width:clamp(130px,38vw,160px);transition:transform .6s cubic-bezier(.2,.9,.3,1.25);position:relative;transform:translateY(120%)}.screen.on .stake{transform:translateY(0) rotate(var(--rot))}.stake .board{color:#4a2c16;background:repeating-linear-gradient(92deg,#5a34181f 0 2px,#0000 2px 7px),linear-gradient(#e2b77c,#c9925a 60%,#b47e48);border-radius:6px 6px 4px 4px;padding:10px 8px 12px;position:relative;box-shadow:inset 0 2px #ffe6be80,inset 0 -3px #502d1459,0 10px 18px #00000059}.stake .board svg{opacity:.85;width:40px;height:40px}.stake .label{margin-top:2px;font-size:27px;line-height:1;display:block}.stake .post{clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:linear-gradient(90deg,#9b6a3b,#c08a52,#8a5a2e);width:16px;height:46px;margin:0 auto}.stake .hint{width:150px;padding:6px 8px;font-size:18px;line-height:1.05;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 5px 10px #00000040}.sunline{left:18%;right:18%;bottom:calc(var(--safe-bottom) + 2.2vh);background:#fff0d24d;border-radius:2px;height:3px;position:absolute;overflow:hidden}.sunline i{transform-origin:0;background:#ffd9a0;height:100%;display:block}.sheet{background-image:var(--paper-tile), repeating-linear-gradient(180deg, transparent 0 33px, #5a78a02e 33px 34px), linear-gradient(90deg, transparent 0 34px, #c46a3e59 34px 35.5px, transparent 35.5px), radial-gradient(120% 90% at 30% 20%, #fffaf0, #efe3c8 80%);width:min(86vw,360px);padding:26px 24px 22px;transition:transform .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)rotate(-1deg);box-shadow:0 16px 40px #14140a66}.screen.on .sheet{transform:translate(-50%,-50%)rotate(-1deg)}.sheet h2{font-variation-settings:"SOFT" 100, "WONK" 1;margin:0 0 12px 22px;font-size:34px;font-weight:600}.sheet .row{justify-content:space-between;align-items:center;min-height:46px;padding-left:22px;font-size:25px;display:flex}.sheet .item{align-items:center;gap:10px;min-height:48px;padding-left:22px;font-size:28px;display:flex}.sheet .item:before{content:"";border:2px solid var(--ink);border-radius:4px 5px 3px 6px;width:18px;height:18px}.choice{gap:6px;display:flex}.choice>div{color:#3a2a1d8c;border-radius:999px 900px 950px 980px;padding:2px 9px 3px;font-size:22px}.choice>div.sel{color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset, 1px 1px 0 2px #3a2a1d40 inset;transform:rotate(-2deg)}.plate{left:50%;top:calc(var(--safe-top) + 50%);width:min(90vw,380px);max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - 24px);text-align:center;padding:18px 20px 16px;transition:transform .6s cubic-bezier(.2,.9,.3,1.1);position:absolute;overflow:hidden;transform:translate(-50%,-46%)scale(.96);box-shadow:0 18px 50px #0f140a73}.screen.on .plate{transform:translate(-50%,-50%)scale(1)}.plate .day{text-align:left;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);padding-left:4px;font-size:12px}.plate .fly{aspect-ratio:1;width:min(68vw,250px);margin:2px auto 0;position:relative}.plate .fly canvas{filter:url(#wb-paint)drop-shadow(0 6px 5px #32231433)saturate(1.05);width:100%;height:100%}.plate .pin{width:22px;height:22px;margin-left:-11px;position:absolute;top:41%;left:50%}.plate .latin{font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;margin-top:2px;font-size:clamp(25px,7vw,30px);font-style:italic;font-weight:520;line-height:1.05}.plate .fam{color:var(--ink-soft);font-size:21px}.plate .measure{letter-spacing:.04em;margin-top:6px;font-size:14px}.plate .stats{color:var(--ink-soft);margin-top:2px;font-size:19px}.swatch{border-radius:2px;height:10px;margin:10px 6px 0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #3a2a1d66}.plate .rar{letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);border:2.5px solid var(--terracotta);opacity:0;mix-blend-mode:multiply;border-radius:5px;padding:2px 10px 3px;font-size:15px;font-weight:760;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .15s;position:absolute;top:24px;right:14px;transform:rotate(9deg)scale(1.6)}.plate .rar.in{opacity:.92;transform:rotate(9deg)scale(1)}.plate .rar.legendary{color:#9a6a14;border-color:#b9893c}.plate .acts{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.plate .acts .stamp{white-space:nowrap;margin:0;padding:4px 14px 6px;font-size:clamp(19px,5.6vw,24px)}.plate .acts .link{white-space:nowrap;color:var(--ink-soft);text-underline-offset:4px;font-size:clamp(19px,5.4vw,22px);text-decoration:underline;text-decoration-thickness:1.5px}.box{inset:calc(var(--safe-top) + 14px) 12px calc(var(--safe-bottom) + 14px);background:repeating-linear-gradient(45deg,#ffffff09 0 2px,#0000 2px 4px),repeating-linear-gradient(-45deg,#0000000a 0 2px,#0000 2px 4px),linear-gradient(90deg,#3d6230 0 10px,#4f7a3a 10px,#5a8742 60%,#4a7236);border-radius:6px 10px 10px 6px;flex-direction:column;padding:14px 14px 12px 22px;display:flex;position:absolute;box-shadow:inset 10px 0 #0000001f,inset 12px 0 #e2b55280,0 18px 40px #00000073}.box-in{flex-direction:column;flex:1;min-height:0;padding:12px 10px;display:flex;box-shadow:inset 0 3px 8px #00000059}.box h2{text-align:center;font-variation-settings:"SOFT" 100, "WONK" 1;margin:0 0 6px;font-size:30px;font-weight:600}.box .grid{touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:10px 8px;padding:4px;display:grid;overflow-y:auto}.box .cell{text-align:center}.box .cell canvas{aspect-ratio:1;filter:url(#wb-paint)drop-shadow(0 4px 3px #32231433);width:100%}.box .cell .nm{color:var(--ink-soft);font-size:15px;line-height:1}.box .empty{text-align:center;color:var(--ink-soft);margin:auto;font-size:24px}.box .empty svg{opacity:.28;filter:grayscale();width:140px;height:140px;margin:0 auto 10px;display:block}.box .close{color:#fff3dc;align-self:center;margin-top:10px;padding:4px 22px;font-size:24px}.toast{left:50%;bottom:calc(var(--safe-bottom) + 90px);border-radius:6px;padding:6px 16px;font-size:22px;animation:2.2s forwards toast;position:absolute;transform:translate(-50%);box-shadow:0 6px 14px #0000004d}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.skip{left:50%;bottom:calc(var(--safe-bottom) + 18px);color:#fff8e6bf;font-size:20px;position:absolute;transform:translate(-50%)}