@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-400.5eb09b5ac0.woff2) format("woff2")}@font-face{font-family:"Serif Fallback Iowan";src:local("Iowan Old Style Roman"),local("IowanOldStyle-Roman");size-adjust:75.31%;ascent-override:131.46%;descent-override:41.16%;line-gap-override:0%}@font-face{font-family:"Serif Fallback Palatino";src:local("Palatino"),local("Palatino Linotype"),local("PalatinoLinotype-Roman");size-adjust:75.52%;ascent-override:131.09%;descent-override:41.05%;line-gap-override:0%}@font-face{font-family:"Serif Fallback Georgia";src:local("Georgia");size-adjust:76.31%;ascent-override:129.73%;descent-override:40.62%;line-gap-override:0%}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}:root{color-scheme:light;--page: #ffffff;--ink: #15161a;--dim: #4e5157;--faint: #6a6d72;--amber: #9a5a1c;--line: rgba(21, 22, 26, .16);--wash: rgba(21, 22, 26, .035);--press: rgba(21, 22, 26, .42);--serif: "Instrument Serif", "Serif Fallback Iowan", "Serif Fallback Palatino", "Serif Fallback Georgia", "Iowan Old Style", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}:root[data-page=paper]{--page: #f1eee8;--ink: #15161a;--dim: #4c4f55;--faint: #63666b;--amber: #94551a}:root[data-page=concrete]{--page: #a7a49e;--ink: #0d0e10;--dim: #1f2124;--faint: #2c2e31;--amber: #4a2a08;--line: rgba(13, 14, 16, .26);--wash: rgba(13, 14, 16, .06);--press: rgba(13, 14, 16, .5)}:root[data-page=asphalt]{color-scheme:dark;--page: #121314;--ink: #ece7df;--dim: #a3a8ad;--faint: #878c92;--amber: #e6a673;--line: rgba(236, 231, 223, .18);--wash: rgba(236, 231, 223, .05);--press: rgba(236, 231, 223, .5)}:root[data-page=blue]{color-scheme:dark;--page: #2d58b4;--ink: #ffffff;--dim: #e3e9f7;--faint: #d3dcf2;--amber: #ffd9a8;--line: rgba(255, 255, 255, .32);--wash: rgba(255, 255, 255, .08);--press: rgba(255, 255, 255, .55)}html,body{background:var(--page)}.stage{--page-in: var(--page);background:transparent}.stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#scene{touch-action:none;opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1)}body.ow-receding #scene{opacity:.42;transition:opacity 1.4s cubic-bezier(.4,0,.2,1)}body.ow-sunk #scene{opacity:0;transition:none}.stage .ui-fade{z-index:1;pointer-events:none;opacity:0;visibility:hidden}.stage .ui-fade.is-on{opacity:var(--ow-from, 1);visibility:visible}.stage .ui-fade.is-on.is-fading{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}body.harness .stage{position:fixed;left:0;top:0;width:100vw;height:100vh}body.harness .hud{display:none}.hud{color:var(--dim);font:400 12px/1.4 var(--mono)}.hud .visually-hidden,.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hud-court{display:flex;align-items:center;gap:10px;margin:0;min-height:22px}.hud-number{color:var(--ink);font:400 13px/1 var(--mono);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity .3s ease}.hud-slot{position:relative;flex:none;width:44px;height:11px}.hud-refine{--fill: 0;position:relative;display:block;width:11px;height:11px;box-sizing:border-box;border-radius:50%;border:1px solid var(--press);background:conic-gradient(var(--ink) calc(var(--fill) * 360deg),transparent 0);opacity:.8;transition:opacity .4s ease,border-color .4s ease}.hud-refine[hidden]{display:none}.hud-refine.is-done{opacity:1;border-color:var(--ink)}.hud-progress{position:absolute;left:0;top:5px;width:44px;height:1px;overflow:hidden;background:var(--line);opacity:0;transition:opacity .5s ease}.hud-progress.is-on{opacity:1;transition:none}.hud-progress.is-on.is-done{opacity:0;transition:opacity .6s ease .1s}.hud-progress-fill{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease-out}.hud-progress-fill.is-instant{transition:none}.hud-summary{margin:6px 0 0;color:var(--dim);font:400 13px/1.35 var(--sans);text-wrap:pretty;transition:opacity .3s ease;-webkit-user-select:text;user-select:text}.hud-traits{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;transition:opacity .3s ease}.traits{margin:0}.traits .trow{display:grid;grid-template-columns:7.6rem 1fr;column-gap:10px;align-items:baseline;padding:2px 0}.traits .trow.band{margin-top:7px;padding-top:9px;border-top:1px solid var(--line)}.traits dt{color:var(--faint);font:400 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}.traits dd{margin:0;color:var(--ink);font:400 13px/1.35 var(--sans);-webkit-user-select:text;user-select:text}.traits dd.is-none .tv{color:var(--faint)}.traits .to{color:var(--faint);font:400 10px/1 var(--mono);letter-spacing:.03em;white-space:nowrap}.traits .tr{display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--amber);vertical-align:1px}body.ow-pending .hud-number,body.ow-pending .hud-summary,body.ow-pending .hud-traits{opacity:.45}.hud-controls{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;box-sizing:border-box;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--wash);color:var(--ink);font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .12s ease}.pill:active:not(:disabled){transform:scale(.97)}.pill:disabled{opacity:.4;cursor:default}.pill:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px}@media(hover:hover){.pill:not(:disabled):hover{border-color:var(--press)}}.pill-primary{background:var(--ink);border-color:var(--ink);color:var(--page)}@media(hover:hover){.pill-primary:not(:disabled):hover{background:var(--dim);border-color:var(--dim)}}.pill-primary:before{content:"";flex:none;width:0;height:6px;border-radius:50%;background:currentColor;opacity:0;transition:width .2s ease,opacity .2s ease}body.ow-pending .pill-primary:before{width:6px;opacity:1;animation:ow-pulse 1s ease-in-out infinite}@keyframes ow-pulse{50%{opacity:.25}}.pill-toggle{display:none;padding-left:15px}.pill-toggle:before{content:"";flex:none;width:6px;height:6px;box-sizing:border-box;border-radius:50%;border:1px solid currentColor}.pill-toggle[aria-expanded=true]:before{background:currentColor}body.ow-compact .pill-toggle{display:inline-flex}.hud-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin-left:-10px}.link{display:inline-flex;align-items:center;min-height:34px;box-sizing:border-box;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--dim);font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.link[hidden]{display:none}.link[aria-expanded=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}@media(hover:hover){.link:hover{color:var(--ink)}}.link:focus-visible{outline:1.5px solid var(--ink);outline-offset:-5px}@media(pointer:coarse){.link{min-height:40px}.pill{min-height:44px}}.hud-said{margin:0;min-height:0;color:var(--ink);font:400 11px/1.4 var(--mono);letter-spacing:.04em;opacity:0;transition:opacity .3s ease;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.hud-said.is-on{opacity:1}.hint{display:block;color:var(--faint);font:400 11px/1.45 var(--mono);letter-spacing:.02em}.t-mouse{display:none}@media(hover:hover)and (pointer:fine){.t-touch{display:none}.t-mouse{display:inline}}.swatches{display:flex;flex:none}.swatch{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.swatch:before{content:"";width:15px;height:15px;box-sizing:border-box;border-radius:50%;background:var(--sw, #fff);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s ease}.swatch[aria-pressed=true]:before{box-shadow:inset 0 0 0 1px var(--line),0 0 0 2px var(--page),0 0 0 3px var(--ink)}@media(hover:hover){.swatch:hover:before{box-shadow:inset 0 0 0 1px var(--line),0 0 0 2px var(--page),0 0 0 3px var(--press)}}.swatch:focus-visible{outline:1.5px solid var(--ink);outline-offset:-5px;border-radius:8px}.sheet{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;color:var(--dim)}.sheet[hidden]{display:none}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px}.sheet-head h2{margin:0;color:var(--ink);font:400 24px/1.1 var(--serif);letter-spacing:-.005em;outline:none}.sheet-close{margin-right:-10px}.sheet-note{margin:0 0 14px;max-width:46ch;color:var(--faint);font:400 12px/1.5 var(--sans)}.sheet p.about-p{max-width:44ch;margin:0 0 12px;color:var(--dim);font:400 14px/1.55 var(--sans);-webkit-user-select:text;user-select:text}.odds-trait{margin:0 0 12px}.odds-trait h3{display:flex;justify-content:space-between;margin:0 0 4px;padding-top:8px;border-top:1px solid var(--line);color:var(--faint);font:400 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.odds-trait ul{list-style:none;margin:0;padding:0}.odds-trait li{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center;padding:3px 0 4px;font:400 12.5px/1.3 var(--sans);color:var(--dim)}.odds-trait .ov{grid-column:1}.odds-trait .oo{grid-column:2;grid-row:1;color:var(--faint);font:400 10.5px/1 var(--mono);white-space:nowrap}.odds-trait .ob{grid-column:1 / -1;position:relative;height:2px;margin-top:3px;background:var(--line)}.odds-trait .ob:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w, 0%);background:var(--faint)}.odds-trait li.is-none .ov{color:var(--faint)}.odds-trait li.is-here{color:var(--ink)}.odds-trait li.is-here .ob:after{background:var(--ink)}.odds-trait .oh{color:var(--amber);font:400 10px/1 var(--mono);letter-spacing:.06em;white-space:nowrap}.odds-more{margin:2px 0 0 -10px;min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--dim);font:400 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}@media(hover:hover){.odds-more:hover{color:var(--ink)}}.odds-more:focus-visible{outline:1.5px solid var(--ink);outline-offset:-5px}.hud-dev{margin:4px 0 0;color:var(--faint);font:400 10px/1.4 var(--mono);-webkit-user-select:text;user-select:text}.hud-dev[hidden]{display:none}@media(prefers-reduced-motion:reduce){#scene,.hud-progress-fill,.hud-progress,.hud-refine,.pill,.swatch:before,.hud-number,.hud-summary,.hud-traits,.hud-said{transition-duration:.01ms!important}body.ow-pending .pill-primary:before{animation:none}}:root{--p-ink: var(--ink);--p-dim: var(--dim);--p-faint: var(--faint);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--vh: 100vh}@supports (height: 100svh){:root{--vh: 100svh}}html:has(>body.piece){height:100%;overflow:hidden;overscroll-behavior:none;background:var(--page)}body.piece{--ar: 1.5 ;--bar: 60px;--below-min: 252px;--aw: calc(100vw - var(--safe-l) - var(--safe-r));--ah: calc(var(--vh) - var(--safe-t) - var(--safe-b));--sw: min(var(--aw), calc((var(--ah) - var(--bar) - var(--below-min)) * var(--ar)));--sh: calc(var(--sw) / var(--ar));--inset: max(16px, calc((var(--aw) - var(--sw)) / 2));--below: calc(var(--ah) - var(--bar) - var(--sh) - 12px);position:fixed;inset:0;display:block;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background:var(--page);color:var(--dim);font:400 12px/1.4 var(--mono);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.piece-bar{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;box-sizing:border-box;padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + var(--inset)) 0 calc(var(--safe-l) + var(--inset));pointer-events:none}.piece-bar>*{pointer-events:auto}.piece-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;margin:-12px;padding:0 12px;color:var(--p-dim);text-decoration:none;transition:color .25s ease}.piece-back .arrow{font:400 13px/1 var(--mono);transition:transform .3s cubic-bezier(.2,.7,.2,1)}.piece-back .wm{color:var(--p-ink);font:400 20px/1 var(--serif);letter-spacing:-.01em}.piece-back .dot{color:var(--p-faint)}.piece-back .dot .amber{color:var(--amber)}.piece-back:hover,.piece-back:focus-visible{color:var(--p-ink)}.piece-back:hover .arrow{transform:translate(-3px)}.piece-back:focus-visible{outline:1.5px solid var(--p-ink);outline-offset:-4px;border-radius:6px}.piece-label{text-align:right}.piece-title{margin:0;color:var(--p-ink);font:400 22px/1 var(--serif);letter-spacing:-.005em;white-space:nowrap}.piece-meta{margin:7px 0 0;color:var(--p-faint);font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.piece-line{display:none}.piece-main{position:fixed;left:0;top:0;width:100%;height:var(--vh);box-sizing:border-box;padding:calc(var(--safe-t) + var(--bar)) var(--safe-r) var(--safe-b) var(--safe-l);display:grid;place-items:start center}body.piece .stage{position:relative;width:var(--sw);height:var(--sh);max-width:none;aspect-ratio:3 / 2;background:transparent;view-transition-name:work-one-wall}body.piece .stage canvas,body.piece .poster-wrap{-webkit-mask-image:linear-gradient(90deg,transparent,transparent .15%,#000 1.2%,#000 98.8%,transparent 99.85%,transparent),linear-gradient(180deg,transparent,transparent .2%,#000 1.8%,#000 98.2%,transparent 99.8%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,transparent .15%,#000 1.2%,#000 98.8%,transparent 99.85%,transparent),linear-gradient(180deg,transparent,transparent .2%,#000 1.8%,#000 98.2%,transparent 99.8%,transparent);mask-composite:intersect}.poster-wrap{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;animation:ow-still-in .6s ease .05s forwards;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}@keyframes ow-still-in{to{opacity:1}}.poster{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 55%;transition:transform 1.6s cubic-bezier(.4,0,.2,1)}body.is-loading .poster{animation:drift 14s cubic-bezier(.2,.6,.2,1) forwards}@keyframes drift{to{transform:scale(1.03)}}body.is-live .poster-wrap{opacity:0;animation:none}body.ow-other .poster-wrap{display:none}body.ow-other:not(.is-live) .hud-summary,body.ow-other:not(.is-live) .hud-traits{visibility:hidden}body.piece .hud{position:absolute;z-index:3;left:calc(var(--inset) - (var(--aw) - var(--sw)) / 2);right:calc(var(--inset) - (var(--aw) - var(--sw)) / 2);top:calc(100% + 14px);bottom:calc(-1 * var(--below));--ow-mode: stacked;display:flex;flex-direction:column;min-height:0}body.piece .hud :is(.hud-controls,.hud-links,.hint,.swatches){opacity:0;visibility:hidden;transition:opacity .8s ease .2s,visibility 0s linear 1s}body.piece.is-live .hud :is(.hud-controls,.hud-links,.hint,.swatches){opacity:1;visibility:visible;transition:opacity .8s ease .2s}body.is-fallback .hud{visibility:hidden}body.is-fallback .hud *{visibility:hidden!important}body.piece .hud-info{flex:none}body.piece .hud-court{padding-right:186px;min-height:22px}body.piece .swatches{position:absolute;top:-9px;right:-8px}body.piece .hud-slot{position:static}body.piece .hud-progress{left:0;right:0;top:-9px;width:auto}body.piece .hud-traits,body.piece .sheet{flex:0 1 auto;margin-top:12px}body.piece:not(.ow-inline) .hud-traits{display:none}body.piece.ow-traits-open .hud-traits{display:block;flex:1 1 auto}body.piece .sheet:not([hidden]){flex:1 1 auto}body.piece.ow-sheet .hud-traits{display:none}body.piece .hud-controls{order:2;margin-top:auto;padding-top:12px}body.piece .hud-links{order:3;margin-top:4px}body.piece .hint{order:4;margin-top:6px}body.piece .hud-said{order:5}body.piece .hud-dev{order:6}body.piece .hud-controls .pill-primary{flex:1 1 auto;max-width:260px}body.piece.ow-traits-open .hud-links,body.piece.ow-traits-open .hint,body.piece.ow-sheet .hint{display:none}.piece-status{position:absolute;z-index:3;left:calc(var(--inset) - (var(--aw) - var(--sw)) / 2);right:calc(var(--inset) - (var(--aw) - var(--sw)) / 2);top:auto;bottom:calc(-1 * var(--below));display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}body.is-loading .piece-status,body.is-waiting .piece-status{opacity:1;visibility:visible;transition:opacity .5s ease .3s}.piece-status .caption{margin:0;max-width:34ch;color:var(--p-ink);opacity:.86;font:400 18px/1.3 var(--serif);text-wrap:balance}.piece-status .bar{position:relative;width:72px;height:1px;overflow:hidden;background:var(--line)}.piece-status .bar:after{content:"";position:absolute;inset:0;width:40%;background:var(--p-ink);opacity:.7;animation:sweep 1.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}body.is-waiting .piece-status .bar,.piece-status .label{display:none}.piece-start{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);min-height:44px;background:var(--page);border-color:var(--press)}body.is-fallback .piece-start{visibility:hidden}.piece-pill{display:inline-flex;align-items:center;gap:10px;min-height:40px;box-sizing:border-box;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--wash);color:var(--p-ink);font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:border-color .25s ease,background-color .25s ease}.piece-pill svg{flex:none;width:9px;height:9px;fill:currentColor}.piece-pill[hidden]{display:none}@media(hover:hover){.piece-pill:hover{border-color:var(--press)}}.piece-pill:focus-visible{outline:1.5px solid var(--p-ink);outline-offset:3px}.fallback{position:absolute;inset:0;z-index:5;overflow:hidden;background:var(--page)}.fallback[hidden]{display:none}.fallback video,.nojs video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent}.fallback video.fb-loop{object-fit:cover;object-position:50% 50%}.fallback video[hidden]{display:none}.nojs{position:absolute;inset:0;z-index:6;background:var(--page)}body.is-fallback .stage canvas,body.is-fallback .poster-wrap,body.is-fallback .piece-status{visibility:hidden}.piece-note{position:absolute;z-index:3;left:calc(var(--inset) - (var(--aw) - var(--sw)) / 2);right:calc(var(--inset) - (var(--aw) - var(--sw)) / 2);top:calc(100% + 16px);display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;box-sizing:border-box;color:var(--p-dim);font:400 13px/1.5 var(--sans);-webkit-user-select:text;user-select:text}.piece-note[hidden]{display:none}.piece-note p{margin:0;max-width:40ch;text-wrap:balance}@media(max-aspect-ratio:5/4)and (max-height:600px){body.piece{--bar: 52px;--below-min: 236px}.piece-bar{padding-top:calc(var(--safe-t) + 12px)}body.piece .hud{top:calc(100% + 12px)}}@media(max-aspect-ratio:5/4)and (max-width:380px){body.piece .hud-court{padding-right:174px}body.piece .swatch{width:34px}}@media(max-aspect-ratio:5/4){body.piece.ow-sheet .stage canvas,body.piece.ow-traits-open .stage canvas{transform:scale(.62);transform-origin:50% 0}body.piece.ow-sheet .hud,body.piece.ow-traits-open .hud{top:calc(var(--sh) * .62 + 10px)}}@media(max-aspect-ratio:5/4)and (min-width:600px){body.piece .hud-controls .pill-primary{flex:0 0 auto;min-width:180px}.piece-status .caption{max-width:46ch;font-size:20px}}@media(min-aspect-ratio:5/4){body.piece{--pad: clamp(10px, 2.4vh, 32px);--gap: clamp(16px, 2vw, 40px);--edge: clamp(12px, 1.6vw, 40px);--col: clamp(236px, 24vw, 400px);--sh: min(calc(var(--ah) - 2 * var(--pad)), calc((var(--aw) - var(--col) - var(--gap) - 2 * var(--edge)) / var(--ar)));--sw: calc(var(--sh) * var(--ar));--colx: calc(var(--safe-l) + (var(--aw) - var(--col) - var(--gap) + var(--sw)) / 2 + var(--gap));--above: calc((var(--ah) - var(--sh)) / 2 - var(--pad));--title: clamp(22px, 1.9vw, 52px);--labelh: calc(clamp(52px, 1.4vw + 40px, 72px) + var(--title) * 1.02 + 10px + clamp(10px, .28vw + 6px, 13px) + clamp(14px, 1.6vh, 26px))}.piece-main{padding:var(--safe-t) calc(var(--safe-r) + var(--col) + var(--gap)) var(--safe-b) var(--safe-l);place-items:center}.piece-bar{padding:0}.piece-back{position:fixed;left:var(--colx);top:calc(var(--safe-t) + var(--pad) + 12px)}.piece-back .wm{font-size:clamp(20px,.6vw + 13px,28px)}.piece-back .arrow{font-size:clamp(13px,.3vw + 8px,16px)}.piece-label{position:fixed;top:calc(var(--safe-t) + var(--pad) + clamp(52px,1.4vw + 40px,72px));left:var(--colx);width:var(--col);text-align:left}.piece-title{font-size:var(--title);line-height:1.02;white-space:normal;text-wrap:balance}.piece-meta{margin-top:10px;font-size:clamp(10px,.28vw + 6px,13px)}body.piece .hud,.piece-status,.piece-note{left:calc(100% + var(--gap));right:auto;width:var(--col)}body.piece .hud{--ow-mode: column;top:calc(var(--labelh) - var(--above));bottom:calc(-1 * var(--above))}.piece-status,.piece-note{top:auto;bottom:calc(-1 * var(--above));justify-content:flex-end}body.piece .hud-court{padding-right:0}body.piece .hud-slot{position:relative}body.piece .hud-progress{left:0;right:auto;top:5px;width:44px}body.piece .hud-number{font-size:clamp(13px,.36vw + 8px,19px)}body.piece .hud-summary{font-size:clamp(13px,.3vw + 9px,18px)}body.piece .traits dt{font-size:clamp(10px,.16vw + 7.5px,13px)}body.piece .traits dd{font-size:clamp(13px,.3vw + 9px,18px)}body.piece .traits .to{font-size:clamp(10px,.16vw + 7.5px,13px)}body.piece .traits .trow{grid-template-columns:clamp(7.2rem,5.5vw + 1.6rem,9.4rem) 1fr;padding:clamp(2px,.15vw,4px) 0}body.piece .sheet-head h2{font-size:clamp(24px,.8vw + 14px,34px)}body.piece .odds-trait li{font-size:clamp(12.5px,.25vw + 9px,16px)}body.piece .sheet p.about-p{font-size:clamp(14px,.25vw + 10.5px,18px)}body.piece:not(.ow-compact) .hud-traits{display:block}body.piece.ow-compact:not(.ow-traits-open) .hud-traits{display:none}body.piece.ow-sheet .hud-traits{display:none}body.piece .hint{order:2;margin-top:auto;padding-top:14px;max-width:30ch;font-size:clamp(11px,.18vw + 8px,13px)}body.piece .hud-controls{order:3;margin-top:10px;padding-top:0}body.piece .hud-links{order:4;margin-top:6px}body.piece .swatches{order:5;position:static;margin:6px 0 0 -10px}body.piece .hud-said{order:6}body.piece .hud-controls .pill-primary{flex:0 0 auto;max-width:none}body.piece .pill,body.piece .link,.piece-pill{font-size:clamp(11px,.25vw + 7.5px,14px)}body.piece .pill{min-height:clamp(40px,1vw + 26px,48px);padding:0 clamp(16px,1vw + 6px,24px)}body.piece .link{min-height:clamp(34px,.6vw + 26px,40px)}.piece-status .caption{max-width:100%;font-size:clamp(17px,.3vw + 13px,22px)}.piece-note{align-items:flex-start;font-size:clamp(13px,.2vw + 10px,15px)}body.piece.ow-traits-open .hud-links{display:flex}body.piece.ow-traits-open .hint,body.piece.ow-sheet .hint{display:block}body.piece.ow-traits-open .hud-summary{display:none}}@media(min-aspect-ratio:5/4)and (max-height:500px){body.piece{--labelh: calc(var(--title) * 1.02 + 72px)}.piece-label{top:calc(var(--safe-t) + var(--pad) + 44px)}.piece-meta{margin-top:6px}body.piece .hud-summary{margin-top:3px}body.piece .hint{padding-top:6px;font-size:10.5px;line-height:1.35}body.piece .hud-controls{margin-top:6px;gap:6px}body.piece .hud-links,body.piece .swatches{margin-top:0}body.piece .swatch{height:34px;width:34px}body.piece .pill{min-height:40px;padding:0 14px}body.piece .link{min-height:34px;padding:0 8px}body.piece .hud-links{margin-left:-8px}.piece-status .caption{font-size:16px}}@media(min-aspect-ratio:5/4)and (max-height:400px){body.piece .swatches{display:none}}@media(prefers-reduced-motion:reduce){body.is-loading .poster{animation:none}.poster-wrap{animation:none;opacity:1}.piece-status .bar:after{animation:none;width:100%;opacity:.35}.poster-wrap,.poster,body.piece .hud *,.piece-status{transition-duration:.01ms!important}}