:root{--font-geist-sans:Inter,Arial,sans-serif;--font-geist-mono:"Courier New",monospace;--ink:#080b0d;--line:#2a3033;--cream:#f3f0e8;--red:#ef3229;--gold:#f4b928}*{box-sizing:border-box}html{background:var(--ink)}body{color:var(--cream);background:radial-gradient(circle at 80% 18%,#25100e 0,transparent 28%),var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}button{font:inherit}.shell{width:min(1180px,100% - 32px);min-height:100vh;margin:auto}.topbar{border-bottom:1px solid var(--line);height:64px;font:700 11px var(--font-geist-mono);letter-spacing:.14em;justify-content:space-between;align-items:center;display:flex}.brandDot,.status span{background:var(--red);width:8px;height:8px;box-shadow:0 0 14px var(--red);border-radius:50%;margin-right:10px;display:inline-block}.build{color:#71787b;margin-left:12px}.status{color:#8e979a}.status span{background:#4dde85;width:6px;height:6px;box-shadow:0 0 10px #4dde85}.crashCard{grid-template-columns:1fr 330px;align-items:end;gap:70px;padding:54px 0 45px;display:grid}.errorCode,.eyebrow{color:var(--red);font:700 10px var(--font-geist-mono);letter-spacing:.2em}h1{letter-spacing:-.06em;text-transform:uppercase;max-width:770px;margin:13px 0 20px;font-size:clamp(40px,6vw,74px);line-height:.89}h1 em{color:#0000;-webkit-text-stroke:1px var(--red);font-style:normal}.crashCopy p{color:#9da3a5;max-width:650px;margin:0;line-height:1.65}.reportPanel{border:1px solid var(--line);background:#0d1113;gap:14px;padding:20px;display:grid;box-shadow:8px 8px #050607}.reportPanel div{border-bottom:1px solid #202527;justify-content:space-between;padding-bottom:11px;display:flex}.reportPanel span,.reportPanel small{color:#686f72;font:9px var(--font-geist-mono);letter-spacing:.12em}.reportPanel strong{font:11px var(--font-geist-mono)}.reportPanel button,.startOverlay button{background:var(--red);color:#fff;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;border:0;justify-content:space-between;padding:14px 17px;font-size:12px;font-weight:900;transition:all .15s;display:flex;box-shadow:4px 4px #701410}.reportPanel button:hover,.startOverlay button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #701410}.reportPanel small{text-align:center}.gameFrame{border:1px solid var(--line);background:#0c0f10;box-shadow:0 22px 70px #000}.gameHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:102px;padding:0 30px;display:flex}h2{letter-spacing:-.06em;margin:4px 0 0;font-size:32px;line-height:1}h2 i{color:var(--red);font-style:normal}.hud{gap:40px;display:flex}.hud div{gap:4px;min-width:62px;display:grid}.hud span{color:#697073;font:8px var(--font-geist-mono);letter-spacing:.16em}.hud b{font:700 18px var(--font-geist-mono)}.arena{cursor:crosshair;background:radial-gradient(circle,#182023 0,#0a0d0e 70%);height:min(580px,62vh);min-height:440px;position:relative;overflow:hidden}.grid{background-image:linear-gradient(#20252755 1px,#0000 1px),linear-gradient(90deg,#20252755 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.code{color:#252b2e;font:10px/1.8 var(--font-geist-mono);letter-spacing:.14em;position:absolute;transform:rotate(-7deg)}.codeOne{top:16%;left:5%}.codeTwo{bottom:13%;right:5%;transform:rotate(6deg)}.startOverlay{text-align:center;z-index:5;background:radial-gradient(circle,#141a1cdd,#080a0bee 63%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.heroBird{filter:drop-shadow(0 14px 16px #000);width:144px;height:150px;margin-bottom:-10px}.birdSprite{background-image:url(/carduelis-sprites.webp);background-position:0 0;background-repeat:no-repeat;background-size:1100% 1100%;display:block}.startOverlay h3{letter-spacing:-.055em;margin:8px 0;font-size:clamp(30px,5vw,53px)}.startOverlay p{color:#91999b;margin:0 0 20px;line-height:1.55}.startOverlay button{width:210px;margin-bottom:15px}.startOverlay>small{color:#62696b;font:9px var(--font-geist-mono);letter-spacing:.16em}.result .heroBird{background-position:60%}.result .eyebrow{margin-top:12px}.result p b{color:#fff}.result h3{color:var(--gold)}.target{color:#fff;cursor:pointer;z-index:3;touch-action:manipulation;background:#33100ddd;border:1px solid #dc2e26;border-radius:50%;width:68px;height:68px;animation:.18s ease-out pop,.7s infinite alternate pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #e12d2255}.target .bugIcon{font-size:27px;line-height:25px;display:block}.target small{font:700 8px var(--font-geist-mono);letter-spacing:.08em}.target.gold{border-color:var(--gold);color:var(--gold);background:#3b2c08dd;box-shadow:0 0 28px #f4b92866}.target.feature{color:#71a9ff;background:#0d233bdd;border-color:#71a9ff}.target:hover{transform:translate(-50%,-50%)scale(1.12)}.peck{z-index:4;pointer-events:none;animation:.43s ease-out forwards peck;position:absolute;transform:translate(-75%,-50%)}.peck .birdSprite{filter:drop-shadow(0 8px 8px #000);background-position:30% 20%;width:105px;height:105px}.instructions{font:9px var(--font-geist-mono);letter-spacing:.12em;color:#747c7f;white-space:nowrap;background:#080a0bcc;border:1px solid #252a2c;padding:9px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.instructions span{color:var(--red)}.instructions .goldText{color:var(--gold)}.instructions .featureText{color:#71a9ff}footer{color:#4f5658;height:75px;font:8px var(--font-geist-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;display:flex}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes pulse{to{box-shadow:0 0 38px}}@keyframes peck{0%{opacity:0;transform:translate(-120%,-30%)scale(.5)}55%{opacity:1;transform:translate(-65%,-50%)scale(1)}to{opacity:0;transform:translate(-40%,-50%)scale(.9)}}@media (max-width:760px){.shell{width:min(100% - 18px,620px)}.build,.status{display:none}.crashCard{grid-template-columns:1fr;gap:28px;padding:34px 0}.crashCard h1{font-size:45px}.reportPanel{display:none}.gameHeader{align-items:flex-end;height:auto;padding:18px}.hud{gap:14px}.hud div{min-width:48px}.hud b{font-size:14px}.arena{height:520px}.heroBird{width:115px;height:120px}footer span:nth-child(2){display:none}}@media (max-width:430px){.gameHeader{align-items:start}.hud{gap:9px}.hud div:nth-child(2){display:none}h2{font-size:26px}.target{width:62px;height:62px}.instructions{font-size:7px}.crashCopy p{font-size:14px}}
.birdSprite{background-size:800% 1100%}.heroBird{width:144px;height:156px}.mascot{z-index:2;pointer-events:none;flex-direction:column;align-items:center;width:210px;display:flex;position:absolute;bottom:8px;left:2.5%}.mascotSprite{filter:drop-shadow(0 16px 15px #000);width:192px;height:208px;transition:filter .15s}.mascot.happy .mascotSprite{filter:drop-shadow(0 0 18px #f4b92888)drop-shadow(0 16px 15px #000)}.mascot.sad .mascotSprite{filter:grayscale(.25)drop-shadow(0 0 16px #71a9ff66)drop-shadow(0 16px 15px #000)}.reactionLabel{text-align:center;color:#8e979a;min-width:150px;font:700 8px var(--font-geist-mono);letter-spacing:.12em;background:#080a0ddd;border:1px solid #2a3033;padding:7px 10px}.mascot.happy .reactionLabel{color:var(--gold);border-color:#f4b92855}.mascot.sad .reactionLabel{color:#71a9ff;border-color:#71a9ff55}@media (max-width:430px){.mascot{transform-origin:0 100%;left:-18px;transform:scale(.76)}.reactionLabel{min-width:132px}}
