main{width:100%;padding:0 1em}main.player{width:100svw;height:100svh}main.player>button{border:2px solid var(--text-color);width:5em;color:var(--text-color);cursor:pointer;background-color:#0000;border-radius:1rem;font-size:1.5rem;line-height:2;display:block}main.player>.open-info{position:absolute;bottom:1rem;left:1rem}main.player>.reset{position:absolute;bottom:1rem;right:1rem}dialog.problem-info{border:2px solid var(--text-color);color:var(--text-color);background-color:var(--bg-color);text-align:center;border-radius:1rem;padding:0 1rem}dialog.problem-info.solving::backdrop{background-color:var(--bg-color)}dialog.problem-info>*{margin:1rem 0}dialog.problem-info>.difficulty{margin:0;font-size:.75rem;position:absolute;top:.25rem;left:.5rem}dialog.problem-info>.credit{text-align:left;margin:0;display:inline-block}dialog.problem-info>.record>button{border:2px solid var(--text-color);color:var(--text-color);background-color:var(--bg-color);cursor:pointer;border-radius:.5em;margin-inline-start:1em;padding:0 .5em;font-size:1rem;line-height:2;display:inline-block}dialog.problem-info>nav{margin:1em 0}dialog.problem-info>nav>*{border:2px solid var(--text-color);color:var(--text-color);background-color:var(--bg-color);cursor:pointer;border-radius:.5em;margin:0 .5em;padding:.5em 1em;font-size:1rem;line-height:2;display:inline-block}dialog.problem-info>nav>a{border:unset}dialog.problem-info>nav>button:disabled{background-color:var(--border-color)}dialog.result{border:2px solid var(--text-color);color:var(--text-color);background-color:var(--bg-color);text-align:center;border-radius:1rem}dialog.result>button{border:2px solid var(--text-color);color:var(--text-color);background-color:var(--bg-color);cursor:pointer;border-radius:.5em;margin-inline-start:1em;padding:0 .5em;font-size:1rem;line-height:2;display:inline-block}main.archives{max-width:60rem;margin-inline:auto;padding:1em}main.archives ol{text-align:center;padding:0}main.archives li{vertical-align:top;margin:1rem .5rem;list-style:none;display:inline-block}main.archives li button{border:2px solid var(--text-color);width:18em;color:var(--text-color);background-color:var(--bg-color);cursor:pointer;border-radius:1rem;padding:1rem;font-size:1rem;display:inline-block;position:relative}main.archives li button>*{margin:1rem 0}main.archives li button:disabled{background-color:var(--border-color)}main.archives .difficulty{margin:0;font-size:.75rem;position:absolute;top:.5rem;left:.75rem}.notifications{position:absolute;top:0;right:0;overflow-x:hidden}.notification{border-inline-start:3px solid var(--accent-color);border-block-end:1px solid var(--border-color);color:var(--text-color);background-color:var(--bg-color);z-index:100;margin:1rem;padding-inline:.5rem;animation:.2s slidein}.notification>p{margin:0;font-size:1rem;line-height:2}@keyframes slidein{0%{transform:translate(100%)}}