*{box-sizing:border-box}html{background:#02091e;color-scheme:dark}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#02091e;font-family:Arial,sans-serif}.poster{position:relative;width:100%;max-width:853px;line-height:0}.art{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;border-radius:8px;-webkit-tap-highlight-color:rgba(70,220,255,.2)}.hotspot:hover{background:rgba(96,220,255,.09);box-shadow:inset 0 0 18px rgba(73,220,255,.2)}.hotspot:focus-visible{outline:3px solid #fff178;outline-offset:2px;background:rgba(73,220,255,.15)}.hotspot span,.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}.level{width:22.5%;height:8.3%}.l1,.l4{left:6.2%}.l2,.l5{left:30.5%}.l3,.l6{left:53.5%}.l1,.l2,.l3{top:53.8%}.l4,.l5,.l6{top:62.5%}.more{left:77%;top:53.8%;width:17.7%;height:17.5%}.ranks{left:77.7%;top:73.9%;width:15.2%;height:2.8%}.start{left:26%;top:90.7%;width:48%;height:5.2%;border-radius:999px}@media(prefers-reduced-motion:no-preference){.hotspot{transition:background .15s,box-shadow .15s}}