*{box-sizing:border-box}body{margin:0;padding:0 24px 25px;background:#0c0e0d;color:#dedfd9;font:12px 'Courier New',monospace}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:transparent;border:1px solid #444b43;padding:10px 15px;cursor:pointer}button:hover,a:hover{color:#f0ed63}button:focus-visible,a:focus-visible{outline:2px solid #efed63}header{height:75px;display:flex;gap:25px;align-items:center;border-bottom:1px solid #41463f}.brand{font:bold 35px Georgia;letter-spacing:3px}.badge{font-size:9px;color:#efed63;border:1px solid #77763b;padding:6px}nav{display:flex;gap:24px;align-items:center;margin:auto}nav button{border:0}header>button{border-color:#efed63;color:#efed63}.intro{padding:22px 0 27px}h1{font:28px Georgia;margin:0 0 9px;letter-spacing:1px}.intro>span{font-size:9px;letter-spacing:2px;color:#949b91}main{display:grid;grid-template-columns:24% 50% 24%;gap:1%}article,#runs{border:1px solid #343d34;border-radius:4px;padding:16px;margin-bottom:14px}h2{font-size:11px;font-weight:normal;letter-spacing:1px;display:flex;justify-content:space-between;margin:0;padding:0 0 14px;border-bottom:1px solid #2d352d}h2 span{font-size:8px;color:#8c9489}canvas{width:100%;display:block}p{font-size:10px;line-height:1.8;color:#8e978a}.score{display:flex;justify-content:space-between;padding-top:20px;font-size:10px}.score div:last-child{text-align:right}.score strong{display:block;font-size:38px;letter-spacing:4px;font-weight:normal;margin-top:7px}.score div:last-child strong{font-size:22px;color:#a8afa2}.stats{display:flex;justify-content:space-around;border-block:1px solid #343d34;padding:19px 0;margin-bottom:22px}.stats span{text-align:center;font-size:9px;color:#939b8f}.stats b{display:block;color:#eee;font-size:21px;margin-top:6px;font-weight:normal}.game{height:calc(100% - 14px)}dl{display:grid;grid-template-columns:1fr auto;gap:22px 6px;margin:20px 0 8px;align-items:center}dt{color:#a5aca0;font-size:10px}dd{margin:0;color:#efed63;font-size:20px}.specimen{background:radial-gradient(ellipse at top,#20291c,transparent 70%)}.glyph{font-size:66px;color:#b6ba8c;text-align:center;margin:18px}.specimen h3{font:25px Georgia;line-height:1.15;margin:15px 0}.specimen dd{font-size:9px}.meter{height:23px;background:#242b24;position:relative;margin:24px 0 12px}.meter>div{height:100%;background:#f0ed63;width:0}.meter i{position:absolute;left:24%;top:-6px;height:35px;border-left:1px dashed #fff}#log{height:220px;overflow:auto}.event{font-size:10px;padding:13px 0;border-bottom:1px solid #293029;line-height:1.5}.event small{color:#8b937e;margin-right:8px}#runs{margin-top:5px}.run{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;border-bottom:1px solid #293129;padding:12px 0}.run button{color:#efed63;border:0}dialog{background:#141914;color:#e1e4d9;border:1px solid #72785f;max-width:570px;padding:28px}dialog::backdrop{background:#000a}dialog p{font-size:13px}dialog>button{float:right;margin-bottom:20px}dialog h2{clear:both}dialog a{color:#efed63}@media(max-width:1000px){main{grid-template-columns:32% 67%}main>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.badge{display:none}.brand{font-size:25px}}@media(max-width:650px){body{padding:0 12px 20px}header{gap:10px;height:65px}.brand{font-size:19px;letter-spacing:1px}nav{gap:8px}header>button{display:none}nav button{padding:5px}h1{font-size:23px}main{display:flex;flex-direction:column}main>section{order:-1}main>aside:first-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}main>aside:last-child{display:block}.score strong{font-size:29px}.specimen h3{font-size:21px}.specimen dl{display:block}.specimen dd{margin:6px 0}.glyph{font-size:40px}#log{height:160px}}
/* Reference-inspired type hierarchy */
body{font-family:Consolas,'Liberation Mono','Courier New',monospace;font-size:12px;letter-spacing:0}
.brand{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:700;letter-spacing:-1.1px}
header{gap:22px}header nav,header>button{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;letter-spacing:0}
h1{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:0;font-weight:500}
h2{font-size:10px;letter-spacing:1.1px}.intro>span{letter-spacing:1px}.score strong{font-family:Consolas,'Courier New',monospace;letter-spacing:1px;font-size:32px}dt,.event,p{font-size:11px}.specimen h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:0}
@media(max-width:650px){.brand{font-size:23px}header nav{font-size:12px}h1{font-size:23px}}
body{background:#090909;color:#d6d6d3;padding:0 2% 24px}header{height:50px;border-color:#242424}.brand{font-size:25px;text-transform:lowercase}header nav{margin:0 auto 0 12px;color:#999}.badge{display:none}.intro{padding:15px 0}.intro h1{font-size:18px}.intro>span{font-size:9px;color:#6e6e6e}main{grid-template-columns:33% 37% 28%;gap:1%}article{background:#0d0d0d;border-color:#272727;border-radius:12px;padding:16px}h2{color:#777;border:0;font-size:10px;font-weight:400}h2 span{color:#666}.specimen{background:radial-gradient(ellipse at center,#242015 0%,#0d0d0d 65%)}#fly{height:280px;width:100%;touch-action:none}.specimen p b{color:#ddd}.specimen p:last-child{font-family:Georgia,serif;font-size:12px;color:#c7c7c1}#brain{height:260px;object-fit:contain}.game{border-radius:24px;background:#08090b;border:7px solid #17181c;padding:18px}.game h2{color:#d4d4d4}.score strong{font-size:31px}.score div:last-child strong{font-size:20px}main>aside:last-child{background:#0d0d0d;border:1px solid #272727;border-radius:12px;padding:0 15px}main>aside:last-child article{border:0;border-radius:0;border-bottom:1px solid #292929;padding:20px 0;margin:0}main>aside:last-child h2{color:#f0ed63;font-weight:600}.event{font-size:11px}#log{height:270px}.meter{border-radius:3px;overflow:visible}#runs{border-color:#242424}#brain-note,#fly-note{font-size:9px;letter-spacing:1px;text-transform:uppercase}.stats b,dd{font-size:20px}dialog h2{color:#ddd}#fly:focus-visible,#brain:focus-visible{outline:1px solid #f0ed63}
@media(max-width:1000px){main{grid-template-columns:40% 59%}main>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.game{height:calc(100% - 14px)}}@media(max-width:650px){main{display:flex}main>aside:first-child{display:block}main>aside:last-child{display:block}#brain{height:auto}header nav{margin:auto;gap:6px}.brand{font-size:21px}.game{padding:12px}.intro h1{font-size:18px}}
#brain{height:310px;width:100%;touch-action:none}#circuit-count{font-size:10px;letter-spacing:.7px;color:#888;margin-top:0}#firing-count{display:inline-block;color:#ddd;border:1px solid #333;border-radius:20px;padding:4px 9px;margin:0}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:8px;letter-spacing:.5px;margin-top:10px;color:#9fa8bb}.legend span:nth-child(1){color:#679edd}.legend span:nth-child(3){color:#ac6aec}.legend span:nth-child(4){color:#ffaa44}#fly{height:290px}.specimen{overflow:hidden}#brain-note{margin:7px 0}

/* Original Chromium sprite stage; the laboratory remains dark. */
.chrome-stage{background:#fff;color:#535353;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;margin:20px 0 24px}
.chrome-label{display:flex;justify-content:space-between;padding:18px 20px 0;font:10px Arial,sans-serif;letter-spacing:1px;color:#80868b;gap:12px}
.chrome-stage #game{display:block;width:100%;background:#fff;image-rendering:pixelated;cursor:pointer}
.chrome-caption{padding:12px 20px 18px;font:12px Arial,sans-serif;color:#80868b}
.game .score{margin-bottom:0}
.chrome-caption{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#duck-button{font:11px Arial,sans-serif;color:#535353;border:1px solid #dadce0;border-radius:4px;padding:6px 8px;touch-action:none}
#game{touch-action:none}
#duck-bar{height:100%;width:0;background:#80baff}
#retina{display:block;width:100%;image-rendering:pixelated;background:white;border:1px solid #303030;margin:10px 0}

.x-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid #444;border-radius:5px;color:#dedfd9}.x-link:hover{border-color:#efed63;color:#efed63}.x-link svg{display:block}@media(max-width:650px){header{gap:8px}header nav{gap:4px}.x-link{width:32px;height:32px}}