/* Games share the app feature's 720px stage and responsive preview geometry. */
@font-face{font-family:HiKR;src:url('/assets/HiKR-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
.games-section{padding-bottom:45px}
.games-section>.section-heading{margin-bottom:34px}
.game-tagline{display:flex;justify-content:center;align-items:flex-end;gap:.24em;flex-wrap:nowrap;height:1.6em;margin:14px 0 0;font:700 clamp(36px,3.84vw,52.8px)/1.35 Paperlogy,sans-serif;letter-spacing:-.055em;color:#fff;text-align:center;word-break:keep-all}
.game-tagline .game-new{color:hsl(48 100% 50%)}.game-tagline .game-heist{color:hsl(214 100% 60%)}
.game-tagline .game-friends{color:hsl(120 100% 50%)}.game-tagline .game-duel{color:hsl(195 100% 50%)}.game-tagline .game-tagline-suffix{color:white}
.game-project+.game-project{margin-top:140px}
.game-project>.game-tagline{margin:0 auto 51px}
.game-scene-wrap--animated{padding-bottom:32px;background:#111113}
.game-project:has(.game-scene-wrap--animated)+.game-project{margin-top:108px}
.game-feature{--studio-height:720px;--bridge-x:-100vw;--bridge-duration:1.2s;--bridge-easing:cubic-bezier(.16,1,.3,1);display:block;position:relative;isolation:isolate;height:var(--studio-height);overflow:hidden;background:#111113}
.game-feature.bridge-visible,.game-feature:focus-visible{--bridge-x:0px}
.game-feature+.game-feature{margin-top:28px}
.game-feature::before{content:'';position:absolute;inset:0 auto 0 calc((100% - min(1080px,100% - 72px))/2 - 54.5px);width:299px;z-index:1;background:#111113;border-inline:1px solid #ffffff14;pointer-events:none;transform:translateX(var(--bridge-x));transition:transform var(--bridge-duration) var(--bridge-easing)}
.game-scene-background{position:absolute;inset:0;z-index:-1;overflow:hidden}
.game-scene-background>img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.85)}
.game-feature--project-g .game-scene-background>img{filter:none;object-position:76% top}
.game-feature--project-d .game-scene-background>img{filter:none;object-position:center}
.game-feature.game-feature--package .cut-small-brand img{width:138px;height:207px;border-radius:8px;object-fit:contain}
.game-feature.game-feature--package .cut-small-brand img{--package-zoom:1;transition:transform .45s cubic-bezier(.22,1,.36,1);transform:scale(var(--package-zoom));transform-origin:center bottom;cursor:default}
@media(min-width:761px){.game-feature.game-feature--package .cut-small-brand img{--package-zoom:1.5}}
@media(hover:hover) and (pointer:fine){.game-feature.game-feature--package .cut-small-brand img:hover{transform:scale(calc(var(--package-zoom)*1.08))}}
@media(prefers-reduced-motion:reduce){.game-feature.game-feature--package .cut-small-brand img{transition:none;transform:scale(var(--package-zoom))}}
.game-feature--package .cut-small-brand{font-size:26px;white-space:nowrap}
.game-feature--package .cut-visit{color:#a9a7b1}
.game-feature--package .cut-small-brand:hover{transform:none}
.game-feature--project-g .cut-small-brand>span{color:hsl(48 100% 50%)}
.game-feature--project-d .cut-small-brand>span{color:hsl(120 100% 50%)}
.cut-feature .cut-small-brand>span:not(.cut-package-cover){color:#fd8c0b}
/* Match the game package frame while retaining the Cut mark's visible size. */
.cut-feature .cut-package-cover{--package-zoom:1.5;display:grid;place-items:center;width:138px;height:207px;border-radius:8px;background:#242427;transform:scale(var(--package-zoom));transform-origin:center bottom;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.cut-feature .cut-package-cover img{width:60px;height:60px;object-fit:contain}
.cut-feature .cut-small-brand:hover,.cut-feature:focus-visible .cut-small-brand{transform:none}
@media(hover:hover) and (pointer:fine){.cut-feature .cut-package-cover:hover,.cut-feature:focus-visible .cut-package-cover{transform:scale(calc(var(--package-zoom)*1.08))}}
@media(prefers-reduced-motion:reduce){.cut-feature .cut-package-cover,.cut-feature .cut-package-cover:hover,.cut-feature:focus-visible .cut-package-cover{transition:none;transform:scale(var(--package-zoom))}}
.game-scene-title{position:absolute;right:4%;bottom:5%;color:#fff;font:800 clamp(22px,2.3vw,42px)/1.2 HiKR,Arial,sans-serif;letter-spacing:.02em;pointer-events:none}
.game-feature--package .game-scene-title{z-index:2}
.project-g-character-stage{position:absolute;inset:0 0 0 calc((100% - min(1080px,100% - 72px))/2 + 244.5px);z-index:1;overflow:hidden;cursor:default}
.project-g-character-motion{position:absolute;left:50%;bottom:-180px;width:1140px;height:760px;pointer-events:none;transform:translateX(-50%) translate(var(--runner-x,0px),var(--runner-y,0px)) scale(var(--runner-scale,1));transform-origin:50% 60%;transition:none}
.project-g-character{width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;transform:translate(var(--runner-drift,0px),var(--runner-hop,0px)) rotate(var(--runner-tilt,0deg));transform-origin:50% 60%}
@media(min-width:1001px){.project-g-character-motion{left:calc(50% - clamp(64px,calc(25vw - 256px),220px))}}
.game-feature--project-g .cut-feature-content{pointer-events:none}
.game-feature--package .cut-brand-column{pointer-events:auto}
@media(min-width:1600px){.project-g-character-stage{left:calc((100% - min(1260px,100% - 80px))/2 + 244.5px)}}
@media(max-width:1000px){.project-g-character-stage{left:226.3px}.project-g-character-motion{left:57%}}
@media(max-width:760px){.project-g-character-stage{left:0;bottom:210px}.project-g-character-motion{width:900px;height:600px;left:57%;bottom:-165px}}
@media(prefers-reduced-motion:reduce){.project-g-character-motion{transform:translateX(-50%);transition:none}.project-g-character{transform:none}}
.project-d-duel-stage{position:absolute;inset:0 0 0 calc((100% - min(1080px,100% - 72px))/2 + 244.5px);z-index:1;overflow:hidden;pointer-events:none}
/* Keep the visible lower crop edge fixed so the hover zoom grows upward. */
.project-d-duel{--duel-crop-depth:160px;position:absolute;left:50%;bottom:calc(-1*var(--duel-crop-depth));width:1050px;height:700px;max-width:none;object-fit:contain;user-select:none;transform:translateX(calc(-50% + var(--duel-x,0px))) rotate(var(--duel-angle,0deg)) scale(var(--duel-scale,1));transform-origin:50% calc(100% - var(--duel-crop-depth))}
@media(min-width:1600px){.project-d-duel-stage{left:calc((100% - min(1260px,100% - 80px))/2 + 244.5px)}}
@media(max-width:1000px){.project-d-duel-stage{left:226.3px}}
@media(max-width:760px){.project-d-duel-stage{left:0;bottom:210px}.project-d-duel{--duel-crop-depth:130px;width:780px;height:520px}}
@media(prefers-reduced-motion:reduce){.project-d-duel{transform:translateX(-50%)}}
.game-feature .cut-small-brand{font-size:26px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.game-feature .cut-small-brand img{border-radius:16px;object-fit:cover}
.game-feature .cut-visit{color:#c5a7ff}
.game-summary{color:#dedbe6;font-size:14px;line-height:1.75;text-align:center;word-break:keep-all}
.cut-summary{margin:0}
@media(max-width:760px){.cut-brand-column .cut-summary{display:block;font-size:13px}.cut-feature::before{height:330px}}
.game-preview{height:520px;overflow:hidden;border:1px solid #ffffff24;border-radius:23px;background:#171a29;box-shadow:0 16px 48px #0006}
.game-preview>img{width:100%;height:100%;object-fit:cover}
@media(hover:hover) and (pointer:fine){.game-feature .cut-window-area:hover .game-preview,.game-feature:focus-visible .game-preview{transform:translate(-50%,-20px) scale(calc(var(--preview-scale)*.8))}}
@media(min-width:1600px){.game-feature::before{left:calc((100% - min(1260px,100% - 80px))/2 - 54.5px)}}
@media(max-width:1000px){.game-feature::before{left:-10.3px;width:236.6px}.game-feature .cut-small-brand{font-size:23px}}
@media(max-width:760px){.game-feature::before{left:50%;transform:translateX(-50%);height:275px;width:196px;bottom:auto}.game-feature .cut-brand-column{padding-block:14px;gap:12px}.game-feature .cut-small-brand{font-size:22px;gap:10px}.game-summary{display:none}.game-preview{height:520px}.games-section>.section-heading{margin-bottom:26px}}
@media(max-width:760px){.game-feature--package::before{left:0;top:auto;bottom:0;transform:none;width:100%;height:238px;background:#111113e8;border:0}.game-feature--package .cut-feature-content.wrap{justify-content:flex-end;align-items:flex-start;padding-bottom:26px}.game-feature--package .cut-brand-column{display:grid;grid-template-columns:100px 1fr;column-gap:22px;width:100%;padding:0;align-items:center}.game-feature--package .cut-small-brand{grid-row:1/3;display:contents}.game-feature.game-feature--package .cut-small-brand img{width:100px;height:150px;grid-column:1;grid-row:1/4}.game-feature--package .cut-small-brand>span{grid-column:2;font-size:25px}.game-feature--package .game-summary{display:block;text-align:left;grid-column:2;margin:0;max-width:240px}.game-feature--package .cut-visit{grid-column:2}.game-feature--package .game-scene-background{bottom:210px}.game-scene-title{bottom:245px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.game-feature .game-preview,.game-feature .cut-window-area:hover .game-preview,.game-feature:focus-visible .game-preview{transform:translate(-50%,20px) scale(calc(var(--preview-scale)*.8));transition:none}}
@media(max-width:760px){.game-feature::before{transform:translateX(calc(var(--bridge-x) - 50%))}.game-feature--package::before{transform:translateX(var(--bridge-x))}}
@media(prefers-reduced-motion:reduce){.game-feature::before{transition:none}}

/* Three complete news cards, then a hint of the fourth behind the right fade. */
.news-carousel{--news-gap:18px;--news-peek:48px;position:relative}
.news-track{display:flex;gap:var(--news-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:20px 12px}
.news-track::-webkit-scrollbar{display:none}
.news-track:after{content:'';flex:0 0 var(--news-peek)}
.news-carousel.can-next .news-track{mask-image:linear-gradient(to right,#000 calc(100% - var(--news-peek)),transparent)}
.news-card{flex:0 0 calc((100% - 3*var(--news-gap) - var(--news-peek))/3);min-width:0;min-height:280px;display:flex;flex-direction:column;gap:18px;padding:25px 24px 20px;border:1px solid #ffffff18;border-radius:23px;background:#202023;color:white;text-align:left;scroll-snap-align:start;transition:background .2s,border-color .2s;overflow:hidden}
.news-card:hover{background:#29292e;border-color:#ffffff32}
.news-card:focus-visible{outline-offset:-4px}
.news-card .news-title{font:700 22px/1.45 Paperlogy,sans-serif;color:#ff9d48;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-excerpt{max-height:176px;overflow:hidden;color:#f6f5f7;font:15px/1.65 SUIT,sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.news-excerpt.is-truncated{mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent)}
.news-meta{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px;font:12px/1.5 SUIT,sans-serif;color:#a7a3af}
.news-meta time{font-size:14px;font-variant-numeric:tabular-nums}
.news-open{margin-left:auto;color:#d3ccd9;font-size:20px}
.news-control{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff28;border-radius:50%;background:#29292f;color:#fff;box-shadow:0 4px 14px #0007;font:26px/1 Arial,sans-serif}
.news-control:hover{background:#44414c}.news-control:disabled{opacity:0;pointer-events:none;cursor:default}.news-previous{left:-20px}.news-next{right:-20px}
.news-track>.feed-empty{width:100%;flex:none}
@media(max-width:1000px){.news-card{flex-basis:calc((100% - 2*var(--news-gap) - var(--news-peek))/2)}}
@media(max-width:700px){.news-carousel{--news-gap:14px;--news-peek:34px}.news-card{flex-basis:calc(100% - var(--news-gap) - var(--news-peek));padding:23px 22px 20px;min-height:270px}.news-card .news-title{font-size:21px}.news-control{width:36px;height:36px}.news-previous{left:-12px}.news-next{right:-12px}}

.discord-markdown{white-space:normal;overflow-wrap:anywhere}
.discord-markdown> :first-child{margin-top:0}.discord-markdown> :last-child{margin-bottom:0}
.discord-markdown p{margin:0 0 .8em;line-height:inherit}
.discord-markdown ul,.discord-markdown ol{padding-left:1.4em;margin:.45em 0 .8em}.discord-markdown li{padding-left:.1em}.discord-markdown li+li{margin-top:.2em}
.discord-markdown h3,.discord-markdown h4,.discord-markdown h5{font-family:inherit;color:inherit;line-height:1.5;margin:.8em 0 .4em;letter-spacing:0}.discord-markdown h3{font-size:1.25em}.discord-markdown h4{font-size:1.15em}.discord-markdown h5{font-size:1.05em}
.discord-markdown blockquote{border-left:3px solid #9c93ad;margin:.5em 0;padding:.05em 0 .05em .65em;color:inherit}
.discord-markdown blockquote>:first-child{margin-top:0}.discord-markdown blockquote>:last-child{margin-bottom:0}
.discord-markdown h4{font-size:1.35em;font-weight:750;line-height:1.4}
.news-excerpt h4{margin:.4em 0 .3em}
.news-excerpt p{margin-bottom:.45em}
.news-excerpt ul,.news-excerpt ol{margin:.35em 0 .45em}
.discord-markdown code{font: .9em/1.6 Consolas,monospace;background:#111116;border-radius:4px;padding:.12em .3em;color:#f4e8db;white-space:pre-wrap}
.discord-markdown pre{padding:13px;background:#141419;border:1px solid #ffffff18;border-radius:10px;overflow:auto;white-space:pre;line-height:1.6}
.discord-markdown pre code{padding:0;background:none;white-space:pre}
.discord-link{color:#a9d4ff;text-decoration:underline;text-underline-offset:3px}
.discord-emoji{display:inline-block;width:1.35em;height:1.35em;vertical-align:-.25em;object-fit:contain}
.discord-markdown .discord-subtext{font-size:.84em;color:#aaa6b2}
.discord-spoiler{display:inline;padding:0 .2em;border:0;border-radius:4px;background:#07070a;color:transparent;font:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.discord-spoiler>*{visibility:hidden}.discord-spoiler.is-revealed{color:inherit;background:#ffffff16}.discord-spoiler.is-revealed>*{visibility:visible}
.discord-timestamp{background:#ffffff12;border-radius:3px;padding:0 .2em}
#articleDialog{background:#202023;color:#f7f6f8;border:1px solid #ffffff1c;border-radius:23px}
#articleDialog #articleTitle{color:#ff9d48;font-size:clamp(23px,3vw,32px)}
#articleDialog .article-body{font:16px/1.85 SUIT,sans-serif;white-space:normal;color:#f3f2f5}
#articleDialog>.dialog-close{background:#39373f;color:white}

/* Animated glyphs must not become scroll anchors and move the whole page. */
.app-tagline,.game-tagline{overflow-anchor:none}
.app-tagline .caption-word{--stretch-x:1;--stretch-y:1;--word-zoom:1;width:calc(var(--word-natural-width)*var(--stretch-x)*var(--word-zoom));height:1.15em;transform-origin:left bottom;transition:width .55s cubic-bezier(.22,1,.36,1)}
.app-tagline:hover .caption-word,.app-tagline .caption-word:hover{font-size:1em}
.caption-glyph{position:absolute;left:0;bottom:0;display:inline-block;width:max-content;white-space:nowrap;transform:scale(calc(var(--stretch-x)*var(--word-zoom)),calc(var(--stretch-y)*var(--word-zoom)));transform-origin:left bottom;transition:transform .55s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.app-tagline:hover .caption-word{--word-zoom:1.04}.app-tagline .caption-word:hover{--word-zoom:1.16}.app-tagline .caption-grow:hover{--stretch-x:1.38;--stretch-y:.9}.app-tagline .caption-shrink:hover{--stretch-x:.62;--stretch-y:1.12}}
.game-tagline>span{display:inline-block;font-size:1em;transform-origin:left bottom;transition:font-size .4s cubic-bezier(.22,1,.36,1);white-space:nowrap}
@media(hover:hover) and (pointer:fine){.game-tagline:hover>span{font-size:1.04em}.game-tagline>span:hover{font-size:1.16em}}
@media(prefers-reduced-motion:reduce){.app-tagline .caption-word,.app-tagline:hover .caption-word,.app-tagline .caption-word:hover{--stretch-x:1;--stretch-y:1;--word-zoom:1;transition:none}.caption-glyph{transition:none}.game-tagline>span,.game-tagline:hover>span,.game-tagline>span:hover{font-size:1em;transition:none}}

/* Category-to-content spacing ×1.5; outer category spacing ×2. */
.intro-section{padding-bottom:90px}
.games-section{padding-top:96px;padding-bottom:90px}
.games-section>.section-heading{gap:21px;margin-bottom:42px}
.game-tagline{margin-top:21px}
.work-section{padding-top:70px;padding-bottom:90px}
.work-section>.section-heading{padding-top:36px;gap:57px;padding-bottom:51px}
.updates-section.wrap{padding-top:20px;padding-bottom:90px}
.updates-section>.section-heading{gap:21px;margin-bottom:36px}
@media(max-width:760px){.intro-section{padding-bottom:64px}.games-section{padding-top:68px}.games-section>.section-heading{margin-bottom:39px}.game-tagline{font-size:clamp(24px,6.48vw,36px)}.work-section{padding-top:40px;padding-bottom:70px}.work-section>.section-heading{padding-top:24px;gap:42px;padding-bottom:39px}.updates-section.wrap{padding-bottom:50px}}
@media(max-width:760px){.game-project>.game-tagline{margin-bottom:39px}.game-project+.game-project{margin-top:100px}.game-project:has(.game-scene-wrap--animated)+.game-project{margin-top:68px}}

/* Narrow layouts share the games' lower identity panel. */
@media(max-width:760px){
 .cut-feature::before{left:0;top:auto;bottom:0;width:100%;height:238px;transform:translateX(var(--bridge-x));background:#111113e8;border:0}
 .cut-feature .cut-feature-content.wrap{position:relative;justify-content:flex-end;align-items:flex-start;padding-bottom:26px}
 .cut-feature .cut-brand-column{display:grid;grid-template-columns:100px 1fr;column-gap:22px;row-gap:12px;width:100%;padding:0;align-items:center}
 .cut-feature .cut-small-brand{display:contents}
 .cut-feature .cut-package-cover{--package-zoom:1;width:100px;height:150px;grid-column:1;grid-row:1/4}
 .cut-feature .cut-package-cover img{width:84px;height:84px}
 .cut-feature .cut-small-brand>span:not(.cut-package-cover){grid-column:2;font-size:25px}
 .cut-feature .cut-summary{display:block;text-align:left;grid-column:2;margin:0;max-width:240px}
 .cut-feature .cut-visit{grid-column:2}
 .cut-feature .cut-studio-background{bottom:210px}
 .cut-feature .cut-showcase{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:510px;overflow:hidden}
 .cut-feature .cut-window-area{height:510px}
 .cut-feature .cut-perspective{--preview-scale:.864;left:50%;top:135px}
 .cut-feature.scene-auto-active .cut-perspective{transform:translate(-50%,-20px) scale(calc(var(--preview-scale)*.8))}
 .news-carousel{--news-peek:calc((100% - 14px)/3)}
 .news-card{flex-basis:calc((100% - 14px)*2/3)}
 .news-carousel.can-next .news-track{mask-image:linear-gradient(to right,#000 calc((100% - 14px)*2/3 + 14px),#0008 83%,transparent)}
}
@media(max-width:460px){.cut-feature .cut-perspective{--preview-scale:.648}}
@media(prefers-reduced-motion:reduce){.cut-feature.scene-auto-active .cut-perspective{transform:translate(-50%,20px) scale(calc(var(--preview-scale)*.8))}}
@media(max-width:760px){.cut-feature:not(.scene-auto-active) .cut-window-area:hover .cut-perspective{transform:translate(-50%,20px) scale(calc(var(--preview-scale)*.8))}.cut-studio-track{animation-play-state:paused}.cut-feature.scene-auto-active .cut-studio-track{animation-play-state:running}}

/* Extend the black band's corners into the scene so the artwork has rounded corners. */
.game-feature::before,.cut-feature::before{z-index:2;border:1px solid transparent;border-radius:0;border-image:url('/assets/identity-band-corners.svg') 29 / 29px / 0 29px stretch}
@media(max-width:760px){.game-feature--package::before,.cut-feature::before{border-image-source:url('/assets/identity-band-corners-horizontal.svg');border-image-outset:29px 0 0}}
/* Both announcement types share the news section. */
.news-card[data-kind="devlog"] .news-title,#articleDialog[data-kind="devlog"] #articleTitle{color:#258bff}
.news-card[data-kind="news"] .news-title,#articleDialog[data-kind="news"] #articleTitle{color:#ff9d48}
/* Fully mask the mobile overlap, including character art; desktop stays unchanged. */
@media(max-width:760px){
 .game-feature--package,.cut-feature{border-radius:29px 29px 0 0;clip-path:inset(0 round 29px 29px 0 0)}
 .game-feature--package::before,.cut-feature::before{background:#111113;transform:none;transition:none}
 /* The crop stays fixed while the identity content slides into the lower panel. */
 .game-feature--package::after,.cut-feature::after{content:'';position:absolute;inset:auto 0 0;height:238px;z-index:1;background:#111113;pointer-events:none}
}
/* Independent translation leaves the existing hover and running transforms intact. */
.game-feature--project-g{--scene-enter-x:60vw}
.game-feature--project-d{--scene-enter-x:-60vw}
.scene-enter-ready :is(.project-g-character-motion,.project-d-duel,.cut-perspective){translate:var(--scene-enter-x,0px) max(100vh,900px);transition:translate 1.45s cubic-bezier(.16,1,.3,1)}
.scene-enter-ready .cut-perspective{transition:translate 1.45s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.22,1,.36,1)}
.scene-entered :is(.project-g-character-motion,.project-d-duel,.cut-perspective){translate:0px 0px}
@media(prefers-reduced-motion:reduce){.scene-enter-ready :is(.project-g-character-motion,.project-d-duel,.cut-perspective){translate:0px 0px;transition:none}}
/* Alternate Project D's layout without mirroring its artwork. */
@media(min-width:761px){
 .game-feature--project-d{--bridge-x:100vw}
 .game-feature--project-d::before{left:auto;right:calc((100% - min(1080px,100% - 72px))/2 - 54.5px)}
 .game-feature--project-d .cut-feature-content.wrap{grid-template-columns:minmax(0,1fr) 190px}
 .game-feature--project-d .cut-brand-column{grid-column:2}
 .game-feature--project-d .project-d-duel-stage{left:0;right:calc((100% - min(1080px,100% - 72px))/2 + 244.5px)}
 .game-feature--project-d .game-scene-title{left:4%;right:auto}
}
@media(min-width:761px) and (max-width:1000px){
 .game-feature--project-d::before{right:-10.3px}
 .game-feature--project-d .cut-feature-content.wrap{grid-template-columns:minmax(0,1fr) 160px}
 .game-feature--project-d .project-d-duel-stage{right:226.3px}
}
@media(min-width:1600px){
 .game-feature--project-d::before{right:calc((100% - min(1260px,100% - 80px))/2 - 54.5px)}
 .game-feature--project-d .project-d-duel-stage{right:calc((100% - min(1260px,100% - 80px))/2 + 244.5px)}
}

/* Content first, media second, date last. Preserve the uploaded image ratio. */
.news-card:has(.news-version){row-gap:10px}
.news-excerpt .news-version,#articleDialog .news-version{font:400 .81em/1.5 Mona12,var(--locale-ui);letter-spacing:0;margin:0 0 .3em;font-synthesis:none}
.news-media{display:grid;gap:12px;width:100%;min-width:0}
.news-image{width:100%;height:auto;max-height:220px;object-fit:contain;border-radius:10px;background:#161618}
.news-video{position:relative;width:100%;min-width:0}
.news-video>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.news-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:32px;border-radius:9px;background:#131317d9;color:white;font:18px/1 Arial,sans-serif}
#articleDialog .news-media{margin-top:22px}
#articleDialog .news-image{max-height:65dvh;margin:0}
.news-video>iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;border-radius:10px;background:#111}
.news-youtube-link{display:inline-block;font-size:12px;color:#b9b6c2;margin-top:6px}

.news-card .news-title,.news-card[data-kind=devlog] .news-title,#articleDialog #articleTitle,#articleDialog[data-kind=devlog] #articleTitle{color:var(--news-accent,#ff9d48)}