:root{--tan: #d4b896;--comp-color: #3b82f6;--comp-dark-color: #1d4ed8;--black: #1a1209;--col-width: 660px;--border: 2px solid var(--black);--cell: 12px}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--black);color:var(--tan)}::-moz-selection{background:var(--black);color:var(--tan)}html,body{width:100%;overflow-x:hidden;background:var(--tan);color:var(--black);font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6;user-select:none;-webkit-user-select:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}#life-canvas{position:absolute;top:0;left:0;z-index:0;display:block}#page{position:relative;z-index:1;display:flex;justify-content:center;padding:32px 0 48px;min-height:100vh}#column{width:var(--col-width);max-width:96vw;background:var(--tan);border-left:var(--border);border-right:var(--border);padding:0;box-shadow:0 0 0 4px var(--tan),4px 4px 0 4px var(--black);user-select:text;-webkit-user-select:text;transition:opacity .2s;display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.page-view{flex-grow:1}#column.col-hidden{opacity:0;pointer-events:none}#site-header{background:var(--black);color:var(--tan);text-align:center;padding:18px 16px;border-bottom:var(--border);letter-spacing:.08em}#site-header h1{font-size:1.6rem;font-family:Courier New,Courier,monospace;text-transform:uppercase;display:inline}#site-header h1:after{content:"█";animation:blink 1s step-end infinite;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#site-header .tagline{font-size:.8rem;margin-top:6px;opacity:.75;letter-spacing:.12em}#site-nav{display:flex;border-bottom:var(--border);background:var(--tan)}#site-nav a,#site-nav .nav-dropbtn{flex:1;text-align:center;padding:7px 4px;color:var(--black);text-decoration:none;font-size:.82rem;letter-spacing:.06em;border-right:1px solid var(--black);border-left:none;border-top:none;border-bottom:none;background:var(--tan);text-transform:uppercase;transition:none;cursor:pointer;font-family:inherit}#site-nav a:last-child{border-right:none}#site-nav a:hover,#site-nav a.hover-active,#site-nav a.nav-active,#site-nav .nav-custom-select .nav-dropbtn:hover,#site-nav .nav-custom-select .nav-dropbtn.hover-active,#site-nav .nav-custom-select .nav-dropbtn.nav-active,#site-nav .nav-custom-select .nav-dropbtn[aria-expanded=true]{background:var(--black);color:var(--tan);transition:background .08s,color .08s}.nav-custom-select{flex:1;border-right:1px solid var(--black)}.nav-custom-select .nav-dropbtn{width:100%;height:100%;border-right:none}.nav-custom-select .select-options{top:100%;bottom:auto;left:-1px;width:calc(100% + 2px);border-top:1px solid var(--black);background:var(--tan);white-space:normal}.nav-custom-select .select-options li{display:block;text-align:left;border-right:none;border-bottom:1px solid var(--black);color:var(--black)}.nav-custom-select .select-options li:last-child{border-bottom:none}.nav-custom-select .select-options li:hover,.nav-custom-select .select-options li.selected,.nav-custom-select .select-options li.hover-active{background:var(--black);color:var(--tan)}.section{padding:20px 24px 16px;border-bottom:var(--border)}.section:last-of-type{border-bottom:none}.section h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;padding-bottom:4px;border-bottom:1px dashed var(--black)}.section p{margin-bottom:8px}.section ul{list-style:none;padding:0}.section ul li:before{content:"» "}.section ul li{margin-bottom:4px}.section a{color:var(--black);text-decoration:underline}.section a:hover,.section a.hover-active{background:var(--black);color:var(--tan)}#color-slider-container{margin:16px 0;position:relative;height:24px}#color-slider-bar{position:absolute;top:8px;left:0;right:0;height:8px;border:1px solid var(--black);background:linear-gradient(to right,#d4b896,#b2d496,#96d4b8,#96b2d4,#b896d4,#d496b2,#d4b896);cursor:pointer;z-index:10}#color-slider-marker{position:absolute;top:0;width:12px;height:24px;background:var(--black);cursor:grab;transform:translate(-50%);z-index:11}#color-slider-marker:active{cursor:grabbing}#perf-container{position:relative;width:14px;height:100px;margin-top:8px;margin-left:2px}#perf-bar{position:absolute;top:0;bottom:0;left:6px;width:2px;background:var(--black);opacity:.2}#perf-marker{position:absolute;width:14px;height:14px;background:var(--black);top:0;left:0}.inline-controls-row{display:flex;align-items:center;gap:12px;padding:6px 0;flex-wrap:wrap}.hint-bar{padding:8px 24px;font-size:.76rem;letter-spacing:.06em;opacity:.65;border-bottom:var(--border);text-align:center}.hint-bar kbd{font-family:inherit;border:1px solid var(--black);padding:0 4px;font-size:.72rem}.inline-link-btn{background:none;color:var(--black);border:none;text-decoration:underline;font-size:inherit;padding:0;letter-spacing:inherit;text-transform:none;cursor:pointer}.inline-link-btn:hover,.inline-link-btn.hover-active{background:var(--black);color:var(--tan)}.inline-select{position:relative;display:inline-block}.inline-select-toggle{background:none;color:var(--black);border:1px dashed var(--black);font-size:inherit;font-family:inherit;padding:1px 6px;cursor:pointer;text-transform:none;letter-spacing:inherit;font-weight:700}.inline-select-toggle:hover{background:var(--black);color:var(--tan)}.inline-select-options{position:absolute;bottom:calc(100% + 2px);left:0;min-width:80px;background:var(--black);border:var(--border);list-style:none;padding:0;margin:0;z-index:200;white-space:nowrap}.inline-select-options li{padding:4px 10px;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:.82rem;color:var(--tan)}.inline-select-options li:hover,.inline-select-options li.selected{background:var(--tan);color:var(--black)}.reveal-section{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s ease,opacity .5s ease}.reveal-section.reveal-visible{max-height:2000px;opacity:1}.spawn-marker{color:transparent}.door-link{color:var(--comp-color);text-decoration:underline;cursor:pointer}.door-link:hover,.door-link.hover-active{background:var(--black);color:var(--tan)}.ascii-terrain{font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.2;white-space:pre;color:var(--black);margin:12px 0;overflow-x:auto}.stage-door-open{text-decoration:underline;cursor:pointer}.ascii-terrain a{color:var(--black);text-decoration:underline}.ascii-terrain a:hover,.ascii-terrain a.hover-active{background:var(--black);color:var(--tan)}.mode-buttons-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mode-buttons-row button{min-width:100px}.inline-rule-select .select-options{bottom:calc(100% + 4px);top:auto}button{background:var(--black);color:var(--tan);border:var(--border);font-family:Courier New,Courier,monospace;font-size:.82rem;letter-spacing:.08em;padding:6px 14px;cursor:pointer;text-transform:uppercase;transition:none}button:hover,button.hover-active{background:var(--tan);color:var(--black);transition:background .08s,color .08s}.custom-select{position:relative;display:inline-block}.select-toggle{text-transform:none;letter-spacing:.04em;white-space:nowrap}.select-options{position:absolute;bottom:calc(100% + 4px);left:0;min-width:100%;background:var(--black);border:var(--border);list-style:none;padding:0;margin:0;z-index:100;white-space:nowrap}.select-options li{padding:6px 14px;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:.82rem;color:var(--tan);letter-spacing:.06em}.select-options li:hover,.select-options li.selected,.select-options li.hover-active{background:var(--tan);color:var(--black)}#site-footer{background:var(--black);color:var(--tan);text-align:center;padding:10px 16px;font-size:.75rem;letter-spacing:.1em;opacity:.9}hr{border:none;border-top:1px dashed var(--black);margin:12px 0}#wg-layout{display:flex;flex-direction:column;gap:20px;margin-top:20px;text-align:left}@media(min-width:600px){#wg-layout{flex-direction:row}}#wg-sidebar{flex:0 0 260px;border-right:1px dashed var(--black);padding-right:20px}#wg-sidebar h3{margin-top:0;font-size:1.1em;color:var(--black)}#wg-gamemode-list{list-style:none;padding:0;margin:0}#wg-gamemode-list li{margin-bottom:5px}#wg-gamemode-list li a{display:block;padding:8px 10px;cursor:pointer;font-size:.9em;border:1px solid transparent;color:var(--black);text-decoration:none;transition:background .1s,color .1s}#wg-gamemode-list li a:hover,#wg-gamemode-list li a.hover-active{background:var(--black);color:var(--tan)}#wg-gamemode-list li a.wg-active{background:var(--black);color:var(--tan);font-weight:700}#wg-main{flex:1;display:flex;flex-direction:column}#wg-instructions h3{margin-top:0;color:var(--black)}#wg-instructions p{font-size:.9em;opacity:.8}#wg-display{flex:1;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background:#00000008;border:1px dashed var(--black);margin:20px 0;text-align:center}.wg-word-row{font-size:2rem;font-weight:700;margin:10px 0;word-wrap:break-word;max-width:100%;color:var(--black)}.wg-hint{text-align:center;font-size:.8em;opacity:.6;margin-top:10px}.wg-history-container{display:flex;flex-direction:column;align-items:center;width:100%}#wg-generate-btn{width:250px}.wg-history-item{transition:all .3s ease;text-align:center}.wg-current{font-size:2.5rem;font-weight:700;color:var(--black);margin-bottom:20px}.wg-past{font-weight:400;color:var(--black);margin:5px 0}@keyframes wgFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wg-anim-in{animation:wgFadeInUp .3s ease-out forwards}
