/* Landing-only additions. All typefaces and theme colors come from the existing site. */
.connection-eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:22px;font-family:var(--f-arcade);font-size:7px;line-height:1.8;color:var(--dim);letter-spacing:.3px}
.connection-led{flex:none;width:6px;height:6px;background:var(--green);box-shadow:0 0 10px var(--green)}
.world-select{--screen-bg:#000;--screen-ink:#eceaff;--screen-dim:#bab7d8;--screen-sky:#03030d;--screen-floor:#090914;--portal-core:#25020d;--portal-glow:#ff7557;position:relative;background:var(--bg2);border:2px solid var(--line);padding:11px;box-shadow:7px 8px 0 var(--deep);min-width:0}
.world-select::after{content:'';position:absolute;left:15px;right:15px;bottom:-7px;height:5px;border-left:30px solid var(--line);border-right:30px solid var(--line)}
.world-select-top{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:4px 2px 15px;font-family:var(--f-arcade);font-size:7px;line-height:1.7;color:var(--dim)}
.world-select-top>span:first-child{display:flex;align-items:center;gap:9px;min-width:0}
.world-select-top i{display:block;flex:none;width:6px;height:6px;background:var(--red);box-shadow:0 0 10px var(--red)}
.world-select-screen{position:relative;aspect-ratio:384/230;border:2px solid var(--line);background:var(--screen-bg);overflow:hidden}
.world-select-screen canvas{width:100%;height:100%;image-rendering:pixelated}
.world-select-hud{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;gap:8px;pointer-events:none;color:var(--screen-dim);font-family:var(--f-text);font-size:15px;line-height:1.2;letter-spacing:1px;text-shadow:2px 2px var(--screen-bg)}
.world-select-live{font-family:var(--f-arcade);font-size:6px;line-height:2;color:var(--red)}
.world-select-caption{position:absolute;bottom:14px;left:8px;right:8px;color:var(--screen-ink);text-align:center;font-family:var(--f-text);font-size:17px;line-height:1.2;font-weight:700;letter-spacing:2px;pointer-events:none;text-shadow:2px 2px var(--screen-bg)}
.world-select-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px 2px;color:var(--dim);font-family:var(--f-text);font-size:15px;line-height:1.2;letter-spacing:1px}
.world-select-controls{display:flex;flex:none;gap:7px}
.world-select-controls .icon-btn{width:30px;height:26px;font-family:var(--f-text);font-size:19px;background:var(--bg3);border:1px solid var(--line);box-shadow:0 3px 0 var(--deep)}
.world-select-controls .icon-btn:active{top:3px;box-shadow:none}
.world-select-controls .icon-btn:disabled{cursor:wait;opacity:.4}
.world-select-controls .icon-btn:hover{color:var(--gold)}
.transferred-benefit h3{height:auto;min-height:2.3em;overflow:visible}
.portal-callout{padding:0 0 56px}
.portal-callout-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--surf2);border:2px solid var(--line);border-left:4px solid var(--red);padding:31px 36px;min-width:0}
.portal-callout h2{font-family:var(--f-text);font-size:40px;font-weight:700;line-height:1.1;letter-spacing:1px;margin:10px 0 12px}
.portal-callout p{color:var(--dim);font-family:var(--f-text);font-size:22px;line-height:1.25}
.portal-callout .btn{flex:none}
@media(max-width:560px){.world-select{padding:8px}.world-select-top{font-size:6px;padding-bottom:12px}.world-select-hud{inset:10px 9px auto;font-size:13px}.world-select-caption{font-size:14px;letter-spacing:1px;bottom:12px}.world-select-bottom{font-size:13px;gap:8px}.portal-callout-panel{align-items:flex-start;flex-direction:column;gap:23px;padding:26px 23px}.portal-callout h2{font-size:34px}.portal-callout p{font-size:21px}.portal-callout .btn{max-width:100%;white-space:normal}.connection-eyebrow{font-size:6px;gap:9px}}
@media(max-width:350px){.connection-eyebrow{font-size:5px}.world-select-top{font-size:5px}.world-select-caption{font-size:13px}.world-select-bottom{font-size:12px}.world-select-controls{gap:5px}.world-select-controls .icon-btn{width:27px}.portal-callout-panel{padding:24px 19px}.portal-callout h2{font-size:30px}}
