:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#07304f;background:transparent}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}
.aws-logo-shell{position:relative;width:100%;height:100%;min-height:180px}
.stage{position:absolute;inset:0 0 54px;overflow:hidden}
.stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-5px}
.stage canvas:active{cursor:grabbing}
.stage canvas:focus-visible{outline:3px solid #0879ca}
.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.controls{position:absolute;inset:auto 12px 8px;display:flex;justify-content:center;gap:8px;align-items:center}
.controls[hidden]{display:none}
.hint{font-size:12px;margin-right:10px;line-height:1.4;color:#536171;background:rgba(255,255,255,.92);padding:6px 8px;border-radius:12px}
button{font:600 12px/1 Arial,Helvetica,sans-serif;color:#07304f;border:1px solid #c9d3df;border-radius:22px;background:rgba(255,255,255,.96);min-height:38px;padding:10px 15px;cursor:pointer;white-space:nowrap}
button:hover{background:#edf5fb;border-color:#86a9c4}
button:focus-visible{outline:3px solid #0879ca;outline-offset: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}
.hide-controls .stage{bottom:0}
.hide-controls .controls{display:none}
@media(max-width:340px){.hint{display:none}.controls{gap:8px}button{min-height:40px}}