:root{--ink: #2a1d12;--ink-2: #4a382a;--ink-3: rgba(42, 29, 18, .55);--ink-line: rgba(42, 29, 18, .22);--parchment: #f0e0bd;--parchment-2: #e4d0a5;--parchment-3: #d3ba8b;--brass: #d9a441;--brass-hi: #f6dda0;--brass-lo: #8d5f1d;--rope-a: #cfae74;--rope-b: #a4823f;--rope-c: #7e6031;--verdigris: #4f9e93;--safe: #6f9c53;--caution: #d9a441;--danger: #b8402c;--sea-night: #0b1a24;--shadow-sm: 0 .1rem .25rem rgba(0, 0, 0, .45);--shadow-md: 0 .5rem 1.4rem rgba(0, 0, 0, .5);--shadow-lg: 0 1.2rem 3.4rem rgba(0, 0, 0, .6);--font-display: "Georgia", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--font-body: "Georgia", "Palatino Linotype", "Book Antiqua", serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--parchment-face: radial-gradient(120% 90% at 18% 12%, rgba(255, 250, 234, .95), rgba(255, 250, 234, 0) 60%), radial-gradient(90% 70% at 88% 92%, rgba(160, 122, 66, .28), rgba(160, 122, 66, 0) 65%), linear-gradient(168deg, var(--parchment) 0%, var(--parchment-2) 58%, var(--parchment-3) 100%)}*{box-sizing:border-box}html{font-size:clamp(11px,1.36vh,32px)}html,body{margin:0;height:100%;overflow:hidden;background:#05070a;font-family:var(--font-body);color:var(--parchment);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#viewport{display:block;width:100vw;height:100vh;cursor:crosshair}body.ui-modal-open #viewport{cursor:default}#ui-root{position:fixed;inset:0;pointer-events:none;user-select:none;z-index:10}.ui-defs{position:absolute;width:0;height:0;overflow:hidden}#boot{position:fixed;inset:0;display:grid;place-content:center;gap:1.4rem;justify-items:center;background:radial-gradient(circle at 50% 38%,#1d4256,#0a1620 55%,#05090e);transition:opacity .8s ease;z-index:100}#boot:after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.06;pointer-events:none}#boot.hidden{opacity:0;pointer-events:none}#boot h1{position:relative;margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4rem);font-weight:400;font-variant:small-caps;letter-spacing:.12em;color:#f3e4c2;text-shadow:0 .15rem 0 rgba(0,0,0,.55),0 0 2.5rem rgba(217,164,65,.35)}#boot h1:after{content:"";display:block;height:1px;margin:.7rem auto 0;width:70%;background:linear-gradient(90deg,transparent,var(--brass),transparent)}#boot p{margin:0;opacity:.7;letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;font-family:var(--font-body)}#boot-bar{width:min(46vw,26rem);height:.45rem;border-radius:99px;background:#0006;box-shadow:inset 0 0 0 1px #d9a4414d;overflow:hidden}#boot-bar>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--verdigris),var(--brass));transition:width .35s ease}#boot-error{max-width:60ch;color:#ff9d9d;font-size:.85rem;white-space:pre-wrap;text-align:center}.rope-line{background:repeating-linear-gradient(112deg,var(--rope-a) 0 .34rem,var(--rope-b) .34rem .58rem,var(--rope-c) .58rem .7rem);box-shadow:inset 0 0 0 1px #3c2a1280,var(--shadow-sm)}.brass-face{background:linear-gradient(160deg,var(--brass-hi) 0%,var(--brass) 38%,var(--brass-lo) 62%,#c99b3d 100%)}.ui-ink-edge,.hud-ink-edge,.cc-edge{position:absolute;inset:.55rem;border:2px solid rgba(42,29,18,.42);border-radius:.15rem;filter:url(#ui-rough);pointer-events:none}.hud-ink-edge{inset:.24rem;border-width:1.5px;border-color:#2a1d124d}.cc-edge{inset:.45rem}.ui-corner{position:absolute;width:2.3rem;height:2.3rem;pointer-events:none;z-index:4;background:linear-gradient(148deg,var(--brass-hi) 0%,var(--brass) 40%,var(--brass-lo) 78%,#b98c33 100%);clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%);filter:drop-shadow(0 .1rem .2rem rgba(0,0,0,.45))}.ui-corner:after{content:"";position:absolute;top:.5rem;left:.5rem;width:.42rem;height:.42rem;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff3d0,#8a5f1d 70%);box-shadow:inset 0 0 0 1px #3c280cb3}.ui-corner--tl{top:.25rem;left:.25rem}.ui-corner--tr{top:.25rem;right:.25rem;rotate:90deg}.ui-corner--br{bottom:.25rem;right:.25rem;rotate:180deg}.ui-corner--bl{bottom:.25rem;left:.25rem;rotate:270deg}.hud{position:absolute;inset:0;transition:opacity .25s ease;font-family:var(--font-body)}.hud.dim{opacity:0}.hud-log{position:absolute;top:0;left:2.2rem;display:grid;justify-items:center;filter:drop-shadow(0 .5rem .9rem rgba(0,0,0,.45))}.hud-rope{width:.4rem;height:1.7rem;background:repeating-linear-gradient(150deg,var(--rope-a) 0 .22rem,var(--rope-b) .22rem .38rem,var(--rope-c) .38rem .46rem);border-radius:0 0 .1rem .1rem;box-shadow:inset 0 0 0 1px #3c2a1273}.hud-tag{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;gap:.1rem .85rem;padding:.7rem 1.15rem .75rem;border-radius:.3rem;background:var(--parchment-face);color:var(--ink);box-shadow:inset 0 0 0 1px #2a1d1266,inset 0 0 2.6rem #8c68344d,0 .22rem #2a1d1247,0 .5rem 1.2rem #0006;clip-path:polygon(0 5%,2.5% 0,97.5% 1.5%,100% 7%,100% 93%,97% 100%,3% 98.5%,0 93%)}.hud-tag:after{content:"";position:absolute;inset:0;background-image:var(--grain);mix-blend-mode:multiply;opacity:.16;pointer-events:none}.hud-dialface{grid-row:span 2;position:relative;width:3.9rem;height:2.35rem;color:var(--ink)}.hud-dialface svg{width:100%;height:100%;display:block}.hud-dialface>i{position:absolute;left:50%;bottom:.22rem;width:.16rem;height:1.5rem;background:linear-gradient(180deg,var(--brass-lo),var(--brass));border-radius:99px;transform-origin:50% 100%;transform:translate(-50%) rotate(calc(-84deg + var(--t, .5) * 168deg));transition:transform .5s ease}.hud-dialface>i:before{content:"";position:absolute;top:-.28rem;left:50%;translate:-50% 0;width:.55rem;height:.55rem;border-radius:50%;background:radial-gradient(circle at 35% 32%,#ffe6a8,var(--brass) 60%,var(--brass-lo));box-shadow:0 0 .5rem #d9a441cc}.hud-dialface>i.night:before{background:radial-gradient(circle at 62% 34%,#eef3fb,#b9c6d6 60%,#7d8ea3);box-shadow:0 0 .45rem #c8dcf599}.hud-tag-text{display:grid;line-height:1.02}.hud-tag-text b{font-family:var(--font-display);font-size:1.55rem;font-weight:400;letter-spacing:.01em;font-variant-numeric:tabular-nums}.hud-tag-text span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:.12rem}.hud-tag-wind{grid-column:2;display:flex;align-items:center;gap:.35rem;padding-top:.28rem;border-top:1px solid var(--ink-line);font-size:.66rem;letter-spacing:.06em;opacity:.78}.hud-tag-wind>i{width:.75rem;height:.75rem;flex:none;background:currentColor;clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);transform:rotate(var(--a, 0deg)) scale(var(--s, 1));transition:transform .8s ease;color:var(--brass-lo)}.hud-purse{position:absolute;top:1.7rem;right:2.2rem;display:flex;align-items:center;gap:.6rem;min-width:7.2rem;padding:.42rem 1.1rem .45rem .55rem;border-radius:.25rem;background:linear-gradient(168deg,#3b2a17,#241809 55%,#16100a);box-shadow:inset 0 0 0 1px #d9a44180,inset 0 .07rem #ffebbe38,inset 0 -.5rem 1rem #00000080,var(--shadow-md);clip-path:polygon(0 0,100% 0,100% 74%,92% 100%,8% 100%,0 74%)}.hud-purse-hang{position:absolute;top:-.9rem;left:50%;translate:-50% 0;width:2.6rem;height:1rem;border:.22rem solid var(--rope-b);border-bottom:0;border-radius:1.4rem 1.4rem 0 0;opacity:.9}.hud-coin{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;font-size:.9rem;color:#4c3410;background:radial-gradient(circle at 34% 30%,#ffeec0,var(--brass) 52%,var(--brass-lo));box-shadow:inset 0 0 0 1px #5a3c10a6,inset 0 0 0 .16rem #ffecbe47,0 .1rem .3rem #0009}.hud-purse b{flex:1;text-align:right;font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:#ffe9bd;letter-spacing:.02em;text-shadow:0 .1rem .25rem rgba(0,0,0,.85);font-variant-numeric:tabular-nums}.hud-coin-pop{position:absolute;right:.9rem;top:.3rem;font-family:var(--font-display);font-size:1.05rem;color:#ffe08a;text-shadow:0 .1rem .35rem rgba(0,0,0,.9),0 0 1.1rem rgba(255,200,110,.7);opacity:0;pointer-events:none}.hud-coin-pop.go{animation:coin-float 1.5s cubic-bezier(.2,.9,.3,1) 1}@keyframes coin-float{0%{opacity:0;translate:0 .4rem;scale:.85}18%{opacity:1;translate:0 -.2rem;scale:1.06}60%{opacity:1;translate:0 -1.4rem;scale:1}to{opacity:0;translate:0 -2.4rem;scale:.95}}.hud-reticle{position:absolute;left:50%;top:50%;width:2.6rem;height:2.6rem;translate:-50% -50%;transition:scale .22s cubic-bezier(.3,1.5,.5,1),opacity .22s ease,rotate .3s ease;filter:drop-shadow(0 .08rem .16rem rgba(0,0,0,.8))}.hud-reticle svg{width:100%;height:100%;display:block}.r-ring{fill:none;stroke:#fffaeeb8;stroke-width:1.4}.r-dot{fill:#fffaeef2}.r-tick{stroke:#fffaeed9;stroke-width:1.9;stroke-linecap:round}.hud-reticle[data-state=explore]{scale:.9;opacity:.82}.hud-reticle[data-state=charging]{scale:1.12;opacity:.95}.hud-reticle[data-state=casting]{scale:1.25;opacity:.4}.hud-reticle[data-state=waiting]{scale:.55;opacity:.45}.hud-reticle[data-state=waiting] .r-tick,.hud-reticle[data-state=fight],.hud-reticle[data-state=showcase]{opacity:0}.hud-reticle.nibble{animation:retic-nibble .4s ease-out}@keyframes retic-nibble{0%{scale:.55}35%{scale:.78}to{scale:.55}}.hud-reticle.bite{scale:1.85;rotate:45deg}.hud-reticle.bite .r-ring{stroke:var(--brass);stroke-width:2}.hud-reticle.bite .r-tick{stroke:var(--brass)}.hud-reticle.bite .r-dot{fill:var(--brass)}.hud-strike{position:absolute;left:50%;top:57%;translate:-50% 0;display:grid;justify-items:center;gap:.1rem;opacity:0;scale:.85;transition:opacity .12s ease,scale .2s cubic-bezier(.3,1.6,.5,1)}.hud-strike.show{opacity:1;scale:1}.hud-strike b{font-family:var(--font-display);font-size:1.9rem;font-weight:400;font-variant:small-caps;letter-spacing:.1em;color:#ffe6ad;text-shadow:0 .12rem 0 rgba(60,30,0,.85),0 0 1.6rem rgba(217,164,65,.85);animation:strike-pulse .42s ease-in-out infinite alternate}.hud-strike span{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:#fff0d2b8;text-shadow:0 .1rem .3rem rgba(0,0,0,.9)}@keyframes strike-pulse{0%{scale:1}to{scale:1.07}}.hud-notice{position:absolute;left:50%;top:63%;translate:-50% .4rem;padding:.35rem 1.1rem;border-radius:.2rem;font-size:.92rem;letter-spacing:.02em;color:#f6e8c8;background:linear-gradient(180deg,#140e0999,#0c0805b8);box-shadow:inset 0 0 0 1px #d9a44147;opacity:0;transition:opacity .35s ease,translate .35s ease;text-shadow:0 .1rem .3rem rgba(0,0,0,.8)}.hud-notice.show{opacity:1;translate:-50% 0}.hud-gauges{position:absolute;left:50%;bottom:4.6rem;translate:-50% .6rem;display:grid;justify-items:center;opacity:0;transition:opacity .22s ease,translate .28s cubic-bezier(.2,1.3,.4,1)}.hud-gauges.show{opacity:1;translate:-50% 0}.hud-cast{display:none;width:24rem}.hud-cast.show{display:block}.hud-cast-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.34rem;padding:0 .9rem;text-shadow:0 .1rem .3rem rgba(0,0,0,.9)}.hud-cast-label span{font-size:.64rem;letter-spacing:.36em;text-transform:uppercase;color:#f6e8c8b8}.hud-cast-label b{font-family:var(--font-display);font-weight:400;font-size:1.15rem;color:#ffe6ad;font-variant-numeric:tabular-nums}.hud-cast-rig{display:flex;align-items:center;gap:.28rem}.hud-cast-cap{width:.55rem;height:1.5rem;flex:none;border-radius:.16rem;background:linear-gradient(150deg,var(--brass-hi),var(--brass) 40%,var(--brass-lo));box-shadow:inset 0 0 0 1px #462e0ca6,0 .15rem .4rem #0000008c}.hud-cast-track{position:relative;flex:1;height:1.2rem;border-radius:.2rem;background:linear-gradient(180deg,#100b06,#241a0f 55%,#120d07);box-shadow:inset 0 0 0 1px #d9a4418c,inset 0 .14rem .5rem #000000d9,0 .22rem .8rem #0009;overflow:hidden}.hud-cast-fill{position:absolute;top:.18rem;bottom:.18rem;left:.18rem;width:calc((100% - .36rem) * var(--p, 0));border-radius:.12rem;background:linear-gradient(90deg,#57853f,#8fae43 34%,#d7b447 62%,#d2653a 88%,#b8402c);background-size:23rem 100%;box-shadow:0 0 .7rem #ffcd7899,inset 0 .28rem #ffffff29;transition:width .04s linear}.hud-cast-sweet{position:absolute;top:0;bottom:0;left:calc(100% * var(--a, .6));width:calc(100% * (var(--b, .8) - var(--a, .6)));background:repeating-linear-gradient(118deg,#fff8e033 0 .16rem,#fff8e000 .16rem .5rem);box-shadow:inset 1px 0 #fffae6d9,inset -1px 0 #fffae6d9}.hud-cast.bad .hud-cast-fill{background:linear-gradient(90deg,#5a3a30,#8c4438 70%,#a34b39);box-shadow:0 0 .6rem #c8503c73,inset 0 .28rem #ffffff14}.hud-cast.bad .hud-cast-track{box-shadow:inset 0 0 0 1px #c86048b3,inset 0 .14rem .5rem #000000d9}.hud-cast.bad .hud-cast-knob{background:#ffb9a2;box-shadow:0 0 .5rem #ff8c6ee6}.hud-cast.bad .hud-cast-label b{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:#ff9c7c}.hud-cast-ticks{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),rgba(255,240,210,.2) calc(20% - 1px) 20%)}.hud-cast-knob{position:absolute;top:0;bottom:0;left:calc(.18rem + (100% - .36rem) * var(--p, 0));width:.22rem;translate:-50% 0;border-radius:99px;background:#fff6e0;box-shadow:0 0 .5rem #fff0c8e6,0 0 0 1px #3c280c80;transition:left .04s linear}.hud-dial{display:none;position:relative;width:19rem;padding:.7rem 1.1rem 1.15rem;border-radius:.35rem;background:linear-gradient(172deg,#3a2a18,#241a0e 46%,#14100a);box-shadow:inset 0 0 0 1px #d9a44180,inset 0 .07rem #ffebbe2e,inset 0 -.8rem 1.6rem #0000008c,var(--shadow-md);text-align:center;clip-path:polygon(0 0,100% 0,100% 92%,96% 100%,4% 100%,0 92%)}.hud-dial.show{display:block}.hud-dial-face{position:relative;padding:.45rem .6rem .15rem;border-radius:.28rem .28rem 50% 50%/.28rem .28rem 14% 14%;background:radial-gradient(110% 130% at 50% 92%,#f6e9c9,#e2cca2 62%,#c9ad7d);box-shadow:inset 0 0 0 1px #2a1d1280,inset 0 0 0 .22rem #d9a441d9,inset 0 0 1.6rem #78582c59,0 .2rem .6rem #00000080}.hud-dial svg{width:100%;display:block;overflow:visible}.d-face{fill:none;stroke:#2a1d121a;stroke-width:15;stroke-linecap:round}.d-zone{fill:none;stroke-width:9;stroke-linecap:butt;opacity:.9}.d-safe{stroke:var(--safe)}.d-caution{stroke:var(--caution)}.d-danger{stroke:var(--danger)}.d-ticks path{stroke:#2a1d1280;stroke-width:1.6;stroke-linecap:round}.d-ticks path.major{stroke-width:3;stroke:#2a1d12bf}.d-lab{fill:#2a1d1280;font-family:Georgia,serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.d-lab-l{text-anchor:start}.d-lab-r{text-anchor:end}.d-needle{transform:rotate(calc(-90deg + var(--t, 0) * 180deg));transform-origin:100px 104px;transform-box:view-box;transition:transform .07s linear}.d-needle path{stroke:#6d2417;stroke-width:4.5;stroke-linecap:round;fill:none}.d-needle .d-tail{stroke-width:6}.d-hub{fill:var(--brass);stroke:#2a1d12;stroke-width:2.5}.hud-dial.danger .hud-dial-face{animation:dial-alarm .36s ease-in-out infinite alternate}.hud-dial.danger .d-needle path{stroke:#a8231a}@keyframes dial-alarm{0%{filter:none}to{filter:drop-shadow(0 0 .9rem rgba(232,96,68,.95))}}.hud-dial.run{animation:dial-run .19s linear infinite alternate}.hud-dial.run .hud-dial-warn{color:#ffd28a;text-shadow:0 0 .7rem rgba(226,168,74,.9)}.hud-dial.run.danger .hud-dial-warn{color:#ff9c7c;text-shadow:0 0 .7rem rgba(220,80,50,.9)}@keyframes dial-run{0%{translate:-.11rem 0}to{translate:.11rem .05rem}}.hud-dial-title{display:block;margin-bottom:.45rem;font-size:.58rem;letter-spacing:.36em;text-transform:uppercase;color:#f6e8c88c}.hud-dial-name{display:block;margin-top:.5rem;font-family:var(--font-display);font-weight:400;font-size:1.2rem;font-variant:small-caps;letter-spacing:.07em;color:#ffe9bd;text-shadow:0 .1rem .3rem rgba(0,0,0,.9)}.hud-dial-warn{display:block;height:.95rem;margin-top:.25rem;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#ff9c7c;text-shadow:0 0 .7rem rgba(220,80,50,.9)}.hud-bar{position:relative;height:.5rem;margin-top:1.45rem;border-radius:99px;background:#0000009e;box-shadow:inset 0 0 0 1px #d9a44166,inset 0 .1rem .25rem #000000b3}.hud-bar>i{display:block;height:100%;width:calc(100% * var(--s, 1));border-radius:99px;background:linear-gradient(90deg,#2f7d72,var(--verdigris) 60%,#8fd8c8);box-shadow:0 0 .4rem #78dcc880;transition:width .1s linear}.hud-bar>em{position:absolute;left:0;top:-.95rem;font-style:normal;font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;color:#f6e8c866}.hud-prog{margin-top:1.3rem}.hud-prog>i{background:linear-gradient(90deg,var(--brass-lo),var(--brass) 62%,var(--brass-hi));box-shadow:0 0 .4rem #ffcd788c}.hud-prog:after{content:"";position:absolute;right:.18rem;top:50%;width:.16rem;height:.9rem;translate:0 -50%;border-radius:99px;background:#f6e8c880}.hud-card{position:absolute;left:50%;top:46%;translate:-50% -50%;opacity:0;scale:.94;transition:opacity .3s ease,scale .45s cubic-bezier(.2,1.35,.4,1);pointer-events:none}.hud-card.show{opacity:1;scale:1}.cc-sheet{position:relative;width:30rem;padding:1.7rem 1.9rem 1.35rem;border-radius:.2rem;background:var(--parchment-face);color:var(--ink);text-align:center;rotate:-.5deg;box-shadow:inset 0 0 0 1px #2a1d1266,inset 0 0 5rem #96703a47,var(--shadow-lg)}.cc-sheet:after{content:"";position:absolute;inset:0;background-image:var(--grain);mix-blend-mode:multiply;opacity:.17;pointer-events:none}.hud-card.trophy .cc-sheet{box-shadow:inset 0 0 0 1px #2a1d1266,inset 0 0 5rem #96703a47,0 0 4.5rem #d9a44180,var(--shadow-lg)}.hud-card.trophy .cc-edge{border-color:#8a5f1db8}.cc-tape{position:absolute;top:-.75rem;width:4.4rem;height:1.6rem;background:linear-gradient(170deg,#f0e2beb8,#d6be8e9e);box-shadow:0 .15rem .4rem #0000004d;opacity:.9}.cc-tape--l{left:1.4rem;rotate:-6deg}.cc-tape--r{right:1.4rem;rotate:5deg}.cc-stamps{position:absolute;inset:0;pointer-events:none;z-index:2}.cc-stamp{position:absolute;display:grid;place-items:center;padding:.34rem .95rem;font-size:.95rem;font-family:var(--font-display);font-variant:small-caps;letter-spacing:.16em;text-transform:uppercase;text-align:center;line-height:1.05;filter:url(#ui-rough)}.cc-stamp--new{top:1.1rem;right:.2rem;color:#2c6b64;border:.18rem solid #2c6b64;border-radius:.2rem;background:#4aa3981a;rotate:8deg;opacity:.92}.cc-stamp--trophy{top:43%;left:-1.1rem;color:#8a5f1d;border:.18rem double #8a5f1d;border-radius:.2rem;background:#d9a4411f;rotate:-12deg;opacity:.95}.cc-stamp--best{bottom:2.6rem;right:-1rem;color:#8f4527;border:.18rem solid #8f4527;border-radius:.2rem;background:#b063401a;rotate:5deg;opacity:.9}.cc-plate{position:relative;margin:.5rem 0 .3rem;padding:.5rem 0 .9rem;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);background:repeating-linear-gradient(0deg,rgba(42,29,18,.05) 0 1px,transparent 1px .62rem)}.cc-art{width:100%;height:10.5rem;display:block}.cc-scale{position:absolute;left:12%;right:12%;bottom:.35rem;height:.42rem;background:linear-gradient(90deg,var(--ink-3),var(--ink-3)) bottom/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--ink-3) 0 1px,transparent 1px 8.33%);opacity:.5}.cc-name{margin:.7rem 0 0;font-family:var(--font-display);font-weight:400;font-size:2.15rem;font-variant:small-caps;letter-spacing:.04em;line-height:1.1;color:var(--ink)}.cc-class{margin:.2rem 0 0;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;opacity:.5}.cc-rule{height:.7rem;margin:.45rem auto .7rem;width:58%;background:linear-gradient(90deg,transparent,var(--ink-line) 14%,var(--ink-line) 86%,transparent) center/100% 1px no-repeat,radial-gradient(circle at 50% 50%,var(--ink-3) 0 .15rem,transparent .16rem)}.cc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0 0 .9rem}.cc-stats div{display:grid;gap:.12rem}.cc-stats dt{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;opacity:.5}.cc-stats dd{margin:0;font-family:var(--font-display);font-size:1.6rem;font-variant-numeric:tabular-nums}.cc-stats dd i{font-style:normal;font-size:.66rem;opacity:.55;margin-left:.15rem;letter-spacing:.06em}.cc-price{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .9rem .22rem .3rem;margin-bottom:.75rem;border-radius:99px;background:linear-gradient(170deg,#2a1d121a,#2a1d120a);box-shadow:inset 0 0 0 1px #2a1d1238}.cc-price-coin{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;font-size:.7rem;color:#4c3410;background:radial-gradient(circle at 34% 30%,#ffeec0,var(--brass) 52%,var(--brass-lo));box-shadow:inset 0 0 0 1px #5a3c1099}.cc-price b{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:#6d4a12;font-variant-numeric:tabular-nums}.cc-foot{margin:0;padding-top:.55rem;border-top:1px solid var(--ink-line);font-size:.78rem;font-style:italic;opacity:.62}.hud-hint{position:absolute;bottom:1.7rem;left:50%;translate:-50% 0;display:flex;gap:1.3rem;font-size:.72rem;letter-spacing:.06em;color:#f6e8c89e;opacity:1;transition:opacity 1.4s ease;text-shadow:0 .1rem .35rem rgba(0,0,0,.9)}.hud-hint.fade{opacity:0}.hud-hint b{display:inline-block;min-width:1.5rem;margin-right:.28rem;padding:.05rem .3rem;border-radius:.2rem;text-align:center;font-weight:400;color:#ffe6ad;background:#140e09a6;box-shadow:inset 0 0 0 1px #d9a44166}.hud-wet{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.hud-wet.on{opacity:calc(var(--w, 0) * .9);visibility:visible;transition:opacity .45s ease,visibility 0s}.hud-wet:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 55%,transparent 52%,rgba(120,180,200,.16) 82%,rgba(60,110,130,.3) 100%)}.hud-wet>i{position:absolute;border-radius:48% 52% 44% 56%/58% 46% 54% 42%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.85) 0 12%,rgba(255,255,255,.15) 34%,transparent 62%),radial-gradient(circle at 68% 76%,rgba(206,240,252,.5),transparent 58%),radial-gradient(circle at 50% 50%,#96c8dc1a,#96c8dc38 88%);box-shadow:inset 0 0 .5rem #ffffff73,inset -.1rem -.12rem .3rem #78afc880,0 .12rem .35rem #00000038;animation:droplet-slip 5.5s ease-in infinite}@keyframes droplet-slip{0%{transform:translateY(0) scale(1);opacity:.9}70%{transform:translateY(1.6rem) scale(.94);opacity:.55}to{transform:translateY(3.4rem) scale(.7);opacity:0}}.ui-screen{position:absolute;inset:0;display:grid;place-items:center;padding:2.5rem;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(115% 105% at 50% 42%,#0a141b9e,#03070aed);transition:opacity .22s ease,visibility 0s linear .22s;z-index:20}.ui-screen.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,visibility 0s}.ui-sheet{position:relative;display:grid;grid-template-rows:auto 1fr auto;max-height:100%;background:var(--parchment-face);color:var(--ink);border-radius:.35rem;box-shadow:inset 0 0 0 1px #2a1d1280,inset 0 0 0 .5rem #f0e0bd73,inset 0 0 0 .58rem #2a1d1247,inset 0 0 6rem #8c683447,var(--shadow-lg);scale:.985;transition:scale .28s cubic-bezier(.2,1.25,.4,1);overflow:hidden}.ui-screen.show .ui-sheet{scale:1}.ui-sheet:after{content:"";position:absolute;inset:0;background-image:var(--grain);mix-blend-mode:multiply;opacity:.13;pointer-events:none}.ui-sheet--wide{width:min(95vw,84rem);height:min(93vh,66rem)}.ui-sheet--narrow{width:min(94vw,33rem);max-height:min(92vh,48rem)}.ui-binding{position:absolute;top:0;bottom:0;left:0;width:1.5rem;z-index:3;background:linear-gradient(90deg,#5a3f22,#7a5730 45%,#4a3319);box-shadow:inset -.12rem 0 .5rem #00000073,.12rem 0 .5rem #00000040;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;pointer-events:none}.ui-binding>i{width:.6rem;height:.6rem;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffeec0,var(--brass) 55%,var(--brass-lo));box-shadow:inset 0 0 0 1px #3c280cb3,0 .1rem .2rem #00000080}.ui-sheet-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.6rem 2.2rem 1rem 3.4rem;border-bottom:1px solid var(--ink-line)}.ui-sheet-head--center{flex-direction:column;align-items:center;gap:.5rem;padding:1.9rem 2.2rem 1.1rem}.ui-sheet-titles{display:flex;align-items:center;gap:.9rem}.ui-glyph{width:2.1rem;height:2.5rem;color:var(--brass-lo);opacity:.8;flex:none}.ui-glyph svg{width:100%;height:100%;display:block;overflow:visible}.ui-sheet-titles h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:2.25rem;font-variant:small-caps;letter-spacing:.07em;line-height:1.05}.ui-sheet-head--center .ui-sheet-titles{text-align:center;display:block}.ui-sheet-sub{margin:.15rem 0 0;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;opacity:.48}.ui-compass{width:4.2rem;height:4.2rem;color:var(--brass-lo);opacity:.9}.ui-compass svg{width:100%;height:100%;display:block}.ui-tally{display:grid;justify-items:end;gap:.2rem;min-width:13rem}.ui-tally b{font-family:var(--font-display);font-size:2.1rem;font-weight:400;line-height:1}.ui-tally span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5}.ui-tally-bar{position:relative;width:100%;height:.42rem;margin-top:.25rem;border-radius:99px;background:#2a1d1229;box-shadow:inset 0 0 0 1px #2a1d1247;overflow:hidden}.ui-tally-bar>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--verdigris),var(--brass));transition:width .4s ease}.ui-scroll{overflow-y:auto;overscroll-behavior:contain;padding:1.2rem 2.2rem 1.5rem 3.4rem;scrollbar-width:thin;scrollbar-color:var(--brass-lo) rgba(42,29,18,.12)}.ui-scroll::-webkit-scrollbar{width:.5rem}.ui-scroll::-webkit-scrollbar-track{background:#2a1d121a}.ui-scroll::-webkit-scrollbar-thumb{border-radius:99px;background:linear-gradient(180deg,var(--brass),var(--brass-lo))}.ui-sheet-foot{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.75rem 2rem .95rem;border-top:1px solid var(--ink-line);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.ui-sheet-foot b{display:inline-block;padding:.05rem .35rem;margin:0 .1rem;border-radius:.15rem;background:#2a1d121f;box-shadow:inset 0 0 0 1px #2a1d1240;font-weight:400}.ui-sheet-foot--actions{opacity:1;text-transform:none;padding:.9rem 2.2rem 1.4rem;flex-wrap:wrap}.ui-sheet-foot--actions .ui-btn--quiet{flex-basis:100%;margin-top:.25rem}.ui-keys{flex-basis:100%;margin:.6rem 0 0;text-align:center;font-size:.66rem;letter-spacing:.06em;opacity:.5}.ui-keys b{display:inline-block;padding:.04rem .32rem;margin-right:.15rem;border-radius:.15rem;font-weight:400;background:#2a1d121f;box-shadow:inset 0 0 0 1px #2a1d1240}.ui-scroll,.ui-sheet--wide{position:relative}.ui-sheet--wide:before{opacity:0;transition:opacity .2s ease}.ui-sheet--wide.has-more:before{opacity:1}.ui-sheet--wide:before{content:"";position:absolute;left:1.5rem;right:.6rem;bottom:3rem;height:2.6rem;z-index:2;pointer-events:none;background:linear-gradient(180deg,#e8d6af00,#e2cea4eb)}.jr-group+.jr-group{margin-top:1.05rem}.jr-group-head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.55rem}.jr-group-head h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.2rem;font-variant:small-caps;letter-spacing:.1em}.jr-rule{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--ink-line) 0 .35rem,transparent .35rem .6rem)}.jr-group-head em{font-size:.66rem;opacity:.5;font-style:italic;letter-spacing:.04em}.jr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.8rem,1fr));gap:.55rem}.jr-card{position:relative;display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:.2rem;background:linear-gradient(165deg,#fffbee9e,#c6aa7a33);box-shadow:inset 0 0 0 1px #2a1d123d,inset 0 0 0 .16rem #fffaeb4d,0 .12rem .3rem #3c2a1429}.jr-card:before{content:"";position:absolute;top:0;right:0;border-width:0 .7rem .7rem 0;border-style:solid;border-color:transparent rgba(42,29,18,.14) transparent transparent}.jr-card.locked{background:repeating-linear-gradient(128deg,#967c5429 0 .5rem,#7e664224 .5rem 1rem);box-shadow:inset 0 0 0 1px #2a1d1229}.jr-plate{position:relative;display:grid;justify-items:center}.jr-art{width:4.9rem;height:2.7rem;color:#2a1d1266}.jr-art svg{width:100%;height:100%;display:block}.jr-rarity{display:flex;gap:.16rem;margin-top:.28rem}.jr-rarity i{width:.32rem;height:.32rem;border-radius:50%;background:#2a1d121f;box-shadow:inset 0 0 0 1px #2a1d1242}.jr-rarity i.on{background:var(--brass-lo);box-shadow:inset 0 0 0 1px #2a1d1266}.jr-meta{min-width:0}.jr-meta h4{margin:0 0 .2rem;font-family:var(--font-display);font-weight:400;font-size:1rem;font-variant:small-caps;letter-spacing:.03em;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.9rem}.jr-card.locked .jr-meta h4{font-size:.72rem;font-variant:normal;letter-spacing:.24em;text-transform:uppercase;opacity:.42}.jr-meta dl{display:flex;gap:.85rem;margin:0}.jr-meta dt{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;opacity:.48}.jr-meta dd{margin:0;font-size:.92rem;font-variant-numeric:tabular-nums}.jr-card.locked .jr-meta dl{opacity:.3}.jr-value{position:absolute;bottom:.45rem;right:.6rem;font-size:.68rem;letter-spacing:.04em;color:var(--brass-lo);opacity:.8;font-variant-numeric:tabular-nums}.jr-value:after{content:" ◈"}.jr-card.locked .jr-value{opacity:.22}.ui-opts{padding-top:.6rem}.ui-opt-group{margin:1rem 0 .5rem;font-family:var(--font-display);font-weight:400;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;opacity:.5}.ui-opt-group:first-child{margin-top:.2rem}.ui-opt{display:grid;grid-template-columns:1fr 9.5rem 2.6rem;align-items:center;gap:.7rem;padding:.34rem 0;border-bottom:1px solid rgba(42,29,18,.1)}.ui-opt label{font-size:.85rem}.ui-opt output{font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums;opacity:.7}.ui-opt--toggle{grid-template-columns:1fr auto}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1rem;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.42rem;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(42,29,18,.22) 0 1px,transparent 1px 10%),linear-gradient(180deg,#2a1d124d,#2a1d121f);box-shadow:inset 0 0 0 1px #2a1d1259,inset 0 .08rem .16rem #2a1d124d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.4rem;height:1.05rem;margin-top:-.32rem;border-radius:.16rem;background:repeating-linear-gradient(90deg,rgba(90,60,16,.35) 0 1px,transparent 1px .16rem),linear-gradient(150deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo));box-shadow:inset 0 0 0 1px #3c280cb3,inset 0 .08rem #fff0c880,0 .12rem .28rem #0006}input[type=range]:focus-visible{outline:2px solid var(--brass-lo);outline-offset:.2rem}.ui-opt--toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.ui-switch{position:relative;width:2.4rem;height:1.1rem;border-radius:99px;background:#2a1d1233;box-shadow:inset 0 0 0 1px #2a1d1252;cursor:pointer;transition:background .18s ease}.ui-switch:after{content:"";position:absolute;top:.13rem;left:.14rem;width:.84rem;height:.84rem;border-radius:50%;background:linear-gradient(150deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo));box-shadow:0 .06rem .16rem #00000059;transition:translate .18s cubic-bezier(.3,1.4,.5,1)}.ui-opt--toggle input:checked~.ui-switch{background:#4f9e9380}.ui-opt--toggle input:checked~.ui-switch:after{translate:1.3rem 0}.ui-seg{display:flex;gap:.25rem;grid-column:2 / span 2}.ui-seg button{flex:1;padding:.28rem .1rem;border:0;border-radius:.2rem;font-family:var(--font-body);font-size:.66rem;letter-spacing:.06em;color:var(--ink);background:#2a1d1217;box-shadow:inset 0 0 0 1px #2a1d1233;cursor:pointer;transition:background .15s ease}.ui-seg button:hover{background:#2a1d1229}.ui-seg button.on{color:#33230c;background:linear-gradient(160deg,var(--brass-hi),var(--brass) 55%,#c99b3d);box-shadow:inset 0 0 0 1px #50360e80}.ui-note{margin:.5rem 0 0;font-size:.66rem;font-style:italic;opacity:.5}.ui-link{color:var(--brass-hi, #f0dcaa);font-style:normal;text-decoration:none;border-bottom:1px solid rgba(240,220,170,.35);transition:color .16s ease,border-color .16s ease}.ui-link:hover,.ui-link:focus-visible{color:#fff3d4;border-color:#fff3d4cc}.ui-btn{padding:.5rem 1.2rem;border:0;border-radius:.22rem;font-family:var(--font-display);font-size:.9rem;font-variant:small-caps;letter-spacing:.09em;color:var(--ink);background:linear-gradient(170deg,#fffaecb8,#c4a8784d);box-shadow:inset 0 0 0 1px #2a1d124d,0 .12rem .3rem #3c2a1433;cursor:pointer;transition:translate .12s ease,box-shadow .12s ease}.ui-btn:hover{translate:0 -.08rem}.ui-btn:active{translate:0 .05rem}.ui-btn--primary{color:#33230c;background:linear-gradient(160deg,var(--brass-hi),var(--brass) 55%,#c08f2f);box-shadow:inset 0 0 0 1px #50360e8c,0 .18rem .5rem #0000004d}.ui-btn--quiet{background:transparent;box-shadow:inset 0 0 0 1px #2a1d1238;opacity:.7;font-size:.78rem}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;transition-duration:.06s!important}}