*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}a{cursor:pointer;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a:active{filter:brightness(.92)}.skip{position:absolute;left:16px;top:-100px;padding:12px;z-index:5;background:#fff;color:#132c39}.skip:focus{top:12px}.masthead,.intro,main,footer{width:min(100%,1080px);margin-inline:auto;padding-inline:20px}.masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:48px}.header-links{display:flex;gap:8px;flex-wrap:wrap}.header-links a{display:flex;align-items:center;min-height:44px;padding:8px}.intro{padding-block:12px 24px}.intro p{max-width:44rem;margin:12px 0 18px}h1{margin:0}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;text-decoration:none}main{display:grid;gap:26px}.window{min-width:0;scroll-margin-top:16px}.bar h2{margin:0}.version{font:normal .85rem/1.5 Verdana,Arial,sans-serif;white-space:nowrap;margin-left:10px}.body{min-width:0;padding:20px}.instructions{margin:0 0 18px;max-width:58rem}.downloads{display:grid;gap:22px}.download{display:grid;align-items:center;gap:16px;min-width:0}.download-copy{min-width:0}h3{margin:0 0 10px;font-size:1.08rem}.download p{margin:10px 0}.file{overflow-wrap:anywhere}.file span{display:block;font-size:.85rem;margin-top:4px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;text-decoration:none;font-weight:bold}.button:active{transform:translateY(1px)}.release-link{font-size:.8rem}.release-link a{display:inline-flex;align-items:center;min-height:44px}figure{margin:0;width:176px;max-width:100%;justify-self:start}.qr-link{display:block;width:176px;max-width:100%;background:#fff}.qr-link img{display:block;width:100%;height:auto;aspect-ratio:1}.qr-link:focus-visible{outline-offset:3px}figcaption{font:12px/1.55 Verdana,Arial,sans-serif;margin-top:8px}.history{margin-top:22px;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:48px;padding:14px 2px;font-weight:bold}summary:hover{text-decoration:underline}summary:active{background:var(--muted-panel)}.history-body{padding:0 2px 8px;font-size:.85rem}.history-body p{margin-top:4px}.history ul{padding:0;margin:8px 0;list-style:none}.history li{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line)}.history li span{display:flex;gap:12px}.history a{display:inline-flex;align-items:center;min-height:44px;padding:3px 6px}.history .all-releases{padding-inline:0}.small-note{font-size:.85rem}footer{padding-block:26px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;font-size:.8rem}footer p{margin:0;max-width:45rem}footer a{display:inline-flex;align-items:center;min-height:44px}.optional .instructions{margin-bottom:0}@media(min-width:440px){.download{grid-template-columns:minmax(0,1fr) 176px}.downloads>.download{padding-bottom:20px;border-bottom:1px solid var(--line)}.downloads>.download:last-child{padding-bottom:0;border-bottom:0}}@media(min-width:820px){.masthead,.intro,main,footer{padding-inline:30px}.intro{padding-block:20px 32px}.body{padding:24px 28px}.downloads:has(>.download:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.downloads>.download{grid-template-columns:1fr;padding:0;border:0;align-content:start}.downloads>.download figure{justify-self:start}.browser .body{grid-template-columns:minmax(0,1fr) 176px}.bar{padding-inline:28px!important}}@media(min-width:1080px){.downloads>.download{grid-template-columns:minmax(0,1fr) 176px}}@media(forced-colors:active){.window,.button,nav a{border:2px solid CanvasText}a:focus-visible,summary:focus-visible{outline-color:Highlight}}
@font-face{font-family:Volter;src:url('/static/origins-ui/volter-goldfish.woff2') format('woff2');font-display:swap}@font-face{font-family:Volter;font-weight:bold;src:url('/static/origins-ui/volter-bold-goldfish.woff2') format('woff2');font-display:swap}:root{color-scheme:light;--focus:#ffd25a;--line:#b7c3c7;--muted-panel:#dce8ed;font:14px/1.65 Verdana,Tahoma,sans-serif;background:#1b1b1b;color:#222}.masthead{color:#fff;border-bottom:2px solid #000}.brand img{width:111px;height:auto;image-rendering:pixelated}.brand span{font-weight:bold;color:#fff;font-size:1rem}.header-links a{color:#fff}.intro{color:#fff}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.25}.intro p{color:#e4e9eb}nav a{color:#fff;border:1px solid #819aa5;border-radius:4px;background:#293a43}nav a:hover{background:#354e5b}.window{background:#6794a7;border:2px solid #000;border-radius:8px;padding:0 6px 6px;box-shadow:inset 0 0 0 1px #91b4c3}.bar{padding:10px 12px;color:#0c2733}.bar h2{font:bold 15px/1.5 Volter,Verdana,sans-serif}.body{background:#efefef;border-radius:5px;--focus:#194954}.body a:not(.button){color:#164c65}.button{border:2px solid #19281b;border-radius:4px;background:#356b27;box-shadow:inset 0 1px #73a666;color:#fff}.button:hover{background:#28551d}.file span,figcaption,.small-note{color:#3c4b52}.release-link{color:#3c4b52}footer{color:#e4e9eb}footer a{color:#cfe2ea}
.brand{max-width:100%;min-width:0}.brand img{flex-shrink:0}.brand span{min-width:0;overflow-wrap:anywhere}.intro h1{overflow-wrap:anywhere}
.community-groups{display:grid;gap:24px;min-width:0}.community-groups>div{min-width:0}.community-groups p{margin:0 0 14px}.community ul{list-style:none;margin:0;padding:0}.community a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 8px;min-height:44px;padding-block:8px;overflow-wrap:anywhere;max-width:100%}.community a span{font-size:.85em}.community .button{min-height:46px}.community a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media(min-width:680px){.community-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.community-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
.intro-content{display:grid;gap:12px;margin-bottom:18px}.intro-copy{min-width:0}.intro-copy p{margin-bottom:0}.mascot{display:flex;align-items:center;gap:8px;margin:0;width:100%;max-width:100%}.mascot img,.mascot canvas{display:block;width:96px;height:120px;flex:none}.mascot canvas{image-rendering:pixelated}.mascot figcaption{margin:0;min-width:0}.mascot-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:2px solid #063a6e;border-radius:7px;background:#fff;color:#063a6e;cursor:pointer;font:bold 12px/1.4 Verdana,Arial,sans-serif}.mascot-toggle:hover{background:#e7f2fc}.mascot-toggle:active{transform:translateY(1px)}.mascot-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.mascot [hidden]{display:none}@media(min-width:700px){.intro-content{grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:24px}.mascot{display:block;width:144px;text-align:center}.mascot img,.mascot canvas{width:128px;height:160px;margin:auto}.mascot figcaption{margin-top:6px}}
.mascot figcaption{min-height:44px}
