/* Title and character creation: authored key art and the shared paper/wood UI kit only. */
.title-screen { position:absolute; inset:0; z-index:90; overflow:hidden; color:var(--ink); pointer-events:auto; }
.title-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }
.title-art.is-dim { opacity:.55; }
.title-panel { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:520px; padding:26px 30px 22px; isolation:isolate; text-align:center; }
.title-name { margin:0; font-size:48px; font-weight:400; letter-spacing:8px; }
.title-tag { margin:8px 0 18px; font-size:24px; line-height:1.6; color:#7a5a3a; }
.title-menu { display:grid; gap:10px; }
.title-menu.is-row { grid-auto-flow:column; }
.title-note { margin:14px 0 0; font-size:12px; color:#8a6d4a; }
.title-btn { position:relative; isolation:isolate; min-height:44px; padding:8px 18px; font:inherit; font-size:24px; color:#f7e3bd; background:transparent; border:0; cursor:pointer; }
.title-btn:disabled { opacity:.5; cursor:default; }
.title-btn.is-on::after { content:''; position:absolute; inset:-6px; pointer-events:none; border-style:solid; border-width:10px; border-image:url("assets/px/select.png") 8 / 10px round; }
.title-btn:focus-visible { outline:3px solid #ffe8b1; outline-offset:2px; }
.title-panel h2 { margin:0 0 12px; font-size:24px; font-weight:400; letter-spacing:4px; }
.title-panel h3 { margin:12px 0 6px; font-size:24px; font-weight:400; color:#7a5a3a; }
.title-panel.is-create { width:560px; top:50%; padding-top:18px; }
.create-name { display:flex; align-items:center; gap:10px; justify-content:center; font-size:24px; }
.create-field { position:relative; isolation:isolate; display:inline-block; padding:6px 12px; }
.create-name input { width:260px; padding:2px 0; font:inherit; font-size:24px; color:var(--ink); background:transparent; border:0; outline:none; }
.create-hint { min-height:20px; margin:8px 0 0; color:#943d2b; font-size:24px; }
.title-panel.is-create .is-main { margin-top:14px; min-width:200px; }