/* Page-local matrices share the same composition, without viewport pinning. */
.case-journey{position:relative;background:#000;color:#fff;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400;font-synthesis:none}
.motivation-matrix{position:absolute;left:0;top:0;z-index:4;pointer-events:none;width:833.331px;height:833.331px;transform-origin:0 0;transform:translate3d(var(--matrix-x,0px),var(--matrix-y,0px),0) scale(var(--matrix-scale,1))}
.motivation-matrix[data-reveal="pending"]{opacity:0}
.motivation-matrix[data-reveal="shown"]{opacity:1}
@media print{.motivation-matrix[data-reveal]{opacity:1}}
.matrix-shape{position:absolute;left:50%;top:50%;transform-origin:center}
.matrix-shape img{position:absolute;left:6.65%;top:0;width:86.7%;height:100%}
.matrix-outer{width:608.931px;height:608.931px;transform:translate(-50%,-50%) rotate(-59.61deg)}
.matrix-inner{width:520.662px;height:520.662px;transform:translate(-50%,-50%) rotate(-88.63deg)}
.matrix-word{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);font-size:var(--matrix-label-size,32px);font-weight:500;line-height:1.4;white-space:nowrap;color:#fff}
.matrix-center{position:absolute;left:50.9%;top:48.66%;transform:translate(-50%,-50%);font-size:var(--matrix-label-size,32px);font-weight:500;white-space:nowrap;color:#92aaff}
.story-page{height:calc(56.25 * var(--page-unit));min-height:0;padding:0;isolation:auto;font-family:inherit;font-variation-settings:normal;font-stretch:normal}
.story-title{position:absolute;left:3.177083%;top:15%;font-size:calc(1.875 * var(--page-unit));font-weight:500;line-height:1.4;letter-spacing:0}
.analysis-page .story-title{left:4.16667%;top:15.37%;font-size:calc(2.083333 * var(--page-unit));font-weight:600}
.analysis-column{position:absolute;top:28.61%;bottom:11.75%;width:26.40625%;display:flex;flex-direction:column;justify-content:space-between}
.analysis-left{left:4.32292%}.analysis-right{left:71.09375%}
.analysis-column h3{font-size:calc(1.25 * var(--page-unit));font-weight:600;line-height:1.4;margin-bottom:calc(1.510417 * var(--page-unit))}
.analysis-column p{font-size:calc(.833333 * var(--page-unit));line-height:1.5;color:#d3d3d3;font-weight:400}
.story-copy{position:absolute;font-size:calc(1.041667 * var(--page-unit));line-height:1.4;font-weight:400;letter-spacing:0}
.story-copy p+p{margin-top:calc(1.302083 * var(--page-unit))}
.replay-copy{left:33.4%;top:41.574%;width:27%;height:42.4%;display:flex;flex-direction:column;justify-content:space-between}
.progress-copy{left:30.52%;top:52.31%;width:14.635%}
.progress-copy p+p{margin-top:calc(1.77 * var(--page-unit))}.progress-copy p:last-child{margin-top:calc(2.44 * var(--page-unit))}
.final-copy{left:30.365%;top:54.9%;width:26%;font-size:calc(1.25 * var(--page-unit))}
.final-copy p+p{margin-top:calc(1.25 * var(--page-unit))}.final-copy p:last-child{margin-top:calc(3.64 * var(--page-unit))}
.story-phones{position:absolute;display:flex;justify-content:space-between;align-items:flex-start;gap:calc(2 * var(--page-unit))}
.story-phones img{display:block;width:100%;height:auto;min-width:0;object-fit:contain}
.replay-phone{left:74.208%;top:19.44%;width:18.7%}
.progress-phones{left:53.385%;top:23.5185%;width:39.5%;gap:calc(4.6458 * var(--page-unit))}
.progress-phones img{width:44.14%}
.final-phones{left:59.808%;top:25%;width:36.98%;gap:calc(2.552 * var(--page-unit))}
.final-phones img{width:46.39%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#game-highlight .case-copy{padding-top:calc(15.364583 * var(--page-unit));padding-left:calc(5.989583 * var(--page-unit));width:43%}
#game-highlight .case-copy h3{margin-top:calc(1.666667 * var(--page-unit))}
#game-highlight .case-principles{margin-top:calc(5.78125 * var(--page-unit));font-size:calc(1.041667 * var(--page-unit));color:#a3a3a3;line-height:1.4;font-weight:400}
#game-highlight .case-summary{margin-top:calc(3.229167 * var(--page-unit));font-size:calc(1.25 * var(--page-unit));line-height:1.4;font-weight:500}



@media(prefers-reduced-motion:reduce){.motivation-matrix{will-change:auto}}