*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:IBM Plex Mono,SF Mono,Fira Mono,ui-monospace,monospace;background:#888;color:#000;-webkit-font-smoothing:antialiased;font-weight:400}.root{min-height:100vh;padding:1rem;transition:opacity .4s;position:relative}.ascii-nature-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;font-family:inherit;font-size:1vw;line-height:1.2;color:#555;opacity:.12;white-space:pre;pointer-events:none;overflow:hidden;margin:0;letter-spacing:.05em}.logo{position:fixed;bottom:1rem;left:1rem;z-index:100;background:#888}.about-btn{position:fixed;bottom:1rem;right:1rem;z-index:100;background:transparent;border:1px solid #000;color:#000;font:inherit;font-size:.7rem;padding:.35rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-weight:500;letter-spacing:.05em;opacity:.5}.about-btn:hover{background:#000;color:#fff;opacity:1}.about-modal{position:fixed;bottom:4rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem);z-index:99;pointer-events:none;background:#888;border:1px solid #000;padding:1.25rem;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.about-modal.open{opacity:1;transform:translateY(0);pointer-events:auto}.about-modal-inner{display:flex;flex-direction:column;gap:.75rem}.about-title-ascii{font-size:.4rem;line-height:1;color:#000;white-space:pre;font-family:IBM Plex Mono,SF Mono,monospace;text-align:left}.about-text{font-size:.72rem;line-height:1.8;color:#000;margin:0;padding-bottom:.75rem;border-bottom:1px solid #666}.about-modal .about-credit{display:inline-block;font-size:.65rem;color:#000;text-decoration:none;transition:color .15s;padding:.25rem 0}.about-modal .about-credit:hover{color:#fff}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);padding:8rem 2rem 6rem;gap:1.5rem;position:relative;z-index:1}.stage{width:100%;max-width:75rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.end{text-align:center;padding:3rem 4rem;background:#000;border-radius:20px;border:3px solid #000}.end-title{font-size:1.2rem;color:#fff;letter-spacing:.3em;font-weight:600;text-transform:uppercase}.end-sub{font-size:.8rem;color:#fff;margin-top:.5rem;opacity:.7}.subject{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;width:100%;align-items:center;max-width:80rem}.form-wrapper{position:relative}.grass-border{position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;pointer-events:none;z-index:1}.grass{position:absolute;font-family:inherit;font-size:.5rem;color:#000;opacity:.5;letter-spacing:.02em;line-height:.9;margin:0;white-space:pre}.grass-top{top:0;left:0;right:0;text-align:center}.grass-bottom{bottom:0;left:0;right:0;text-align:center}.grass-left{left:0;top:0;bottom:0;display:flex;align-items:center}.grass-right{right:0;top:0;bottom:0;display:flex;align-items:center}.form{width:38rem;min-height:34rem;height:34rem;display:flex;flex-direction:column;align-items:center;background:#666;padding:1.5rem 3rem 2rem;position:relative;border-radius:0;box-shadow:inset 0 10px 20px -10px #555,inset 0 -10px 20px -10px #555,inset 10px 0 20px -10px #555,inset -10px 0 20px -10px #555,inset 0 20px 40px -20px #444,inset 0 -20px 40px -20px #444,inset 20px 0 40px -20px #444,inset -20px 0 40px -20px #444}.form:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.25;pointer-events:none}.level-indicator{width:100%;text-align:center;padding:.75rem 1rem;background:transparent;border:none}.level-number{font-size:.65rem;color:#888;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem}.level-name{font-size:1.3rem;color:#fff;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.level-meta{font-size:.65rem;color:#888;margin-top:.25rem;text-transform:uppercase;letter-spacing:.08em}.ascii-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.ascii{font-size:1.6rem;line-height:1.25;white-space:pre;position:relative;z-index:1;text-align:center}.ascii .char-alive{color:#0f0}.ascii .char-burned{color:red}.stats{display:flex;flex-direction:column;justify-content:center;gap:1rem;max-width:18rem}.stats:first-child{margin-left:auto}.stats:last-child{margin-right:auto}.traits{background:transparent;padding:0;flex:1;overflow-y:auto}.traits::-webkit-scrollbar{width:4px}.traits::-webkit-scrollbar-track{background:transparent}.traits::-webkit-scrollbar-thumb{background:#000}.traits-header{font-size:.7rem;color:#000;opacity:.4;font-family:inherit;margin-bottom:1.25rem;letter-spacing:.1em}.trait{display:flex;flex-direction:column;gap:.25rem;padding:.35rem 0}.trait-label{font-size:.7rem;color:#000;text-transform:uppercase;letter-spacing:.08em;opacity:.5}.trait-ascii{display:flex;align-items:center;gap:.75rem}.trait-bar-text{font-size:.85rem;color:#000;font-family:inherit;letter-spacing:-.02em;overflow:hidden;text-overflow:clip;max-width:12rem}.trait-val{font-size:.8rem;color:#000;font-weight:700;font-family:inherit}.facts{background:transparent;padding:0;flex:1;overflow-y:auto}.facts::-webkit-scrollbar{width:4px}.facts::-webkit-scrollbar-track{background:transparent}.facts::-webkit-scrollbar-thumb{background:#000}.facts-header{font-size:.7rem;color:#000;opacity:.4;font-family:inherit;margin-bottom:1.25rem;letter-spacing:.1em}.fact-item{font-size:.75rem;color:#000;line-height:1.7;padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.fact-item:last-child{border-bottom:none}.fact-paragraph{font-size:1.05rem;line-height:1.55;color:#000;margin:0;padding:.2rem 0 .8rem;letter-spacing:-.01em}.reflection-area{text-align:center;width:100%;max-width:35rem;padding:1rem 1.5rem;background:transparent;border:none}.refl{font-size:.8rem;color:#000;line-height:1.8;font-style:italic;margin:0 auto}.refl:before{content:"« ";opacity:.4}.refl:after{content:" »";opacity:.4}.axiom{margin-top:.75rem;font-size:.65rem;color:#000;opacity:.4;letter-spacing:.15em;text-transform:uppercase}.spectrum{display:flex;gap:1.5rem;justify-content:center;align-items:center;padding:1rem 0;background:transparent;border:none;transition:filter .5s,opacity .5s;width:100%;margin-top:auto;flex-shrink:0}.spectrum-methods{display:flex;gap:1.5rem;justify-content:center;align-items:center}.spare-btn{margin:.5rem auto 0;display:block;padding:.4rem .8rem;background:transparent;color:#000;border:none;font:inherit;font-size:.6rem;font-weight:400;letter-spacing:.08em;text-transform:lowercase;cursor:pointer;transition:all .15s;opacity:.25}.spare-btn:hover{opacity:.6}.spare-btn:active:not(.disabled){opacity:.8}.spare-btn.disabled{opacity:.1;cursor:not-allowed}.sbtn{width:5.5rem;height:4.5rem;background:#fff;border:none;color:#000;font:inherit;font-size:.65rem;font-weight:600;padding:0;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;display:grid;grid-template-areas:"top top top" "left name right" "bottom bottom bottom";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;transition:all .15s;position:relative;flex-shrink:0}.sbtn-border{font-family:inherit;font-size:.5rem;color:#000;opacity:.4;line-height:1}.sbtn-border-top{grid-area:top}.sbtn-border-bottom{grid-area:bottom}.sbtn-border-left{grid-area:left;writing-mode:vertical-rl;letter-spacing:-.15em}.sbtn-border-right{grid-area:right;writing-mode:vertical-rl;letter-spacing:-.15em}.sbtn-name{grid-area:name;display:block;line-height:1.2}.sbtn:hover{background:#000;color:#fff}.sbtn:hover .sbtn-border{color:#fff}.sbtn:active:not(.disabled){transform:scale(.96)}.sbtn.disabled{background:#aaa;color:#666;cursor:not-allowed;opacity:.5}.sbtn.disabled:hover{background:#aaa;color:#666;transform:none}.sbtn.disabled .sbtn-border{color:#666}.timeline-nav{position:fixed;top:0;left:0;right:0;z-index:50;overflow:hidden}.timeline-inner{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;padding:1rem;scroll-behavior:smooth;align-items:center;justify-content:flex-start;scroll-padding:1rem;scrollbar-width:none;-ms-overflow-style:none}.timeline-inner::-webkit-scrollbar{display:none}.tl-ethical{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:0 .5rem;gap:.15rem}.tl-ethical-line{font-size:1rem;color:#555;line-height:1}.tl-ethical-name{font-size:.5rem;color:#555;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tl-item{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.7rem;color:#555;transition:all .15s;white-space:nowrap;flex-shrink:0;border-radius:3px;position:relative}.tl-state{font-size:.6rem;opacity:.6;font-family:inherit}.tl-name{font-weight:500;letter-spacing:.02em;font-size:.7rem}.tl-item.curr{color:#000;background:transparent}.tl-item.curr .tl-state{color:#000;opacity:1}.tl-item.curr .tl-name{color:#000;font-weight:700}.tl-item.released{opacity:.35}.tl-item.released .tl-state{color:#900}.tl-item.released .tl-name{text-decoration:line-through;text-decoration-color:#900}.tl-item.selectable{cursor:pointer}.tl-item.selectable:hover{color:#000}.tl-item.selectable:hover .tl-state{opacity:1}.tl-item.selectable:hover .tl-name{color:#000}@media (max-width: 1024px){.subject{grid-template-columns:1fr;gap:1.5rem;max-width:100%}.stats{max-width:100%;order:2}.stats:first-child{margin-left:0}.stats:last-child{margin-right:0}.form-wrapper{order:1;width:100%;display:flex;justify-content:center}.form{width:100%;max-width:38rem}.traits,.facts{max-width:38rem;margin:0 auto}.fact-paragraph{font-size:.95rem}}@media (max-width: 768px){.main{padding:5rem 1rem 8rem;gap:1rem}.form{width:100%;min-height:28rem;height:auto;padding:1rem 1.5rem 1.5rem}.ascii{font-size:1.1rem;line-height:1.2}.level-name{font-size:1.1rem}.level-number,.level-meta{font-size:.6rem}.spectrum{gap:.75rem;padding:.75rem 0}.spectrum-methods{gap:.75rem;flex-wrap:wrap}.sbtn{width:5rem;height:4rem;font-size:.6rem}.trait-bar-text{font-size:.7rem;letter-spacing:-.03em}.trait-val{font-size:.7rem}.fact-paragraph{font-size:.85rem}.grass-border{display:none}.logo{bottom:auto;top:auto;left:50%;transform:translate(-50%);position:relative;margin-bottom:1rem;display:none}.about-title-ascii{font-size:.3rem}.about-modal{bottom:4rem;right:.5rem;left:.5rem;width:auto;max-width:none}.about-btn{bottom:.75rem;right:.75rem}.timeline-inner{padding:.75rem}.tl-item{padding:.3rem .4rem;font-size:.6rem}.tl-name{font-size:.6rem}.tl-state{font-size:.5rem}.tl-ethical{padding:0 .3rem}.tl-ethical-name{font-size:.4rem}.tl-ethical-line{font-size:.8rem}.end{padding:2rem}.end-title{font-size:1rem;letter-spacing:.2em}.end-sub{font-size:.7rem}.reflection-area{padding:.75rem 1rem}.refl{font-size:.7rem}.axiom{font-size:.55rem}}@media (max-width: 480px){.root{padding:.5rem}.main{padding:4.5rem .5rem 7rem;min-height:calc(100vh - 2rem)}.form{min-height:24rem;padding:.75rem 1rem 1.25rem}.ascii{font-size:.85rem;line-height:1.15}.level-indicator{padding:.5rem .75rem}.level-name{font-size:.95rem}.spectrum-methods{gap:.5rem}.sbtn{width:4.5rem;height:3.5rem;font-size:.55rem}.sbtn-border{font-size:.4rem}.spare-btn{font-size:.55rem}.traits-header,.facts-header{font-size:.6rem;margin-bottom:.75rem}.trait{padding:.25rem 0}.trait-label{font-size:.6rem}.trait-bar-text{font-size:.55rem}.trait-val{font-size:.6rem}.fact-paragraph{font-size:.75rem;line-height:1.5}.timeline-inner{padding:.5rem}.tl-item{padding:.25rem .35rem;font-size:.55rem}.tl-name{font-size:.55rem}.tl-state{font-size:.45rem}.tl-ethical-name{font-size:.35rem}.about-text{font-size:.65rem;line-height:1.7}.about-modal .about-credit{font-size:.6rem}.end{padding:1.5rem;border-radius:12px}.end-title{font-size:.85rem;letter-spacing:.15em}.end-sub{font-size:.65rem}.reflection-area{padding:.5rem .75rem}.refl{font-size:.65rem}.axiom{font-size:.5rem}}@media (max-width: 360px){.ascii{font-size:.7rem}.sbtn{width:4rem;height:3rem;font-size:.5rem}.level-name{font-size:.85rem}.form{min-height:22rem;padding:.5rem .75rem 1rem}}@media (hover: none) and (pointer: coarse){.sbtn{min-height:44px}.spare-btn{min-height:40px;padding:.5rem 1rem}.tl-item.selectable{min-height:36px}.about-btn{min-width:44px;min-height:44px}}@media (max-height: 500px) and (orientation: landscape){.main{padding:4rem 1rem 2rem}.form{min-height:18rem;height:auto}.ascii{font-size:.8rem}.level-indicator{padding:.25rem .5rem}.spectrum{padding:.5rem 0}.sbtn{height:3rem}}