*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:white;color:#222;font-family:Arial,'Hiragino Sans',sans-serif}#frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#stage{position:relative;width:1440px;height:1000px;flex:none;overflow:hidden;transform-origin:center}img{display:block;user-select:none;-webkit-user-drag:none}.mark{position:absolute;z-index:8}.m{left:27px;top:5px;width:103px;height:80px}.g{left:1338px;top:9px;width:94px;height:89px}#clouds{position:absolute;inset:0;z-index:0}.cloud{position:absolute;width:298px;height:206px;top:34px;will-change:transform}#orange{position:absolute;left:105px;top:680px;width:1201px;height:274px;z-index:1}#shadows,#board-layer{position:absolute;inset:0;width:1440px;height:1000px;overflow:visible;pointer-events:none}#shadows{z-index:2}#base-shadow{position:absolute;left:679px;top:691px;width:54px;height:55px;transform-origin:50% 0;z-index:2;opacity:.65;filter:blur(1.1px)}#base-shadow img{width:100%;height:100%}#board-layer{z-index:3}#base{position:absolute;left:680px;top:643px;width:51px;height:50px;z-index:4}#objects{position:absolute;inset:0;z-index:5;pointer-events:none}.material{position:absolute;left:0;top:0;object-fit:contain;transform-origin:0 0;will-change:transform}.ticker{position:absolute;left:0;top:947px;width:1440px;height:22px;background:#fff100;z-index:9;overflow:hidden}.ticker img{width:66px;height:24px;position:absolute;top:-1px;animation:marquee 34s linear infinite}@keyframes marquee{from{transform:translateX(-68px)}to{transform:translateX(1442px)}}body.paused .ticker img{animation-play-state:paused}button:focus-visible{outline:2px solid #2ca6e0;outline-offset:3px}[hidden]{display:none!important}

/* Viewport decorations span the window independently of the centered artboard. */
:root{--scene-scale:1;--scene-top:0px}
#frame{z-index:1}
#clouds{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.cloud{width:calc(298px * var(--scene-scale));height:calc(206px * var(--scene-scale));top:calc(34px * var(--scene-scale))}
.mark{position:fixed;top:0;pointer-events:none}
.m{left:0;width:calc(103px * var(--scene-scale));height:calc(80px * var(--scene-scale))}
.g{left:auto;right:0;width:calc(94px * var(--scene-scale));height:calc(89px * var(--scene-scale))}
.ticker{position:fixed;left:0;right:0;width:100%;top:calc(var(--scene-top) + 947px * var(--scene-scale));height:calc(22px * var(--scene-scale))}
.ticker img{width:calc(66px * var(--scene-scale));height:calc(24px * var(--scene-scale));top:calc(-1px * var(--scene-scale))}
@keyframes marquee{from{transform:translateX(calc(-68px * var(--scene-scale)))}to{transform:translateX(calc(100vw + 2px))}}

/* Clip the scene at the window edges, not at the original artboard. */
#frame{overflow:hidden}
#stage{overflow:visible}
#clouds{z-index:10}

/* Portrait composition from Illustrator artboard 2 (390 × 844). */
body[data-layout="portrait"] #stage{position:absolute;left:var(--portrait-scene-left);top:var(--scene-top);transform-origin:0 0}
body[data-layout="portrait"] .m{width:calc(100.27px * var(--portrait-ui-scale));height:calc(76.93px * var(--portrait-ui-scale))}
body[data-layout="portrait"] .g{width:calc(89.69px * var(--portrait-ui-scale));height:calc(84.79px * var(--portrait-ui-scale));top:calc(6.55px * var(--portrait-ui-scale));right:calc(6.96px * var(--portrait-ui-scale))}
body[data-layout="portrait"] .cloud{width:calc(149.90px * var(--portrait-ui-scale));height:calc(103.52px * var(--portrait-ui-scale));top:calc(31.61px * var(--portrait-ui-scale))}
body[data-layout="portrait"] #base{width:91.8px;height:90px;left:660px;top:636px}
body[data-layout="portrait"] #base-shadow{width:97.2px;height:99px;left:657.4px}
body[data-layout="portrait"] #orange{left:52.46px;top:var(--portrait-orange-top);width:1333.59px;height:308.03px}
body[data-layout="portrait"] .ticker{top:auto;bottom:0;height:calc(21.79px * var(--portrait-ui-scale))}
body[data-layout="portrait"] .ticker img{width:calc(64.57px * var(--portrait-ui-scale));height:calc(23.48px * var(--portrait-ui-scale));top:0;animation-name:portrait-marquee}
@keyframes portrait-marquee{from{transform:translateX(calc(-66px * var(--portrait-ui-scale)))}to{transform:translateX(calc(100vw + 2px))}}

/* Download artwork: desktop Illustrator bounds (1379.27, 905.46)–(1413.76, 936.95). */
#download-link{position:fixed;right:calc(26.24px * var(--scene-scale));top:calc(var(--scene-top) + 905.46px * var(--scene-scale));width:calc(34.49px * var(--scene-scale));height:calc(31.49px * var(--scene-scale));z-index:11;display:block}
#download-link img{width:100%;height:100%}
#download-link:focus-visible{outline:2px solid #2ca6e0;outline-offset:6px}
body[data-layout="portrait"] #download-link{display:none}