*{box-sizing:border-box}body{margin:0;background:#f6f4ee;color:#193833;font:16px/1.5 system-ui,-apple-system,"Malgun Gothic",sans-serif}main{max-width:1120px;margin:auto;padding:22px}header,.catalog-heading,.controls,.pages,nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}a{color:#234e45}header>a{font-weight:700}h1{letter-spacing:.08em;font-size:28px}.stage{position:relative;aspect-ratio:16/9;background:#09262e;overflow:hidden;border-radius:5px}canvas{display:block;width:100%;height:100%}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.loading[hidden]{display:none}button{font:inherit;font-weight:600;background:#204b41;color:white;border:1px solid #204b41;border-radius:5px;min-height:44px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b87713;outline-offset:3px}.controls{justify-content:flex-start;margin-top:12px}#play{min-width:120px}.controls>a{margin-left:auto}.caption{min-height:1.5em;font-size:17px}#status{font-weight:600;margin:10px 0}.notice{font-size:13px;color:#53675f}.catalog{margin-top:26px;border-top:1px solid #cbd1c9}#stories{padding:0;list-style:none}#stories li{padding:13px 0;border-bottom:1px solid #d7dcd6;display:flex;align-items:center;gap:12px}#stories li span{flex:1;min-width:0;overflow-wrap:anywhere}#stories small{display:block;color:#5c7065}#stories button{min-width:64px}.expand{display:none}.embedded main{padding:0}.embedded header,.embedded h1,.embedded .catalog,.embedded .notice,.embedded .caption{display:none}.embedded .stage{border-radius:3px}.embedded .controls{gap:5px;margin-top:6px;flex-wrap:nowrap}.embedded button{font-size:12px;padding:6px;min-width:0;min-height:38px}.embedded #status{font-size:12px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embedded #article{font-size:12px}.embedded .expand{font-size:12px;display:block;text-align:right}@media(max-width:600px){main{padding:12px}h1{font-size:23px}.controls{gap:6px}button{font-size:14px;padding:8px 10px}.controls>a{font-size:14px;margin-left:0}.caption{font-size:15px}#stories li{align-items:flex-start}header>a{max-width:210px}h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}