.media-log-host{--log-ease: cubic-bezier(.16, 1, .3, 1);position:relative;min-width:0;min-height:0}.media-log{--grain: rgb(from var(--cream) r g b / .02);--grain-2: rgb(from var(--cream) r g b / .014);--gloss: rgb(from var(--cream-hot) r g b / .16);--plate-carrier: rgb(from var(--navy) r g b / .94);--cast: drop-shadow(0 2px 1px rgb(from var(--navy) r g b / .66)) drop-shadow(4px 7px 8px rgb(from var(--navy) r g b / .5)) drop-shadow(14px 20px 24px rgb(from var(--navy) r g b / .34));--cut-edge: inset 0 1.5px 0 rgb(from var(--cream-hot) r g b / .85), inset 1.5px 0 0 rgb(from var(--cream-hot) r g b / .5), inset 0 -1.5px 0 rgb(from var(--navy) r g b / .85), inset -1.5px 0 0 rgb(from var(--navy) r g b / .7), inset 0 -2.5px 0 rgb(from var(--cream) r g b / .16), inset 0 0 34px rgb(from var(--navy) r g b / .28);position:relative;width:100%;height:100%;min-width:0;min-height:0;color:var(--ink)}.media-log button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}.log-plate{position:absolute;z-index:0;inset:0;pointer-events:none;background-color:var(--plate-carrier);background-image:linear-gradient(112deg,transparent 0 14%,var(--gloss) 26%,rgb(from var(--cream-hot) r g b / .04) 33%,transparent 46%),radial-gradient(120% 92% at 10% -4%,rgb(from var(--cream-hot) r g b / .13) 0%,transparent 58%),radial-gradient(90% 70% at 70% 108%,rgb(from var(--orange) r g b / .07) 0%,transparent 62%),repeating-linear-gradient(94deg,var(--grain) 0 2px,transparent 2px 5px),repeating-linear-gradient(3deg,var(--grain-2) 0 3px,transparent 3px 7px);box-shadow:var(--cut-edge);filter:var(--cast);transition:box-shadow .28s var(--log-ease)}.log-cover{position:relative;display:block;width:100%;height:100%;overflow:hidden;background-color:var(--navy);color:var(--ink-chrome)}.log-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(126% 100% at 26% -6%,rgb(from var(--cream-hot) r g b / .14) 0%,transparent 54%),radial-gradient(120% 110% at 70% 120%,rgb(from var(--navy) r g b / .4) 0%,transparent 62%),repeating-linear-gradient(103deg,rgb(from var(--navy) r g b / .055) 0 1px,transparent 1px 3px)}.log-cover b{display:none}.log-cover[data-art=clair-obscur],.log-cover[data-art=those-who-rule],.log-cover[data-art=mass-effect],.log-cover[data-art=immortals-fenyx-rising],.log-cover[data-art=cyber-knights],.log-cover[data-art=the-alters],.log-cover[data-art=kingdom-come],.log-cover[data-art=aliens-dark-descent],.log-cover[data-art=ender-lilies],.log-cover[data-art=ember-knights],.log-cover[data-art=hades],.log-cover[data-art=steamworld-heist-ii],.log-cover[data-art=jedi-survivor],.log-cover[data-art=rogue-trader],.log-cover[data-art=dispatch],.log-cover[data-art=split-fiction],.log-cover[data-art=eternal-strands],.log-cover[data-art=spider-man-2],.log-cover[data-art=god-of-war-ragnarok],.log-cover[data-art=hades-ii],.log-cover[data-art=the-expanse],.log-cover[data-art=exodus],.log-cover[data-art=songs-of-the-past]{background-size:cover;background-position:center 22%;background-repeat:no-repeat}.log-cover[data-art=clair-obscur]{background-image:url(/media/clair-obscur.jpg)}.log-cover[data-art=those-who-rule]{background-image:url(/media/those-who-rule.jpg)}.log-cover[data-art=mass-effect]{background-image:url(/media/mass-effect.jpg)}.log-cover[data-art=immortals-fenyx-rising]{background-image:url(/media/immortals-fenyx-rising.jpg)}.log-cover[data-art=cyber-knights]{background-image:url(/media/cyber-knights.jpg)}.log-cover[data-art=the-alters]{background-image:url(/media/the-alters.jpg)}.log-cover[data-art=kingdom-come]{background-image:url(/media/kingdom-come.jpg)}.log-cover[data-art=aliens-dark-descent]{background-image:url(/media/aliens-dark-descent.jpg)}.log-cover[data-art=ender-lilies]{background-image:url(/media/ender-lilies.jpg)}.log-cover[data-art=ember-knights]{background-image:url(/media/ember-knights.jpg)}.log-cover[data-art=hades]{background-image:url(/media/hades.jpg)}.log-cover[data-art=steamworld-heist-ii]{background-image:url(/media/steamworld-heist-ii.jpg)}.log-cover[data-art=jedi-survivor]{background-image:url(/media/jedi-survivor.jpg)}.log-cover[data-art=rogue-trader]{background-image:url(/media/rogue-trader.jpg)}.log-cover[data-art=dispatch]{background-image:url(/media/dispatch.jpg)}.log-cover[data-art=split-fiction]{background-image:url(/media/split-fiction.jpg)}.log-cover[data-art=eternal-strands]{background-image:url(/media/eternal-strands.jpg)}.log-cover[data-art=spider-man-2]{background-image:url(/media/spider-man-2.jpg)}.log-cover[data-art=god-of-war-ragnarok]{background-image:url(/media/god-of-war-ragnarok.jpg)}.log-cover[data-art=hades-ii]{background-image:url(/media/hades-ii.jpg)}.log-cover[data-art=the-expanse]{background-image:url(/media/the-expanse.jpg)}.log-cover[data-art=exodus]{background-image:url(/media/exodus.jpg)}.log-cover[data-art=songs-of-the-past]{background-image:url(/media/songs-of-the-past.jpg)}.log-cover[data-art=path-of-exile-2]{background-color:#0b0b0b;background-image:url(/media/path-of-exile-2.png);background-size:contain;background-position:center;background-repeat:no-repeat}.log-card[data-kind=video] .log-cover{background-color:#0b0b0b;background-size:contain;background-position:center;background-repeat:no-repeat}.log-stage{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.media-log{overflow:clip;overflow-clip-margin:var(--bleed-clip-margin)}.desk:has(.log-sheet:not([hidden])) .desk-window{clip-path:inset(-100vh calc(-1 * var(--bleed-right)) -100vh calc(-1 * var(--bleed-left)))}.log-stage::-webkit-scrollbar{height:0}.log-track{--pad-l: 9.5rem;--pad-r: 9.5rem;--rail: calc(50% - 4.25rem) ;position:relative;height:calc(100% - 4.6rem)}@container viewport not style(--bp-rail: 1){.media-log:not([data-ready]) .log-track{opacity:0}}.log-band{position:absolute;left:var(--pad-l);right:var(--pad-r);bottom:var(--rail);height:1.75rem;display:flex;box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .55)}.log-seg{display:block;height:100%;position:relative}.log-quarter{position:absolute;z-index:2;inset-block:0;border-left:1px solid rgb(from var(--navy) r g b / .4);color:var(--ink-on-light-soft);pointer-events:none}.log-quarter:nth-of-type(4n+1){border-left-width:2px}.log-quarter b{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);font-family:var(--type-numeral-family);font-size:var(--t4);font-weight:var(--type-numeral-weight);line-height:var(--type-numeral-leading);letter-spacing:var(--type-numeral-tracking)}.log-seg:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgb(from var(--cream-hot) r g b / .35)}.log-now{position:absolute;z-index:6;left:calc(var(--pad-l) + var(--t) * (100% - var(--pad-l) - var(--pad-r)));bottom:calc(var(--rail) - .25rem);width:2px;height:2.25rem;background:var(--orange-hot);transform:translate(-50%);pointer-events:none}.log-now b{position:absolute;bottom:calc(100% + .3rem);left:50%;transform:translate(-50%);font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--type-micro-tracking);text-transform:var(--type-micro-transform);color:var(--signal-hover)}.log-ticks{position:absolute;left:var(--pad-l);right:var(--pad-r);bottom:var(--rail);height:0}.log-tick{position:absolute;top:10px;width:1px;height:8px;background:rgb(from var(--cream) r g b / .28);transform:translate(-50%)}.log-tick b{position:absolute;top:2.15rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--t2);font-weight:500;letter-spacing:var(--track-snug);color:var(--ink-faint);font-variant-numeric:tabular-nums}.log-year{position:absolute;bottom:calc(var(--rail) - 2.8rem);left:calc(var(--pad-l) + var(--t) * (100% - var(--pad-l) - var(--pad-r)));margin:0;transform:translate(-50%);font-family:var(--type-numeral-family);font-weight:var(--type-numeral-weight);line-height:var(--type-numeral-leading);letter-spacing:var(--type-numeral-tracking);font-variant-numeric:tabular-nums;color:var(--ink-faint);pointer-events:none;font-size:var(--t4);transition:color .3s ease,font-size .72s var(--log-ease)}.log-year.is-on{color:var(--ink-soft);font-size:2.15rem}.log-card{--branch: 1.25rem;position:absolute;left:calc(var(--pad-l) + var(--t) * (100% - var(--pad-l) - var(--pad-r)));width:7.2rem;transform:translate(-50%);transition:transform .32s var(--log-ease),width .32s var(--log-ease),opacity .18s ease,filter .18s ease,bottom .32s var(--log-ease),top .32s var(--log-ease);z-index:5}.log-card.pos-above{bottom:calc(var(--rail) + .875rem + var(--branch));transform-origin:50% calc(100% + var(--branch))}.log-card.pos-below{top:calc(100% - var(--rail) - .875rem + var(--branch));transform-origin:50% calc(-1 * var(--branch))}.log-face{position:relative;display:block;width:100%;padding:0 0 .7rem;text-align:left}.log-type{position:relative;z-index:2;margin:0;padding:.28rem .55rem .24rem;background:var(--era);color:var(--era-ink);font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--type-micro-tracking);text-transform:var(--type-micro-transform);line-height:1.2;box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .5)}.log-art{position:relative;z-index:2;display:grid;grid-template-rows:2.6rem;margin:0 .28rem;overflow:hidden;transition:grid-template-rows .3s var(--log-ease)}.log-art .log-cover{min-height:0;filter:saturate(1.02) brightness(1.12)}.log-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 44%,rgb(from var(--navy) r g b / .72) 100%)}.log-kind{position:absolute;z-index:3;left:.5rem;bottom:.32rem;margin:0;padding:.12rem .34rem .1rem;background:rgb(from var(--navy) r g b / .82);font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--type-micro-tracking);text-transform:var(--type-micro-transform);color:var(--era);box-shadow:inset 0 0 0 1px rgb(from var(--cream) r g b / .2)}.log-body{position:relative;z-index:2;padding:.4rem .55rem 0}.log-body h2{margin:0;font-size:var(--t2);font-weight:var(--type-title-weight);line-height:1.16;letter-spacing:var(--track-tight);color:var(--ink);transition:color .18s ease,font-size .3s var(--log-ease)}.log-when{margin:.12rem 0 0;font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);letter-spacing:var(--track-label);text-transform:var(--type-micro-transform);color:var(--hud-label);transition:color .18s ease}.log-note{display:grid;grid-template-rows:0fr;margin:0;transition:grid-template-rows .28s var(--log-ease)}.log-note span{display:-webkit-box;min-height:0;padding-top:.32rem;overflow:hidden;opacity:0;transform:translateY(-.2rem);-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:var(--t2);line-height:1.42;color:var(--muted);transition:opacity .16s ease,transform .28s var(--log-ease)}.log-card.pos-above .log-stem{position:absolute;left:50%;bottom:calc(-1 * var(--branch));width:2px;height:var(--branch);background:var(--era);opacity:.65;transform:translate(-50%) scaleX(.75);transition:opacity .24s ease,background .24s ease,transform .24s ease}.log-card.pos-above .log-stem i{position:absolute;left:50%;bottom:0;width:10px;height:11px;background:var(--era);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transform:translate(-50%,50%);transition:background .4s ease,transform .4s ease,filter .4s ease}.log-card.pos-below .log-stem{position:absolute;left:50%;top:calc(-1 * var(--branch));width:2px;height:var(--branch);background:var(--era);opacity:.65;transform:translate(-50%) scaleX(.75);transition:opacity .24s ease,background .24s ease,transform .24s ease}.log-card.pos-below .log-stem i{position:absolute;left:50%;top:0;width:10px;height:11px;background:var(--era);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transform:translate(-50%,-50%);transition:background .4s ease,transform .4s ease,filter .4s ease}.log-card:hover,.log-card:focus-within{z-index:20}.log-card.is-on{width:16.8rem;z-index:25;opacity:1;filter:brightness(1) saturate(1);transform:translate(-50%) scale(1.04)}.log-card.is-on .log-plate{box-shadow:var(--cut-edge),0 0 28px rgb(from var(--era) r g b / .4),0 0 1px 1.5px var(--era)}.log-card.is-on .log-art{grid-template-rows:5.8rem}.log-card.is-on .log-body h2{font-size:var(--t4);color:var(--ink-hot)}.log-card.is-on .log-when{color:var(--ink-soft)}.log-card.is-on .log-when b{color:var(--signal);font-weight:600}.log-card.is-on .log-note{grid-template-rows:1fr}.log-card.is-on .log-note span{opacity:1;transform:none}.log-card.is-on .log-stem{opacity:1;background:var(--signal);transform:translate(-50%) scaleX(1)}.log-card.pos-above.is-on .log-stem i{background:var(--signal);filter:drop-shadow(0 0 6px var(--signal));transform:translate(-50%,50%) scale(1.25)}.log-card.pos-below.is-on .log-stem i{background:var(--signal);filter:drop-shadow(0 0 6px var(--signal));transform:translate(-50%,-50%) scale(1.25)}.log-card:not(.is-on){opacity:.65;filter:brightness(.8) saturate(.85);transform:translate(-50%) scale(.95)}.log-card:not(.is-on):hover{opacity:.9;filter:brightness(.95) saturate(.95)}.log-face:hover h2{color:var(--focus)}.log-card.is-on .log-face{cursor:default}.log-card[data-kind=note]{--rule: 1.02rem}.log-card[data-kind=note] .log-plate{background-color:rgb(from var(--cream) r g b / .93);background-image:linear-gradient(90deg,transparent 0 .42rem,rgb(from var(--close) r g b / .42) .42rem calc(.42rem + 2px),transparent calc(.42rem + 2px)),linear-gradient(112deg,transparent 0 16%,rgb(from var(--cream-hot) r g b / .55) 28%,transparent 44%),repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1px),rgb(from var(--navy) r g b / .15) calc(var(--rule) - 1px) var(--rule)),repeating-linear-gradient(94deg,rgb(from var(--navy) r g b / .025) 0 2px,transparent 2px 5px);box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .9),inset 0 -1.5px rgb(from var(--navy) r g b / .35),inset 0 0 26px rgb(from var(--navy) r g b / .1)}.log-card[data-kind=note].is-on .log-plate{box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .9),inset 0 -1.5px rgb(from var(--navy) r g b / .35),inset 0 0 26px rgb(from var(--navy) r g b / .1),0 0 28px rgb(from var(--signal) r g b / .4),0 0 1px 1.5px var(--signal)}.log-card[data-kind=note] .log-type{background:var(--signal);color:var(--ink-hot)}.log-card[data-kind=note] .log-body{padding:.44rem .5rem 0 .72rem}.log-card[data-kind=note] .log-body h2,.log-card[data-kind=note].is-on .log-body h2,.log-card[data-kind=note] .log-face:hover h2{color:var(--ink-on-light)}.log-card[data-kind=note] .log-when{color:var(--ink-on-light-mute)}.log-card[data-kind=note].is-on .log-when{color:var(--ink-on-light-soft)}.log-card[data-kind=note] .log-when b{color:var(--signal-on-light)}.log-card[data-kind=note] .log-note{grid-template-rows:1fr}.log-card[data-kind=note] .log-note span{opacity:1;transform:none;color:var(--ink-on-light-soft)}.log-card[data-kind=note] .log-stem,.log-card[data-kind=note] .log-stem i{background:var(--signal)}.log-sheet{position:absolute;z-index:30;inset:var(--bleed-top) var(--bleed-right) var(--bleed-bottom) var(--bleed-left);min-width:0;min-height:0}.log-sheet[hidden]{display:none}.log-sheet-swap{position:relative;display:flex;justify-content:center;width:min(38rem,100%);max-height:100%;min-width:0;min-height:0}.log-sheet .sheet{width:100%;height:auto;max-height:100%;flex:0 1 auto;animation:none}.log-sheet .sheet-pane,.log-sheet .sheet-body{flex:0 1 auto}.log-sheet .meta{margin:0;color:var(--label)}.log-sheet .panel-doc[hidden]{display:none!important}.log-sheet .panel-doc>*+*{margin-top:.85rem}.log-sheet-swap.is-in{animation:screenReconstruct var(--screen-in) var(--screen-in-ease) both}.log-sheet-swap.is-out{animation:screenDeconstruct var(--screen-out) var(--screen-out-ease) both}.log-sheet .vid-box{position:relative;aspect-ratio:16 / 9;border-radius:3px;overflow:hidden;background:#0b0b0b}.log-sheet .vid-box iframe{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0}.log-sheet .vid-play{position:absolute;inset:0;width:100%;padding:0;border:0;background:linear-gradient(180deg,transparent 58%,rgb(from var(--navy) r g b / .72) 100%);cursor:pointer}.log-sheet .vid-play i{position:absolute;left:.7rem;bottom:.65rem;display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .6rem .34rem .55rem;font-style:normal;background:rgb(from var(--navy) r g b / .86);box-shadow:inset 0 0 0 1px rgb(from var(--cream) r g b / .24);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform);color:var(--ink-hot);transition:box-shadow .18s ease,color .18s ease}.log-sheet .vid-play i:before{content:"";width:.6rem;height:.7rem;background:var(--signal);clip-path:polygon(0 0,100% 50%,0 100%)}.log-sheet .vid-play:hover i{box-shadow:inset 0 0 0 1.5px var(--signal);color:var(--signal-hover)}.log-sheet .vid-play:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.log-sheet .shot.is-video figcaption{display:flex;justify-content:space-between;gap:1rem}.log-sheet .shot.is-video figcaption a{color:var(--hud-label);text-decoration:none}.log-sheet .shot.is-video figcaption a:hover{color:var(--signal-hover)}.log-sheet:has(>.log-sheet-swap.is-in)>.log-scrim{animation:scrimIn var(--screen-in) ease-out both}.log-sheet:has(>.log-sheet-swap.is-out)>.log-scrim{animation:scrimOut var(--screen-out) ease-out both}.log-sheet>.fx-glass{position:absolute;inset:0;z-index:1;pointer-events:none}.log-sheet>.log-sheet-swap{z-index:2}.log-sheet[data-figures=off]>.fx-glass{display:none}.log-sheet:has(>.log-sheet-swap.is-out)>.fx-glass{opacity:0;transition:opacity .3s ease}.fx-fig{--fx-ink: var(--hud-ink);--fx-quiet: var(--hud-mute);--fx-accent: var(--hud-ink);position:absolute;top:0;left:0;width:var(--fig-w, 13.75rem);margin:0;opacity:.5;transition:opacity .42s ease,transform .52s var(--log-ease)}.log-sheet:not([data-fx-placed]) .fx-fig{opacity:0;transition:none}.fx-fig:before{content:"";position:absolute;inset:-2.5rem -2rem;z-index:-1;background:radial-gradient(closest-side,var(--glass-abyss) 55%,transparent)}.fx-fig svg{display:block;width:100%;height:auto;overflow:visible}.fx-fig svg *{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .42s ease}.fx-fig .l{stroke:var(--fx-ink)}.fx-fig .q{stroke:var(--fx-quiet)}.fx-fig .a{stroke:var(--fx-accent)}.fx-fig figcaption{display:flex;justify-content:space-between;gap:.5rem;margin-top:.55rem;padding-top:.45rem;border-top:1px solid var(--hud-mute);line-height:1.0625rem;color:var(--hud-label);transition:color .42s ease,border-color .42s ease}.fx-fig figcaption b{font-weight:inherit}.fx-fig.is-lit{--fx-ink: var(--ink-soft);--fx-quiet: var(--hud-label);opacity:1}.fx-fig.is-away{opacity:0}.fx-fig.is-right.is-lit{--fx-accent: var(--signal)}.fx-fig.is-lit figcaption{border-color:var(--hud-ink);color:var(--label)}.fx-fig.is-right.is-lit figcaption b{color:var(--signal)}.log-sheet .fx-ref{background:none;color:inherit;text-decoration:underline 1.5px transparent;text-underline-offset:.28em;transition:text-decoration-color .42s ease}.log-sheet .fx-ref.is-lit{text-decoration-color:var(--signal-line)}@media(prefers-reduced-motion:reduce){.fx-fig{transition:opacity .42s ease}}@container viewport style(--bp-rail: 1){.media-log{display:flex;flex-direction:column}.log-stage{--fade-band: 1.2rem;position:relative;inset:auto;margin-left:calc(-1 * var(--bleed-left));margin-right:calc(-1 * var(--bleed-right));flex:1 1 auto;min-height:0;overscroll-behavior:contain}.log-track{--rail: 40%;height:100%}.log-year{bottom:calc(var(--rail) - 2.5rem)}.log-card.is-on{width:13.5rem}.log-sheet-swap{width:100%}.log-card.is-on .log-note{grid-template-rows:1fr}.log-card.is-on .log-note span{-webkit-line-clamp:3}}@media(prefers-reduced-motion:reduce){.log-sheet-swap.is-in,.log-sheet-swap.is-out,.log-sheet:has(>.log-sheet-swap.is-in)>.log-scrim,.log-sheet:has(>.log-sheet-swap.is-out)>.log-scrim{animation:none}.log-card,.log-year,.log-plate,.log-art,.log-body h2,.log-when,.log-note,.log-stem,.log-stem i{transition:none}}