*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;overflow-y:auto}canvas{display:block}#page-wrapper{display:flex;flex-direction:column;align-items:center;padding-top:0}#game-container{display:block;width:800px;height:600px;position:relative}#ad-below{width:728px;margin:8px auto 0;min-height:90px}#slop-terminal *{box-sizing:border-box;margin:0;padding:0}#slop-terminal{width:800px;height:600px;background:#080610;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;color:#c8c4d8;overflow:hidden;position:absolute;top:0;left:0;z-index:10}#slop-terminal-header{padding:10px 16px;border-bottom:1px solid #1e1430;color:#7b61ff;font-size:12px;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center}#slop-terminal-header span{color:#435;font-size:10px}#slop-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}#slop-messages::-webkit-scrollbar{width:4px}#slop-messages::-webkit-scrollbar-track{background:#0d0a18}#slop-messages::-webkit-scrollbar-thumb{background:#2a1e3a;border-radius:2px}.msg{display:flex;flex-direction:column;gap:2px;max-width:96%}.msg-user{align-self:flex-end}.msg-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.msg-user .msg-label{color:#543;text-align:right}.msg-slop .msg-label{color:#536}.msg-prior .msg-label{color:#345}.msg-system .msg-label{color:#334}.msg-readme .msg-label{color:#343}.msg-body{padding:8px 12px;border-radius:2px;font-size:12px;line-height:1.7;white-space:pre-wrap}.msg-user .msg-body{background:#1a1210;color:#c8b898;border:1px solid #2a1e10}.msg-slop .msg-body{background:#110820;color:#c8b8dd;border:1px solid #2a1040}.msg-prior .msg-body{background:#080f18;color:#98b8cc;border:1px solid #102030}.msg-system .msg-body{background:#0a0a14;color:#768;border:1px solid #1a1428;font-size:11px}.msg-readme .msg-body{background:#080e08;color:#8a8;border:1px solid #102010;font-size:11px}.msg-prompt-fire .msg-body{background:#110820;color:#c8f;border:1px solid #3a1060;font-size:13px}#slop-cmd-buttons{padding:8px 16px;border-top:1px solid #130d20;display:flex;gap:8px;flex-wrap:wrap}.slop-cmd-btn{background:none;border:1px solid #2a1e3a;color:#7b61ff;font-family:Courier New,Courier,monospace;font-size:11px;padding:4px 10px;cursor:pointer;letter-spacing:.04em;transition:background .15s,color .15s}.slop-cmd-btn:hover{background:#1e1030;color:#a8f;border-color:#53a}#slop-input-row{padding:10px 16px;border-top:1px solid #130d20;display:flex;align-items:center;gap:10px}#slop-caret{color:#7b61ff;font-size:14px;-webkit-user-select:none;user-select:none}#slop-input{flex:1;background:none;border:none;outline:none;color:#c8c4d8;font-family:Courier New,Courier,monospace;font-size:13px;caret-color:#7b61ff}#slop-input::placeholder{color:#324}#slop-auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#04030ae0;display:flex;justify-content:center;align-items:center;z-index:100;font-family:Courier New,Courier,monospace}#slop-auth-panel{width:420px;background:#080610;border:1px solid #1e1430;display:flex;flex-direction:column}.auth-header{padding:10px 16px;border-bottom:1px solid #1e1430;color:#7b61ff;font-size:12px;letter-spacing:.06em}.auth-header span{color:#435;font-size:10px}.auth-body{padding:20px 16px;display:flex;flex-direction:column;gap:12px}.auth-hint{color:#768;font-size:11px;line-height:1.6}.auth-status{color:#7b61ff;font-size:12px;text-align:center;padding:20px 0}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field label{color:#435;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.auth-field input{background:#0d0a18;border:1px solid #2a1e3a;color:#c8c4d8;font-family:Courier New,Courier,monospace;font-size:12px;padding:6px 10px;outline:none;caret-color:#7b61ff}.auth-field input::placeholder{color:#324}.auth-field input:focus{border-color:#53a}.auth-divider{color:#324;font-size:10px;text-align:center;letter-spacing:.1em}.auth-error{color:#c44;font-size:11px;min-height:14px;line-height:1.5}.auth-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.auth-btn{background:none;border:1px solid #2a1e3a;color:#7b61ff;font-family:Courier New,Courier,monospace;font-size:11px;padding:5px 12px;cursor:pointer;letter-spacing:.04em;transition:background .15s,color .15s}.auth-btn:hover{background:#1e1030;color:#a8f;border-color:#53a}.auth-btn-dim{color:#435;border-color:#1a1028}.auth-btn-dim:hover{color:#768}.auth-btn-google{color:#8af;border-color:#236}.auth-btn-google:hover{background:#0a1030;color:#abf;border-color:#35a}#slop-dev-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#04030aeb;display:flex;justify-content:center;align-items:center;z-index:200;font-family:Courier New,Courier,monospace}#dev-panel{width:720px;max-height:580px;background:#080610;border:1px solid #1e1430;display:flex;flex-direction:column;overflow:hidden}#dev-header{padding:8px 14px;border-bottom:1px solid #1e1430;color:#f65;font-size:11px;letter-spacing:.08em;display:flex;align-items:center;gap:8px;flex-shrink:0}#dev-header span{color:#532;flex:1}#dev-close-btn{background:none;border:1px solid #331a14;color:#643;font-family:Courier New,Courier,monospace;font-size:10px;padding:2px 8px;cursor:pointer;letter-spacing:.04em}#dev-close-btn:hover{color:#f65;border-color:#832}#dev-body{overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px}#dev-body::-webkit-scrollbar{width:4px}#dev-body::-webkit-scrollbar-track{background:#0d0a18}#dev-body::-webkit-scrollbar-thumb{background:#2a1e3a;border-radius:2px}.dev-section{display:flex;flex-direction:column;gap:6px}.dev-label{color:#532;font-size:9px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #130d08;padding-bottom:3px}.dev-btn-row{display:flex;flex-wrap:wrap;gap:6px}.dev-btn{background:none;border:1px solid #2a1e3a;color:#c86;font-family:Courier New,Courier,monospace;font-size:10px;padding:3px 9px;cursor:pointer;letter-spacing:.04em;transition:background .12s,color .12s}.dev-btn:hover{background:#1a0e18;color:#fa8;border-color:#632}.dev-flags-section{flex-direction:row;gap:20px}.dev-col{display:flex;flex-direction:column;gap:5px;flex:1}.dev-flag-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-flag-row span{color:#768;font-size:10px;white-space:nowrap}.dev-toggle{background:#0a0810;border:1px solid #2a1428;color:#434;font-family:Courier New,Courier,monospace;font-size:9px;padding:2px 8px;cursor:pointer;min-width:36px;text-align:center;letter-spacing:.06em;transition:background .1s}.dev-toggle.dev-on{background:#0f1a10;border-color:#362;color:#4c6}.dev-toggle:hover{border-color:#645}.dev-num{background:#0a0810;border:1px solid #2a1428;color:#c8c4d8;font-family:Courier New,Courier,monospace;font-size:10px;padding:2px 6px;width:56px;text-align:right;outline:none}.dev-num:focus{border-color:#536}.dev-preset-btn{color:#86a;border-color:#2a1e3a}.dev-preset-btn:hover{background:#120a1e;color:#b8f;border-color:#538}#site-header{width:800px;padding:8px 0 6px;text-align:center}#site-header h1{font-family:Courier New,monospace;font-size:1.35rem;color:#97c;letter-spacing:.06em;margin-bottom:6px}#site-header .tagline{font-family:Courier New,monospace;font-size:.78rem;color:#657;letter-spacing:.03em}#site-content{width:800px;padding:24px 0 12px}.content-section{margin-bottom:32px;border-left:2px solid #2a1848;padding-left:20px}.content-section h2{font-family:Courier New,monospace;font-size:.85rem;color:#7b61ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.content-section p{font-family:Courier New,monospace;font-size:.82rem;color:#99a;line-height:1.7;margin-bottom:10px}.content-section em{color:#bac;font-style:italic}.content-section strong{color:#bac}.how-to-list{font-family:Courier New,monospace;font-size:.82rem;color:#99a;line-height:1.8;margin-bottom:10px;list-style:none;padding-left:0}.how-to-list li:before{content:"› ";color:#536}.content-link{display:inline-block;font-family:Courier New,monospace;font-size:.82rem;color:#7b61ff;text-decoration:none;margin-top:6px;transition:color .15s}.content-link:hover{color:#97f}#site-footer{width:800px;padding:16px 0 28px;border-top:1px solid #1e1030;text-align:center}#site-footer p{font-family:Courier New,monospace;font-size:.75rem;color:#435;margin-bottom:4px}#site-footer a{color:#536;text-decoration:none}#site-footer a:hover{color:#7b61ff}.footer-small{font-size:.68rem!important;color:#324!important}