.title-screen{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#071535;overflow:hidden}
.title-card{position:relative;flex:none;container-type:inline-size;width:min(100%,calc(100dvh * 1668 / 941));aspect-ratio:1668/941;max-height:100dvh;box-shadow:0 0 70px #0008}
.title-card>picture,.title-card>nav{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0}.title-card>nav{pointer-events:none}.title-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.title-hotspot{position:absolute;left:3.35%;width:28.05%;height:10.55%;border-radius:999px;background:transparent;border:3px solid transparent;cursor:pointer;padding:0;pointer-events:auto}
.title-hotspot.new{top:48.9%}.title-hotspot.continue{top:61%}.title-hotspot.settings{top:73%}
.title-hotspot:hover,.title-hotspot:focus-visible{border-color:#fff7b5;box-shadow:0 0 0 3px #71e4ff,0 0 25px #ffed82b0;outline:0}
.title-hotspot:disabled{cursor:not-allowed;background:transparent;box-shadow:none;border-color:transparent}
.title-hotspot:active{background:#fff3}

.title-audio-note{position:absolute;z-index:2;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:90%;width:max-content;border:1px solid #a6dafa66;border-radius:999px;background:#071535db;color:#fff6db;padding:7px 14px;font-size:clamp(10px,1.2vw,14px);text-align:center;pointer-events:none}
/* Keep this condition identical to renderTitle()'s picture source. Narrow PCs still use the wide art. */
@media (pointer:coarse) and (hover:none) and (orientation:portrait) and (max-width:900px){.title-card{width:min(100%,calc(100dvh * 676 / 1196));aspect-ratio:676/1196}.title-hotspot{left:23.65%;width:52.5%;height:6.15%}.title-hotspot.new{top:74.8%}.title-hotspot.continue{top:81.6%}.title-hotspot.settings{top:88.2%}}

.title-screen .title-hotspot.continue:disabled{opacity:1;background:transparent;border-color:transparent;box-shadow:none}
