:root{--px: 2;--ink: #2b1d1f;--brown0: #4a2a2a;--brown1: #74402f;--brown2: #a0603a;--brown3: #c98c50;--brown4: #e8bd7e;--cream: #f7e4bd;--white: #fff9ef;--green2: #4b8f3f;--green3: #7cbf48;--green4: #bfe36a;--blue2: #4f95d0;--blue3: #8fd0ea;--red1: #b8383d;--red2: #e6624a;--pink1: #f28ba8;--orange2: #f59a3c;--yellow1: #f5c94a;--yellow2: #fff0a0;--purple2: #a479d6;--gray1: #6b6878;--gray2: #9e9aa8;--font-head: "Pixelify Sans", "VT323", monospace;--font-body: "VT323", ui-monospace, monospace;--u: calc(var(--px) * 1px);--fs: calc(var(--u) * 10);--fs-small: calc(var(--u) * 8.5);--fs-big: calc(var(--u) * 13);--rarity-common: #9e9aa8;--rarity-uncommon: #7cbf48;--rarity-rare: #4f95d0;--rarity-epic: #a479d6;--rarity-legendary: #f59a3c;--rarity-mythic: #f28ba8;--rarity-super: #fff0a0}html,body{margin:0;height:100%;overflow:hidden;background:#1c1520;overscroll-behavior:none}#app{position:fixed;inset:0}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#ui-root{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body);font-size:var(--fs);line-height:1.05;color:var(--ink);user-select:none;-webkit-font-smoothing:none}#ui-root *,#ui-root *:before,#ui-root *:after{box-sizing:border-box}#ui-root button,#ui-root input,#ui-root select{font:inherit;color:inherit}.icon{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;flex:none}.muted{opacity:.7}.row{display:flex;gap:calc(var(--u) * 3);align-items:center;flex-wrap:wrap}.grow{flex:1}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#1c101661;pointer-events:auto;animation:fade-in .12s ease-out}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{transform:translateY(calc(var(--u) * 6)) scale(.97);opacity:0}}.panel{pointer-events:auto;position:relative;width:min(94vw,calc(var(--u) * 360));max-height:88vh;display:flex;flex-direction:column;border-style:solid;border-width:calc(var(--u) * 8);border-image-source:var(--np-panel);border-image-slice:8 fill;border-image-width:calc(var(--u) * 8);border-image-repeat:stretch;image-rendering:pixelated;animation:pop-in .14s ease-out}.panel.wide{width:min(96vw,calc(var(--u) * 460))}.panel.narrow{width:min(92vw,calc(var(--u) * 240))}.panel-head{display:flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 1) calc(var(--u) * 2) calc(var(--u) * 4);border-bottom:var(--u) dashed var(--brown3);margin-bottom:calc(var(--u) * 4)}.panel-head h2{margin:0;font-family:var(--font-head);font-weight:700;font-size:var(--fs-big);color:var(--brown1);letter-spacing:.02em;text-shadow:0 var(--u) 0 var(--brown4)}.panel-head-extra{margin-left:auto;display:flex;align-items:center;gap:calc(var(--u) * 4)}.panel-body{overflow-y:auto;overflow-x:hidden;padding:0 calc(var(--u) * 2) calc(var(--u) * 2);scrollbar-color:var(--brown3) transparent;scrollbar-width:thin}.panel-body p{margin:0 0 calc(var(--u) * 4)}button.close{width:calc(var(--u) * 14);height:calc(var(--u) * 14);display:grid;place-items:center;padding:0;cursor:pointer;border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-button) 4 fill / calc(var(--u) * 4) stretch;background:none;color:var(--brown1)}button.close svg{width:calc(var(--u) * 6);height:calc(var(--u) * 6);fill:currentColor;shape-rendering:crispEdges}button.close:hover{border-image-source:var(--np-button-hover)}.btn{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 2);min-height:calc(var(--u) * 16);padding:0 calc(var(--u) * 3);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-button) 4 fill / calc(var(--u) * 4) stretch;background:none;color:var(--ink);white-space:nowrap}.btn:hover:not(:disabled){border-image-source:var(--np-button-hover)}.btn:active:not(:disabled){border-image-source:var(--np-button-down);transform:translateY(var(--u))}.btn:disabled{cursor:default;border-image-source:var(--np-button-off);color:var(--gray1)}.btn-go{border-image-source:var(--np-button-go)}.btn-go:hover:not(:disabled){border-image-source:var(--np-button-go-hover)}.btn-danger{border-image-source:var(--np-button-danger);color:var(--white)}.btn:focus-visible,.tab:focus-visible,button.close:focus-visible{outline:var(--u) solid var(--blue2);outline-offset:var(--u)}.tabs{display:flex;gap:calc(var(--u) * 2);margin-bottom:calc(var(--u) * 4);flex-wrap:wrap}.tab{cursor:pointer;padding:calc(var(--u) * 1) calc(var(--u) * 5);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch;background:none;color:var(--brown1)}.tab.active{border-image-source:var(--np-button-hover);color:var(--ink)}.tab-badge{margin-left:calc(var(--u) * 2);color:var(--brown2)}.info-wrap{position:relative;display:inline-block}.info-btn{cursor:pointer;width:calc(var(--u) * 10);height:calc(var(--u) * 10);padding:0;border-radius:50%;border:var(--u) solid var(--ink);background:var(--blue3);color:var(--ink);font-family:var(--font-head);font-size:calc(var(--u) * 7);line-height:1;font-weight:700}.info-box{position:absolute;z-index:30;right:0;top:calc(100% + var(--u) * 2);width:max-content;max-width:calc(var(--u) * 230);padding:calc(var(--u) * 4) calc(var(--u) * 5);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-tooltip) 4 fill / calc(var(--u) * 4) stretch;color:var(--cream);font-size:var(--fs-small);text-align:left;pointer-events:auto}.info-box.left{right:auto;left:0}.info-title{font-family:var(--font-head);color:var(--yellow2);margin-bottom:calc(var(--u) * 2)}.odds{width:100%;border-collapse:collapse}.odds td{padding:0 calc(var(--u) * 3) 0 0;white-space:nowrap}.odds td:last-child{text-align:right;padding-right:0}.toasts{position:absolute;top:calc(var(--u) * 8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2);z-index:40}.toast{--toast-accent: var(--brown3);padding:calc(var(--u) * 2) calc(var(--u) * 6);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-tooltip) 4 fill / calc(var(--u) * 4) stretch;color:var(--cream);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--toast-accent);animation:toast-in .22s cubic-bezier(.2,1.4,.4,1);max-width:80vw;text-align:center}.toast-good{--toast-accent: var(--green3)}.toast-great{--toast-accent: var(--yellow1);color:var(--yellow2)}.toast-jackpot{--toast-accent: var(--pink1);color:var(--white);font-family:var(--font-head);font-size:var(--fs-big)}.toast-warn{--toast-accent: var(--red2)}@keyframes toast-in{0%{transform:translateY(calc(var(--u) * -8)) scale(.9);opacity:0}}.coin-amt{display:inline-flex;align-items:center;gap:calc(var(--u) * 1)}.coin-amt .icon{width:calc(var(--u) * 10)!important;height:calc(var(--u) * 10)!important}.debug{pointer-events:auto;position:absolute;top:calc(var(--u) * 30);right:calc(var(--u) * 6);width:300px;max-height:calc(100vh - var(--u) * 40);overflow-y:auto;padding:10px 12px;background:#18121af0;color:#f3e7d2;border:2px solid #c98c50;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.35;z-index:50}.debug header{display:flex;justify-content:space-between;margin-bottom:6px}.debug section{margin-bottom:8px}.debug label{display:block;margin-bottom:3px;color:#e8bd7e}.debug label.check{color:inherit}.debug button,.debug select{cursor:pointer;background:#3a2c34;color:#f3e7d2;border:1px solid #74402f;padding:3px 6px;font:inherit}.debug button.on{background:#c98c50;color:#2b1d1f}.debug button.danger{background:#8a2a35}.debug .row{gap:4px}.fps{position:absolute;left:calc(var(--u) * 4);bottom:calc(var(--u) * 4);color:var(--yellow2);text-shadow:0 var(--u) 0 var(--ink)}.hud-tl{position:absolute;top:calc(var(--u) * 5);left:calc(var(--u) * 5);display:flex;flex-direction:row;align-items:center;gap:calc(var(--u) * 3)}.hud-tr{position:absolute;top:calc(var(--u) * 5);right:calc(var(--u) * 5);display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--u) * 3)}.chip{pointer-events:auto;display:inline-flex;align-items:center;gap:calc(var(--u) * 3);min-height:calc(var(--u) * 18);padding:0 calc(var(--u) * 4) 0 calc(var(--u) * 2);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-chip) 4 fill / calc(var(--u) * 4) stretch;color:var(--cream);text-shadow:0 var(--u) 0 var(--ink);white-space:nowrap}.chip.coins{font-size:var(--fs-big);color:var(--yellow2);transition:transform .12s}.chip.coins.bump{transform:scale(1.06)}.side-buttons{position:absolute;right:calc(var(--u) * 5);bottom:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 2)}.chip-btn{pointer-events:auto;cursor:pointer;width:calc(var(--u) * 22);height:calc(var(--u) * 22);display:grid;place-items:center;padding:0;border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-chip) 4 fill / calc(var(--u) * 4) stretch;background:none;color:var(--cream);font-size:var(--fs-big)}.chip-btn:hover{filter:brightness(1.15)}.hotbar-wrap{position:absolute;left:50%;bottom:calc(var(--u) * 5);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2)}.hotbar-label{display:flex;align-items:center;gap:calc(var(--u) * 3);color:var(--cream);text-shadow:0 var(--u) 0 var(--ink),var(--u) 0 0 var(--ink),calc(var(--u) * -1) 0 0 var(--ink),0 calc(var(--u) * -1) 0 var(--ink);font-size:var(--fs)}.seed-cycle{pointer-events:auto;cursor:pointer;border:none;background:none;color:var(--yellow2);text-shadow:0 var(--u) 0 var(--ink);font-size:var(--fs-small);padding:0 calc(var(--u) * 1)}.hotbar{display:flex;gap:calc(var(--u) * 1);padding:calc(var(--u) * 2);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-chip) 4 fill / calc(var(--u) * 4) stretch;pointer-events:auto}.slot{position:relative;cursor:pointer;width:calc(var(--u) * 24);height:calc(var(--u) * 24);display:grid;place-items:center;padding:0;border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-slot) 6 fill / calc(var(--u) * 4) stretch;background:none}.slot.selected{border-image-source:var(--np-slot-selected);transform:translateY(calc(var(--u) * -2))}.slot-num{position:absolute;top:calc(var(--u) * -3);left:calc(var(--u) * -2);font-size:calc(var(--u) * 6.5);color:var(--brown1)}.slot.selected .slot-num{color:var(--orange2)}.slot-count{position:absolute;right:calc(var(--u) * -2);bottom:calc(var(--u) * -4);font-size:calc(var(--u) * 7.5);color:var(--white);text-shadow:var(--u) var(--u) 0 var(--ink),calc(var(--u) * -1) 0 0 var(--ink),0 calc(var(--u) * -1) 0 var(--ink)}.slot .slot-seed{position:absolute;left:calc(var(--u) * -2);bottom:calc(var(--u) * -2)}.tile-tip{position:fixed;z-index:20;min-width:calc(var(--u) * 90);max-width:calc(var(--u) * 140);padding:calc(var(--u) * 3) calc(var(--u) * 4);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-tooltip) 4 fill / calc(var(--u) * 4) stretch;color:var(--cream);font-size:var(--fs-small);pointer-events:none}.tt-title{display:flex;align-items:center;gap:calc(var(--u) * 2);font-family:var(--font-head);color:var(--white);margin-bottom:calc(var(--u) * 2)}.tt-title .rarity{margin-left:auto;font-family:var(--font-body);font-size:calc(var(--u) * 7)}.tt-line{margin-top:var(--u)}.tt-line.ripe{color:var(--green4)}.tt-line.value{color:var(--yellow2)}.tt-line.ability{color:var(--purple2)}.tt-line.muts{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 2);align-items:center}.tt-bar{height:calc(var(--u) * 3);background:var(--brown1);border:var(--u) solid var(--ink)}.tt-bar>div{height:100%;background:var(--green3)}.huge{color:var(--orange2)}.mult{color:var(--yellow2);font-family:var(--font-head)}.tile-tip .muted,.info-box .muted{color:var(--brown4);opacity:1}.r-common{color:var(--brown1)}.r-uncommon{color:#3f7d2c}.r-rare{color:#2d6aa8}.r-epic{color:#7a4bb5}.r-legendary{color:#c4651c}.r-mythic{color:#c4466d}.r-super{background:linear-gradient(90deg,#e6624a,#f5c94a,#7cbf48,#4f95d0,#a479d6,#f28ba8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-text 2.4s linear infinite}@keyframes rainbow-text{to{background-position:200% 0}}.tile-tip .r-common,.tile-tip .rarity{color:var(--gray2)}.tile-tip .r-uncommon{color:var(--green3)}.tile-tip .r-rare{color:var(--blue2)}.tile-tip .r-epic{color:var(--purple2)}.tile-tip .r-legendary{color:var(--orange2)}.tile-tip .r-mythic{color:var(--pink1)}.tutorial{position:absolute;left:50%;bottom:calc(var(--u) * 62);transform:translate(-50%);display:flex;align-items:center;gap:calc(var(--u) * 5);max-width:min(92vw,calc(var(--u) * 260));padding:calc(var(--u) * 3) calc(var(--u) * 5);border-style:solid;border-width:calc(var(--u) * 8);border-image:var(--np-panel) 8 fill / calc(var(--u) * 8) stretch;pointer-events:auto;animation:pop-in .2s ease-out}.tut-step{font-family:var(--font-head);color:var(--brown2);font-size:var(--fs-small)}.tut-skip{cursor:pointer;border:none;background:none;color:var(--brown2);text-decoration:underline;align-self:flex-start}.empty{color:var(--brown2);text-align:center;padding:calc(var(--u) * 10) 0}.fruit-list,.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.fruit-row,.item-row{display:flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 3);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch}.fruit-row.special{box-shadow:inset 0 0 0 var(--u) var(--yellow1)}.fruit-row.sel{border-image-source:var(--np-button-hover)}.fruit-row.locked{opacity:.85}.fruit-row .pick{width:calc(var(--u) * 8);height:calc(var(--u) * 8);accent-color:var(--green2);cursor:pointer}.fr-icon{position:relative}.fr-sparkle{position:absolute;right:calc(var(--u) * -3);top:calc(var(--u) * -4);color:var(--yellow1);text-shadow:0 var(--u) 0 var(--ink);animation:twinkle 1.2s ease-in-out infinite}@keyframes twinkle{50%{opacity:.3;transform:scale(.7)}}.fr-name{flex:1;display:flex;flex-direction:column}.fr-count,.count{color:var(--brown2)}.fr-meta{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 2);align-items:center;font-size:var(--fs-small)}.fruit-row .mult,.item-row .mult{color:var(--orange2);text-shadow:0 var(--u) 0 var(--ink)}.mut-badge{display:inline-flex;align-items:center;gap:var(--u);text-shadow:0 var(--u) 0 var(--ink)}.fr-value{display:inline-flex;align-items:center;gap:var(--u);min-width:calc(var(--u) * 40);justify-content:flex-end;color:var(--brown1)}.lock-btn{cursor:pointer;border:none;background:none;padding:0;opacity:.45}.lock-btn.on,.lock-btn:hover{opacity:1}.small{font-size:var(--fs-small)}.rank{color:var(--brown2);min-width:calc(var(--u) * 12)}.cap{color:var(--brown2)}.merchant{display:flex;align-items:center;gap:calc(var(--u) * 6);margin-bottom:calc(var(--u) * 5)}.speech{position:relative;padding:calc(var(--u) * 4) calc(var(--u) * 6);background:var(--white);border:var(--u) solid var(--ink);border-radius:calc(var(--u) * 4)}.speech:before{content:"";position:absolute;left:calc(var(--u) * -7);top:50%;border:calc(var(--u) * 3) solid transparent;border-right-color:var(--ink);transform:translateY(-50%)}.sell-bar{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3);justify-content:flex-end;padding-top:calc(var(--u) * 5);background:linear-gradient(transparent,var(--cream) 30%)}.confirm-backdrop{z-index:60}.confirm-text{margin:calc(var(--u) * 2) 0 calc(var(--u) * 6)}.confirm-row{justify-content:flex-end}.world-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wl{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform}.wl-bubble{padding:calc(var(--u) * 1) calc(var(--u) * 4);background:var(--white);border:var(--u) solid var(--ink);border-radius:calc(var(--u) * 3);font-size:var(--fs-small);color:var(--ink)}.wl-gain{font-family:var(--font-head);font-size:var(--fs);color:var(--yellow2);text-shadow:0 var(--u) 0 var(--ink),var(--u) 0 0 var(--ink),calc(var(--u) * -1) 0 0 var(--ink),0 calc(var(--u) * -1) 0 var(--ink)}.wl-big{font-family:var(--font-head);font-weight:700;font-size:calc(var(--u) * 16);color:var(--yellow2);text-shadow:0 calc(var(--u) * 2) 0 var(--ink),var(--u) 0 0 var(--ink),calc(var(--u) * -1) 0 0 var(--ink),0 calc(var(--u) * -1) 0 var(--ink)}.wl-info{font-size:var(--fs-small);color:var(--white);text-shadow:0 var(--u) 0 var(--ink),var(--u) 0 0 var(--ink),calc(var(--u) * -1) 0 0 var(--ink)}.section{margin:calc(var(--u) * 6) 0 calc(var(--u) * 3);font-family:var(--font-head);font-size:var(--fs);color:var(--brown2)}.section:first-child{margin-top:0}.shop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.shop-row{display:flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 3);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch}.shop-row.out{opacity:.55}.shop-row.out .icon{filter:grayscale(.7)}.price{display:inline-flex;align-items:center;gap:var(--u);min-width:calc(var(--u) * 46);justify-content:flex-end}.stock{min-width:calc(var(--u) * 18);text-align:right;color:var(--brown2)}.out-label{min-width:calc(var(--u) * 70);color:var(--brown3)}.owned{color:var(--green2);min-width:calc(var(--u) * 40);text-align:right}.restock{display:inline-flex;align-items:center;gap:calc(var(--u) * 2);color:var(--brown2)}.packs{display:grid;gap:calc(var(--u) * 2)}.pack{display:flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 3);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch}.footnote{margin-top:calc(var(--u) * 6)}.restock-chip.hype{color:var(--yellow2);animation:hype 1.2s ease-in-out infinite}.hype-star{color:var(--yellow1)}@keyframes hype{50%{filter:brightness(1.35);transform:scale(1.04)}}.chip.clock .time{font-size:var(--fs-big);color:var(--white)}.chip.clock .day{color:var(--brown4)}.chip.banner{color:var(--white)}.chip.banner.forecast{color:var(--cream);font-size:var(--fs-small)}.muted-chip{color:var(--brown4)}.w-bloodmoon{color:#ffb0a0}.w-starfall{color:var(--yellow2)}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 6)}@media(max-width:760px){.board-grid{grid-template-columns:1fr}}.board-card{padding:calc(var(--u) * 4) calc(var(--u) * 5);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch}.board-card h3{margin:0 0 calc(var(--u) * 3);font-family:var(--font-head);font-size:var(--fs);color:var(--brown2);display:flex;align-items:center;gap:calc(var(--u) * 3)}.board-card .big{font-size:var(--fs-big);display:flex;align-items:center;gap:calc(var(--u) * 3)}.stock-chips{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3)}.stock-chip{display:inline-flex;align-items:center;gap:var(--u)}.house-actions{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 3)}.tip{margin-top:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 3);align-items:flex-start;color:var(--brown1)}.hype-line{color:#c4651c}.edge-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 calc(var(--u) * 70) calc(var(--u) * 26) var(--flash);animation:edge-flash .95s ease-out forwards;z-index:5}.edge-flash.soft{animation-name:edge-flash-soft}@keyframes edge-flash{0%{opacity:.85}to{opacity:0}}@keyframes edge-flash-soft{0%{opacity:.3}to{opacity:0}}.pet-list,.egg-list,.egg-odds{list-style:none;margin:0;padding:0}.pet-list{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.pet-card{display:flex;align-items:center;gap:calc(var(--u) * 5);padding:calc(var(--u) * 2) calc(var(--u) * 4);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch}.pet-card.equipped{border-image-source:var(--np-button-hover)}.pet-portrait{display:grid;place-items:center;min-width:calc(var(--u) * 36)}.pet-name{display:flex;align-items:center;gap:calc(var(--u) * 3);font-family:var(--font-head)}.variant-badge{font-family:var(--font-body);font-size:var(--fs-small);padding:0 calc(var(--u) * 3);border:var(--u) solid var(--ink);border-radius:calc(var(--u) * 3);background:var(--yellow2)}.variant-badge.shiny{background:linear-gradient(90deg,#ffd0d8,#fff0a0,#d5f2f7,#dcc4f5)}.variant-badge.big{background:var(--green4)}.effects{margin:calc(var(--u) * 1) 0 0;padding-left:calc(var(--u) * 7);font-size:var(--fs-small);color:var(--brown1)}.slot-row{display:flex;align-items:center;gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 6)}.incubators{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 4)}.incubator{width:calc(var(--u) * 78);min-height:calc(var(--u) * 78);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 3);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch;text-align:center}.incubator.ready{border-image-source:var(--np-slot-selected)}.incubator.locked{opacity:.8}.egg-bar{width:80%}.egg-wiggle{animation:wiggle .9s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}}.egg-list{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.egg-row{display:flex;align-items:center;gap:calc(var(--u) * 5);padding:calc(var(--u) * 2) calc(var(--u) * 4);border-style:solid;border-width:calc(var(--u) * 4);border-image:var(--np-inset) 4 fill / calc(var(--u) * 4) stretch}.egg-odds{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1) calc(var(--u) * 6);margin-top:calc(var(--u) * 2);font-size:var(--fs-small)}.egg-odds li{display:inline-flex;align-items:center;gap:calc(var(--u) * 1)}.egg-odds .pct{color:var(--brown2)}.hatch-backdrop{background:#140c18b8;z-index:55}.hatch-stage{position:relative;display:grid;place-items:center;min-width:min(90vw,calc(var(--u) * 220));min-height:calc(var(--u) * 200)}.egg-big{position:relative}.egg-big .crack{position:absolute;inset:0}.egg-big.wobble{animation:wiggle .5s ease-in-out infinite}.egg-big.shake{animation:shake .12s linear infinite}@keyframes shake{0%{transform:translate(calc(var(--u) * -2))}50%{transform:translate(calc(var(--u) * 2),calc(var(--u) * -1))}to{transform:translate(calc(var(--u) * -2))}}.hatch-flash{position:fixed;inset:0;background:#fff9ef;animation:flash-out .42s ease-out forwards}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.reveal{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 10) calc(var(--u) * 14);border-style:solid;border-width:calc(var(--u) * 8);border-image:var(--np-panel) 8 fill / calc(var(--u) * 8) stretch;animation:pop-in .26s cubic-bezier(.2,1.5,.4,1);overflow:hidden}.rays{position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,rgba(255,240,160,.55) 0 10deg,transparent 10deg 24deg);animation:spin 9s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.pet-pop{position:relative;animation:pet-bounce 1.2s ease-in-out infinite}@keyframes pet-bounce{50%{transform:translateY(calc(var(--u) * -4))}}.reveal-name{position:relative;margin:0;font-family:var(--font-head);font-size:calc(var(--u) * 16);color:var(--brown1);display:flex;align-items:center;gap:calc(var(--u) * 4)}.reveal-rarity,.reveal .effects,.reveal .btn{position:relative}.decor-icon{display:grid;place-items:end center;min-width:calc(var(--u) * 18);min-height:calc(var(--u) * 24)}.setting{display:flex;align-items:center;gap:calc(var(--u) * 4);margin-bottom:calc(var(--u) * 3)}.setting>span:first-child{min-width:calc(var(--u) * 40)}.setting input[type=range]{flex:1;accent-color:var(--green2)}.setting .val{min-width:calc(var(--u) * 20);text-align:right;color:var(--brown2)}.setting.check{gap:calc(var(--u) * 3);cursor:pointer}.setting.check input{width:calc(var(--u) * 8);height:calc(var(--u) * 8);accent-color:var(--green2)}.setting select{font:inherit;padding:var(--u) calc(var(--u) * 2);border:var(--u) solid var(--brown2);background:var(--white)}.danger-zone{margin-top:calc(var(--u) * 8);justify-content:space-between}.controls td{padding:calc(var(--u) * 1) calc(var(--u) * 4) calc(var(--u) * 1) 0}kbd{font-family:var(--font-body);padding:0 calc(var(--u) * 3);border:var(--u) solid var(--brown2);border-bottom-width:calc(var(--u) * 2);border-radius:calc(var(--u) * 2);background:var(--white);white-space:nowrap}.away-backdrop{z-index:58}.away-list{list-style:none;margin:0 0 calc(var(--u) * 4);padding:0;display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.away-list li{display:flex;align-items:center;gap:calc(var(--u) * 3)}.haggle-bar{position:relative;height:calc(var(--u) * 18);margin:calc(var(--u) * 6) 0;background:repeating-linear-gradient(90deg,var(--brown3) 0 calc(var(--u) * 8),var(--brown4) calc(var(--u) * 8) calc(var(--u) * 16));border:var(--u) solid var(--ink);box-shadow:inset 0 calc(var(--u) * 2) 0 var(--brown2);cursor:pointer;pointer-events:auto}.zone-green{position:absolute;top:0;bottom:0;background:var(--green3);border-left:var(--u) solid var(--green2);border-right:var(--u) solid var(--green2)}.zone-perfect{position:absolute;top:0;bottom:0;background:var(--yellow2);box-shadow:0 0 calc(var(--u) * 4) var(--yellow1)}.marker{position:absolute;top:calc(var(--u) * -4);bottom:calc(var(--u) * -4);width:calc(var(--u) * 3);margin-left:calc(var(--u) * -1.5);background:var(--ink);border-left:var(--u) solid var(--white)}.haggle-row{justify-content:center}.haggle-result{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6);flex-wrap:wrap}.big-word{font-family:var(--font-head);font-size:var(--fs-big)}.haggle-result.perfect .big-word{color:#c4651c}.haggle-result.good .big-word{color:var(--green2)}.haggle-result.miss .big-word{color:var(--red1)}.resting-pets{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 4);margin-bottom:calc(var(--u) * 4)}