*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0e0b0e;color:#f5eaf0;font:15px/1.5 system-ui}main{max-width:1160px;margin:auto;padding:14px}header{display:flex;align-items:center;gap:20px;padding:8px 0 14px}header span{flex:1;font-weight:650}.brand{color:#ff646b;font-size:11px;font-weight:800;letter-spacing:.12em;text-decoration:none}button,summary{cursor:pointer}button{border:1px solid #695560;color:#fff;background:#32202d;border-radius:9px;padding:10px 16px;font:inherit}button:hover{background:#5b273b}a{color:#ff8891}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f28a96;outline-offset:4px}#player{height:min(76svh,780px);min-height:250px;background:#000;border-radius:12px;overflow:hidden}ruffle-player{display:block;width:100%;height:100%}#status{margin:8px 0;font-size:13px;color:#ccb6c3}details{margin:10px 0;font-size:13px}summary{width:max-content;color:#dac4d1}main:fullscreen{max-width:none;width:100%;height:100%;padding:8px;display:flex;flex-direction:column;background:#000}main:fullscreen #player{height:auto;flex:1;min-height:0}main:fullscreen details{display:none}@media(max-width:540px){main{padding:8px}header{gap:10px;flex-wrap:wrap}.brand{font-size:10px}header span{font-size:13px}button{padding:8px 10px;font-size:13px}#player{height:min(66svh,640px)}}