*{box-sizing:border-box}html{background:#02091e;color-scheme:dark}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;background:#02091e;font-family:Arial,sans-serif}.poster{position:relative;width:100%;max-width:720px;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:23%;height:7.7%}.l1,.l4{left:6.5%}.l2,.l5{left:30.5%}.l3,.l6{left:53%}.l1,.l2,.l3{top:53.2%}.l4,.l5,.l6{top:61.4%}.more{left:76%;top:53.2%;width:18%;height:16%}.ranks{left:77%;top:71.4%;width:16%;height:3.4%}.start{left:25.3%;top:89.5%;width:49.6%;height:5.2%;border-radius:999px}@media(prefers-reduced-motion:no-preference){.hotspot{transition:background .15s,box-shadow .15s}}