@font-face{font-family:IBM Plex Mono;src:url(/solarwar/fonts/IBMPlexMono-500.woff2)format("woff2");font-weight:500;font-display:swap}html,body,#root{font-synthesis:none;font-family:IBM Plex Mono,ui-monospace,monospace}:root{color:#eef3f5;font-synthesis:none;background:#020406}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.showcase{color:#eef3f5;background:#020406;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.showcase-canvas{position:absolute;inset:0}.showcase-title{top:max(14px, env(safe-area-inset-top));z-index:2;text-align:center;pointer-events:none;text-shadow:0 1px 5px #000;position:absolute;left:24px;right:24px}.showcase-title h1{color:#c9d3da;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px;font-weight:650;line-height:1.5}.showcase-readout{left:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 74px));z-index:2;text-align:center;pointer-events:none;text-shadow:0 2px 18px #000,0 1px 4px #000;width:min(760px,100vw - 36px);position:absolute;transform:translate(-50%)}.showcase-readout>span{color:#bdc9d1;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:650;display:block}.showcase-readout p{letter-spacing:-.035em;text-wrap:balance;margin:10px 0 0;font-size:clamp(21px,2.2vw,30px);font-weight:400;line-height:1.3}.showcase-readout code{color:#aebec7;letter-spacing:.01em;width:100%;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;inset:auto auto -25px 0}.showcase-controls{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:3;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.showcase-controls button{color:#dce8ee;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;width:44px;height:44px;display:grid}.showcase-controls button:hover{color:#8fe7dc}.showcase-controls button:focus-visible{outline-offset:1px;outline:2px solid #8fe7dc}.showcase-controls button>span{font-size:25px;font-weight:650}.showcase-details{color:#eef3f5;background:#081017;border:1px solid #33434c;border-radius:8px;width:min(660px,100vw - 32px);max-height:calc(100dvh - 48px);padding:28px;overflow:auto}.showcase-details h2{margin:0 0 20px;font-size:26px;font-weight:500}.showcase-details h3{margin:24px 0 8px;font-size:17px;font-weight:600}.showcase-details p{color:#c1ced6;font-size:16px;line-height:1.6}.showcase-details code{color:#c7d8c9;overflow-wrap:anywhere;font-size:14px}.showcase-details form{float:right}.showcase-details button{color:#eef3f5;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 12px}.showcase-details button:focus-visible{outline:2px solid #8fe7dc}@media (width<=640px){.showcase-readout{bottom:max(100px, calc(env(safe-area-inset-bottom) + 90px))}.showcase-readout p{font-size:22px}.showcase-readout code{font-size:13px;bottom:-30px}.showcase-details{padding:20px}}.showcase-equations-trigger{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:3;color:#dce8ee;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:22px;position:absolute}.showcase-equations-trigger:focus-visible{outline:2px solid #8fe7dc}.showcase-details{inset:auto max(16px, env(safe-area-inset-right)) max(72px, calc(env(safe-area-inset-bottom) + 60px)) auto;width:min(340px,100vw - 32px);margin:0;padding:28px 24px 20px;position:fixed}.showcase-details::backdrop{background:0 0}.showcase-details code{padding-right:16px;line-height:1.7;display:block}.showcase-details>a{color:#aebec7;margin-top:16px;font-size:12px;display:inline-block}.showcase-details form{position:absolute;top:0;right:0}.showcase-details form button{place-items:center;width:44px;height:44px;padding:0;display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showcase-readout{left:max(20px, env(safe-area-inset-left));text-align:left;width:min(560px,100vw - 40px);transform:none}.showcase-readout>span{display:none}.showcase-readout p{letter-spacing:0;text-wrap:wrap;margin:0;font:500 12px/1.65 IBM Plex Mono,monospace}.showcase-readout code{letter-spacing:0;margin-top:4px;font:500 10px/1.6 IBM Plex Mono,monospace;display:block;position:static}.showcase-details code,.showcase-details>a{font-family:IBM Plex Mono,monospace}@media (width<=650px){.showcase-readout{width:calc(100vw - 32px);left:16px;bottom:max(84px, calc(env(safe-area-inset-bottom) + 70px))}.showcase-readout p{font-size:11px}}.showcase-readout p{color:#deeaf2d1;font-size:13px}.showcase-readout code{color:#bed3dfbd;font-size:12px}.showcase-details p{font:12px/1.7 IBM Plex Mono,monospace}@media (width<=650px){.showcase-readout p{font-size:12px}.showcase-readout code{font-size:11px}}.solarwar-chrome-hidden .showcase-title,.solarwar-chrome-hidden .showcase-readout,.solarwar-chrome-hidden .showcase-controls,.solarwar-chrome-hidden .showcase-equations-trigger{display:none}.showcase .war-reveal{z-index:3;color:#dce8ee;opacity:0;cursor:pointer;background:0 0;border:0;min-height:44px;font:12px IBM Plex Mono,monospace;position:absolute;bottom:16px;left:16px}.showcase .war-reveal:focus-visible,.showcase .war-reveal:hover{opacity:1}.showcase .war-reveal:focus-visible{outline:2px solid #8fe7dc}