/* The living title: quiet interface over a world with depth. */
#startScreen{padding:90px 6.5vw 145px;background:linear-gradient(90deg,#071217eb 0%,#071217ce 22%,#07121770 43%,#07121700 68%);align-items:center;isolation:isolate}
.start-content{max-width:480px;position:relative;z-index:2;animation:title-arrival 1.1s ease both}
#startScreen h1{font-size:clamp(64px,7.2vw,112px);line-height:.94;margin-bottom:24px}
#startScreen h1 em{color:#d9bd83;text-shadow:0 2px 28px #d4a95516}
.intro-eyebrow{font-size:12px!important;letter-spacing:3px;margin-bottom:25px}
#startScreen .gold-rule{width:86px;margin:25px 0;background:linear-gradient(90deg,#d4b77d,#d4b77d00)}
#startScreen .story{font-size:clamp(21px,2.1vw,27px);line-height:1.4}
#startScreen .brief{font-size:15px;line-height:1.7;max-width:365px;color:#c5cdc7;margin-top:17px;margin-bottom:23px}
#startScreen .primary{position:relative;overflow:hidden;min-width:245px;font-size:13px;min-height:54px;background:#d6ba80;border-color:#ead19b;box-shadow:0 8px 32px #0005}
#startScreen .primary::after{content:'';position:absolute;inset:-60% -100%;background:linear-gradient(110deg,transparent 44%,#fff6 50%,transparent 56%);transform:translateX(-50%);transition:transform .7s;pointer-events:none}
#startScreen .primary:hover::after{transform:translateX(50%)}
#startScreen .practice-link{font-size:14px;margin-top:13px}
#loadStatus{font-size:12px;line-height:1.45;color:#a9b7b3;max-width:355px;margin:13px 0 15px}
.start-keys{font-size:12px;gap:9px 14px;max-width:360px;color:#aebdb7}
.title-tools{position:absolute;top:28px;right:4vw;display:flex;align-items:center;gap:24px;z-index:4}
.title-tools button{display:flex;align-items:center;gap:9px;padding:10px 0;background:none;border:0;color:#e4e0cf;font-size:12px;letter-spacing:1.5px;text-shadow:0 2px 5px #000}
.title-tools .intro-toggle{flex:none;padding:8px 2px}.title-tools .intro-toggle svg{width:20px;height:20px;display:block}.title-tools .intro-toggle[aria-pressed="true"]{color:#f7d798}@keyframes oath-pulse{50%{opacity:.42}}.title-tools .intro-toggle[aria-pressed="true"] svg{animation:oath-pulse 1.4s ease-in-out infinite}
.title-tools button:hover{color:#f7d798}.title-tools button:focus-visible{outline-offset:4px}
.sound-bars{display:flex;align-items:center;gap:3px;height:17px;width:20px}
.sound-bars i{width:2px;height:5px;background:#d9bc81;transform-origin:center}
.sound-bars i:nth-child(2){height:14px}.sound-bars i:nth-child(3){height:9px}.sound-bars i:nth-child(4){height:12px}
[aria-pressed="true"] .sound-bars i{animation:sound-pulse 1s ease-in-out infinite alternate}
[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:-.6s}[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:-.3s}
#titleMotionIcon{font-size:17px;min-width:15px;line-height:1}
.realm-caption{position:absolute;right:5vw;bottom:147px;text-align:right;text-shadow:0 3px 18px #000;max-width:430px;pointer-events:none}
.realm-caption>span{font-size:11px;letter-spacing:2.4px;color:#e3cd9b}
.realm-caption strong{display:block;font:clamp(25px,2.5vw,36px)/1.2 Georgia,serif;color:#f1ead9;margin:9px 0}
.realm-caption p{font-size:13px;line-height:1.5;color:#c7d0c9;margin:0}
.start-footer{display:flex!important;align-items:center;justify-content:space-between;position:absolute;left:6.5vw;right:4vw;bottom:29px;gap:30px}
.realm-previews{display:flex;gap:10px;max-width:760px;width:76%}
.realm-previews button{display:flex;align-items:center;gap:12px;position:relative;flex:1;min-width:0;min-height:67px;padding:9px 13px 9px 9px;background:#09191b80;border:1px solid #b9b08d3d;box-shadow:0 4px 20px #0002;text-align:left;transition:border-color .3s,background .3s,transform .3s;color:#bbc8c0}
.realm-previews button>span:last-child{font-size:13px;line-height:1.3;letter-spacing:0}
.realm-previews small{display:block;font-size:10px;letter-spacing:2px;color:#ab9870;margin-bottom:5px}
.realm-previews button:hover{border-color:#e0c087b3;background:#152326d9;transform:translateY(-3px)}
.realm-previews button[aria-pressed="true"]{border-color:#dab779a8;background:#182326d6;color:#f1e7d0}
.realm-previews button[aria-pressed="true"]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d4b57b;box-shadow:0 0 18px #d4b57b45}
.realm-thumb{display:block!important;flex:0 0 45px;height:45px;opacity:.65;background-size:auto 100%;background-position:62% center;transition:opacity .3s,background-size .7s}
[aria-pressed="true"] .realm-thumb,.realm-previews button:hover .realm-thumb{opacity:1;background-size:auto 115%}
.court-thumb{background-image:url(assets/background.png)}.aqueduct-thumb{background-image:url(assets/aqueduct.png)}.forge-thumb{background-image:url(assets/forge.png)}.sanctum-thumb{background-image:url(assets/sanctum.png)}
.look-hint{font-size:10px;letter-spacing:1.6px;line-height:1.6;max-width:155px;color:#bdc7be;text-align:right}
@keyframes title-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sound-pulse{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
#startScreen[data-motion="off"] *,#startScreen[data-motion="off"] *::after{animation:none!important;transition:none!important}
@media(max-width:1100px){.realm-thumb{flex-basis:35px;height:39px}.realm-previews{width:100%;max-width:none}.look-hint{display:none!important}.realm-caption{max-width:340px;bottom:140px}.title-tools{gap:19px}.start-footer{left:6.5vw;right:6.5vw}.realm-previews button{gap:9px;padding-right:8px}}
@media(max-height:820px) and (min-width:681px){#startScreen{padding-top:76px;padding-bottom:130px}#startScreen h1{font-size:clamp(60px,6.5vw,88px);margin-bottom:16px}.intro-eyebrow{margin-bottom:17px}#startScreen .gold-rule{margin:18px 0}#startScreen .story{font-size:22px}#startScreen .brief{font-size:14px;line-height:1.55;margin:12px 0 18px}.start-keys{display:none}#loadStatus{margin-bottom:0}.realm-caption{bottom:136px}}
@media(max-width:680px){#startScreen{padding:95px 7vw 135px;align-items:center;background:linear-gradient(90deg,#071217db,#071217b3 57%,#07121735),linear-gradient(0deg,#071217d9,transparent 35%)}.title-tools{top:20px;left:7vw;right:7vw;justify-content:space-between;gap:15px}.title-tools button{font-size:10px;letter-spacing:1.1px}.start-content{max-width:330px;width:100%}#startScreen h1{font-size:clamp(63px,17vw,85px)}#startScreen .intro-eyebrow{font-size:10px!important;letter-spacing:2px}#startScreen .story{font-size:21px}#startScreen .brief{font-size:14px;max-width:310px;line-height:1.55}#startScreen .gold-rule{margin:20px 0}#startScreen .primary{font-size:12px;min-height:51px}#startScreen .practice-link{font-size:14px}.start-keys{display:none}.realm-caption{display:none}.start-footer{left:7vw;right:7vw;bottom:max(24px,env(safe-area-inset-bottom));gap:0}.realm-previews{gap:6px}.realm-previews button{padding:8px 5px;min-height:68px;display:block;text-align:center}.realm-previews button>span:last-child{font-size:11px}.realm-previews small{font-size:10px;margin-bottom:6px}.realm-thumb{display:none!important}#loadStatus{font-size:11px;max-width:280px}.start-footer .realm-previews{display:flex!important}.start-footer .realm-previews span{display:block}.look-hint{display:none!important}}
@media(max-height:690px) and (max-width:680px){#startScreen{padding-top:77px;padding-bottom:115px}#startScreen h1{font-size:60px;margin-bottom:14px}.intro-eyebrow{margin-bottom:17px}#startScreen .gold-rule{margin:15px 0}#startScreen .story{font-size:19px}#startScreen .brief{font-size:13px;margin:12px 0 17px}#loadStatus{display:none}.realm-previews button{min-height:58px}.start-footer{bottom:18px}}
@media(max-height:550px) and (min-width:681px){#startScreen{padding:60px 6vw 100px;align-items:flex-start}.title-tools{top:15px;right:4vw}#startScreen h1{font-size:58px;line-height:.91;margin-bottom:10px}.intro-eyebrow{margin-bottom:12px;font-size:10px!important}#startScreen .gold-rule{display:none}#startScreen .story{font-size:18px;margin:13px 0}#startScreen .brief{display:none}#startScreen .primary{min-height:43px;padding:12px 23px}#startScreen .practice-link{display:inline-block;margin:0 0 0 15px;font-size:12px}.start-content{max-width:510px}#loadStatus{font-size:10px;margin-top:10px}.realm-caption{bottom:118px;right:5vw}.realm-caption p{max-width:260px}.realm-caption strong{font-size:25px}.realm-previews button{min-height:55px}.realm-thumb{height:33px;flex-basis:33px}.start-footer{bottom:19px;left:6vw;right:5vw}}
@media(prefers-reduced-motion:reduce){.start-content,.sound-bars i{animation:none!important}.realm-previews button,.primary::after{transition:none!important}}
/* Keep realm captions clear of the character and entrance controls. */
@media(min-width:681px){.realm-caption{top:106px;bottom:auto;max-width:360px}.realm-caption strong{font-size:30px}.realm-caption>span,.realm-caption p{text-shadow:0 1px 5px #000,0 2px 18px #000}}
@media(max-height:550px) and (min-width:681px){.realm-caption{top:93px;bottom:auto}.realm-caption strong{font-size:25px}}