@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;height:48px;padding:0 24px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:48px;display:flex}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{color:#999;cursor:not-allowed;background:#404144}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{z-index:99;grid-row-gap:10px;opacity:0;visibility:hidden;background:#2c2d30;border-radius:10px;grid-template-rows:1fr;margin:0;padding:10px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0009}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#fff;border:none;border-radius:6px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:37px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transition:transform .15s ease-in;transform:rotate(180deg)}.wallet-adapter-modal{opacity:0;z-index:1040;background:#00000080;transition:opacity .15s linear;position:fixed;inset:0;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{cursor:pointer;background:#1a1f2e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:18px;right:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{justify-content:center;align-items:center;min-height:calc(100vh - 6rem);margin:3rem;display:flex}@media (width<=480px){.wallet-adapter-modal-container{min-height:calc(100vh - 2rem);margin:1rem}}.wallet-adapter-modal-wrapper{box-sizing:border-box;z-index:1050;background:#10141f;border-radius:10px;flex-direction:column;flex:1;align-items:center;max-width:400px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 8px 20px #0009}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{text-align:center;color:#fff;margin:0;padding:64px 48px 48px;font-size:24px;font-weight:500;line-height:36px}@media (width<=374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{width:100%;margin:0 0 12px;padding:0;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{opacity:.6;margin-left:auto;font-size:14px}.wallet-adapter-modal-list-more{cursor:pointer;color:#fff;background-color:#0000;border:none;align-self:flex-end;align-items:center;padding:12px 24px 24px 12px;display:flex}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 24px 24px;display:flex}.wallet-adapter-modal-middle-button{cursor:pointer;color:#fff;background-color:#512da8;border:none;border-radius:8px;width:100%;margin-top:48px;padding:12px;font-size:18px;display:block}:root{--fg:#cfd8dc;--muted:#5f6b73;--line:#1c2a30;--accent:#7fdbca;--alert:#ff5c8a;color:var(--fg);background:#000;font-family:Cascadia Mono,Consolas,DejaVu Sans Mono,monospace}*{box-sizing:border-box}html,body,#root{background:#000;height:100%;margin:0}.creature-page{position:fixed;inset:0}.catalog{min-height:100%;padding:24px 24px 40px;font-size:14px}.catalog-inner{--gap:32px;width:min(100%, calc((100vh - 190px) * 1.6 * 2 + var(--gap)));margin:0 auto}.catalog-head{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;margin-bottom:20px;padding-bottom:12px;display:grid}.catalog-title{color:var(--accent);letter-spacing:1px;white-space:nowrap;font-size:18px}.catalog-sub{color:var(--muted);margin-top:4px}.head-stats{justify-content:center;gap:28px;margin:0;display:flex}.head-stats div{text-align:center}.head-stats dt{color:var(--muted);font-size:12px}.head-stats dd{color:var(--fg);margin:2px 0 0;font-size:16px}.catalog-err{color:var(--alert)}.catalog-sort{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;display:flex}.catalog-sort button{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:none;padding:0}.catalog-sort button.on,.catalog-sort button:hover{color:var(--accent)}.catalog-grid{gap:40px var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card{color:var(--fg);text-decoration:none;display:block}.card .thumb{aspect-ratio:16/10;border:1px dashed var(--line);background:#000;position:relative;overflow:hidden}.card .virtual{transform-origin:0 0;position:absolute;top:0;left:0}.card:hover .thumb{border-color:var(--accent)}.card.alert .thumb{border-color:var(--alert)}.card .meta{color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:24px;margin-top:10px;line-height:1.55;display:grid}.card .meta-state{text-align:right}.card .name{color:var(--accent);font-size:15px}.card .val{color:var(--fg)}.card .sol .val{font-size:15px}.card .status{color:var(--fg)}.card.alert .status{color:var(--alert)}.card .view{color:var(--muted)}.card:hover .view{color:var(--accent)}.catalog-foot{border-top:1px dashed var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;padding-top:12px;display:flex}@media (width<=900px),(aspect-ratio<=1){.catalog-inner{width:min(100%,160vh - 304px)}.catalog-grid{grid-template-columns:1fr}.catalog-head{text-align:center;grid-template-columns:1fr;justify-items:center}.catalog-sort{justify-content:center}.head-stats{flex-wrap:wrap;gap:18px}}.opening{z-index:10;position:fixed;inset:0}.monad-page{color:#d8ffe7;background:#000;grid-template-rows:auto 1fr;width:100vw;height:100vh;display:grid}.monad-head{border-bottom:1px solid #31543d;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:0 16px;font:12px/1 monospace;display:flex}.monad-head button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.monad-frame,.monad-image{object-fit:contain;border:0;width:100%;height:100%}.monad-error,.monad-loading{color:#ff806b;place-self:center;font:14px/1.5 monospace}.catalog{background-color:#000;background-image:radial-gradient(#7fdbca1a 1px,#0000 1.4px);background-size:14px 22px}.catalog-head{border:1px dashed var(--line);background:#000;padding:14px 18px;position:relative}.catalog-head:before,.catalog-head:after,.card .thumb:before,.card .thumb:after{color:var(--accent);z-index:2;background:#000;font-size:12px;line-height:1;position:absolute}.catalog-head:before{content:"+";top:-7px;left:-4px}.catalog-head:after{content:"+";bottom:-6px;right:-4px}.catalog-title{letter-spacing:6px;font-size:22px}.catalog-title:before{content:"[ ";color:var(--muted)}.catalog-title:after{content:" ]";color:var(--muted)}.catalog-sub .cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.head-stats dt:before,.head-stats dt:after{content:"/"}.card .thumb{overflow:visible}.card .thumb>.virtual{clip-path:inset(0)}.card .thumb:before{content:attr(data-index);color:var(--muted);padding:0 6px;top:-8px;left:10px}.card:hover .thumb:before{color:var(--accent)}.card .thumb:after{content:"+";bottom:-6px;right:-4px}.card .meta{border-bottom:1px dashed var(--line);background:#000;padding-bottom:8px}.catalog-foot{background:#000}@media (prefers-reduced-motion:reduce){.catalog-sub .cursor{animation:none}}.catalog{overflow-x:hidden}.catalog-head,.catalog-head>*{min-width:0}.catalog-title{letter-spacing:clamp(0px,.3vw,4px);white-space:nowrap;font-size:clamp(11px,2vw,20px)}.head-stats{flex-wrap:wrap;row-gap:8px}.head-stats dd{white-space:nowrap}@media (width<=900px),(aspect-ratio<=1){.catalog{padding:16px 12px 32px}.catalog-head{padding:12px}.head-stats{gap:12px 18px}.card .meta{grid-template-columns:1fr auto;gap:4px 12px}.card .view{text-align:right;grid-column:1/-1}}.card.graduated .thumb{background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(135deg,#00ff9c,#d4af37 35%,#00ff9c 55%,gold 80%,#00ff9c) border-box;border:2px solid #0000;box-shadow:0 0 18px #00ff9c59,0 0 36px #d4af3740}.card.graduated .thumb:before{color:gold;content:attr(data-index) " GRADUATED"}.card.graduated .thumb:after,.card.graduated .name{color:#00ff9c}.card.graduated .status{color:gold}.card.graduated:hover .thumb{box-shadow:0 0 26px #00ff9c8c,0 0 48px #ffd70059}.catalog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 24px;display:flex}.head-left{display:contents}.catalog-head .catalog-title{text-align:center;flex:0 0 100%}.catalog-head .catalog-sub{flex:0 auto;margin:0}.catalog-head .head-stats{flex-wrap:wrap;flex:0 auto;justify-content:center}.catalog-head .catalog-sort{flex-wrap:wrap;flex:0 auto}@media (width<=1100px),(aspect-ratio<=1){.catalog-head{text-align:center;flex-direction:column;align-items:center}.catalog-head .catalog-title{flex-basis:auto}.catalog-sort{justify-content:center}}.card .nft-link{color:var(--accent);cursor:pointer}.card .nft-link:hover{text-decoration:underline}.monad-head a{color:var(--accent);text-decoration:none}.card .meta{grid-template-columns:1fr auto}.card .view{text-align:center;grid-column:1/-1;justify-content:center;gap:24px;display:flex}.monad-page{height:auto;min-height:100vh}.monad-body{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.monad-media{border-right:1px solid #31543d;min-height:70vh}.monad-info{max-height:calc(100vh - 42px);padding:20px;font:13px/1.6 monospace;overflow-y:auto}.monad-info h1{color:var(--accent);margin:0;font-size:18px}.monad-info h2{color:var(--muted);letter-spacing:2px;margin:22px 0 6px;font-size:12px}.monad-info .monad-sub{color:var(--muted);margin-bottom:10px}.monad-info dl{grid-template-columns:auto 1fr;gap:2px 16px;margin:0;display:grid}.monad-info dl>div{display:contents}.monad-info dt{color:var(--muted)}.monad-info dd{text-align:right;margin:0}.monad-info a,.monad-info button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.monad-traits{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.monad-traits li{border:1px dashed var(--line);padding:6px 8px}.monad-traits span{color:var(--muted);font-size:11px;display:block}.monad-links{flex-wrap:wrap;gap:8px 14px;display:flex}@media (width<=900px){.monad-body{grid-template-columns:1fr}.monad-media{border-bottom:1px solid #31543d;border-right:0;min-height:60vh}.monad-info{max-height:none}}.monad-media,.monad-frame{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}.media-preview{color:#d8ffe7;background:#000;min-height:100vh;padding:16px;font:13px/1.6 monospace}.media-preview header{margin-bottom:16px}.media-preview a{color:var(--accent);text-decoration:none}.media-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.media-grid img,.media-grid video{border:1px dashed var(--line);background:#000;width:100%;max-width:480px;display:block}.media-grid figcaption{color:var(--muted);margin-bottom:6px}.media-grid p{color:var(--muted);grid-column:1/-1}.monad-media{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.monad-stage{aspect-ratio:1;background:#000;border:1px solid #31543d;width:min(100%,100vh - 140px)}.monad-view{object-fit:contain;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;border:0;width:100%;height:100%;display:block}.monad-switch{gap:12px;font:12px/1 monospace;display:flex}.monad-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.monad-switch button.on{color:var(--accent)}@media (width<=900px){.monad-stage{width:100%}}.catalog-search{align-items:center;gap:6px;display:flex}.catalog-search input{border:0;border-bottom:1px dashed var(--line);color:var(--fg);font:inherit;background:0 0;outline:none;width:34ch;min-width:0;max-width:100%;padding:2px 0}.catalog-search input:focus{border-bottom-color:var(--accent)}.catalog-search input::placeholder{color:var(--muted)}.catalog-search button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.catalog-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:24px 0}.card.birth{animation:.5s ease-in-out 5 alternate birth-pulse}.card.birth .thumb:after{content:">> BIRTH";color:#fff;letter-spacing:2px;text-shadow:0 0 8px #9bffc8;font:11px/1 monospace;position:absolute;top:6px;right:8px}@keyframes birth-pulse{0%{box-shadow:0 0 0 1px var(--accent)}to{box-shadow:0 0 18px 2px var(--accent)}}@media (prefers-reduced-motion:reduce){.card.birth{animation:none}}.catalog-more{min-height:40px;color:var(--muted);text-align:center;grid-column:1/-1;padding:12px 0}.catalog-more button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0}.card{border:1px dashed var(--line);background:#030504;transition:border-color .2s,box-shadow .2s;position:relative}.card .thumb{box-shadow:none!important;background:#000!important;border:0!important;overflow:hidden!important}.card .thumb:after{display:none}.card .meta{border-top:1px dashed var(--line);background:0 0;border-bottom:0;margin-top:0;padding:10px 12px 12px}.card:hover{border-color:var(--accent)}.card.alert{border-color:var(--alert)}.card.graduated{background:linear-gradient(#030504,#030504) padding-box padding-box,linear-gradient(135deg,#00ff9c,#d4af37 35%,#00ff9c 55%,gold 80%,#00ff9c) border-box;border:2px solid #0000;box-shadow:0 0 18px #00ff9c4d,0 0 36px #d4af3733}.card.graduated:hover{box-shadow:0 0 26px #00ff9c80,0 0 48px #ffd7004d}.card.graduated .meta{border-top-color:#00ff9c59}.card .thumb:before{z-index:2;background:#030504}.card.birth .thumb:after{display:block}.card .thumb:before{background:#030504cc;padding:1px 6px;top:6px;left:8px}.monad-live{background:#000;width:100%;height:100%;overflow:hidden}.monad-traits{grid-template-columns:repeat(2,minmax(0,1fr))}.monad-traits li{overflow-wrap:anywhere;min-width:0}.monad-info{min-width:0;overflow-x:hidden}.monad-live{position:relative}.monad-media,.monad-body>*{min-width:0}.catalog-sort .help-btn{color:var(--accent);margin-left:8px}.help-backdrop{z-index:50;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.help-panel{border:1px dashed var(--accent);width:min(640px,100%);max-height:100%;color:var(--fg);background:#000;padding:16px 20px;font-size:13px;line-height:1.55;overflow:auto}.help-panel header{color:var(--accent);justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.help-panel header button{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:none}.help-panel header button:hover{color:var(--accent)}.help-panel h3{color:var(--accent);letter-spacing:.08em;margin:16px 0 6px;font-size:13px;font-weight:400}.help-panel p,.help-panel ul,.help-panel ol{margin:0 0 6px}.help-panel ul,.help-panel ol{padding-left:20px}.help-panel b{color:#fff;font-weight:400}.help-panel code{color:var(--muted);word-break:break-all}.help-costs{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.help-costs dt{color:var(--muted)}.help-costs dd{margin:0}
