@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--paper:#f5f3e9;--ink:#303a2e;--muted:#818477;--line:#dcded1;--green:#d8e4ad}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:2px solid #6c8545}button{border:0}header{border-bottom:1px solid var(--line);align-items:center;gap:32px;max-width:1320px;height:100px;margin:auto;padding:0 48px;display:flex}.brand{color:var(--ink);letter-spacing:-1.5px;font-family:Instrument Serif,serif;font-size:39px;line-height:1;text-decoration:none}.brand-star{color:#78905a;margin-left:4px;font-family:serif;font-size:35px}.brand small{letter-spacing:1.5px;margin-top:8px;font:8px DM Mono,monospace;display:block}nav{gap:5px;margin:auto;display:flex}nav button{color:#828778;background:0 0;border-radius:5px;align-items:center;gap:9px;padding:11px 16px;font-size:12px;display:flex}nav button span{background:#d7ddc7;border-radius:3px;padding:2px 5px;font:10px DM Mono}.sound{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}main{max-width:1224px;margin:auto;padding:33px 0 0}.eyebrow,.micro,.chamber-top,.chamber-bottom,.under-button,.glass-label,.edition,footer,.measurement,.guide-footer{letter-spacing:1px;font-family:DM Mono,monospace;font-size:9px}.eyebrow{color:#727c63;align-items:center;gap:8px;display:flex}.live-dot{background:#849f5b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e5ead6}.edition{color:#939787;margin-left:auto}.intro{justify-content:space-between;align-items:center;margin:32px 0 35px;display:flex}h1{letter-spacing:-1.8px;margin:0 0 20px;font-family:Instrument Serif,Georgia,serif;font-size:68px;font-weight:400;line-height:.99}h1 em{color:#7a8766;font-weight:400}p{color:#858879;margin:0;font-size:13px;line-height:1.75}.daily-note{color:#939778;margin:20px 85px 0 0;font:10px/1.6 DM Mono,monospace;transform:rotate(8deg)}.daily-note svg{width:90px;margin:7px 15px;display:block}.workbench{border:1px solid var(--line);border-radius:12px;grid-template-columns:1.28fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 24px #29372005}.chamber{color:#86988c;background:#202c28 radial-gradient(at 50% 48%,#344638 0%,#202b27 65%);min-height:465px;padding:23px 25px 17px;position:relative}.chamber-top,.chamber-bottom{letter-spacing:.7px;z-index:2;justify-content:space-between;font-size:8px;display:flex;position:relative}.chamber-top i{background:#b8cc96;border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.chamber-bottom b{margin:0 8px;font-weight:400}.scene{justify-content:center;align-items:center;height:373px;display:flex;position:relative}.capsule{z-index:2;background:linear-gradient(100deg,#dceac712,#0000 18% 74%,#dceac709);border:1px solid #acc4a53b;border-radius:115px 115px 27px 27px;width:235px;height:286px;position:relative;box-shadow:inset 5px 1px 15px #c2d8ab08,0 0 60px #a1bc7d09}.glass-shine{background:linear-gradient(#e1f5d21f,#d1f1c006);border-radius:20px;width:9px;height:123px;position:absolute;top:53px;left:20px;transform:rotate(5deg)}.specimen-float{animation:5s ease-in-out infinite float;position:absolute;inset:15px -36px 0}.creature{width:100%;height:100%;display:block;overflow:visible}.ground-shadow{filter:blur(10px);background:#101b15;border-radius:50%;width:95px;height:16px;position:absolute;bottom:20px;left:70px}.pedestal{text-align:center;z-index:3;background:linear-gradient(#4e5d4e,#26382c);border:1px solid #7e927242;border-radius:10px 10px 18px 18px;width:263px;height:33px;position:absolute;top:311px;left:50%;transform:translate(-50%);box-shadow:0 15px 20px #101c1b80}.pedestal div{background:#82937922;border-radius:100%;height:7px;margin-top:-4px}.pedestal span{letter-spacing:2px;color:#bac8aa;padding-top:6px;font:7px DM Mono;display:block}.measurement{color:#607568;font-size:7px;line-height:36px;position:absolute;top:103px;left:25px}.scene-mark{color:#556f5c;font:15px/29px monospace;position:absolute;top:87px;right:21px}.orbit{border:1px solid #acbb9a09;border-radius:50%;width:345px;height:345px;position:absolute}.orbit-two{border-style:dashed;width:420px;height:420px}.glass-label{color:#b6bfa8;z-index:4;background:#27382ed9;border:1px solid #8194735c;padding:9px 11px;font-size:7px;line-height:1.8;position:absolute;bottom:47px;right:7px;transform:rotate(-5deg)}.glass-label small{color:#788f78;font-size:6px;display:block}.bubbles i{border:1px solid #d4edc14a;border-radius:50%;width:4px;height:4px;animation:4s infinite float;position:absolute;top:110px;left:45px}.bubbles i:nth-child(2){animation-delay:1s;top:80px;left:180px}.bubbles i:nth-child(3){top:185px;left:185px}.console{background:#f9f8f0;padding:26px 32px}.mode-switch{background:#edeee3;border-radius:6px;gap:3px;margin-bottom:25px;padding:4px;display:flex}.mode-switch button{color:#8c907f;background:0 0;border-radius:4px;width:50%;padding:9px 4px;font-size:11px}.mode-switch span{margin-left:8px}.micro{color:#909783;font-size:8px}h2{letter-spacing:-.3px;margin:9px 0;font:31px Instrument Serif,serif}.console p{font-size:12px;line-height:1.7}.traits{margin:20px 0}.traits>div{color:#7d8573;border-bottom:1px solid #e5e7da;align-items:center;gap:11px;padding:10px 0;font-size:11px;display:flex}.trait-number{color:#a7ae98;font:8px DM Mono}.traits strong{letter-spacing:3px;color:#a2a991;margin-left:auto;font:400 11px DM Mono}.traits strong.revealed{letter-spacing:0;color:#4d6342}.open-button{background:#d4e1ab;border:1px solid #c5d59a;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.open-button:hover:not(:disabled){background:#c6d795;transform:translateY(-1px)}.open-button:disabled{opacity:.75}.open-button svg:last-child{margin-left:auto}.open-button svg:first-child{margin-right:auto}.under-button{letter-spacing:.3px;color:#979d88;justify-content:space-between;gap:5px;margin-top:13px;font-size:7px;display:flex}.under-button button{color:#717e62;background:0 0;align-items:center;gap:5px;padding:0;font:9px DM Sans;display:flex}.rarity{color:#657746;align-items:center;gap:6px;margin:-7px 0 15px;font-size:10px;display:flex}.rarity span{margin-left:auto}.rarity small{color:#909781;font-size:8px}.bottom-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.bottom-row>div{align-items:center;gap:13px;display:flex}.little-icon{color:#909e72;font-size:28px}.bottom-row p{font-size:10px;line-height:1.8}.bottom-row b{color:#697259;font-size:11px;font-weight:500}.bottom-row button{background:0 0;align-items:center;gap:12px;font-size:11px;display:flex}.teaser{justify-content:space-between;align-items:center;padding:26px 0 28px;display:flex}h3{margin:8px 0;font:26px Instrument Serif}.mini-specimens{gap:26px;display:flex}.mini-specimens button{color:#818a73;background:0 0;width:110px;padding:0;font-size:9px}.mini-specimens svg{height:88px}.mini-specimens button:hover svg{transition:all .2s;transform:translateY(-4px)}footer{border-top:1px solid var(--line);color:#9a9f90;justify-content:space-between;align-items:center;padding:22px 0;font-size:8px;display:flex}footer>span:first-child{color:#6d7960;font:22px Instrument Serif}footer small{letter-spacing:1px;margin-left:16px;font:7px DM Mono}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.guide-card,.spec-card{text-align:left;background:#eceee1;border:1px solid #dadecd;border-radius:8px;padding:22px}.guide-card .micro,.spec-card .micro{justify-content:space-between;display:flex}.guide-card .creature,.spec-card .creature{height:200px}.guide-card h3,.spec-card h3{font-size:30px}.guide-card p{min-height:42px;font-size:12px}.guide-footer{border-top:1px solid #d6dcc6;justify-content:space-between;margin-top:14px;padding-top:15px;font-size:8px;display:flex}.spec-card>span:last-child{color:#7f896b;font-size:11px}.spec-card:hover{background:#e5e9d6}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.filter-row button{border:1px solid var(--line);background:0 0;border-radius:20px;padding:9px 16px;font-size:11px}.filter-row .selected{background:#dce5c6}.empty{text-align:center;color:#7b8967;border:1px dashed #cbd1ba;border-radius:12px;margin-bottom:55px;padding:70px 20px}.empty .open-button{width:230px;margin:25px auto 0}.odds-note{max-width:800px;padding:20px 0 40px}.odds-note p{font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#14231bd6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);text-align:center;border-radius:12px;width:100%;max-width:450px;padding:30px;position:relative}.modal .creature{height:220px}.modal p{margin:12px 0;font-size:12px}.modal .open-button{margin-top:20px}.close{background:0 0;position:absolute;top:15px;right:15px}.toast{color:#eef3df;z-index:30;background:#293b2c;border-radius:8px;padding:14px 24px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.spinner{border:2px solid #8c9e6a;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:1s linear infinite spin}.is-opening .capsule{animation:.65s infinite pulse}.is-opening .specimen-float{animation:1s infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes pulse{50%{box-shadow:0 0 50px #bfde7350}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1450px){main{max-width:1120px}.intro{margin-top:37px}header{max-width:1216px}}@media (max-width:1320px){main{padding-left:48px;padding-right:48px}}@media (max-width:900px){header{gap:10px;padding:0 25px}.brand small{font-size:6px}nav button{padding:10px}main{padding:25px}.console{padding:23px}.chamber{padding:20px 15px}.glass-label{right:0}.measurement{left:4px}.scene-mark{right:4px}.chamber-top,.chamber-bottom{font-size:6px}.daily-note{margin-right:35px}h1{font-size:60px}.mini-specimens{gap:5px}.teaser h3{font-size:23px}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){header{flex-wrap:wrap;justify-content:space-between;gap:17px;height:auto;min-height:113px;padding:18px 20px 0}.brand{font-size:33px}.brand-star{font-size:29px}.brand small{font-size:6px}nav{order:3;justify-content:space-between;width:100%;margin:0;padding-bottom:10px}nav button{padding:10px 13px;font-size:11px}.sound{margin-left:auto}main{padding:23px 20px 0}.eyebrow{font-size:7px}.edition{font-size:6px}.intro{margin:28px 0}h1{letter-spacing:-1px;font-size:53px}.intro p{font-size:12px}.daily-note{display:none}.workbench{grid-template-columns:1fr}.chamber{min-height:370px;padding:20px 18px 15px}.scene{height:310px}.capsule{width:208px;height:248px}.specimen-float{inset:7px -28px}.pedestal{width:235px;top:269px}.orbit{width:290px;height:290px}.orbit-two{width:340px;height:340px}.measurement{line-height:32px;top:67px;left:5px}.glass-label{font-size:6px;bottom:34px;right:0}.chamber-top,.chamber-bottom{font-size:6px}.console{padding:24px}.console-heading h2{font-size:32px}.console p{font-size:12px}.traits>div{padding:12px 0}.under-button{font-size:6px}.bottom-row{align-items:start;gap:12px}.bottom-row p{font-size:9px}.bottom-row b{font-size:10px}.bottom-row button{text-align:left;gap:5px;max-width:105px;font-size:9px;line-height:1.5}.little-icon{font-size:25px}.teaser{padding-top:27px;display:block}.mini-specimens{justify-content:space-between;margin-top:13px}.mini-specimens button{width:100px}.teaser h3{font-size:26px}.card-grid{gap:10px}.guide-card,.spec-card{padding:14px}.guide-card .creature,.spec-card .creature{height:145px}.guide-card h3,.spec-card h3{font-size:24px}.guide-card .micro{letter-spacing:0;font-size:6px}.guide-card p{min-height:45px;font-size:10px}.guide-footer{letter-spacing:0;font-size:6px}.spec-card .micro{font-size:7px}.filter-row{gap:5px}.filter-row button{padding:7px 11px;font-size:10px}footer{font-size:6px}footer small{display:none}.toast{text-align:center;width:85%}.ground-shadow{left:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.rng-banner{letter-spacing:.5px;color:#75845c;background:#e9eddc;border:1px solid #d9dfca;border-radius:7px;align-items:center;gap:22px;margin:-8px 0 15px;padding:12px 18px;font:9px DM Mono;display:flex}.rng-banner span,.rng-banner button{align-items:center;gap:7px;display:flex}.rng-banner button{color:#4d6240;background:0 0;margin-left:auto;font:10px DM Sans}.console .traits{margin:16px 0}.console .traits>div{padding:9px 0}.trait-chance{color:#a5ac95;margin-left:auto;font:8px DM Mono}.traits strong{text-align:right;min-width:90px;margin-left:4px}.chamber{flex-direction:column;justify-content:space-between;display:flex}.scene{flex-shrink:0}.chamber-top{padding-bottom:10px}.chamber-bottom{padding-top:10px}.rank-status{text-align:center;color:#6b795b;margin-top:12px;font:8px/1.7 DM Mono}.rank-status a{color:#526d37}.rank-status button{font:inherit;background:0 0;text-decoration:underline}.rank-status span{display:block}.jackpot{box-shadow:inset 0 0 80px #caa65625}.jackpot .capsule{border-color:#e6cc6e77;box-shadow:0 0 50px #e6cc6e22}.mutation-1{filter:drop-shadow(0 0 8px #faffb4)}.mutation-2{filter:saturate(.08)brightness(1.28)}.mutation-3{filter:hue-rotate(38deg)saturate(2)drop-shadow(0 0 14px #92ff60)}.mutation-4{animation:8s linear infinite prism}.mutation-5{opacity:.5;filter:drop-shadow(0 0 14px #cdcbff)}.mutation-6{filter:invert(.9)drop-shadow(0 0 16px #c8aaff)}.aura-4{filter:drop-shadow(0 0 19px #b890ff)}.aura-5{filter:drop-shadow(0 0 22px #ffd684)}.aura-particles{transform-origin:160px 160px;animation:30s linear infinite spin}.ghost{filter:brightness(.22)blur(1px);opacity:.72}.board-stats{border:1px solid var(--line);background:#ebefdf;border-radius:8px;align-items:center;gap:35px;margin-bottom:22px;padding:24px;display:flex}.board-stats>div{flex-direction:column;gap:10px;display:flex}.board-stats span{letter-spacing:1px;color:#859275;font:8px DM Mono}.board-stats b{font:400 30px Instrument Serif}.board-stats b.alias{font:13px DM Mono}.board-stats button{background:0 0;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.big-trophy{color:#acb786;margin-right:40px}.leaderboard{border:1px solid var(--line);border-radius:9px;overflow:hidden}.board-header,.board-row{grid-template-columns:60px 1fr 190px 120px;align-items:center;gap:15px;padding:14px 22px;display:grid}.board-header{letter-spacing:1px;color:#8c977c;background:#e9eddc;font:8px DM Mono}.board-row{text-align:left;border-top:1px solid var(--line);background:#f9f9f0;width:100%;min-height:95px}.board-row:hover{background:#eaf0dc}.rank-number{color:#869359;font:25px Instrument Serif}.board-creature{align-items:center;gap:18px;display:flex}.board-creature svg{width:75px;height:68px}.board-creature>div{flex-direction:column;gap:8px;display:flex}.board-creature strong{font:12px DM Mono}.board-creature small{color:#7b8f48;font-size:8px}.board-creature span{color:#8b957c;font-size:11px}.board-odds{color:#8b957c;font:10px DM Mono}.board-score{color:#596b3e;font:16px DM Mono}.board-score small{font-size:8px}.trait-guide{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.odds-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px;display:grid}.odds-grid article{border:1px solid var(--line);background:#ecefdf;border-radius:7px;padding:20px}.odds-grid article h3{margin-bottom:20px}.odds-grid article>div{border-bottom:1px solid #dbe1cb;justify-content:space-between;padding:10px 0;font-size:12px;display:flex}.odds-grid b{color:#7a895b;font:11px DM Mono}.card-version{color:#909d7a;margin-top:10px;font:8px DM Mono;display:block}.spinner-icon{animation:1s linear infinite spin}@keyframes prism{to{filter:hue-rotate(360deg)drop-shadow(0 0 12px #abefa5)}}@media (max-width:900px){nav button{gap:6px;padding:9px}.board-header,.board-row{grid-template-columns:35px 1fr 150px 90px;gap:8px;padding:14px}.board-creature{gap:7px}}@media (max-width:620px){nav{gap:3px}nav button{gap:4px;padding:9px 5px;font-size:9px}nav button svg{width:12px}.rng-banner{gap:10px;padding:11px;font-size:7px}.rng-banner>span:nth-child(2){display:none}.rng-banner button{font-size:9px}.board-stats{flex-wrap:wrap;gap:15px;padding:18px}.board-stats>div{flex:1}.board-stats>div:nth-child(3){order:3;min-width:100%}.board-stats b{font-size:26px}.board-stats b.alias{font-size:11px}.board-stats span{font-size:7px}.big-trophy{display:none}.board-header,.board-row{grid-template-columns:22px 1fr 65px;gap:8px;padding:12px 9px}.board-header>span:nth-child(3),.board-odds{display:none}.board-creature svg{width:44px;height:57px}.board-creature strong{font-size:9px}.board-creature span{font-size:9px;line-height:1.5}.board-score{font-size:11px}.rank-number{font-size:23px}.board-header{font-size:6px}.odds-grid{grid-template-columns:1fr;gap:12px}.odds-grid article{padding:17px}.console .traits>div{padding:11px 0}.trait-chance{font-size:8px}}.traits>div>span:nth-child(2){flex:1}.trait-chance{margin-left:0}.account-toggle{white-space:nowrap;background:#e4ead5;border:1px solid #d5ddc3;border-radius:5px;padding:9px 13px;font-size:10px}.account-dialog{background:var(--paper);color:var(--ink);border:1px solid #d9dfc9;border-radius:14px;width:calc(100% - 32px);max-width:430px;max-height:90dvh;padding:0;box-shadow:0 24px 100px #10251f44}.account-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14231bcc}.account-inner{padding:35px;position:relative}.account-icon{color:#85945e;background:#e6ecd5;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:23px;display:grid}.account-dialog h2{margin:12px 0;font-size:37px}.account-dialog p{font-size:12px}.account-tabs{background:#e7ebdc;border-radius:6px;gap:4px;margin:24px 0;padding:4px;display:flex}.account-tabs button{background:0 0;border-radius:4px;flex:1;padding:10px;font-size:11px}.account-tabs .selected{background:#fffdf2;box-shadow:0 1px 4px #24321510}.account-dialog form>label{margin:17px 0 7px;font-size:11px;font-weight:500;display:block}.account-dialog input:not([type=checkbox]){color:#38492f;outline-offset:3px;background:#fcfcf5;border:1px solid #d7ddc9;border-radius:5px;width:100%;margin-top:8px;padding:12px;font:13px DM Sans;display:block}.account-dialog input:focus{outline:2px solid #96ab6a}.account-dialog .open-button{margin-top:23px}.account-dialog form>small{color:#929b80;font-size:9px}.forgot-password{color:#7d8d65;background:0 0;margin:18px auto 0;font-size:11px;text-decoration:underline;display:block}.account-error{background:#f0e3da;border:1px solid #e5cabe;border-radius:5px;padding:10px;color:#a04c40!important;margin-top:17px!important;font-size:11px!important}.recovery-panel{margin-top:25px}.recovery-panel code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#e6ecd8;border:1px dashed #a2b47d;border-radius:6px;padding:18px;font:14px/1.7 DM Mono;display:block}.copy-code{background:0 0;align-items:center;gap:6px;margin:13px auto 20px;font-size:11px;display:flex}.saved-check{align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.saved-check input{accent-color:#708c43}.sign-in-link{color:#556f38!important;padding:8px!important;font-size:10px!important}.account-dialog .open-button:disabled{opacity:.5;cursor:not-allowed}.tone-mint{--effect:#b5dfa0}.tone-violet{--effect:#c2a1ff}.tone-gold{--effect:#f6d47e}.tone-cosmic{--effect:#90eaff}.traits .trait-reel{letter-spacing:0;text-align:right;min-width:115px;max-width:145px;height:24px;font:11px/24px DM Mono;display:block;position:relative;overflow:hidden}.reel-track{will-change:transform;animation:85ms linear both reel-step;display:block}.reel-track>span{white-space:nowrap;height:24px;display:block}.reel-spinning{-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000);color:#52643b!important}.reel-locked>span{animation:.38s ease-out trait-lock;display:block}.traits>div{transition:background .2s,padding .2s}.traits .active-trait{background:#e4ebd3;border-radius:4px;box-shadow:inset 2px 0 #9cb771;padding-left:8px!important;padding-right:8px!important}.traits .locked-trait{box-shadow:inset -2px 0 var(--effect)}.traits .locked-trait .trait-chance{color:#6c7e56}.scan-beam{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#d0ed9b,#0000);width:240px;height:2px;margin-left:-120px;display:none;position:absolute;top:40px;left:50%;box-shadow:0 0 25px #d3fa8d60}.scene-rolling .scan-beam{animation:1.8s ease-in-out infinite scan;display:block}.scene-rolling .capsule{animation:1.4s ease-in-out infinite charge}.roll-burst{z-index:5;pointer-events:none;color:var(--effect);position:absolute;top:50%;left:50%}.burst-ring{border:1px solid;border-radius:50%;width:100px;height:100px;margin:-50px;animation:.7s ease-out both ring-out;position:absolute;box-shadow:0 0 18px}.burst-ring.second{animation-delay:.12s}.roll-burst>i{width:3px;height:7px;animation:.85s ease-out both particle-out;animation-delay:var(--delay);background:currentColor;border-radius:2px;position:absolute;box-shadow:0 0 8px}.burst-final .burst-ring{animation-duration:1.2s}.burst-final>i{animation-duration:1.5s}.roll-readout{text-align:center;z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:69px;margin:6px 0 16px;display:flex;position:relative}.roll-readout .micro{color:#9aad8b;font-size:8px}.roll-progress{gap:6px;display:flex}.roll-progress i{background:#526747;border-radius:2px;width:23px;height:3px}.roll-progress i.done{background:#bbd88f;box-shadow:0 0 9px #b0d47d44}.roll-progress i.working{background:#d3f4aa;animation:.7s infinite charge}.final-readout{color:var(--effect);flex-direction:column;gap:6px;animation:.6s ease-out result-arrive;display:flex}.final-readout>span{text-transform:uppercase;letter-spacing:2px;font:9px DM Mono}.final-readout strong{text-shadow:0 0 30px color-mix(in srgb,var(--effect) 50%,transparent);font:31px Instrument Serif}.final-readout small{color:#93a78b;font:8px DM Mono}.skip-reveal{color:#7b8b63;background:0 0;margin:12px auto 0;font:10px DM Mono;text-decoration:underline;display:block}.chamber{overflow:hidden}.scene{min-height:350px}nav button:disabled{opacity:.5;cursor:default}@keyframes reel-step{0%{filter:blur(.5px);transform:translateY(0)}to{filter:blur();transform:translateY(-24px)}}@keyframes trait-lock{0%{opacity:.2;transform:translateY(-12px)}65%{opacity:1;transform:translateY(3px)}to{transform:translateY(0)}}@keyframes scan{0%,to{opacity:.25;transform:translateY(10px)}50%{opacity:.75;transform:translateY(235px)}}@keyframes charge{50%{filter:brightness(1.18)}}@keyframes ring-out{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(3.3)}}@keyframes particle-out{0%{transform:rotate(var(--angle)) translateY(0) scale(1);opacity:.9}to{transform:rotate(var(--angle)) translateY(var(--travel)) scale(.2);opacity:0}}@keyframes result-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){header{gap:10px}nav{gap:0}.account-toggle{padding:8px;font-size:9px}}@media (max-width:620px){.account-inner{padding:27px}.account-toggle{margin-left:auto}.sound{margin-left:0}header{gap:10px}.account-dialog h2{font-size:32px}.account-dialog input:not([type=checkbox]){font-size:16px}.scene{min-height:310px}.roll-readout{min-height:55px;margin-bottom:12px}.final-readout strong{font-size:28px}.traits .trait-reel{min-width:110px}.chamber .scene-rolling .scan-beam{width:200px;margin-left:-100px}}@media (prefers-reduced-motion:reduce){.roll-burst,.scan-beam{display:none!important}.reel-track{transform:none!important}.reel-spinning{-webkit-mask-image:none;mask-image:none}*,:before,:after{transition:none!important;animation:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0b0d13;--ink:#eef0fa;--muted:#9199b0;--line:#292e40;--green:#d5ee91}body{background:radial-gradient(at 50% 0,#1b1c32,#0000 60%),#0b0d13;min-height:100dvh}button{touch-action:manipulation}p{color:#939cb1}header{border-color:#ffffff0c;gap:18px;max-width:1120px;height:72px;padding:0 28px}.brand{color:#f3f3fa;font-size:33px}.brand-star{color:#c9e889;font-size:29px}nav button{color:#969eb5;border-radius:10px;min-height:44px}nav button.active{color:#e8e5ff;background:#292640}nav button span{color:#d8d1fc;background:#3d3856}.account-toggle,.sound{color:#d2d5e3;background:#20232e;border:1px solid #34394b;min-height:38px}.sound{width:38px}.account-toggle{border-radius:9px}main{max-width:1000px;padding:24px 28px 50px}.play-main{max-width:588px;padding:18px 24px 30px}.intro{margin:16px 0 24px}.intro h1{letter-spacing:-1px;margin-bottom:12px;font:600 32px DM Sans}.play-toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.play-toolbar .mode-switch{background:#191d29;border:1px solid #2a2e3e;border-radius:12px;width:220px;margin:0;padding:4px}.mode-switch button{color:#9ea5ba;min-height:36px;font-size:12px}.mode-switch .selected{color:#eeeaff;background:#37324f;box-shadow:inset 0 1px #ffffff12}.speed-toggle{color:#aab2c8;background:#191d29;border:1px solid #303649;border-radius:10px;width:39px;height:39px;font:12px DM Mono}.speed-toggle.on{color:#d2e894;border-color:#6b7d40}.reset-clock{color:#9ca6bf;font-variant-numeric:tabular-nums;margin-left:auto;font:11px DM Mono}.game-stage{isolation:isolate;background:radial-gradient(at 50% 55%,#51416d55,#0000 60%),linear-gradient(140deg,#1d2131,#12151e);border:1px solid #34364d;border-radius:26px 26px 10px 10px;min-height:365px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.stage-grid{z-index:-1;background-image:radial-gradient(#a6a9d22a .7px,#0000 .7px);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.stage-orbit{border:1px solid #8c81c82a;border-radius:50%;width:290px;height:290px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.stage-orbit:before{content:"";background:#a89bd2;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:-3px;box-shadow:0 0 12px #a28ddc}.orbit-inner{opacity:.65;border-style:dashed;width:230px;height:230px;top:55px}.stage-top{color:#a3adc6;letter-spacing:1px;justify-content:space-between;align-items:center;padding:19px 20px;font:9px DM Mono;display:flex}.stage-top>span:first-child{align-items:center;gap:8px;display:flex}.live-dot{background:#bfdd81;display:inline-block;box-shadow:0 0 12px #bddc8070}.creature-stage{place-items:center;height:225px;display:grid;position:relative}.creature-mount{z-index:2;filter:drop-shadow(0 14px 20px #0005);width:285px;height:250px;animation:5s ease-in-out infinite float;position:relative}.creature-mount .ghost{filter:brightness(.38)saturate(.5)drop-shadow(0 0 18px #b6ce8b33);opacity:.9}.creature-impact{animation:.32s ease-out creature-pop,5s ease-in-out .32s infinite float}.stage-halo{filter:blur(25px);background:#b9a0ff22;border-radius:50%;width:175px;height:175px;position:absolute;top:30px}.stage-floor{filter:blur(5px);background:#080a1366;border-radius:50%;width:130px;height:10px;position:absolute;bottom:13px}.stage-caption{text-align:center;z-index:2;min-height:82px;padding:7px 15px 22px;position:relative}.stage-caption h2{letter-spacing:-.6px;color:#e8e9f6;margin:0 0 10px;font:600 21px DM Sans}.result-odds{color:#a6afc8;font:12px DM Mono}.result-odds strong{color:var(--effect,#d0e7a4);letter-spacing:-1px;margin-left:5px;font:21px DM Mono}.stage-caption .roll-progress{justify-content:center}.roll-progress i{background:#35354e}.stage-busy .stage-orbit{border-color:#a49be955}.stage-busy .stage-halo{animation:1s infinite halo-breathe}.stage-result{border-color:color-mix(in srgb,var(--effect) 40%,#2a2e3e);box-shadow:inset 0 0 55px color-mix(in srgb,var(--effect) 7%,transparent)}.reel-deck{background:#131722;border:1px solid #2d3143;border-radius:10px 10px 18px 18px;height:88px;margin-top:8px;overflow:hidden}.main-reel{height:86px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.main-reel-track{will-change:transform;gap:8px;width:max-content;margin-left:-52px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-2464px)}.main-reel-active .main-reel-track{animation:main-roll var(--reel-duration) cubic-bezier(.14,.67,.12,1) both}.reel-card{background:#202434;border:1px solid #30364b;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:104px;height:68px;display:flex}.reel-glyph{color:#b6c795;font:25px/1 DM Mono}.glyph-1{color:#b09ce3}.glyph-2{color:#84bfd1}.glyph-3{color:#dfb67d}.glyph-4{color:#a5a5ee}.glyph-5{color:#d589b9}.reel-card b{color:#c4cbe1;font:10px DM Mono}.reel-selection{z-index:2;pointer-events:none;border:1px solid #c9dca270;border-radius:10px;width:106px;height:70px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #d0eb8610}.reel-pointer{z-index:4;border-top:5px solid #dbedaa;border-left:4px solid #0000;border-right:4px solid #0000;margin-left:-4px;position:absolute;top:0;left:50%}.main-reel-landed .winning-card{background:#303b2b;border-color:#c7db93;animation:.22s ease-out land-punch;box-shadow:0 0 20px #c7db9322}.main-reel-landed .winning-card b{color:#e7f2cf}.idle-reel{color:#a9b3cd;justify-content:center;align-items:center;gap:12px;height:100%;padding:15px;font-size:12px;display:flex}.idle-reel>svg{color:#b9d18a}.idle-reel b{color:#e1edc5}.idle-reel button{color:#bbc6df;background:#282e40;border-radius:9px;place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.trait-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:14px 0;display:grid}.trait-chips>div{background:#151925;border:1px solid #262b3b;border-radius:10px;flex-direction:column;gap:4px;min-height:63px;padding:9px 11px;display:flex;overflow:hidden}.trait-chips span{color:#929bb4;font-size:10px}.trait-chips b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.trait-chips small{color:#a1abc2;min-height:10px;font:8px DM Mono}.trait-chips .active{background:#2b2441;border-color:#aa90e1;box-shadow:0 0 18px #ab8edc15}.trait-chips .locked b{color:var(--effect)}.roll-dock{z-index:10;background:linear-gradient(#0b0d1300,#0b0d13 20%);padding-top:7px;position:sticky;bottom:10px}.roll-cta{color:#25301a;background:linear-gradient(#d8ef9a,#bfda78);border:1px solid #e5f5ba66;border-radius:15px;justify-content:center;align-items:center;gap:12px;width:100%;height:58px;font-weight:700;display:flex;box-shadow:0 5px #6b803d,0 10px 30px #b9df6a12}.roll-cta>svg:last-child{margin-left:auto}.roll-cta>svg:first-child{margin-right:auto}.roll-cta:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #6b803d}.roll-cta:disabled{color:#a7b2c9;background:#2c3341;border-color:#3c4559;box-shadow:0 4px #171d28}.dock-caption{text-align:center;color:#969fb7;min-height:34px;padding:13px 0 3px;font-size:11px}.dock-caption button{color:#b8c2da;font-size:inherit;background:0 0;padding:0}.guide-card,.spec-card,.odds-grid article,.board-stats{background:#161b28;border-color:#2a3246}.spec-card:hover,.board-row:hover{background:#242b3d}.guide-footer,.odds-grid article>div{border-color:#30394c}.guide-footer,.spec-card>span:last-child,.card-version,.odds-grid b,.micro{color:#a4aec6}.filter-row .selected{color:#e2d8ff;background:#38324e}.empty{color:#a3b0ca;border-color:#39445a}.board-header{color:#a3aec7;background:#202639}.board-row{background:#141a27}.your-row{background:#24273c}.board-creature span,.board-odds,.board-stats span{color:#a2acc5}.board-score,.rank-number{color:#d1e49d}.open-button{color:#26301b;background:#cfe796;border-color:#d9eda9}.account-dialog{color:#e6eaf6;background:#131925;border-color:#343d50}.account-icon,.account-tabs{background:#252d40}.account-tabs .selected{color:#eee7ff;background:#45405c}.account-dialog input:not([type=checkbox]){color:#e6eaf6;background:#0e1420;border-color:#3b465e}.account-dialog form>small,.forgot-password{color:#a4b2cc}.account-error{background:#3c242c;border-color:#72424b;color:#ffb7b2!important}.recovery-panel code{color:#d8edba;background:#202d29;border-color:#6c8565}.modal-backdrop{z-index:40;background:#050912d9}.modal{background:#161c2a;border:1px solid #384157}.toast{color:#edf2ff;z-index:60;background:#29344a}.odds-note{padding:24px 0}.odds-note summary{cursor:pointer;color:#a8b6cf;font-size:13px}.odds-note p{margin-top:14px}.trait-guide .micro{display:none}.trait-guide h3{font:500 22px DM Sans}@keyframes main-roll{0%{filter:blur(1px);transform:translate(0,0)}to{filter:blur();transform:translate(-2464px)}}@keyframes land-punch{50%{transform:scale(1.08)}}@keyframes creature-pop{0%{transform:scale(.93)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes halo-breathe{50%{opacity:.45;transform:scale(1.4)}}@media (max-width:620px){header{border:0;flex-wrap:nowrap;gap:9px;height:58px;min-height:58px;padding:0 18px}.brand{font-size:29px}.brand-star{font-size:26px}.account-toggle{min-height:36px;margin-left:auto;padding:7px 11px;font-size:10px}.sound{width:36px;height:36px;min-height:36px;margin-left:0}header nav{width:100%;height:calc(66px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px 12px calc(6px + env(safe-area-inset-bottom));z-index:20;background:#101521f2;border-top:1px solid #2b3247;justify-content:space-around;gap:6px;position:fixed;bottom:0;left:0;right:0}nav button{border-radius:12px;flex-direction:column;flex:1;gap:5px;min-height:52px;padding:5px;font-size:10px;position:relative}nav button svg{width:19px;height:19px}nav button.active{color:#cec2ff;background:#2b2945}nav button span{padding:2px 4px;font-size:8px;position:absolute;top:3px;right:16px}main{padding:16px 16px 112px}.play-main{max-width:500px;padding:6px 14px 100px}.play-toolbar{gap:9px;margin-bottom:10px}.play-toolbar .mode-switch{border-radius:10px;width:194px;padding:3px}.mode-switch button{min-height:33px;font-size:12px}.speed-toggle{width:35px;height:35px;font-size:11px}.reset-clock{font-size:10px}.game-stage{border-radius:22px 22px 9px 9px;min-height:0}.stage-top{padding:14px 16px;font-size:8px}.creature-stage{height:clamp(155px,24svh,210px)}.creature-mount{width:260px;height:230px}.stage-orbit{width:250px;height:250px;top:12px}.orbit-inner{width:195px;height:195px;top:39px}.stage-caption{min-height:68px;padding:4px 12px 14px}.stage-caption h2{margin-bottom:8px;font-size:19px}.result-odds{font-size:11px}.result-odds strong{font-size:19px}.stage-halo{top:0}.reel-deck{height:80px;margin-top:7px}.main-reel{height:78px}.main-reel-track{top:6px}.reel-card{height:64px}.reel-selection{height:66px;top:5px}.idle-reel{gap:8px;padding:12px;font-size:11px}.trait-chips{gap:5px;padding:10px 0}.trait-chips>div{gap:3px;min-height:52px;padding:7px 8px}.trait-chips span{font-size:9px}.trait-chips b{font-size:10px}.trait-chips small{font-size:8px}.roll-dock{bottom:calc(68px + env(safe-area-inset-bottom));margin:0 -2px;padding:7px 2px 0}.roll-cta{border-radius:13px;height:54px;padding:0 17px;font-size:14px}.dock-caption{min-height:29px;padding-top:12px;font-size:10px}.intro h1{font-size:26px}.card-grid{gap:9px}.guide-card,.spec-card{border-radius:13px;padding:12px}.guide-card h3,.spec-card h3{font-size:19px}.guide-card p{font-size:11px}.guide-card .micro{font-size:7px}.guide-footer{font-size:8px}.board-stats{gap:18px;padding:16px}.board-creature strong,.board-creature span{font-size:10px}.board-header{font-size:7px}.board-score{font-size:12px}.account-dialog input:not([type=checkbox]){font-size:16px}.toast{bottom:90px}.modal{max-height:85dvh;overflow:auto}}@media (max-width:360px){.play-toolbar{gap:6px}.play-toolbar .mode-switch{width:177px}.reset-clock{font-size:9px}.trait-chips>div{padding:7px 5px}.brand{font-size:26px}.creature-stage{height:150px}}@media (prefers-reduced-motion:reduce){.main-reel-track{transform:translate(-2464px);animation:none!important}.roll-burst{display:none!important}*,:before,:after{transition:none!important;animation:none!important}}
