/* Approved Mika key art with real, keyboard-accessible menu controls. */
body{--title-w:min(100vw,177.69svh);--title-h:min(100svh,56.28vw)}
body[data-mode="menu"][data-menu-phase="title"]{background:#0c101b}
body[data-mode="menu"][data-menu-phase="title"] #world{visibility:hidden}
body[data-mode="menu"][data-menu-phase="title"] header,body[data-mode="menu"][data-menu-phase="title"] #menuFooter,body[data-mode="menu"][data-menu-phase="title"] #menuShade{display:none}
#titleArt{position:fixed;inset:0;z-index:1;background:#0c101b url('art/mika-title-v2.webp') center/contain no-repeat}
#titleScreen{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:var(--title-w);height:var(--title-h);text-align:center;pointer-events:none}
#titleScreen .title-kicker{display:none}
#titleScreen .adventure-logo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#titleScreen .title-actions{position:absolute;top:48%;left:8.5%;width:29%;max-width:none;display:flex;flex-direction:column;gap:clamp(3px,.8svh,10px);margin:0;pointer-events:auto}
#titleScreen .console-primary{width:100%;min-height:clamp(44px,5.3vw,72px);padding:12px 20px;border:1px solid #dbb66f;outline:1px solid #a7773d;outline-offset:4px;background:linear-gradient(110deg,#0e151ef5,#16191ef0);box-shadow:inset 0 0 0 3px #d3aa6540,0 8px 30px #060b1a70;clip-path:none;border-radius:2px;color:#fff5dd;font:500 clamp(14px,1.55vw,25px)/1.2 Georgia,serif;letter-spacing:2px;text-transform:uppercase;transition:background .2s,box-shadow .2s}
#titleScreen .console-primary:before,#titleScreen .console-primary>.game-icon{display:none}
#titleScreen .console-primary>span{text-align:center}
#titleScreen .console-primary:hover{transform:none;background:#2c2630;box-shadow:inset 0 0 0 3px #d3aa6560,0 0 28px #e2bc6a40}
#titleScreen .console-secondary{order:1;margin:6px 0 0;min-height:42px;padding:8px;background:#101721e8;border:1px solid #caa66d80;color:#fff0ce;text-align:center;font:14px Georgia,serif;letter-spacing:1px;box-shadow:none;border-radius:0}
#titleScreen .console-secondary small{font:10px/1.3 Georgia,serif;color:#d4c4ab}
#titleScreen .title-links{order:2;display:grid;grid-template-columns:1fr 1fr;border:0;margin:8px 0 0;gap:0 12px}
#titleScreen .title-links button{min-height:40px;padding:7px 2px;margin:0;border:0;border-bottom:1px solid #d6b77860;background:#11162290;box-shadow:none;border-radius:0;color:#fff2d6;font:500 clamp(11px,1.05vw,17px)/1.3 Georgia,serif;text-transform:uppercase;letter-spacing:1.4px;text-shadow:0 2px 5px #000;justify-content:center}
#titleScreen #titleBosses{grid-column:1/-1;grid-row:1;font-size:clamp(14px,1.3vw,20px);min-height:44px;background:#101621b0}
#titleScreen #titleGuide{grid-column:1/-1;grid-row:2}
#titleScreen .title-links .game-icon{display:none}
#titleScreen .title-links button:hover{background:#4e3b2abf;color:#ffe1a0}
#titleScreen .profile-link{order:3;text-align:center;font:11px/1.4 Georgia,serif;letter-spacing:1px;color:#f2dfb8;margin:0;padding:8px 0;min-height:36px;background:#0e15229c}
#titleScreen .input-hint{position:absolute;left:7%;bottom:5%;width:33%;margin:0;display:block;color:#f4e4c6;text-shadow:0 2px 4px #000;font:clamp(10px,1.1vw,17px)/1.5 Georgia,serif;letter-spacing:1px}
#titleScreen button:focus-visible{outline:2px solid #fff0b6;outline-offset:5px;background:#3b2e26}
@media(max-height:600px) and (min-aspect-ratio:1/1){#titleScreen .title-actions{top:46%;gap:2px}#titleScreen .console-primary{min-height:36px;padding:8px;font-size:13px}#titleScreen .title-links{gap:0 7px;margin-top:5px}#titleScreen .title-links button,#titleScreen #titleBosses{min-height:29px;font-size:10px;padding:4px}#titleScreen .profile-link{min-height:24px;padding:3px;font-size:9px}#titleScreen .input-hint{display:none}#titleScreen .console-secondary{min-height:30px;font-size:11px;padding:5px}#titleScreen .console-secondary small{display:none}}
@media(max-aspect-ratio:1/1){
 #titleArt{background-size:auto 64svh;background-position:94% top;background-color:#0c101b}
 #titleArt:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c101b 0%,#0c101b 35%,#0c101b00 65%)}
 #titleScreen{inset:0;width:100%;height:100svh;transform:none;overflow-y:auto;pointer-events:auto;padding:44svh 7% max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}
 #titleScreen .adventure-logo{position:static;clip-path:none;white-space:normal;overflow:visible;width:100%;height:auto;margin:0 0 22px;padding:0;display:flex;align-items:center;gap:3px;transform:none;filter:none;line-height:1;text-align:center}
 #titleScreen .adventure-logo span,#titleScreen .adventure-logo strong{display:block;font-family:Georgia,serif;font-style:normal;font-weight:500;-webkit-text-stroke:0;text-shadow:0 2px 5px #000,0 0 25px #000;letter-spacing:3px;color:#f4e7cc;margin:0;font-size:clamp(16px,4.5vw,28px)}
 #titleScreen .adventure-logo strong{font-size:clamp(40px,11vw,75px);letter-spacing:1px;color:#f1cf8b}
 #titleScreen .adventure-logo .title-ending{font-size:clamp(15px,4vw,26px)}
 #titleScreen .title-actions{position:static;width:min(100%,440px);gap:8px}
 #titleScreen .console-primary{min-height:54px;font-size:17px}
 #titleScreen .title-links button{min-height:44px;font-size:12px;background:transparent}
 #titleScreen #titleBosses{font-size:16px;min-height:44px;background:transparent}
 #titleScreen .profile-link{font-size:12px;min-height:40px;background:transparent}
 #titleScreen .input-hint{position:static;width:100%;font-size:11px;letter-spacing:.5px;margin:18px 0 0}
}
.ranking-navigation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0}.ranking-navigation button{padding:9px 14px;border:1px solid #b99a58;background:#182126;color:#f4dca7;border-radius:4px;cursor:pointer}.ranking-navigation button:disabled{opacity:.35;cursor:default}#rankPage,#rankSubmission{font-size:12px;color:#cabd9b}#rankSubmission{min-height:1.4em}.leaderboard-table .rank-mine td{color:#ffe2a3;background:rgba(190,147,59,.12)}.leaderboard-table td{font-variant-numeric:tabular-nums}
