:root{--bg:#4070ae;--ink:#eaf1ff;--dim:#bfd0ea;--th:40px;--side:28px}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#2b61a7 url(/poster.webp) 50% calc(100% + 6vh)/cover no-repeat;font:14px/1.3 Inter,system-ui,sans-serif;overflow:hidden}#scene{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}#scene.on{opacity:1}#stage{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%)}#stage:active{cursor:grabbing}.card{clip-path:inset(0 round 14px);will-change:transform, opacity;background:#ccc 50%/cover no-repeat;border-radius:14px;position:absolute;top:32%;left:50%;overflow:hidden}.card .img,.fog{pointer-events:none;position:absolute;inset:0}.card .img{background:50%/cover no-repeat}.card video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.card video.on{opacity:1}.fog{background:var(--bg);opacity:0}:root{--grain:.42;--blur:8px}.grain{pointer-events:none;mix-blend-mode:overlay;opacity:var(--grain);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3e%3cfilter%20id='g'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='2'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='1%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200%200%200%200%201'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='linear'%20slope='1.5'%20intercept='-.25'/%3e%3cfeFuncG%20type='linear'%20slope='1.5'%20intercept='-.25'/%3e%3cfeFuncB%20type='linear'%20slope='1.5'%20intercept='-.25'/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='200'%20height='200'%20filter='url(%23g)'/%3e%3c/svg%3e") 0 0/200px;position:fixed;inset:0}.card .grain{opacity:calc(var(--g,0) * var(--grain));position:absolute}#blur{pointer-events:none;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 55%,#000);mask-image:radial-gradient(#0000 55%,#000)}footer{left:calc(var(--side) + env(safe-area-inset-left));right:calc(var(--side) + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute}#titleBox{height:var(--th);position:fixed;overflow:hidden}#titles div{height:var(--th);letter-spacing:-.01em;white-space:nowrap;font-size:30px;font-weight:600}#titles small{color:var(--dim);letter-spacing:0;margin-left:10px;font-size:13px;font-weight:400}.right{text-align:right;color:var(--dim);font-size:12px}body.replay .right{visibility:hidden}@media (pointer:coarse){.fine{display:none}}@media not (pointer:coarse){.coarse{display:none}}@media (aspect-ratio<=32/45){body{background:#2b61a7 url(/poster-phone.webp) 50% 68.2%/cover no-repeat}}@media (orientation:portrait){:root{--th:52px;--side:20px}#stage{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%)}#titles div{font-size:24px;line-height:30px}#titles small{margin:0;line-height:18px;display:block}}body.bare{background:#000}body.bare nav,body.bare #stage,body.bare footer,body.bare #blur,body.bare .grain,body.bare #bubble{display:none}#bubble{z-index:5;opacity:0;visibility:hidden;transition:opacity .25s,translate .25s,visibility .25s;position:absolute;translate:0 6px}#bubble.on{opacity:1;visibility:visible;translate:0}body.plain #bubble{opacity:1;visibility:visible;margin:48px 0 0;position:relative;translate:none}body.plain #bubble:after,body.plain #bubble .centre{display:none}#list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.plain{-webkit-user-select:auto;user-select:auto;background:#0d1a30;overflow:auto}body.plain #scene,body.plain #stage,body.plain footer,body.plain #blur{display:none}body.plain #list{clip-path:none;white-space:normal;width:auto;max-width:1160px;height:auto;padding:calc(84px + env(safe-area-inset-top)) var(--side) 72px;margin:0 auto;position:static;overflow:visible}#list h1{letter-spacing:-.01em;margin:0 0 6px;font-size:34px}.lede{color:var(--dim);margin:0 0 32px;font-size:16px}#items{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px 28px;margin:0;padding:0;list-style:none;display:grid}#items img{aspect-ratio:16/9;object-fit:cover;background:#15284a;border-radius:14px;width:100%;height:auto;display:block}#items h2{margin:12px 0 2px;font-size:20px;font-weight:600}#items p{color:var(--dim);margin:0}.see3d{color:var(--dim);margin:40px 0 0;display:none}body.reduced .see3d{display:block}.see3d a{color:var(--ink)}::view-transition-old(root){z-index:1;-webkit-mask-image:radial-gradient(circle farthest-corner at 50% 68%, #000 calc(var(--vt) - 30%), transparent var(--vt));mask-image:radial-gradient(circle farthest-corner at 50% 68%, #000 calc(var(--vt) - 30%), transparent var(--vt));animation-name:vt-gather}::view-transition-new(root){animation-name:vt-wake}@keyframes vt-gather{0%{--vt:115%}45%{filter:none}to{--vt:0%;filter:brightness(1.8)sepia(.6)saturate(1.3)}}@keyframes vt-wake{0%{filter:blur(6px)brightness(.55);transform:scale(1.04)}}