:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f1e8;background:#05070b;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 35%,#1b1a16 0,#05070b 55%);overflow-x:hidden}body.is-exploring{min-height:260vh}button,input{font:inherit}.worldseed{isolation:isolate;min-height:100dvh;position:relative}.canvas-host{z-index:-1;position:fixed;inset:0}.canvas-host canvas{width:100%;height:100%;display:block}.roll-host{z-index:3;position:fixed;inset:0}.roll-reveal{--roll-accent:#d9b85d;isolation:isolate;background:#05070b6b;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.roll-reveal[data-effect=uncommon-prism]{--roll-accent:#72d8df}.roll-reveal[data-effect=rare-eclipse]{--roll-accent:#f0c86d}.roll-reveal__vignette,.roll-reveal__rays,.roll-reveal__streaks,.roll-reveal__particles{pointer-events:none;position:absolute;inset:0}.roll-reveal__vignette{z-index:-3;opacity:.62;background:radial-gradient(circle,#0000 18%,#03050aeb 78%),linear-gradient(#05070b1a,#05070b8f);transition:opacity .42s}.roll-reveal[data-effect=rare-eclipse][data-phase=rare-bridge] .roll-reveal__vignette,.roll-reveal[data-effect=rare-eclipse][data-phase=landed] .roll-reveal__vignette{opacity:1}.roll-reveal__rays{z-index:-2;opacity:0;background:repeating-conic-gradient(from 10deg, color-mix(in srgb, var(--roll-accent) 24%, transparent) 0 2deg, transparent 2deg 12deg);width:min(82vw,62rem);height:min(82vw,62rem);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.35)rotate(-10deg);-webkit-mask-image:radial-gradient(circle,#05070b 0 12%,#0000 66%);mask-image:radial-gradient(circle,#05070b 0 12%,#0000 66%)}.roll-reveal[data-phase=landed] .roll-reveal__rays{animation:.78s cubic-bezier(.16,1,.3,1) both roll-rays}.roll-reveal__streaks{z-index:-1;opacity:0;background:repeating-linear-gradient(112deg, transparent 0 9%, color-mix(in srgb, var(--roll-accent) 88%, #fff) 9.4% 9.8%, transparent 10.2% 23%), repeating-linear-gradient(116deg, transparent 0 17%, color-mix(in srgb, var(--roll-accent) 58%, transparent) 17.4% 18%, transparent 18.6% 38%);height:52%;top:-12%;transform:translateY(-12%)scaleX(.78);-webkit-mask-image:linear-gradient(#000 0 68%,#0000 100%);mask-image:linear-gradient(#000 0 68%,#0000 100%)}.roll-reveal[data-phase=landed] .roll-reveal__streaks{animation:.66s cubic-bezier(.16,1,.3,1) both roll-streaks}.roll-reveal__particles{z-index:-1;opacity:0;background:radial-gradient(circle at 17% 42%, var(--roll-accent) 0 2px, transparent 3px), radial-gradient(circle at 73% 28%, var(--roll-accent) 0 1px, transparent 2px), radial-gradient(circle at 82% 66%, var(--roll-accent) 0 2px, transparent 3px), radial-gradient(circle at 31% 76%, var(--roll-accent) 0 1px, transparent 2px), radial-gradient(circle at 58% 19%, var(--roll-accent) 0 1px, transparent 2px)}.roll-reveal[data-effect=rare-eclipse][data-phase=landed] .roll-reveal__particles{animation:.9s cubic-bezier(.16,1,.3,1) both roll-particles}.roll-reveal__content{text-align:center;flex-direction:column;align-items:center;width:min(56rem,100vw - 2rem);display:flex;position:relative;transform:translateZ(0)}.roll-reveal[data-effect=rare-eclipse] .roll-reveal__content{padding-block-start:2rem}.roll-reveal__category{color:#c4cad4;letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:700}.roll-reveal__icon{z-index:3;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--roll-accent) 62%, transparent);width:clamp(10rem,26vw,16rem);color:var(--roll-accent);letter-spacing:.16em;opacity:0;box-shadow:inset 0 0 2.5rem color-mix(in srgb, var(--roll-accent) 14%, transparent), 0 0 0 1px #ffffff0a;border-radius:50%;place-items:center;font-family:ui-monospace,monospace;font-size:clamp(.62rem,1.4vw,.82rem);font-weight:800;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.22)}.roll-reveal__center{width:100%;height:clamp(6rem,15vw,10rem);position:relative}.roll-reveal[data-effect=rare-eclipse] .roll-reveal__center{margin-top:clamp(6rem,14vw,8rem);transform:translateY(-4rem)}.roll-reveal__icon[data-kind=glyph]{letter-spacing:0;font-size:clamp(5.4rem,14vw,9rem);font-weight:500}.roll-reveal[data-phase=rare-bridge] .roll-reveal__icon{animation:4s linear both rare-icon-accelerate;display:grid}.roll-reveal[data-effect=rare-eclipse][data-phase=landed] .roll-reveal__icon{animation:.56s cubic-bezier(.16,1,.3,1) both rare-icon-settle;display:grid}.roll-reveal[data-phase=rare-bridge] .roll-reveal__value,.roll-reveal[data-phase=rare-bridge] .roll-reveal__rarity{visibility:hidden}.roll-reveal__ticker{width:100%;color:var(--roll-accent);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.roll-reveal__ticker:before,.roll-reveal__ticker:after{content:"";z-index:2;pointer-events:none;height:42%;position:absolute;left:0;right:0}.roll-reveal__ticker:before{background:linear-gradient(#070910,#0000);top:0}.roll-reveal__ticker:after{background:linear-gradient(#0000,#070910);bottom:0}.roll-reveal__ticker span{letter-spacing:-.055em;white-space:nowrap;opacity:0;width:100%;font-size:clamp(1.5rem,6vw,4.75rem);font-weight:800;line-height:1;position:absolute}.roll-reveal[data-phase=rolling] .roll-reveal__ticker span{animation:.14s cubic-bezier(.08,.32,.92,.48) infinite roll-ticker}.roll-reveal[data-phase=rolling] .roll-reveal__ticker span:nth-child(2){animation-delay:-47ms}.roll-reveal[data-phase=rolling] .roll-reveal__ticker span:nth-child(3){animation-delay:-93ms}.roll-reveal[data-phase=rare-bridge] .roll-reveal__ticker{animation:.36s cubic-bezier(.7,0,1,1) both rare-ticker-collapse}.roll-reveal[data-phase=rare-bridge] .roll-reveal__ticker span{opacity:0;animation:none;transform:translateY(0)scaleX(1)}.roll-reveal[data-phase=rare-bridge] .roll-reveal__ticker span:nth-child(2){color:#c4cad4;opacity:.82}.roll-reveal__value{color:#f7f2e9;letter-spacing:-.065em;opacity:0;text-wrap:balance;place-items:center;width:100%;min-height:clamp(6rem,15vw,10rem);margin:calc(-1*clamp(6rem,15vw,10rem)) 0 0;padding-block:.75rem;font-size:clamp(2.15rem,8vw,6.5rem);font-weight:850;line-height:.9;display:grid}.roll-reveal[data-phase=landed] .roll-reveal__ticker{opacity:0}.roll-reveal[data-phase=landed] .roll-reveal__value{animation:.72s cubic-bezier(.16,1,.3,1) both roll-land}.roll-reveal[data-effect=uncommon-prism][data-phase=landed] .roll-reveal__value{text-shadow:-.045em 0 #62c9ff8a,.045em 0 #f073b875;animation:.72s cubic-bezier(.16,1,.3,1) both roll-land}.roll-reveal__rarity{color:var(--roll-accent);letter-spacing:.12em;opacity:0;text-transform:uppercase;margin:.8rem 0 0;font-family:ui-monospace,monospace;font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:800}.roll-reveal[data-phase=landed] .roll-reveal__rarity{animation:.52s cubic-bezier(.16,1,.3,1) .15s both rarity-land}.roll-reveal[data-phase=exiting]{animation:1.1s cubic-bezier(.16,1,.3,1) both roll-overlay-exit}.roll-reveal[data-phase=exiting] .roll-reveal__ticker{opacity:0}.roll-reveal[data-phase=exiting] .roll-reveal__value{opacity:1;transform:scale(1)}.roll-reveal[data-phase=exiting] .roll-reveal__rarity{opacity:1}.roll-reveal__next{border:1px solid color-mix(in srgb, var(--roll-accent) 72%, #f7f2e9);color:#111006;background:var(--roll-accent);cursor:pointer;border-radius:999px;min-width:10rem;margin-top:2.4rem;padding:.85rem 1.45rem;font-weight:800;transition:transform .16s;animation:.42s cubic-bezier(.16,1,.3,1) .26s both next-arrive;box-shadow:inset 0 1px #ffffff70}.roll-reveal__next:hover{filter:brightness(1.1)}.roll-reveal__next:active{transform:scale(.97)}.worldseed:has(.roll-reveal:not([data-reduced-motion=true])[data-phase=landed][data-effect=common-impact]) .canvas-host,.worldseed:has(.roll-reveal:not([data-reduced-motion=true])[data-phase=landed][data-effect=common-impact]) .roll-reveal__content{animation:.26s ease-out both screen-shake-light}.worldseed:has(.roll-reveal:not([data-reduced-motion=true])[data-phase=landed][data-effect=rare-eclipse]) .canvas-host,.worldseed:has(.roll-reveal:not([data-reduced-motion=true])[data-phase=landed][data-effect=rare-eclipse]) .roll-reveal__content{animation:.48s ease-out both screen-shake-rare}.roll-reveal[data-reduced-motion=true] *,.roll-reveal[data-reduced-motion=true] :before,.roll-reveal[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation:none!important}.roll-reveal[data-reduced-motion=true] .roll-reveal__ticker{display:none}.roll-reveal[data-reduced-motion=true] .roll-reveal__value,.roll-reveal[data-reduced-motion=true] .roll-reveal__rarity{opacity:1}.roll-reveal[data-reduced-motion=true][data-effect=rare-eclipse][data-phase=landed] .roll-reveal__icon{opacity:1;display:grid;transform:translate(-50%,-150%)scale(.52)}.roll-reveal[data-reduced-motion=true] .roll-reveal__rays,.roll-reveal[data-reduced-motion=true] .roll-reveal__streaks,.roll-reveal[data-reduced-motion=true] .roll-reveal__particles{display:none}.roll-reveal[data-reduced-motion=true] .roll-reveal__vignette{opacity:.62}@keyframes roll-ticker{0%{opacity:0;transform:translateY(-135%)scaleX(1.3)}35%{opacity:.82}65%{opacity:.82}to{opacity:0;transform:translateY(135%)scaleX(1.08)}}@keyframes roll-land{0%{opacity:0;transform:scale(1.42)}55%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes rarity-land{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}@keyframes rare-ticker-collapse{0%{opacity:.82;transform:scale(1)}to{opacity:0;transform:scale(.08)}}@keyframes rare-icon-accelerate{0%{opacity:.18;transform:translate(-50%,-50%)scale(.22)}5%{opacity:1;transform:translate(-50%,-50%)scale(.42)}13%{opacity:.25;transform:translate(-50%,-50%)scale(.25)}21%{opacity:1;transform:translate(-50%,-50%)scale(.5)}28.5%{opacity:.28;transform:translate(-50%,-50%)scale(.28)}36%{opacity:1;transform:translate(-50%,-50%)scale(.58)}43%{opacity:.31;transform:translate(-50%,-50%)scale(.31)}50%{opacity:1;transform:translate(-50%,-50%)scale(.66)}56.5%{opacity:.34;transform:translate(-50%,-50%)scale(.34)}63%{opacity:1;transform:translate(-50%,-50%)scale(.74)}67.5%{opacity:.37;transform:translate(-50%,-50%)scale(.37)}72%{opacity:1;transform:translate(-50%,-50%)scale(.82)}75.5%{opacity:.4;transform:translate(-50%,-50%)scale(.4)}79%{opacity:1;transform:translate(-50%,-50%)scale(.9)}82%{opacity:.43;transform:translate(-50%,-50%)scale(.43)}85%{opacity:1;transform:translate(-50%,-50%)scale(.96)}87.5%{opacity:.46;transform:translate(-50%,-50%)scale(.46)}90%{opacity:1;transform:translate(-50%,-50%)scale(1.02)}92%{opacity:.49;transform:translate(-50%,-50%)scale(.49)}94%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}95.5%{opacity:.52;transform:translate(-50%,-50%)scale(.52)}97%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}98%{opacity:.55;transform:translate(-50%,-50%)scale(.58)}99%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}99.5%{opacity:.58;transform:translate(-50%,-50%)scale(.72)}to{opacity:1;transform:translate(-50%,-50%)scale(1.14)}}@keyframes rare-icon-settle{0%{opacity:1;transform:translate(-50%,-50%)scale(1.14)}58%{opacity:1;transform:translate(-50%,-140%)scale(.58)}to{opacity:1;transform:translate(-50%,-150%)scale(.52)}}@keyframes roll-rays{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(-10deg)}35%{opacity:.72}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)rotate(8deg)}}@keyframes roll-streaks{0%{opacity:0;transform:translateY(-12%)scaleX(.78)}38%{opacity:.96}to{opacity:0;transform:translateY(18%)scaleX(1.16)}}@keyframes roll-particles{0%{opacity:0;transform:scale(.58)}28%{opacity:.9}to{opacity:0;transform:scale(1.18)}}@keyframes next-arrive{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}@keyframes roll-overlay-exit{0%{opacity:1}to{opacity:0}}@keyframes screen-shake-light{0%,to{transform:translate(0)}30%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}}@keyframes screen-shake-rare{0%,to{transform:translate(0)}18%{transform:translate(-7px,4px)}38%{transform:translate(6px,-4px)}58%{transform:translate(-4px,2px)}78%{transform:translate(3px,-1px)}}.css-world{background:linear-gradient(var(--sky), color-mix(in srgb, var(--ground) 70%, var(--sky)));position:absolute;inset:0;overflow:hidden}.css-horizon{background:var(--ground);box-shadow:0 -4rem 8rem color-mix(in srgb, var(--accent) 25%, transparent);position:absolute;inset:56% -10% -10%;transform:skewY(-4deg)}.css-shape{left:var(--x);top:var(--y);aspect-ratio:1;background:var(--accent);width:clamp(1rem,4vw,4rem);transform:translate(-50%, -50%) rotate(var(--rotation)) scale(var(--scale));box-shadow:0 0 2rem color-mix(in srgb, var(--accent) 65%, transparent);position:absolute}.css-shape--0{clip-path:polygon(50% 0,100% 100%,0 100%)}.css-shape--1{background:var(--secondary)}.css-shape--2{border-radius:50%;width:clamp(.7rem,2.5vw,2rem)}.home{text-align:center;place-content:center;justify-items:center;gap:1.25rem;min-height:100dvh;padding:2rem;display:grid}.eyebrow{color:#a9b5ca;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem}h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,11vw,8rem);line-height:.85}.generate{color:#17130b;cursor:pointer;background:#d9b85d;border:1px solid #efd485;border-radius:999px;padding:1rem 2rem;transition:transform .18s,background-color .18s,border-color .18s;box-shadow:inset 0 1px #fff3c166}.generate:hover{background:#e6c96f;border-color:#ffe9a8}.generate:active,.skip:active,.show-result:active,.icon-button:active,.secondary-button:active{transform:scale(.97)}:focus-visible{outline-offset:4px;outline:3px solid #ffd86b}.motion{color:#a9b5ca;font-size:.85rem}.motion input{accent-color:#d9b85d}.skip,.show-result{z-index:4;color:#fff;cursor:pointer;background:#080b12cc;border:1px solid #ffffff42;border-radius:999px;padding:.65rem 1rem;position:fixed;top:1rem;right:1rem}.result{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b12d9;border:1px solid #ffffff26;border-radius:1rem;width:min(30rem,100vw - 2rem);max-height:75dvh;padding:1.25rem;position:fixed;bottom:clamp(1rem,5vw,4rem);left:clamp(1rem,5vw,4rem);overflow:auto;box-shadow:inset 0 1px #ffffff0d}.result[data-entry=growing]{transform-origin:0 100%;animation:.52s cubic-bezier(.16,1,.3,1) both result-grow}.result__heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.result h2{margin:.2rem 0 1rem;font-size:clamp(2rem,7vw,4rem);line-height:.9}.result dl{grid-template-columns:minmax(7rem,auto) 1fr;gap:.55rem 1rem;display:grid}.result dt{color:#a9b5ca}.result dd{margin:0}.icon-button,.secondary-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff42}.icon-button{aspect-ratio:1;border-radius:50%;width:2rem}.secondary-button{border-radius:999px;padding:.7rem 1rem}.rarity{text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:.72rem}.rarity--common{color:#b9c2ce}.rarity--uncommon{color:#75e5ac}.rarity--rare{color:#82aaff}.rarity--mythic{color:#ff9cf7}.seed,.share-link{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.75rem}.status:not(.sr-only),.persistence-warning{z-index:5;color:#fff4cf;text-align:center;background:#241b0ee8;border:1px solid #ffd86b66;border-radius:.75rem;width:min(32rem,100vw - 2rem);margin:0;padding:.75rem 1rem;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 .75rem 2.5rem #0008}.persistence-warning{font-size:.85rem;top:auto;bottom:1rem}[data-state=generating] .home,[data-state=revealing] .home{opacity:0;pointer-events:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.roll-reveal__ticker,.roll-reveal__streaks{display:none}.result[data-entry=growing]{animation:none}.roll-reveal__value,.roll-reveal__rarity{opacity:1}}.worldseed:has(.motion input:checked) .result[data-entry=growing]{animation:none}@keyframes result-grow{0%{opacity:0;transform:translateY(1rem)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-transparency:reduce){.result{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b12}.roll-reveal{background:#070910}}@media (width<=767px){.roll-reveal__content{width:100%;padding:1.25rem}.roll-reveal[data-effect=rare-eclipse] .roll-reveal__content{padding-block-start:3.25rem}.roll-reveal__value{font-size:clamp(2rem,13vw,4.25rem)}.roll-reveal__next{width:min(18rem,100%)}}
