:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bg:#1b1d24;--ink:#17181c;--line:#4a0100;--paper:#fff7e6;--accent:#fc3;--accent-2:#4fc3f7;--danger:#ff5c7a;--ok:#7ddc5c;font-synthesis:none;color:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Concert One,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;touch-action:manipulation;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;inset:0}#ui [data-interactive],#ui button{pointer-events:auto}#ui,#ui *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:where(#ui :not(input):not(select)){touch-action:pan-x pan-y}.arcade{--au:var(--u,1px);--ink-w:calc(3.5 * var(--au));--rise:calc(var(--rise-n) * var(--au));--gap:calc(var(--gap-n) * var(--au));--arcade-cap:var(--accent);--arcade-cap-side:#d49a12;--arcade-housing:#5b4360;--arcade-housing-side:#3b2840;--arcade-hole:#2a1b2e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.arcade:disabled{cursor:default}.arcade__housing{border:var(--ink-w) solid var(--line);background:var(--arcade-housing);position:absolute;left:0;right:0}.arcade__housing--side{background:var(--arcade-housing-side);transform:translateY(calc(12 * var(--au)))}.arcade__hole{background:var(--arcade-hole);box-shadow:inset 0 0 0 calc(2 * var(--au)) var(--line);position:absolute}.arcade__cap{left:var(--gap);right:var(--gap);top:var(--gap);bottom:var(--gap);border:var(--ink-w) solid var(--line);background:var(--arcade-cap);transform:translateY(calc(-1 * var(--rise)));justify-content:center;align-items:center;transition:transform .11s cubic-bezier(.3,0,.3,1.4);display:flex;position:absolute;overflow:hidden}.arcade__cap--side{background:var(--arcade-cap-side);transform:translateY(var(--gap));transition:none}.arcade__icon{background:var(--line);-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.arcade__text{color:var(--line);font-weight:900;font-size:calc(36 * var(--au));letter-spacing:.05em;margin-top:calc(6 * var(--au));line-height:1}.arcade__shine{width:calc(26 * var(--au));opacity:0;background:#ffffff8c;position:absolute;top:-20%;bottom:-20%;left:-30%;transform:skew(-20deg)}.arcade--ready .arcade__shine{animation:2.4s ease-in-out .3s infinite arcade-shine}.arcade--pressed .arcade__cap:not(.arcade__cap--side){transition:transform 60ms ease-in;transform:translateY(0)}.arcade--fired .arcade__cap:not(.arcade__cap--side){animation:.32s ease-out arcade-spring}.arcade--round{--rise-n:26;--gap-n:4;width:calc(172 * var(--au));height:calc(188 * var(--au))}.arcade--round .arcade__housing{top:calc(42 * var(--au));height:calc(128 * var(--au));border-radius:50%}.arcade--round .arcade__hole{left:calc(20 * var(--au));right:calc(20 * var(--au));top:calc(56 * var(--au));height:calc(100 * var(--au));border-radius:50%}.arcade--round .arcade__cap{border-radius:50%}.arcade--round .arcade__icon{width:calc(66 * var(--au));height:calc(50 * var(--au));margin-top:calc(2 * var(--au))}.arcade__band{border-left:var(--ink-w) solid var(--line);border-right:var(--ink-w) solid var(--line);position:absolute}.arcade__band--housing{left:0;right:0;top:calc(106 * var(--au));height:calc(12 * var(--au));background:var(--arcade-housing-side)}.arcade__band--cap{left:var(--gap);right:var(--gap);top:calc(var(--gap) + 46 * var(--au) - var(--rise));height:calc(var(--rise) + var(--gap));background:var(--arcade-cap-side);transform-origin:bottom;transition:transform .11s cubic-bezier(.3,0,.3,1.4)}.arcade--pressed .arcade__band--cap{transform:scaleY(calc(var(--gap-n) / (var(--rise-n) + var(--gap-n))));transition:transform 60ms ease-in}.arcade--fired .arcade__band--cap{animation:.32s ease-out arcade-band-spring}.arcade--rounded{--rise-n:18;--gap-n:4;width:calc(176 * var(--au));height:calc(152 * var(--au))}.arcade--rounded .arcade__housing{top:calc(48 * var(--au));height:calc(90 * var(--au));border-radius:calc(30 * var(--au))}.arcade--rounded .arcade__hole{left:calc(14 * var(--au));right:calc(14 * var(--au));top:calc(60 * var(--au));height:calc(66 * var(--au));border-radius:calc(20 * var(--au))}.arcade--rounded .arcade__cap{border-radius:calc(17 * var(--au))}.arcade--rounded .arcade__icon{width:calc(62 * var(--au));height:calc(46 * var(--au));margin-top:calc(6 * var(--au))}@keyframes arcade-shine{0%,55%{opacity:0;left:-30%}60%{opacity:1}85%{opacity:1;left:120%}to{opacity:0;left:120%}}@keyframes arcade-spring{0%{transform:translateY(0)}45%{transform:translateY(calc(-1 * var(--rise) - 5 * var(--au)))}75%{transform:translateY(calc(-1 * var(--rise) + 2 * var(--au)))}to{transform:translateY(calc(-1 * var(--rise)))}}@keyframes arcade-band-spring{0%{transform:scaleY(calc(var(--gap-n) / (var(--rise-n) + var(--gap-n))))}45%{transform:scaleY(calc((var(--rise-n) + 5 + var(--gap-n)) / (var(--rise-n) + var(--gap-n))))}75%{transform:scaleY(calc((var(--rise-n) - 2 + var(--gap-n)) / (var(--rise-n) + var(--gap-n))))}to{transform:scaleY(1)}}:root{--bookmark-size:clamp(34px, min(16vw, 11vh), 64px)}.bookmarks{--s:var(--bookmark-size);height:calc(var(--s) * 1.5);justify-content:center;align-items:flex-start;gap:calc(var(--s) * .34);padding:0 calc(var(--s) * .4);pointer-events:none;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.bookmark{--out:calc(var(--s) * -.24);--press:0px;--tilt:5deg;--scale:1;z-index:0;width:var(--s);height:calc(var(--s) * 1.55);margin-top:calc(var(--s) * -.55);appearance:none;color:var(--ink);font:inherit;cursor:pointer;transform-origin:50% 0;background:0 0;border:0;flex:none;padding:0;position:relative}.bookmark:nth-child(2n){--tilt:-4deg}.bookmark:nth-child(3n){--tilt:3deg}.bookmark.bookmark--active{--out:0px;--tilt:0deg;--scale:1.06;animation:.46s ease-out bookmark-wiggle}.bookmark:active{--press:3px}.bookmark:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}@keyframes bookmark-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.bookmark__slide,.bookmark__body{display:block;position:absolute;inset:0}.bookmark__slide{animation:.42s cubic-bezier(.2,1.4,.4,1) backwards bookmark-in;animation-delay:calc(.14s + var(--i) * 70ms)}@keyframes bookmark-in{0%{transform:translateY(-110%)}to{transform:none}}.bookmark__body{--ear:calc(var(--s) * .29);transform-origin:50% 0;transform:translateY(calc(var(--out) + var(--press))) rotate(var(--tilt)) scale(var(--scale));transition:transform .34s cubic-bezier(.2,1.5,.4,1)}.bookmark__note{border:3px solid var(--line);background:var(--bookmark);clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%);border-radius:3px;transition:clip-path 0s linear .28s;position:absolute;inset:0}.bookmark--active .bookmark__note{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--ear)), calc(100% - var(--ear)) 100%, 0 100%);transition:clip-path}.bookmark__body:before,.bookmark__body:after{content:"";box-sizing:border-box;width:var(--ear);height:var(--ear);backface-visibility:hidden;transition:transform .28s ease-in-out;position:absolute;bottom:0;right:0}.bookmark__body:before{border-right:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--bookmark);clip-path:polygon(100% -2px,100% 100%,-2px 100%);visibility:hidden;border-bottom-right-radius:3px;transition:transform .28s ease-in-out,visibility 0s linear .32s;transform:rotate3d(1,-1,0,0)}.bookmark--active .bookmark__body:before{visibility:visible;transition:transform .28s ease-in-out,visibility;transform:rotate3d(1,-1,0,180deg)}.bookmark__body:after{border-top:3px solid var(--line);border-left:3px solid var(--line);background:linear-gradient(to bottom right, #ffffff8c calc(50% - 2px), var(--line) calc(50% - 2px), var(--line) calc(50% + 1px), transparent calc(50% + 1px));clip-path:polygon(0 0,calc(100% + 1.5px) 0,0 calc(100% + 1.5px));background-origin:border-box;transform:rotate3d(1,-1,0,-180deg)}.bookmark--active .bookmark__body:after{transform:rotate3d(1,-1,0,0)}.bookmark__face{left:0;right:0;bottom:calc(var(--s) * .24 + 3px);height:calc(var(--s) * .41);place-items:center;transition:transform .2s ease-out;display:grid;position:absolute}.bookmark--active .bookmark__face{transform:translateY(calc(var(--s) * -.12))}.bookmark__face .icon{width:calc(var(--s) * .65);height:calc(var(--s) * .65);display:block}@media (prefers-reduced-motion:reduce){.bookmark,.bookmark__slide,.bookmark__body,.bookmark__body:before,.bookmark__body:after,.bookmark__note,.bookmark__face{transition:none!important;animation:none!important}}.folder{--edge:4px;--tab-h:48px;--sub-h:38px;--tab-drop:5px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.folder--top{padding-top:var(--sub-h)}.folder--bottom{padding-bottom:calc(var(--tab-h) + var(--tab-drop))}.folder__panel{border:var(--edge) solid var(--line);background:var(--paper);min-height:0;color:var(--ink);border-radius:22px;flex-direction:column;flex:auto;padding:6px;display:flex}.folder:not(.folder--bottom) .folder__panel{box-shadow:0 6px 0 var(--line)}.folder__well{border:3px solid var(--line);background:var(--well,#f1e6cc);border-radius:13px;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.folder__well:after{content:"";pointer-events:none;background:#4a010024;height:4px;position:absolute;top:0;left:0;right:0}.folder-tabs{gap:6px;display:flex;position:absolute;left:18px;right:18px}.folder-tabs--bottom{bottom:var(--tab-drop);height:calc(var(--tab-h) + var(--edge))}.folder-tabs--top{height:calc(var(--sub-h) + var(--edge));top:0}.folder-tab{appearance:none;border:var(--edge) solid var(--line);background:var(--tab-color);min-width:0;color:var(--ink);font:inherit;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 4px;font-size:18px;font-weight:900;line-height:1;display:flex}.folder-tabs--bottom .folder-tab{box-shadow:0 var(--tab-drop) 0 var(--line);border-radius:0 0 16px 16px}.folder-tabs--top .folder-tab{border-radius:14px 14px 0 0;font-size:15px}.folder-tab--active{background:var(--paper);cursor:default}.folder-tabs--label-active .folder-tab--active{flex-grow:3}.folder-tabs--bottom .folder-tab--active{padding-top:var(--edge);border-top-width:0}.folder-tabs--top .folder-tab--active{padding-bottom:var(--edge);border-bottom-width:0}.folder-tab:focus-visible{outline:3px solid var(--accent-2);outline-offset:-7px}.folder-tab__face{justify-content:center;align-items:center;gap:6px;min-width:0;transition:transform 80ms;display:inline-flex}.folder-tab--active .folder-tab__face{animation:.26s cubic-bezier(.2,1.6,.4,1) both folder-face-pop}.folder-tab:not(.folder-tab--active):active .folder-tab__face{transform:translateY(3px)scale(.92)}.folder-tab__icon.icon{vertical-align:0;flex:none;width:34px;height:34px;margin:-6px -4px}.folder-tab:not(.folder-tab--active) .folder-tab__icon{opacity:.8}.folder-tabs--top .folder-tab__icon.icon{width:28px;height:28px;margin:-5px -4px}.folder-tab__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:2px 0;overflow:hidden}@keyframes folder-face-pop{0%{transform:scale(.8)}to{transform:none}}@media (height<=600px){.folder{--tab-h:44px;--sub-h:34px}}@media (width<=359px){.folder-tab{font-size:16px}.folder-tabs--label-active .folder-tab--active .folder-tab__icon{display:none}.folder-tabs--top .folder-tab{font-size:14px}}@media (prefers-reduced-motion:reduce){.folder-tab--active .folder-tab__face{animation-duration:1ms}}.shop{--ball-k:1;--top-h:38px;--detail-h:clamp(210px, 35vh, 256px);z-index:10;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 10px);color:var(--ink);letter-spacing:.02em;pointer-events:auto;touch-action:pan-x pan-y;background:#0a0c128c;justify-content:center;font-weight:800;animation:.16s ease-out both modal-fade-in;display:flex;position:absolute;inset:0}.shop--closing{animation:.15s ease-in both modal-fade-out}.shop__column{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--top-h) var(--detail-h) minmax(0, 1fr);gap:10px;width:min(100%,520px);min-height:0;animation:.26s cubic-bezier(.2,1.3,.4,1) both shop-in;display:grid}.shop__column--list{grid-template-rows:var(--top-h) minmax(0, 1fr)}.shop--closing .shop__column{animation:.15s ease-in both shop-out}@keyframes shop-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes shop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(18px)scale(.97)}}.shop__top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;display:grid}.shop .shop__wallet{min-height:34px;box-shadow:0 3px 0 var(--line);border-radius:13px;grid-column:2;padding:3px 12px}.shop__wallet .slab__value{font-size:18px}.shop .shop__close{min-width:36px;min-height:35px;box-shadow:0 3px 0 var(--line);border-radius:12px;grid-column:3;justify-self:end;padding:2px 6px;font-size:16px}.shop .shop__close:active{transform:translateY(2px)}.detail{border:4px solid var(--line);background:var(--paper);min-height:0;box-shadow:0 6px 0 var(--line);border-radius:22px;margin:6px 0;position:relative}.detail__body{flex-direction:column;gap:6px;height:100%;padding:15px 12px 8px;animation:.18s ease-out both detail-in;display:flex}@keyframes detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.detail__tags{align-items:center;gap:6px;display:flex;position:absolute;top:-14px;left:14px;right:14px}.detail__tag{border:3px solid var(--line);background:var(--tag);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;align-items:center;height:24px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.chip{border:3px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:4px;height:24px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.chip--level{background:#d3f0bd}.chip--locked{background:var(--danger)}.chip--value{background:#ffe7a0}.chip--bump,.tile__strip--bump,.upgrade__level--bump{animation:.36s cubic-bezier(.2,1.6,.4,1) both shop-bump}@keyframes shop-bump{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}.next-mark{opacity:.6;width:10px;height:10px}.detail__main{flex:auto;align-items:center;gap:12px;min-height:0;display:flex}.detail__art{width:calc(108px * var(--ball-k));height:calc(108px * var(--ball-k));flex:none;margin-left:2px;position:relative}.detail__info{touch-action:pan-y;flex:auto;align-self:stretch;min-width:0;overflow-y:auto}.detail__art:after{content:"";background:#4a010029;border-radius:50%;height:12px;position:absolute;bottom:-7px;left:12%;right:12%}.detail__art-inner{z-index:1;width:108px;height:108px;transform:scale(var(--ball-k));transform-origin:0 0;justify-content:center;align-items:center;display:flex;position:relative}.detail__art .swatch{--swatch:104px;border-width:3px;border-radius:14px}.detail__heading{flex-wrap:wrap;align-items:baseline;column-gap:8px;margin-bottom:3px;display:flex}.detail__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:22px;line-height:1.15;overflow:hidden}.detail__note{letter-spacing:0;opacity:.65;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.25}.detail__text{letter-spacing:0;font-size:12.5px;font-weight:600;line-height:1.25}.detail__text p{margin:0 0 3px}.detail__text p:last-child{margin-bottom:0}.detail__perk-title{color:#7a3fbf;font-weight:900}.shop .detail__action{white-space:nowrap;flex:none;width:100%;min-height:44px;margin-bottom:5px;padding:4px 10px;font-size:17px}.shop .scroll-area{flex:auto}.shop .modal__list{padding:14px 12px 12px}.shop .scroll-area--dots .modal__list{padding-right:28px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;display:grid}.tile{appearance:none;border:3px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);box-shadow:0 4px 0 var(--line);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;animation:.22s cubic-bezier(.2,1.3,.4,1) backwards tile-in;animation-delay:calc(min(var(--i), 12) * 18ms);border-radius:14px;flex-direction:column;align-items:stretch;margin:0 0 4px;padding:0;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}@keyframes tile-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tile:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.tile:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.tile__art{flex:auto;justify-content:center;align-items:center;padding:8px 2px 5px;display:flex}.tile__strip{font-variant-numeric:tabular-nums;white-space:nowrap;background:#4a01001a;border-radius:999px;justify-content:center;align-items:center;gap:3px;height:20px;margin:0 5px 5px;font-size:12px;line-height:1;display:flex}.tile--locked{background:#d8d3c6}.tiles--dim-locked .tile--locked .tile__art{opacity:.55}.tile--locked .tile__strip{background:#17181c29}.tile--inUse{border-color:#2e7d32;box-shadow:0 4px #2e7d32}.tile--inUse:active{box-shadow:0 1px #2e7d32}.tile--selected,.tile--selected:active{box-shadow:0 0 0 3px var(--accent), 0 0 0 5.5px var(--line);transform:none}.tile--selected.tile--owned,.tile--selected.tile--inUse{background:#fff}.tile--selected .tile__art{animation:.24s cubic-bezier(.2,1.6,.4,1) both tile-pop}@keyframes tile-pop{0%{transform:scale(.82)}to{transform:none}}.tile__badge{pointer-events:none;width:24px;height:24px;animation:.24s cubic-bezier(.2,1.6,.4,1) both tile-pop;position:absolute;top:-9px}.tile__badge--right{right:-8px}.tile__badge--left{left:-8px}.badge{width:100%;height:100%;display:block;overflow:visible}.swatch{--swatch:48px;width:var(--swatch);height:calc(var(--swatch) * .8);border:2px solid var(--line);border-radius:9px;flex:none;position:relative}.swatch--table{padding:calc(var(--swatch) * .1)}.swatch__felt{border:calc(var(--swatch) * .05) solid;border-radius:calc(var(--swatch) * .08);width:100%;height:100%}.swatch__pocket{width:calc(var(--swatch) * .11);height:calc(var(--swatch) * .11);margin:calc(var(--swatch) * -.055);border-radius:50%;position:absolute}.swatch__pocket:first-of-type{top:13%;left:11%}.swatch__pocket:nth-of-type(2){top:11%;left:50%}.swatch__pocket:nth-of-type(3){top:13%;left:89%}.swatch__pocket:nth-of-type(4){top:87%;left:11%}.swatch__pocket:nth-of-type(5){top:89%;left:50%}.swatch__pocket:nth-of-type(6){top:87%;left:89%}.shop__rows{flex-direction:column;gap:10px;animation:.2s ease-out both detail-in;display:flex}.upgrade{border:3px solid var(--line);background:var(--paper);box-shadow:0 4px 0 var(--line);border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;display:grid}.upgrade__icon{text-align:center;font-size:30px}.upgrade__name{font-size:17px;font-weight:900}.upgrade__desc{letter-spacing:0;opacity:.75;font-size:13px;font-weight:600}.upgrade__level{color:#3a7d1e;font-size:12px;font-weight:800;display:inline-block}.upgrade .btn{white-space:nowrap;margin-bottom:5px}@media (width>=390px){.tiles .swatch{--swatch:56px}}@media (width>=500px) and (height>=600px){.tiles .swatch{--swatch:64px}.tile__strip{height:24px;font-size:14px}}@media (height<=799px),(width<=411px){.shop{--ball-k:.88}}@media (height<=700px),(width<=389px){.shop{--ball-k:.78}.detail__text{font-size:12px}.shop .detail__action{min-height:40px}}@media (height<=650px){.shop{--ball-k:.7}}@media (height<=640px),(width<=359px){.detail__body{padding:14px 10px 7px}.detail__title{font-size:19px}.shop .detail__action{min-height:40px;font-size:15px}.detail__tags{gap:4px;left:10px;right:10px}.detail__tag,.chip{padding:0 7px;font-size:11px}}@media (width<=359px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:8px 10px}.upgrade__icon{font-size:24px}.upgrade__name{font-size:15px}.upgrade__desc{font-size:12px}.upgrade .btn{min-height:36px;padding:4px 8px;font-size:14px}}@media (orientation:landscape) and (height<=520px){.shop__column{grid-template-columns:300px minmax(0,1fr);grid-template-rows:var(--top-h) minmax(0, 1fr);gap:8px 12px;width:min(100%,900px)}.shop__column>.folder{grid-area:1/2/span 2}.shop__column--list{grid-template-columns:minmax(0,1fr);width:min(100%,640px)}.shop__column--list>.folder{grid-area:2/1}}@media (prefers-reduced-motion:reduce){.shop,.shop--closing,.shop__column,.shop--closing .shop__column,.detail__body,.shop__rows,.tile,.tile--selected .tile__art,.tile__badge,.chip--bump,.tile__strip--bump,.upgrade__level--bump{animation-duration:1ms;animation-delay:0s}}.hud{letter-spacing:.02em;font-weight:800;position:absolute;inset:0}.pill{border:3px solid var(--line);background:var(--paper);height:34px;color:var(--ink);box-shadow:0 3px 0 var(--line);font:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:900;line-height:1;display:inline-flex;position:absolute;transform:translateY(-50%)}.pill .icon{width:18px;height:18px}.pill__value{font-variant-numeric:tabular-nums;font-size:17px}.pill--btn{cursor:pointer}.pill--btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(calc(2px - 50%))}.pill--tl,.pill--tr{top:calc(var(--safe-top) + 23px)}.pill--tl{left:calc(var(--table-left,0px) + 12px);color:var(--accent);background:#436d3c}.pill--tr{right:calc(100% - var(--table-right,100vw) + 12px);padding:0 9px}.pill--bl{left:calc(var(--table-left,0px) + 12px);top:calc(100% - var(--safe-bottom) - 23px)}.pill--br{right:calc(100% - var(--table-right,100vw) + 12px);top:calc(100% - var(--safe-bottom) - 23px);font-variant-numeric:tabular-nums;font-size:13px}.perf{right:calc(100% - var(--table-right,100vw) + 12px);bottom:calc(var(--safe-bottom) + 50px);color:var(--paper);letter-spacing:0;font-variant-numeric:tabular-nums;text-shadow:0 1px #000;white-space:nowrap;background:#0a0c128c;border-radius:8px;padding:6px 8px;font:500 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute}@media (aspect-ratio>=4/3) and (height>=640px){.perf{left:calc(var(--table-right,100vw) + 16px);right:auto;top:var(--table-top,16px);background:#0a0c12b8;bottom:auto}}.perf__fold{width:24px;height:20px;color:var(--paper);font:inherit;cursor:pointer;background:#fff7e633;border:0;border-radius:5px;padding:0;font-size:13px;line-height:1;position:absolute;top:5px;right:5px}.perf__graph{border-bottom:1px solid #fff7e659;margin-bottom:4px;display:block}.perf__row{gap:8px;display:flex}.perf__label{width:46px;color:var(--accent)}.hud:not(.hud--in) .pill{visibility:hidden}.pill--tl,.pill--bl{animation:.42s cubic-bezier(.34,1.15,.64,1) backwards pill-in-left}.pill--tr,.pill--br{animation:.42s cubic-bezier(.34,1.15,.64,1) backwards pill-in-right}.hud:not(.hud--in) .pill--tl,.hud:not(.hud--in) .pill--tr,.hud:not(.hud--in) .pill--bl,.hud:not(.hud--in) .pill--br{animation:none}.pill--tr{animation-delay:60ms}.pill--bl{animation-delay:.12s}.pill--br{animation-delay:.18s}@keyframes pill-in-left{0%{transform:translate(calc(-100% - 12px - var(--table-left,0px)), -50%)}to{transform:translateY(-50%)}}@keyframes pill-in-right{0%{transform:translate(calc(100% + 12px + (100vw - var(--table-right,100vw))), -50%)}to{transform:translateY(-50%)}}.slab{border:3px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);box-shadow:0 4px 0 var(--line);letter-spacing:.02em;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.slab--accent{background:var(--accent)}.slab--blue{background:var(--accent-2)}.slab__label{opacity:.7;text-transform:uppercase;font-size:11px}.slab__value{font-variant-numeric:tabular-nums;font-size:22px}.btn{appearance:none;cursor:pointer;font:inherit;border:3px solid var(--line);background:var(--accent);min-height:52px;color:var(--ink);box-shadow:0 5px 0 var(--line);border-radius:18px;padding:8px 18px;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(4px)}.btn:disabled{cursor:default;opacity:.5;box-shadow:0 5px 0 var(--line);transform:none}.btn--ghost{background:var(--paper)}.btn--danger{background:var(--danger)}.btn--small{border-radius:14px;min-height:40px;padding:4px 12px;font-size:15px}.hint{color:var(--paper);background:#00000073;border-radius:999px;align-self:center;padding:6px 12px;font-size:14px;font-weight:700}.modal{touch-action:pan-x pan-y;pointer-events:auto;background:#0a0c128c;justify-content:center;align-items:center;padding:16px;animation:.16s ease-out both modal-fade-in;display:flex;position:absolute;inset:0}.modal--closing{animation:.14s ease-in both modal-fade-out}.modal__panel{border:4px solid var(--line);background:var(--paper);width:min(100%,520px);max-height:min(82%,720px);color:var(--ink);box-shadow:0 8px 0 var(--line);border-radius:28px;flex-direction:column;animation:.24s cubic-bezier(.2,1.4,.4,1) both modal-pop-in;display:flex;overflow:hidden}.modal--closing .modal__panel{animation:.14s ease-in both modal-pop-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(28px)scale(.82)}to{opacity:1;transform:none}}@keyframes modal-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(18px)scale(.9)}}.modal__panel--frame{box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.modal__page{z-index:1;border:4px solid var(--line);background:var(--paper);min-height:0;box-shadow:0 8px 0 var(--line);border-radius:28px;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.modal__panel--book{--hang:calc(var(--bookmark-size,58px) * 1.25);height:min(calc(88% - var(--hang)), 520px);max-height:none;margin-bottom:var(--hang)}.modal--bottom,.modal--top{pointer-events:none;background:0 0}.modal--bottom .modal__panel,.modal--top .modal__panel{pointer-events:auto}.modal--bottom{align-items:flex-end;padding-bottom:72px}.modal--top{align-items:flex-start;padding-top:72px}.modal--top .modal__float{top:calc(100% + 8px);bottom:auto}.modal--top .modal__panel{animation:.26s cubic-bezier(.2,1.1,.4,1) both modal-drop-in}.modal--top.modal--closing .modal__panel{animation:.18s ease-in both modal-drop-out}@keyframes modal-drop-in{0%{transform:translateY(-120%)}to{transform:none}}@keyframes modal-drop-out{0%{transform:none}to{transform:translateY(-120%)}}.modal--bottom .modal__panel{animation:.26s cubic-bezier(.2,1.1,.4,1) both modal-slide-in}.modal--bottom.modal--closing .modal__panel{animation:.18s ease-in both modal-slide-out}@keyframes modal-slide-in{0%{transform:translateY(110%)}to{transform:none}}@keyframes modal-slide-out{0%{transform:none}to{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){.modal,.modal--closing,.modal__panel,.modal--closing .modal__panel,.modal--bottom .modal__panel,.modal--bottom.modal--closing .modal__panel,.modal--top .modal__panel,.modal--top.modal--closing .modal__panel{animation-duration:1ms}}.modal__header{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;font-size:22px;font-weight:900;display:flex}.modal__title{flex:auto}.modal__list{touch-action:pan-y;flex-direction:column;gap:10px;padding:4px 12px 16px;display:flex;overflow-y:auto}.scroll-area{flex-direction:column;min-height:0;display:flex;position:relative}.scroll-area .modal__list{min-height:0}.scroll-area--dots .modal__list{padding-right:30px}.scroll-dots{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.scroll-dots__dot{border:2px solid var(--line);background:#ffffffbf;border-radius:50%;width:9px;height:9px;transition:transform .12s,background .12s}.scroll-dots__dot--active{background:var(--accent);transform:scale(1.3)}.ball-view{margin:0 auto;display:block}.modal__panel--card{width:min(100%,340px);max-height:min(100% - 60px,640px);box-shadow:none;background:0 0;border:none;border-radius:18px;position:relative;overflow:visible}.modal__float{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.modal__float .btn{min-width:44px;min-height:44px;padding:4px 8px}.card{--card-color:#f2c14e;--card-soft:color-mix(in srgb, var(--card-color) 28%, #fff);--money:#b26a00;--level:#3a7d1e;--next:#1f78c1;--perk:#7a3fbf;background:var(--line);min-height:0;max-height:100%;color:var(--ink);border-radius:16px;flex-direction:column;padding:6px;display:flex;box-shadow:0 12px 30px #0000008c}.card__frame{touch-action:pan-y;background:var(--card-soft);border:1px solid #0000004d;border-radius:10px;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:8px 10px 10px;display:flex;overflow-y:auto}.card__stage{align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.card__group-tag{border:1.5px solid var(--line);background:var(--group);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:1px 8px;font-weight:900}.card__stage-tag{background:var(--danger);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:2px 8px}.card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card__name{font-size:24px;font-weight:900;line-height:1.1}.card__hp{color:var(--money);white-space:nowrap;align-items:center;gap:4px;font-size:22px;font-weight:900;display:inline-flex}.card__hp-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:.7;font-size:10px}.card__art{flex:none;justify-content:center;align-items:center;height:140px;display:flex}.card__art-ball{width:108px;height:108px;position:relative}.card__art-ball:after{content:"";background:radial-gradient(#14140a66 0%,#14140a2e 45%,#0000 72%);border-radius:50%;height:22px;position:absolute;bottom:-14px;left:8%;right:8%}.card__art-ball .ball-view{z-index:1;position:relative}.card__info{text-align:center;background:#f9edc5;border:1px solid #00000059;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:700}.card__info em{color:var(--level);font-style:normal}.card__power{font-size:12.5px;font-weight:600;line-height:1.3}.card__power-title{color:var(--perk);font-weight:900}.card__stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:10px;display:grid}.card__stats--rack{grid-template-columns:repeat(2,minmax(0,1fr))}.card__stat span{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-weight:700;display:block}.card__stat b{font-size:14px;display:block}.card__stat--level b{color:var(--level)}.card__stat--next b{color:var(--next)}.modal__empty{text-align:center;opacity:.6;padding:24px;font-weight:700}.btn--icon{border-radius:14px;min-width:44px;min-height:44px;padding:4px 8px;font-size:20px}.settings__page{flex-direction:column;gap:10px;animation:.22s cubic-bezier(.2,1.2,.4,1) both settings-page-in;display:flex}@keyframes settings-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal__panel--book .modal__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.modal__panel--book .modal__header .btn{flex:none}@media (width<=339px){.page-chip__label{display:none}}.page-chip{border:3px solid var(--line);background:var(--bookmark);border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:14px;line-height:1;animation:.3s cubic-bezier(.2,1.6,.4,1) both page-chip-pop;display:inline-flex}.page-chip .icon{vertical-align:0;width:22px;height:22px;margin:-4px 0}@keyframes page-chip-pop{0%{transform:scale(.6)rotate(-8deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.settings__page,.page-chip{animation-duration:1ms}}.setting{border:3px solid var(--line);box-shadow:0 4px 0 var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.setting__label{font-size:17px;font-weight:900}.setting__desc{opacity:.75;font-size:13px;font-weight:600}.switch{border:3px solid var(--line);cursor:pointer;background:#cfd3dc;border-radius:999px;flex:none;width:64px;height:36px;padding:0;transition:background .12s;position:relative}.switch--on{background:var(--ok)}.switch__knob{border:3px solid var(--line);box-sizing:border-box;background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch--on .switch__knob{transform:translate(28px)}.money{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.money__value{display:inline-block}.money__value--bump{animation:.36s cubic-bezier(.2,1.6,.4,1) both money-bump}@keyframes money-bump{0%{transform:scale(1)}35%{color:#3a7d1e;transform:scale(1.28)}to{transform:scale(1)}}.segment{border:3px solid var(--line);box-shadow:0 3px 0 var(--line);background:#fff;border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.segment__option{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:9px 12px;font-size:14px;font-weight:900;line-height:1}.segment__option+.segment__option{border-left:3px solid var(--line)}.segment__option--active{background:var(--accent-2)}.setting__action{flex-shrink:0}.pick{align-items:center;gap:8px;display:inline-flex;position:relative}.pick:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:6px;height:6px;margin-top:-4px;transform:rotate(45deg)}.pick__input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pick--disabled{cursor:default;opacity:.5;box-shadow:0 5px 0 var(--line);transform:none}.pick--disabled .pick__input{cursor:default}.setting__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting__value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.setting--stack{flex-direction:column;align-items:stretch;gap:10px}.setting--disabled{opacity:.5}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:0}.slider:disabled{cursor:default}.slider::-webkit-slider-runnable-track{border:3px solid var(--line);background:#cfd3dc;border-radius:999px;height:14px}.slider::-moz-range-track{border:3px solid var(--line);box-sizing:border-box;background:#cfd3dc;border-radius:999px;height:14px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--line);background:var(--accent);width:30px;height:30px;box-shadow:0 3px 0 var(--line);border-radius:50%;margin-top:-11px}.slider::-moz-range-thumb{border:3px solid var(--line);background:var(--accent);width:24px;height:24px;box-shadow:0 3px 0 var(--line);border-radius:50%}.crt{z-index:1000;pointer-events:none;opacity:.1;background-repeat:repeat;background-size:auto;position:absolute;inset:0}.icon{vertical-align:-.2em;pointer-events:none;width:1.15em;height:1.15em}.icon--button{width:26px;height:26px;display:block}.boot-stats{z-index:2100;left:calc(var(--safe-left) + 8px);top:calc(var(--safe-top) + 8px);color:var(--paper);letter-spacing:0;white-space:pre;cursor:pointer;background:#0a0c12b8;border-radius:8px;padding:5px 8px;font:500 10px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed}.boot-picker{left:0;right:0;bottom:calc(var(--safe-bottom) + 16px);flex-wrap:wrap;justify-content:center;gap:8px;font-size:15px;display:flex;position:absolute}.receipt{--receipt-scale:1.3;--u:calc(var(--px,.6) * var(--receipt-scale) * 1px);--stamp-red:#d6284ae6;top:calc((var(--table-top) + var(--table-bottom)) / 2);left:calc((var(--table-left) + var(--table-right)) / 2);width:calc(470 * var(--u));color:var(--line);z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.receipt-scrim{z-index:4;touch-action:none;background:#0a0c128c;animation:.16s ease-out both modal-fade-in;position:absolute;inset:0}.receipt-scrim--closing{animation:.3s ease-in both modal-fade-out}.receipt__slot{z-index:2;width:calc(510 * var(--u));height:calc(14 * var(--u));border:calc(3 * var(--u)) solid var(--line);box-shadow:inset 0 calc(3 * var(--u)) 0 #0000008c;background:#1b1d24;border-radius:999px;position:relative}.receipt__feed{width:100%;margin-top:calc(-7 * var(--u));overflow:hidden}.receipt__sheet,.receipt__paper{-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zz) 100%;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zz) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zz) 100%}.receipt__sheet{--zz:calc(18 * var(--u));padding:0 calc(3 * var(--u)) calc(3 * var(--u));background:var(--line);animation:receipt-print var(--print-ms) ease-out both}.receipt__paper{padding:calc(22 * var(--u)) calc(30 * var(--u)) calc(34 * var(--u));background:var(--paper);animation:receipt-jolt .2s ease-out var(--stamp-at) both;position:relative;overflow:hidden}.receipt__head{text-align:center}.receipt__house{font-size:calc(15 * var(--u));letter-spacing:.3em;opacity:.7}.receipt__title{font-size:calc(30 * var(--u));font-weight:900}.receipt__no{opacity:.55}.receipt__rule{margin:calc(10 * var(--u)) 0;border-top:calc(3 * var(--u)) dashed #4a010073}.receipt__row{align-items:baseline;gap:calc(8 * var(--u));font-size:calc(24 * var(--u));line-height:1.45;display:flex}.receipt__dots{border-bottom:calc(3 * var(--u)) dotted #4a01004d;transform:translateY(calc(-6 * var(--u)));flex:1}.receipt__value{font-variant-numeric:tabular-nums;align-items:center;gap:calc(6 * var(--u));font-weight:900;display:inline-flex}.receipt__row--total{font-size:calc(30 * var(--u))}.receipt__num{justify-items:end;display:inline-grid}.receipt__num>*{grid-area:1/1}.receipt__num>:first-child{visibility:hidden}.receipt__row .icon{width:1em;height:1em}.receipt__value--send,.receipt__value--take{transform-origin:100%}.receipt__value--send{animation:.22s ease-out both value-send}.receipt__value--take{animation:.28s cubic-bezier(.2,.9,.3,1.4) both value-take}.receipt__toss{pointer-events:none;animation:toss-move var(--fly-ms) cubic-bezier(.45, 0, .55, 1) var(--toss-delay) both;position:absolute;top:0;left:0}.receipt__toss .icon{width:calc(22 * var(--u));height:calc(22 * var(--u));animation:toss-hop var(--fly-ms) ease-in-out var(--toss-delay) both;display:block}.receipt__stamp-spot{padding:calc(44 * var(--u)) 0 calc(32 * var(--u));justify-content:center;display:flex;position:relative}.receipt__stamp{padding:calc(6 * var(--u)) calc(20 * var(--u));border:calc(6 * var(--u)) solid var(--stamp-red);border-radius:calc(12 * var(--u));color:var(--stamp-red);font-size:calc(58 * var(--u));letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:stamp-slam .26s cubic-bezier(.2, .9, .3, 1.2) var(--stamp-at) both;font-weight:900;position:relative}.receipt__splat{z-index:-1;width:130%;fill:var(--stamp-red);opacity:.12;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.receipt__replay{margin-top:calc(10 * var(--u));animation:button-pop .32s cubic-bezier(.2, .9, .3, 1.3) var(--button-at) both}.receipt__best{--ink:#1e141ae0;right:0;bottom:calc(-6 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));border:calc(3.5 * var(--u)) solid var(--ink);border-radius:calc(7 * var(--u));color:var(--ink);font-size:calc(20 * var(--u));letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:best-slam .24s cubic-bezier(.2, .9, .3, 1.2) var(--best-at) both;font-weight:900;position:absolute}.receipt__best:before{content:"";inset:calc(2.5 * var(--u));border:calc(1.5 * var(--u)) solid var(--ink);border-radius:calc(4 * var(--u));position:absolute}.receipt__paper--best{animation:receipt-jolt .2s ease-out var(--stamp-at) both, receipt-jolt .16s ease-out var(--best-at)}.confetti{width:calc(8 * var(--u));height:calc(12 * var(--u));border:calc(1.5 * var(--u)) solid var(--line);border-radius:calc(2 * var(--u));background:var(--danger);opacity:0;animation:confetti-burst .9s cubic-bezier(.1, .7, .3, 1) var(--best-at) both;position:absolute;top:50%;left:50%}.confetti:nth-child(4n+1){background:var(--accent)}.confetti:nth-child(4n+2){background:var(--ok)}.confetti:nth-child(4n+3){background:var(--accent-2)}.receipt--skip:not(.receipt--closing) .receipt__feed,.receipt--skip:not(.receipt--closing) .receipt__feed *,.receipt--skip:not(.receipt--closing) .receipt__replay{animation-duration:1ms!important;animation-delay:0s!important}.receipt--closing .receipt__sheet{animation:.3s ease-in both receipt-retract}.receipt--closing .receipt__replay{animation:.2s ease-in both fade-shrink}@keyframes receipt-print{0%{transform:translateY(-100%)}18%{transform:translateY(-78%)}26%{transform:translateY(-78%)}44%{transform:translateY(-50%)}52%{transform:translateY(-50%)}70%{transform:translateY(-24%)}78%{transform:translateY(-24%)}to{transform:translateY(0)}}@keyframes receipt-retract{0%{transform:translateY(0)}to{transform:translateY(-104%)}}@keyframes receipt-jolt{0%,to{transform:translateY(0)}35%{transform:translateY(calc(5 * var(--u)))}}@keyframes stamp-slam{0%{opacity:0;transform:scale(2.6)rotate(-26deg)}60%{opacity:1;transform:scale(.92)rotate(-11deg)}to{opacity:1;transform:scale(1)rotate(-12deg)}}@keyframes value-send{0%,to{transform:scale(1)}40%{transform:scale(.9)}}@keyframes value-take{0%,to{transform:scale(1)}40%{transform:scale(1.15)}}@keyframes toss-move{0%{transform:translate(var(--x0), var(--y0))}to{transform:translate(var(--x1), var(--y1))}}@keyframes toss-hop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1}40%{transform:translate(-50%, calc(-50% - 14 * var(--u))) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.7)}}@keyframes button-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes fade-shrink{to{opacity:0;transform:scale(.8)}}@keyframes best-slam{0%{opacity:0;transform:scale(2.4)rotate(22deg)}60%{opacity:1;transform:scale(.92)rotate(7deg)}to{opacity:1;transform:scale(1)rotate(8deg)}}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx) * var(--u)), calc(-50% + (var(--dy) + 40) * var(--u))) rotate(var(--spin))}}.acard{--rarity:#cfd6dc;aspect-ratio:3/4;border:3px solid var(--line);background:var(--rarity);max-width:112px;color:var(--ink);box-shadow:0 4px 0 var(--line);font:inherit;text-align:center;border-radius:14px;flex:1 1 0;padding:4px;transition:transform .16s cubic-bezier(.2,.9,.3,1.3),opacity .16s,box-shadow .16s;display:flex;position:relative}button.acard{cursor:pointer}.acard__frame{background:color-mix(in srgb, var(--rarity) 22%, var(--paper));border:1px solid #00000040;border-radius:9px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 4px;display:flex}.acard__icon{filter:drop-shadow(0 2px #00000038);width:58%;height:auto}.acard__name{font-size:13px;font-weight:900;line-height:1.1}.acard__rarity{border:1.5px solid var(--line);background:var(--rarity);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:900}.acard__desc{padding:4px 6px 2px;font-size:14px;font-weight:700;line-height:1.25}.acard--selected{z-index:1;box-shadow:0 6px 0 var(--line), 0 0 0 3px var(--accent);transform:translateY(-12px)scale(1.1)}.acard--dim{opacity:.7;transform:scale(.94)}.acard--details{aspect-ratio:auto;width:100%;max-width:none;box-shadow:0 6px 0 var(--line);flex:none}.acard--details .acard__frame{gap:6px;padding:12px 10px}.acard--details .acard__icon{width:96px}.acard--details .acard__name{font-size:20px}.modal__panel--acard{width:min(100%,320px);box-shadow:none;background:0 0;border:none;overflow:visible}.acard__progress,.held__pips{gap:3px;display:flex}.acard__progress i,.held__pips i{border:1.5px solid var(--line);background:var(--paper);border-radius:50%;width:7px;height:7px}.acard__progress i.on,.held__pips i.on{background:var(--accent)}.offer{--u:calc(var(--px,.6) * 1.15 * 1px);top:calc((var(--table-top) + var(--table-bottom)) / 2);left:calc((var(--table-left) + var(--table-right)) / 2);width:min(calc(var(--table-right) - var(--table-left) - 16px), 420px);z-index:5;border:4px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 8px 0 var(--line);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 8px;animation:.28s cubic-bezier(.2,1.4,.4,1) both offer-in;display:flex;position:absolute;transform:translate(-50%,-50%)}.offer--closing{animation:.26s ease-in both offer-out}.offer__title{letter-spacing:.04em;color:var(--line);font-size:26px;font-weight:900;line-height:1}.offer__sub{opacity:.7;margin-top:-6px;font-size:14px;font-weight:700}.offer__fan{justify-content:center;gap:10px;width:100%;padding:14px 4px 4px;display:flex}.offer__fan .acard{animation:offer-deal .36s cubic-bezier(.2, .9, .3, 1.3) calc(.14s + var(--i,0) * 80ms) backwards}.offer__caption{text-align:center;background:#0000000f;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.25;display:flex}.offer__caption--hint{opacity:.55}.offer__actions{justify-content:space-between;align-items:center;width:100%;padding:0 6px;display:flex}.offer--closing .offer__fan .acard{animation:.22s ease-in both offer-drop}.offer--closing .offer__fan .acard--taken{animation:.3s ease-in both acard-take}@keyframes offer-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes offer-out{to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}@keyframes offer-deal{0%{opacity:0;transform:translateY(40px)scale(.8)}}@keyframes offer-drop{to{opacity:0;transform:translateY(30px)scale(.85)}}@keyframes acard-take{40%{transform:translateY(-16px)scale(1.2)}to{opacity:0;transform:translateY(40px)scale(.6)}}.held{left:calc(var(--table-left,0px) + 12px);top:calc(var(--table-bottom,0px) + 8px);z-index:3;align-items:center;display:flex;position:absolute}.hud:not(.hud--in) .held{visibility:hidden}.held__tray{align-items:center;gap:6px;display:flex}.held__item,.held__button{border:3px solid var(--line);background:var(--rarity,var(--paper));width:34px;height:34px;box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.held__item:active,.held__button:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.held__item img,.held__button img{object-fit:contain;pointer-events:none;width:72%;height:72%}.held__item{width:30px;height:30px;animation:.32s cubic-bezier(.2,.9,.3,1.3) backwards held-pop}.held__button{display:none}.held__pips{gap:2px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.held__pips i{width:6px;height:6px}.held__count{border:2px solid var(--line);background:var(--accent);min-width:18px;height:18px;color:var(--ink);border-radius:999px;padding:0 4px;font-size:11px;font-weight:900;line-height:14px;position:absolute;top:-8px;right:-8px}@keyframes held-pop{0%{opacity:0;transform:scale(.2)}60%{transform:scale(1.15)}}.hud-tight .held{top:calc(100% - var(--safe-bottom) - 23px);transform:translateY(-50%)}.hud-tight .held__button{background:var(--paper);display:flex}.hud-tight .held__tray{border:3px solid var(--line);background:var(--paper);box-shadow:0 3px 0 var(--line);transform-origin:0;opacity:0;pointer-events:none;border-radius:999px;padding:6px 8px;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),opacity .14s;position:absolute;top:50%;left:calc(100% + 8px);transform:translate(-10px,-50%)scaleX(.7)}.hud-tight .held--open .held__tray{opacity:1;pointer-events:auto;transform:translateY(-50%)scaleX(1)}.hud-tight .held__tray .held__pips{bottom:-5px}.pill--bl{transition:left .2s,opacity .14s}.hud-tight .hud--artifacts .pill--bl{left:calc(var(--table-left,0px) + 12px + 34px + 8px)}.hud-tight .hud--tray .pill--bl{opacity:0;pointer-events:none}
