/* The trial's front door: street illustration, ink panels and existing Kingdom identity. */
body:not([data-screen=game]) main> :not(#journey){visibility:hidden;pointer-events:none}
body:not([data-screen=game]) #stage{visibility:visible;opacity:.18;pointer-events:none}
body:not([data-screen=game]) #pause{display:none}
#journey{position:absolute;inset:0;z-index:12;overflow:auto;overscroll-behavior:contain;padding:30px max(24px,6vw) 48px;background:linear-gradient(90deg,#111522ee,#111522a8 65%,#11152280)}
body[data-screen=game] #journey{display:none}
.journey-shell{max-width:1080px;margin:auto}.journey-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.journey-top .text-button{margin:0}
.journey-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;min-height:480px}
#journey h1{font-size:clamp(46px,6vw,84px);line-height:1.03;margin:18px 0}#journey h2{font:36px Hound,Georgia,serif;line-height:1.1;margin:15px 0}#journey h3{font:24px Hound,Georgia,serif;margin:12px 0}
#journey p{line-height:1.65}#journey .lede{font-size:21px;max-width:470px;color:#eee2c4}#journey .eyebrow{font-size:10px;line-height:1.7}
.journey-panel{background:#111521ed;border:1px solid #bfa16a77;box-shadow:inset 0 0 0 5px #0b0d1660,0 12px 50px #090b1666;padding:28px;position:relative}
.journey-panel:before{content:'';position:absolute;inset:7px;border:1px solid #bfa16a22;pointer-events:none}
.journey-actions{display:grid;gap:10px;margin-top:22px}#journey .primary{min-width:0;width:100%;max-width:380px}#journey .secondary{background:#232839;border:1px solid #9d8c6888;color:#eee2b8;min-height:48px;padding:10px 18px;font:17px Hound,Georgia,serif}
#journey .secondary:hover{background:#343b4f}.journey-note{font:12px/1.65 ui-monospace,monospace;color:#bcb9b0}.journey-rule{display:flex;gap:16px;border-top:1px solid #bfa16a40;padding:12px 0}.journey-rule b{font:28px Hound;color:#d5aa62}.journey-rule p{margin:0}
.journey-mark{width:100px;height:100px;object-fit:contain;float:right}.journey-links{display:flex;flex-wrap:wrap;gap:20px;margin:22px 0}.journey-links button{margin:0}
.journey-field{display:grid;gap:8px;margin:20px 0;font:12px ui-monospace,monospace;letter-spacing:1px}.journey-field input{width:100%;min-height:48px;background:#0b1020;color:#f4e9ca;border:1px solid #ac9463;padding:12px;font:18px Georgia,serif}
.matchup{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:16px;margin:24px 0}.matchup>span{text-align:center;font:24px Hound;color:#d5aa62}
.guest-card{border:1px solid #9c8d6677;background:linear-gradient(140deg,#242939,#0d111d);padding:24px;min-width:0;text-align:center;position:relative;box-shadow:inset 0 0 0 6px #090c1633}
.guest-avatar{display:grid;place-items:center;width:64px;height:64px;margin:8px auto 16px;border:1px solid #b6a477;border-radius:50%;background:#3b4050;color:#f0dfae;font:32px Hound}.guest-card h3{overflow-wrap:anywhere}.guest-card p{font-size:14px}.guest-card small{font:10px ui-monospace,monospace;color:#cbc1a6}.ready-pill{display:inline-block;margin-top:12px;color:#b6d694;font:12px ui-monospace,monospace}
.journey-center{max-width:800px;margin:auto}.journey-code{font:52px ui-monospace,monospace;letter-spacing:12px;color:#f0d9a1;margin:20px 0}.queue-light{display:inline-block;width:9px;height:9px;background:#b6d694;border-radius:50%;margin-right:10px;animation:queue-pulse 1.5s infinite}.queue-status{min-height:52px}
@keyframes queue-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.queue-light{animation:none}}
#journey-home{position:absolute;left:12px;bottom:0;z-index:10;background:#121727e8;border:1px solid #ad956366;padding:0 12px;font-size:10px}
body[data-screen=game] #vs-panel,body[data-screen=game] #vs-open{display:none!important}
#emotes{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:9;max-width:72%}#emotes button{min-height:42px;padding:6px 10px;background:#111827ed;color:#eee2b8;border:1px solid #bda77c77;font-size:12px;white-space:nowrap}
#emote-message{position:absolute;left:50%;transform:translateX(-50%);bottom:55px;z-index:10;background:#101625e8;color:#f4e8bf;padding:8px 15px;border-radius:3px;pointer-events:none;text-align:center;max-width:85%;font-size:14px}#emote-message:empty{display:none}
.battle-player{cursor:pointer;pointer-events:auto}.battle-player:focus-visible{outline:2px solid #e5c581}.battle-player small{font-size:9px}.battle-player strong:after{content:' ↗';font-size:11px;color:#d5aa62}
#journey h1:focus,#journey h2:focus{outline:none}
#journey h1 em:before{content:' '}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .action-dock{bottom:50px;left:10%;right:10%}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #stage{bottom:130px}
body:is([data-versus=racing],[data-versus=settled]) .result{bottom:52px}
#profile-dialog .hpc__foot{flex-wrap:wrap;gap:4px}
#profile-dialog .hpc__footLabel{font-size:8px}
@media(orientation:landscape) and (max-height:550px){body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #stage{top:75px;bottom:85px}body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .action-dock{bottom:42px}#emotes button{min-height:36px}body:is([data-versus=racing],[data-versus=settled]) .result{bottom:42px}}
body[data-screen=home] .journey-top [data-action=home]{display:none}
#profile-dialog{background:#111624;color:#eee2b8;border:1px solid #bd9e65;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;padding:20px}#profile-dialog::backdrop{background:#080c16c9}#profile-dialog .guest-card{width:280px;max-width:100%}#profile-dialog .hpc{max-width:100%}
.journey-preview{display:flex;justify-content:center}.journey-preview .hpc{flex-shrink:0}
@media(max-width:760px){#journey{padding:18px 16px 32px}.journey-grid{grid-template-columns:1fr;gap:24px;min-height:0}#journey h1{font-size:52px;margin:14px 0}#journey h2{font-size:30px}#journey .lede{font-size:18px}.journey-panel{padding:20px}.journey-top{gap:8px}.journey-top .eyebrow{letter-spacing:1px;font-size:9px}.journey-top .text-button{font-size:10px;letter-spacing:0}.matchup{grid-template-columns:1fr 20px 1fr;gap:5px}.guest-card{padding:16px 8px}.guest-card h3{font-size:19px!important}.guest-avatar{width:50px;height:50px}.guest-card p{font-size:12px}.guest-card small{font-size:9px}#emotes{left:auto;right:8px;transform:none;max-width:calc(100% - 84px);gap:3px}#emotes button{font-size:10px;padding:6px}#emote-message{bottom:51px}.journey-code{font-size:42px}.journey-preview .hpc{width:280px}.journey-links{gap:10px}.battle-player small{font-size:8px}}
@media(max-width:350px){#emotes button{font-size:9px;padding:4px}#journey h1{font-size:44px}.journey-panel{padding:16px}}
@media(max-width:760px){body[data-screen=home] #journey h1{font-size:37px;line-height:1.03}body[data-screen=home] #journey h1 br{display:none}body[data-screen=home] .journey-grid{gap:16px}body[data-screen=home] .journey-grid>div:first-child>.journey-note{display:none}body[data-screen=home] .journey-links{margin:8px 0}body[data-screen=home] .lede{font-size:16px;margin:10px 0}body[data-screen=home] .journey-grid>div:first-child>.eyebrow{display:none}body[data-screen=home] .journey-panel h2{font-size:26px}body[data-screen=home] .journey-panel>p:not(.eyebrow):not(.journey-note){margin:8px 0}body[data-screen=home] .journey-actions{margin-top:12px}body[data-screen=home] .journey-mark{width:70px;height:70px}}