.title-screen{color-scheme:dark;--bg:#0e1119;--panel:#141923;--line:#2b3341;--ink:#f2f3f5;--body:#a6afbe;--dim:#758197;--orange:#e2906f;--green:#8cc265;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.title-screen *{box-sizing:border-box}.title-screen{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -30%,#2b35454d,transparent 65%),var(--bg);color:var(--ink)}.title-screen button,.title-screen a{-webkit-tap-highlight-color:transparent}.title-screen button{font:inherit;cursor:pointer}.title-screen button:focus-visible,.title-screen a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.title-screen main{max-width:1190px;padding:35px 40px 30px;margin:auto}.title-screen .topline{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font:10px ui-monospace,monospace;letter-spacing:2px}.title-screen .mark{color:var(--green);font-size:19px;margin-right:10px}.title-screen .topline span{display:flex;align-items:center}.title-screen header{text-align:center;padding:35px 0 30px}.title-screen h1{font-size:clamp(34px,5.2vw,66px);letter-spacing:-3px;line-height:1;margin:0;font-weight:850}.title-screen h1 span{color:var(--orange)}.title-screen .byline{font:11px ui-monospace,monospace;color:var(--dim);margin:13px 0 20px;letter-spacing:1px}.title-screen .tagline{font-size:16px;color:var(--body);margin:0}.title-screen .tagline strong{color:var(--ink);font-weight:500}.title-screen .hero{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.title-screen .visual{min-width:0;border-right:1px solid var(--line);background:#10151e;display:flex;flex-direction:column}.title-screen .stagebar{padding:21px 25px 0;display:flex;align-items:center;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--dim);gap:10px}.title-screen .status{color:var(--green);display:flex;gap:7px;align-items:center}.title-screen .status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.title-screen .status.locked{color:var(--orange)}.title-screen #scene{width:100%;aspect-ratio:620/440;display:block}.title-screen .stagefoot{padding:12px 25px 21px;margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.title-screen .stagefoot .transport{order:2}.title-screen .transport{display:flex;gap:8px;flex-shrink:0}.title-screen .iconbtn{border:1px solid var(--line);background:transparent;color:var(--body);border-radius:6px;width:31px;height:29px}.title-screen .iconbtn:hover{background:#252d3c;color:white}.title-screen .chapters{display:flex;gap:8px;align-items:center}.title-screen .step{border:1px solid var(--line);border-radius:5px;background:transparent;padding:6px 9px;font-size:10px;color:var(--dim)}.title-screen .step.active{color:var(--orange);border-color:#e2906f80;background:#e2906f0b}.title-screen .board{padding:26px 25px 24px;min-width:0}.title-screen .board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.title-screen .board-heading h2{font-size:16px;letter-spacing:1px;font-weight:600;margin:0}.title-screen .board-heading span{color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:1px}.title-screen table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.title-screen col.rank{width:22px}.title-screen col.time{width:64px}.title-screen col.level{width:40px}.title-screen col.score{width:72px}.title-screen th{text-align:right;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--dim);padding:0 0 12px;font-weight:400}.title-screen th:nth-child(2){text-align:left}.title-screen td{font:12px ui-monospace,monospace;padding:13px 0;border-top:1px solid #29324180;text-align:right;color:var(--body)}.title-screen td:first-child{text-align:left;color:var(--dim);font-size:10px}.title-screen td:nth-child(2){text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:9px;color:var(--ink);font-family:system-ui,sans-serif;font-size:13px}.title-screen .board:not(.later) tbody tr:first-child td{color:var(--orange)}.title-screen td:nth-child(3){color:var(--ink)}.title-screen .board-note{font-size:10px;color:var(--dim);margin:18px 0 0;line-height:1.5}.title-screen .start{display:block;width:max-content;max-width:100%;margin:0 auto 18px;padding:8px 20px;text-align:center;color:var(--orange);text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-.4px}.title-screen .start:hover{color:#ffc4a8;text-shadow:0 0 24px #e2906f35}
@media(min-width:761px) and (max-height:950px){.title-screen main{padding-top:25px}.title-screen header{padding:22px 0}.title-screen h1{font-size:54px}.title-screen .byline{margin:10px 0 14px}}
@media(max-width:760px){.title-screen main{padding:23px 20px}.title-screen .topline{font-size:8px;letter-spacing:1px}.title-screen header{padding:30px 0 25px}.title-screen h1{letter-spacing:-1.7px}.title-screen .tagline{font-size:13px}.title-screen .hero{grid-template-columns:1fr}.title-screen .visual{border-right:0;border-bottom:1px solid var(--line)}.title-screen .stagebar{padding:18px 15px 0;font-size:8px}.title-screen .stagefoot{padding:0 15px 18px}.title-screen .step{font-size:9px;padding:6px}.title-screen .chapters{gap:5px}.title-screen .board{padding:23px 20px}.title-screen td{padding:11px 0}.title-screen .board-heading{margin-bottom:20px}.title-screen .start{font-size:25px}}

.title-screen{position:fixed;inset:0;z-index:5;overflow:auto;overscroll-behavior:contain;min-height:0}.title-screen[hidden]{display:none!important}.title-screen .start{border:0;background:transparent;cursor:pointer;font-family:inherit}.title-screen tr.latest td{color:var(--orange);background:#e2906f0b}.title-screen #scene{touch-action:pan-y}.title-screen .board-note{min-height:15px;text-wrap:balance}

.title-screen .chapters{flex-wrap:wrap}.title-screen .control-mode{text-align:center;margin:8px 0 0;font-size:12px}.title-screen .control-mode a{color:var(--body);text-underline-offset:3px}
.title-screen .pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--dim)}.title-screen .pager[hidden]{display:none}.title-screen .pager .iconbtn{width:44px;height:36px;font-size:18px;touch-action:manipulation}.title-screen .pager .iconbtn:disabled{opacity:.35;cursor:default;background:transparent;color:var(--body)}