:root{color-scheme:dark;--night:#0c1016;--ice:#d4e6f5;--blue:#6aade0;--muted:#8295a7}
*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--ice);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 50% 22%,#15233499,transparent 65%)}
.site-shell{max-width:1280px;margin:auto;padding:0 48px;min-height:100svh;display:flex;flex-direction:column}header{height:124px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ice)}.brand img{object-fit:contain;max-width:104px;height:auto}.wordmark{font-size:19px;font-weight:700;letter-spacing:2.4px}.wordmark span{display:block;font-size:9px;letter-spacing:6px;color:var(--blue);font-weight:400;margin-top:7px}.status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.5px;color:#a7bdce}.status i{width:5px;height:5px;background:var(--blue);border-radius:100%;box-shadow:0 0 12px #6aade050}main{flex:1}.showcase{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #648ba52b;border-radius:6px;background:var(--night);box-shadow:0 20px 70px #0005;isolation:isolate}.showcase video{display:block;width:100%;height:100%;object-fit:contain}.endcard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(ellipse at center,#182737,var(--night) 65%);opacity:0;pointer-events:none;transition:opacity 1.1s}.endcard.visible{opacity:1}.endcard img{width:58%;height:auto}.endcard p{color:var(--blue);letter-spacing:7px;font-size:14px;margin:0}.controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:36px 20px 13px;background:linear-gradient(transparent,#0c1016df);opacity:0;transition:opacity .25s}.showcase:hover .controls,.showcase:focus-within .controls,.showcase.ended .controls,.showcase.paused .controls{opacity:1}button{border:0;color:var(--ice);background:transparent;cursor:pointer}.icon-button{width:36px;height:36px;padding:8px;border-radius:4px;flex-shrink:0}.icon-button:hover{background:#6aade024;color:white}.icon-button svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.chapters{display:flex;flex:1;gap:7px}.chapters button{flex:1;padding:14px 0}.chapters span{display:block;height:2px;background:#c6ddf436;position:relative;overflow:hidden}.chapters span:after{content:"";display:block;height:100%;width:var(--progress,0%);background:var(--blue)}.chapters button:hover span{background:#b7dcf580}.game-note{padding:28px 0 44px;display:flex;justify-content:space-between;align-items:center}.game-name{font-size:12px;letter-spacing:3.2px;font-weight:700}.game-note p{margin:9px 0 0;font-size:12px;color:var(--muted)}.development{font-size:9px;color:var(--blue);letter-spacing:2.4px}footer{border-top:1px solid #6aade019;display:flex;justify-content:space-between;padding:22px 0 26px;font-size:10px;color:#657c8f;letter-spacing:.2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showcase:fullscreen{border:none;border-radius:0;background:var(--night)}
@media(max-width:700px){.site-shell{padding:0 20px}header{height:100px}.brand{gap:7px}.brand img{width:78px}.wordmark{font-size:15px;letter-spacing:1.5px}.wordmark span{font-size:8px;letter-spacing:4.4px}.status{font-size:10px}.showcase{border-radius:4px}.game-note{padding:23px 0 36px}.development{font-size:8px;letter-spacing:1.3px}.controls{padding:24px 8px 4px;gap:5px}.icon-button{width:30px;height:30px;padding:7px}.endcard{gap:16px}.endcard p{font-size:10px;letter-spacing:4px}footer{font-size:9px;gap:20px;line-height:1.7}footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

.studio-header{height:120px;border-bottom:1px solid #6aade019;margin-bottom:28px}
.brand .wordmark{font-weight:500;font-size:25px;letter-spacing:3px}.brand .wordmark span{font-size:9px;letter-spacing:6px;margin-top:8px}
.shot-caption{position:absolute;left:24px;top:24px;pointer-events:none;background:#0c1016bc;padding:11px 15px;border-left:2px solid var(--blue);transition:opacity .3s}
.shot-caption span{font-size:9px;letter-spacing:2px;color:var(--blue)}.shot-caption p{font-size:16px;margin:6px 0 0;letter-spacing:.4px}
.intro-active .shot-caption,.ended .shot-caption{opacity:0}.controls{z-index:3}.endcard{z-index:2}
.game-note{padding:28px 0 48px}
@media(max-width:700px){.studio-header{height:100px;margin-bottom:20px}.brand .wordmark{font-size:20px}.shot-caption{left:12px;top:12px;padding:8px 10px}.shot-caption p{font-size:12px}.shot-caption span{font-size:7px}.game-note{padding:22px 0 36px}}