@font-face{font-family:Cinzel;src:url(/media/fonts/Cinzel-var.ttf) format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:EB Garamond;src:url(/media/fonts/EBGaramond-var.ttf) format("truetype");font-weight:400 800;font-display:swap}:root{--px: 3px;--ink: #0c0a10;--stone: #17141d;--stone-2: #211c29;--stone-3: #2d2636;--gold-dark: #6b4e22;--gold: #b58a3c;--gold-bright: #e9c77a;--text: #efe6d2;--muted: #a99f8b;--faint: #8a8170;--online: #5fcf55;--line: rgba(233, 199, 122, .22);--line-strong: rgba(233, 199, 122, .5);--glass: rgba(20, 17, 25, .86);--well: rgba(10, 8, 13, .72);--radius: 10px;--display: "Cinzel", "Trajan Pro", Georgia, serif;--body: "EB Garamond", Garamond, Georgia, serif;--frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect width='12' height='12' fill='%230c0a10'/%3E%3Crect x='1' y='1' width='10' height='10' fill='%23b58a3c'/%3E%3Crect x='1' y='1' width='10' height='1' fill='%23e9c77a'/%3E%3Crect x='1' y='1' width='1' height='10' fill='%23e9c77a'/%3E%3Crect x='1' y='10' width='10' height='1' fill='%236b4e22'/%3E%3Crect x='10' y='1' width='1' height='10' fill='%236b4e22'/%3E%3Crect x='2' y='2' width='8' height='8' fill='%230c0a10'/%3E%3Crect x='3' y='3' width='6' height='6' fill='%2317141d'/%3E%3Crect x='0' y='0' width='3' height='3' fill='%23e9c77a'/%3E%3Crect x='9' y='0' width='3' height='3' fill='%23e9c77a'/%3E%3Crect x='0' y='9' width='3' height='3' fill='%23b58a3c'/%3E%3Crect x='9' y='9' width='3' height='3' fill='%23b58a3c'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%230c0a10'/%3E%3Crect x='10' y='1' width='1' height='1' fill='%230c0a10'/%3E%3Crect x='1' y='10' width='1' height='1' fill='%230c0a10'/%3E%3Crect x='10' y='10' width='1' height='1' fill='%230c0a10'/%3E%3C/svg%3E");--frame-quiet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%230c0a10'/%3E%3Crect x='1' y='1' width='6' height='6' fill='%236b4e22'/%3E%3Crect x='1' y='1' width='6' height='1' fill='%23b58a3c'/%3E%3Crect x='1' y='1' width='1' height='6' fill='%23b58a3c'/%3E%3Crect x='2' y='2' width='4' height='4' fill='%23211c29'/%3E%3C/svg%3E");--frame-lit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%230c0a10'/%3E%3Crect x='1' y='1' width='6' height='6' fill='%23b58a3c'/%3E%3Crect x='1' y='1' width='6' height='1' fill='%23e9c77a'/%3E%3Crect x='1' y='1' width='1' height='6' fill='%23e9c77a'/%3E%3Crect x='2' y='2' width='4' height='4' fill='%232d2636'/%3E%3C/svg%3E");--dither: repeating-conic-gradient(rgba(255, 240, 210, .022) 0% 25%, transparent 0% 50%) 0 0 / calc(var(--px) * 2) calc(var(--px) * 2);color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--text);font:19px/1.5 var(--body);-webkit-font-smoothing:antialiased;padding-inline:16px}a{color:var(--gold-bright);text-underline-offset:3px}:focus-visible{outline:var(--px) solid var(--gold-bright);outline-offset:var(--px)}.vista{position:fixed;inset:0;z-index:0}.vista img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.vista:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0c0a1099,#0c0a1000 30%),linear-gradient(to top,#0c0a10e6,#0c0a1059 55%,#0c0a1000 80%),linear-gradient(to right,#0c0a108c,#0c0a1000 35%)}.page{position:relative;z-index:1;max-width:62rem;margin-inline:auto;padding-block:28px 40px;display:grid;gap:22px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.lockup{display:flex;align-items:center;gap:12px;text-decoration:none}.lockup img{width:60px;height:60px;flex:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.6))}.lockup .word{font:600 25px/.98 var(--display);letter-spacing:.045em;color:var(--gold-bright);text-shadow:1px 1px 0 rgba(12,10,16,.55),2px 3px 0 rgba(12,10,16,.7)}.rail{display:flex;gap:8px;flex-wrap:wrap}.rail a,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:calc(var(--px) * 2) solid transparent;border-image:var(--frame-quiet) 2 / calc(var(--px) * 2) stretch;background:var(--stone-2) var(--dither);font:600 13px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);text-decoration:none;image-rendering:pixelated;white-space:nowrap}.rail a:hover,.btn:hover{border-image-source:var(--frame-lit);background-color:var(--stone-3);color:#fff}.rail a:active,.btn:active{transform:translateY(var(--px))}.panel{background:var(--glass) var(--dither);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;min-width:0}.panel h2{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line);font:600 22px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright)}.panel p{margin:0 0 12px;text-wrap:pretty}.panel p:last-child{margin-bottom:0}.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:26px;align-items:end}.intro>div:first-child{align-self:start}.intro h1{margin:0 0 10px;font:600 clamp(26px,4vw,38px)/1.12 var(--display);letter-spacing:.04em;color:var(--text);text-wrap:balance}.intro .note{color:var(--muted);font-size:17px}.actions{display:grid;gap:10px}.actions .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.play{display:flex;align-items:center;justify-content:center;height:72px;text-decoration:none;border:calc(var(--px) * 4) solid transparent;border-image:var(--frame) 4 / calc(var(--px) * 4) stretch;background:linear-gradient(to bottom,#78c865 0 calc(var(--px) * 1),#4f9f44 calc(var(--px) * 1) 18%,#3f8a39 18% 40%,#33772f 40% 62%,#2a6628 62% 84%,#214f21 84%);font:700 24px var(--display);letter-spacing:.14em;color:#f7f0dc;text-shadow:0 3px 0 rgba(12,10,16,.55);image-rendering:pixelated}.play:hover{filter:brightness(1.07);color:#fff}.play:active{transform:translateY(var(--px))}.plate{display:grid}.also{margin:3px 0 0;line-height:1.2;text-align:center;font-size:16px;color:var(--muted)}.reach{font-size:15px;color:var(--muted);margin:2px 0 0}.slider{--cut: 50%;position:relative;max-width:100%;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px;background:var(--well);touch-action:none;cursor:ew-resize}.slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.slider .over{clip-path:inset(0 0 0 var(--cut, 50%))}.slider .handle{position:absolute;top:0;bottom:0;left:var(--cut, 50%);width:2px;margin-left:-1px;background:var(--gold-bright);box-shadow:0 0 0 1px #0c0a1099}.slider .tag{position:absolute;bottom:10px;font:600 11px var(--display);letter-spacing:.14em;background:#0c0a10d1;color:var(--gold-bright);padding:4px 8px;border:1px solid var(--line);border-radius:4px}.slider .tag.l{left:10px}.slider .tag.r{right:10px}.cut-row{display:flex;align-items:center;gap:12px;margin-top:10px;color:var(--muted);font-size:16px;flex-wrap:wrap}.cut-row input{flex:1 1 12rem;accent-color:var(--gold);min-width:0}.intro h1 span{display:block;margin-top:6px;font:500 clamp(17px,2.2vw,22px)/1.3 var(--display);letter-spacing:.05em;color:var(--gold-bright)}.cut{display:block;width:100%;margin:12px 0 4px;accent-color:var(--gold)}.bullets{margin:16px 0 0;padding-left:1.2em;display:grid;gap:8px}.bullets li::marker{color:var(--gold)}.bullets b{color:var(--text);font-weight:600}.panel>p+.bullets{margin-top:-4px}.panel>.bullets+p{margin-top:22px}code{font:.85em ui-monospace,Consolas,monospace;background:var(--well);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.rows{display:grid;margin:0}.rows div{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.rows div:last-child{border-bottom:0}.rows dt{font:600 15px var(--display);letter-spacing:.06em;color:var(--text);margin:0}.rows dd{margin:0;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--online);margin-right:9px;vertical-align:1px}.shots{display:grid;gap:22px}.shots .shot{width:100%;height:auto;display:block;border:1px solid var(--line-strong);border-radius:6px}.compare{min-width:0}.compare.native{max-width:804px;margin-inline:auto;width:100%}.panel h2.named{display:flex;align-items:center;gap:12px}.panel h2.named img{width:44px;height:44px;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.shots figure{margin:0;min-width:0}.shots figure.wide{grid-column:1 / -1}.shots img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px}.shots figcaption{font-size:15px;color:var(--muted);padding-top:6px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;font-size:14px;letter-spacing:.03em;color:var(--faint);padding:4px 4px 0}.foot a{color:inherit}.foot a:hover{color:var(--gold-bright)}@media(max-width:760px){.intro,.two{grid-template-columns:1fr}.rows div{grid-template-columns:1fr;gap:2px}.panel{padding:20px 18px}}@media(prefers-reduced-motion:reduce){.rail a:active,.btn:active,.play:active{transform:none}}.slider[data-ratio=charselect]{aspect-ratio:804 / 647}.slider[data-ratio=wide]{aspect-ratio:1924 / 1127}