@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap";:root{--ink:#111;--paper:#f5f1e8;--acid:#d9ff00;--pink:#ff4fa3;--blue:#5b8cff;--orange:#ff7b32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Mono,monospace}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{height:74px;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:var(--paper);z-index:20}.brand{font:42px Archivo Black;letter-spacing:-3px}.brand span{color:var(--pink)}.top-code{font-size:11px;font-weight:700}.menu-btn{width:54px;height:48px;border:3px solid var(--ink);background:var(--acid);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px}.menu-btn span{height:3px;background:var(--ink);display:block}.drawer{position:fixed;left:0;top:74px;width:min(410px,92vw);height:calc(100vh - 74px);background:var(--ink);color:var(--paper);z-index:19;transform:translate(-105%);transition:.25s cubic-bezier(.7,0,.2,1);padding:25px}.drawer-open{transform:none}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding-bottom:20px;margin-bottom:15px}.drawer-head button{background:none;color:#fff;border:0;font-size:32px}.drawer>button{display:flex;width:100%;justify-content:space-between;background:none;border:0;color:var(--paper);font:25px Archivo Black;padding:16px 0;border-bottom:1px solid #444;text-align:left}.drawer-foot{font-size:9px;margin-top:25px;color:#999}.section-pad,.page{padding:45px 6vw}.hero{min-height:calc(100vh - 74px);display:flex;flex-direction:column;justify-content:space-between;border-bottom:3px solid var(--ink)}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700}.hero-title{display:flex;align-items:center;gap:5vw}.hero-title h1{font:clamp(60px,11vw,170px)/.82 "Archivo Black";letter-spacing:-8px;margin:40px 0}.hero-title h1 em,.page-head h1 i{font-style:normal;color:transparent;-webkit-text-stroke:3px var(--ink)}.stamp{border:3px solid var(--ink);width:95px;height:95px;display:grid;place-items:center;font:30px Archivo Black;transform:rotate(-7deg);box-shadow:8px 8px 0 var(--pink)}.stamp small{font:9px Space Mono}.hero-bottom p{font-size:13px;line-height:1.6}.arrow-btn,.cta button,.tool-card button,.tool-form button{border:3px solid var(--ink);background:var(--acid);box-shadow:6px 6px 0 var(--ink);padding:16px 22px;font-weight:700;height:max-content}.ticker{overflow:hidden;border-bottom:3px solid var(--ink);background:var(--pink);white-space:nowrap}.ticker div{font:24px Archivo Black;padding:13px;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}.section-kicker{font-size:11px;font-weight:700;margin-bottom:35px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.about h2{font:clamp(50px,8vw,120px)/.86 "Archivo Black";letter-spacing:-5px;margin:0}.about h2 span{color:var(--blue)}.about-copy{padding-top:10px}.about-copy>p{font-size:19px;line-height:1.6;max-width:560px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid var(--ink);margin-top:50px}.fact-grid div{padding:15px 0;border-bottom:2px solid var(--ink);display:flex;flex-direction:column;gap:8px}.fact-grid b{font-size:9px}.fact-grid span{font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{height:300px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);text-align:left;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.feature h3{font:42px Archivo Black;margin:0;transform:rotate(-3deg)}.feature span,.feature small{font-weight:700}.f0{background:var(--acid)}.f1{background:var(--blue)}.f2{background:var(--orange)}.f3{background:var(--pink)}.cta{border-top:3px solid var(--ink);background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:end;gap:30px}.cta h2{font:clamp(55px,9vw,130px)/.8 "Archivo Black";margin:18px 0}.cta h2 i{font-style:normal;color:var(--acid)}.cta button{background:var(--pink);color:var(--ink)}footer{display:flex;justify-content:space-between;padding:25px 6vw;border-top:3px solid var(--ink);font-size:9px;font-weight:700}.page{min-height:calc(100vh - 74px)}.page-head h1{font:clamp(65px,12vw,150px)/.78 "Archivo Black";letter-spacing:-7px;margin:35px 0}.lead{font-size:18px;max-width:680px;line-height:1.6}.game-list{margin-top:55px;border-top:3px solid var(--ink)}.game-list button{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;width:100%;padding:25px 0;border:0;border-bottom:3px solid var(--ink);background:none;text-align:left}.game-list button:hover{background:var(--acid);padding-left:20px}.game-list h2{font:42px Archivo Black;margin:0}.game-list p{margin:5px 0}.game-list span,.game-list b{font-weight:700}.game-top{display:flex;justify-content:space-between;align-items:start}.game-top h1{font:clamp(60px,10vw,120px)/.8 "Archivo Black";letter-spacing:-5px;margin:25px 0}.score{border:3px solid var(--ink);padding:12px 18px;display:flex;flex-direction:column;font-size:9px}.score strong{font:34px Archivo Black}.board-wrap{width:min(430px,100%);margin:20px auto;position:relative}.block-board{aspect-ratio:2/3;display:grid;grid-template-columns:repeat(8,1fr);border:4px solid var(--ink);background:#ddd8ca;gap:2px;padding:3px}.cell{background:#ffffff40;border:1px solid rgba(17,17,17,.12)}.cell.filled{background:var(--pink);border:2px solid var(--ink)}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f1e8ed;display:grid;place-content:center;text-align:center;gap:20px}.game-over b{font:42px Archivo Black}.game-over button{border:3px solid var(--ink);background:var(--acid);padding:14px;font-weight:700}.controls,.shooter-controls{display:flex;justify-content:center;gap:10px;margin:20px auto}.controls button,.shooter-controls button{border:3px solid var(--ink);background:var(--paper);padding:12px 22px;font-weight:700;box-shadow:4px 4px 0 var(--ink)}.game-note{text-align:center;font-size:9px;font-weight:700}.shooter{display:block;width:min(760px,100%);height:auto;border:4px solid var(--ink);margin:20px auto;background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-grid article{border:3px solid var(--ink);padding:25px;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 8px 0 var(--ink);background:var(--acid)}.project-grid article:nth-child(2){background:var(--blue)}.project-grid .project-dark{background:var(--ink);color:var(--paper)}.project-no{font-weight:700}.project-grid h2{font:42px Archivo Black;margin:0}.project-grid p{line-height:1.5}.project-grid a,.project-grid button{border:3px solid var(--ink);background:var(--paper);padding:14px;font-weight:700;text-align:center}.project-dark button{background:var(--pink)}.tool-card{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:35px;background:var(--orange);max-width:800px}.tool-card h2{font:clamp(50px,8vw,100px)/.8 "Archivo Black";margin:30px 0}.tool-card p{max-width:600px;line-height:1.6}.tool-form{max-width:850px;display:flex;flex-direction:column;gap:15px}.tool-form input,.chat-input textarea{border:3px solid var(--ink);padding:18px;background:#fff;outline:none}.tool-form small{font-size:10px}.chatbox{border:3px solid var(--ink);background:#e6e0d4;max-width:900px;margin:20px auto;height:55vh;overflow:auto;padding:20px}.msg{max-width:80%;padding:15px;border:3px solid var(--ink);margin-bottom:15px;box-shadow:5px 5px 0 var(--ink)}.msg small{font-size:9px;font-weight:700}.msg p{line-height:1.6;white-space:pre-wrap}.msg.user{margin-left:auto;background:var(--acid)}.msg.assistant{background:#fff}.chat-input{max-width:900px;margin:15px auto;display:grid;grid-template-columns:1fr 130px;gap:10px}.chat-input textarea{height:70px;resize:vertical}.chat-input button{border:3px solid var(--ink);background:var(--pink);font-weight:700}.intro{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);color:var(--paper);z-index:100;display:grid;place-items:center;overflow:hidden;transition:opacity .55s,visibility .55s}.intro-out{opacity:0;visibility:hidden}.intro-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#333 1px,transparent 1px),linear-gradient(90deg,#333 1px,transparent 1px);background-size:35px 35px;opacity:.4}.intro-copy{position:relative;width:min(850px,85vw)}.intro-copy>span{font-size:11px}.intro-copy h1{font:clamp(55px,10vw,125px)/.82 "Archivo Black";letter-spacing:-6px}.intro-copy h1 b{color:var(--acid)}.intro-line{display:flex;align-items:center;gap:10px;font-size:9px}.intro-line i{width:70px;height:8px;background:var(--pink);animation:load 1.8s forwards}@keyframes load{0%{width:0}to{width:100px}}@media(max-width:800px){.topbar{padding:0 15px}.brand{font-size:32px}.top-code{display:none}.section-pad,.page{padding:35px 20px}.hero-title{display:block}.hero-title h1{letter-spacing:-4px;margin:70px 0 40px}.stamp{margin-bottom:-40px}.hero-bottom{align-items:end}.hero-bottom p{font-size:10px}.feature-grid{grid-template-columns:1fr 1fr}.feature{height:220px}.feature h3{font-size:30px}.about-grid,.project-grid{grid-template-columns:1fr}.about h2{letter-spacing:-3px}.cta{display:block}.cta button{margin-top:25px}.game-top{display:block}.score{width:max-content}.game-top h1{font-size:65px}.chat-input{grid-template-columns:1fr}.drawer{top:74px}.game-list h2{font-size:28px}}