.title-screen{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow-y:auto;transition:opacity .42s ease}.title-screen--sky{background:radial-gradient(60% 45% at 22% 18%,#ffffffd9,#fff0 70%),radial-gradient(55% 40% at 78% 28%,#96cdff80,#96cdff00 70%),radial-gradient(70% 50% at 50% 88%,#78cddc61,#78cddc00 70%),linear-gradient(180deg,#dff0fb,#bcdff2,#9ccbeb 52%,#c3e3f5 74%,#8fc4e4);background-size:140% 140%,150% 150%,160% 160%,100% 260%;background-position:0% 0%,100% 0%,50% 100%,50% 0%;animation:title-sky 128s ease-in-out infinite alternate}@keyframes title-sky{to{background-position:70% 40%,20% 60%,20% 30%,50% 100%}}.title-inner [hidden]{display:none!important}.title-screen--sky:after{content:"";position:absolute;inset:auto 0 0;height:22vh;background:linear-gradient(180deg,#78b4d400,#609ec480);pointer-events:none}.title-inner{position:relative;z-index:1;width:min(430px,92vw);display:flex;flex-direction:column;align-items:stretch;gap:18px;font-family:ui-rounded,Segoe UI,system-ui,sans-serif;color:#1c3347}.title-inner--pause{width:min(480px,92vw);max-height:100%;overflow-y:auto;padding:2px;pointer-events:auto}.title-wordmark{margin:0;text-align:center;font-size:clamp(28px,5.2vh,44px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#17384f;text-shadow:0 2px 0 rgba(255,255,255,.6)}.title-tagline{margin:-10px 0 0;text-align:center;font-size:13px;color:#45647b}.title-stack{display:flex;flex-direction:column;gap:10px}.title-button{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 16px;border:1px solid rgba(35,75,105,.18);border-radius:12px;background:#ffffffe0;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #1c334724,0 8px 20px #1c33471f;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.title-button:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 2px 5px #1c33472e,0 14px 30px #1c334729}.title-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #1c334729}.title-button:disabled{opacity:.55;cursor:default}.title-button:focus-visible,.title-small:focus-visible,.title-field:focus-visible{outline:2px solid #2f6b91;outline-offset:2px}.title-button--primary{background:#3b7ea8;border-color:#2f6b91;color:#fff}.title-button--primary:hover:not(:disabled){background:#4a8cb5}.title-label{font-size:17px;font-weight:600;letter-spacing:.01em}.title-detail{font-size:12px;color:#4a6478}.title-button--primary .title-detail{color:#ffffffdb}.title-pane{display:flex;flex-direction:column;gap:10px}.title-pane-title{margin:0;font-size:15px;font-weight:600}.title-row{display:flex;gap:8px}.title-field{flex:1;min-width:0;padding:10px 12px;border:1px solid rgba(35,75,105,.26);border-radius:10px;background:#ffffffeb;color:inherit;font:inherit}.title-note{margin:0;font-size:12px;color:#4a6478}.title-note[data-warn=true]{color:#9c5348}.title-slots{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.title-slot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.title-slot-text{display:flex;flex-direction:column;min-width:0}.title-slot-name{font-size:14px;font-weight:600}.title-slot-summary{font-size:11px;color:#4a6478;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-slot-actions{display:flex;flex:none;gap:6px}.title-inner--pause .title-slot{padding:10px 12px;border:1px solid rgba(35,75,105,.16);border-radius:10px;background:#ffffffb8}.title-group{margin:6px 0 0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#45647b}.title-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.title-theme{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(35,75,105,.18);border-radius:10px;background:#ffffffe0;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}.title-theme:hover{background:#fff}.title-theme[aria-pressed=true],.title-small[aria-pressed=true]{border-color:#2f6b91;box-shadow:inset 0 0 0 1px #2f6b91;background:#fff}.title-swatches{display:flex;flex:none;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #234b6929}.title-swatches span{width:12px;height:18px}.title-hints{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:12px}.title-hints dt{display:flex;gap:4px;align-items:center}.title-hints dd{margin:0;color:#45647b}.title-hints--views dt{font-weight:600}.title-hints kbd{padding:2px 6px;border:1px solid rgba(35,75,105,.22);border-bottom-width:2px;border-radius:6px;background:#fff;font-family:inherit;font-size:11px;white-space:nowrap}.title-small{padding:8px 14px;border:1px solid rgba(35,75,105,.18);border-radius:10px;background:#ffffffe0;color:inherit;font:inherit;font-size:13px;cursor:pointer}.title-small:hover:not(:disabled){background:#fff}.title-small--wide{flex:1}.title-small:disabled{opacity:.55;cursor:default}.title-segmented{position:relative;isolation:isolate;display:flex;align-items:stretch;padding:3px;border:1px solid rgba(35,75,105,.18);border-radius:13px;background:#ffffffd1}.title-segmented>.title-small{position:relative;z-index:1;flex:1;min-width:0;padding:7px 8px;border-color:transparent;border-radius:10px;background:none}.title-segmented>.title-small:hover:not(:disabled):not([aria-pressed=true]){background:#fff}.title-segmented>.title-small[aria-pressed=true]{border-color:transparent;box-shadow:none;background:none;color:#fff;font-weight:600}.title-segmented-pill{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--segment-count, 1));border-radius:10px;background:#2f6b91;box-shadow:0 1px 3px #14324842;transform:translate(calc(var(--segment-index, 0) * 100%));transition:transform .26s cubic-bezier(.34,.8,.26,1),opacity .16s ease}.title-segmented[data-picked=false]>.title-segmented-pill{opacity:0}@media(prefers-reduced-motion:reduce){.title-segmented-pill{transition:none}}.title-small .hud-icon{width:14px;height:14px;margin-right:6px;vertical-align:-2px}.title-button--primary[data-armed=true]{background:#a8564a;border-color:#8f4438}.title-button--primary[data-armed=true]:hover:not(:disabled){background:#b96354}.title-section{display:flex;flex-direction:column;gap:10px}.title-foot{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#45647b}.title-loading{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;color:#24506e}.title-spinner{width:22px;height:22px;border:3px solid rgba(47,107,145,.25);border-top-color:#2f6b91;border-radius:50%;animation:title-spin .9s linear infinite}@keyframes title-spin{to{transform:rotate(360deg)}}.title-screen[data-leaving=true]{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.title-screen,.title-button{transition:none}.title-screen--sky{animation:none}.title-spinner{animation-duration:2.4s}}
