/* Outland: the approved composition, sized for real character data. */
body.page-home { --bg:#080f17; --panel:#0d1924; --text:#f5efdf; --muted:#b5c1d0; --gold:#edca7d; --home-ui:var(--site-ui-size); background:var(--bg); font-size:var(--home-ui); }
body.page-home::before { display:none; }
.page-home .wrap { width:var(--site-frame-width); max-width:var(--site-frame-max); }
.outland-scene { position:absolute; inset:0 0 auto; height:clamp(515px,38vw,680px); pointer-events:none; overflow:hidden; }
.outland-scene picture,.outland-scene img { display:block; width:100%; height:100%; }
.outland-scene img { object-fit:cover; object-position:center 38%; }
.outland-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#080f17 0%,#080f1755 21%,transparent 62%),linear-gradient(90deg,#080f1780,transparent 54%); }
.page-home .topbar { background:linear-gradient(90deg,#07101bf2,#07101bd9 60%,#07101b88); border-block-end:1px solid #d9b36726; }
.page-home .navigation { min-height:76px; gap:32px; }
.page-home .brand { font:700 1.55em/1.1 Georgia,"Times New Roman",serif; letter-spacing:.01em; gap:13px; }
.page-home .brand-mark { width:48px; height:48px; box-shadow:0 0 24px #b0882822; }
.page-home .brand small { color:#dcbf7d; font:500 .44em/1.4 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.2em; margin-block-start:6px; }
.page-home .nav-links { margin-inline-start:8px; gap:10px; }
.page-home .nav-links>a { border:0; border-radius:0; padding:16px 18px; font:500 .96em/1.35 Georgia,serif; background:transparent; color:#d5dce7; }
.page-home .nav-links>a>.ui-icon { display:none; }
.page-home .nav-links>a:is(:hover,:focus-visible),.page-home .nav-links>a[aria-current] { color:var(--gold); box-shadow:inset 0 -2px var(--gold); background:linear-gradient(0deg,#e6bf6f0d,transparent); text-decoration:none; }
.page-home .language-picker { margin-inline-start:auto; font-size:.85em; }
.page-home .language-picker>summary { border-color:#879eb32b; background:#0c172599; }
.page-home .language-panel { background:#111e2e; border-color:#776446; box-shadow:0 18px 55px #0009; }
.page-home main.wrap { padding-block-start:0; }
.outland-entry { padding-block-start:30px; }
.outland-intro { max-width:58%; padding-block-end:19px; }
.outland-intro .eyebrow { margin:0 0 12px; color:#e4bc85; font-size:.76em; letter-spacing:.16em; }
.outland-intro h1 { max-width:14ch; margin:0 0 14px; font:700 clamp(3.25rem,5.25vw,6.4rem)/.99 Georgia,"Times New Roman",serif; letter-spacing:-.035em; text-wrap:balance; color:#f8f2e2; text-shadow:0 3px 1px #050b1290,0 4px 30px #0009; }
.outland-intro>p:last-child { max-width:46ch; margin:0; color:#e0e5ec; font:400 1.12em/1.45 Georgia,serif; text-shadow:0 2px 9px #000; }

/* The cap stays outside the form, so focus rings and suggestions are not clipped. */
.home-search { position:relative; z-index:2; margin-block-start:46px; border:1px solid #be964f; border-radius:0 6px 6px 6px; background:linear-gradient(105deg,#0c1925fa,#0b1520f5); box-shadow:0 10px 40px #0006,inset 0 0 0 3px #bda05f08; }
.home-search-tabs { position:absolute; inset-block-end:100%; inset-inline-start:-1px; isolation:isolate; display:flex; gap:0; padding-inline:7px 25px; min-height:46px; }
.home-search-tabs::before { content:""; position:absolute; inset:0; z-index:-1; border:1px solid #be964f; border-block-end:0; border-radius:7px 16px 0 0; background:linear-gradient(110deg,#122331,#0b1621); transform:skewX(14deg); transform-origin:bottom left; }
.home-search-tab { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:9px 23px; color:#b9c3d0; text-decoration:none; border-block-end:2px solid transparent; font:500 1.03em/1.25 Georgia,serif; }
.home-search-tab:is(:hover,:focus-visible) { color:var(--text); text-decoration:none; }
.home-search-tab[aria-selected="true"] { color:#f3d58f; border-color:#e5b659; background:linear-gradient(0deg,#c6a46618,transparent); }
.home-search-tab .ui-icon { width:22px; height:22px; }
.home-search-panel[hidden] { display:none; }
.home-search:not([data-home-search-ready]) .home-search-panel+.home-search-panel { border-block-start:1px solid #5c5446; }
.home-search:not([data-home-search-ready]) .home-search-panel-heading { position:static; width:auto; height:auto; clip:auto; clip-path:none; margin:18px 23px 0; padding:0; overflow:visible; white-space:normal; font-size:1.1em; }
.page-home .home-search .search-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 20px; padding:18px 24px 12px; margin:0; border:0; border-radius:0; background:none; box-shadow:none; }
.page-home .home-search .lookup { min-width:0; }
.page-home .home-search .regional-fields { display:grid; grid-template-columns:minmax(130px,.75fr) minmax(0,1.2fr) minmax(0,1fr); gap:20px; }
.page-home .home-search .region-field { grid-column:auto; }
.page-home .home-search label { display:block; margin-block-end:5px; color:#d9e1ec; font-size:.85em; font-weight:500; }
.page-home .home-search :is(input,select) { width:100%; min-width:0; min-height:48px; padding:10px 14px; border:1px solid #64758580; border-radius:5px; background:linear-gradient(120deg,#1a2a36,#0e1925); color:#f4f0e7; font-size:1em; box-shadow:inset 0 1px 3px #0004; }
.page-home .home-search select { padding-inline-end:32px; }
.page-home .home-search input::placeholder { color:#a8b5c6; }
.page-home .home-search :is(input,select):focus-visible { border-color:#e0bd77; background:#172937; }
.page-home .home-search .primary { align-self:start; min-width:190px; min-height:48px; margin-block-start:28px; padding:10px 24px; border:1px solid #f1d298; border-radius:5px; background:linear-gradient(#f4d790 0%,#dbb45f 45%,#b38a3a 100%); color:#17140c; font:700 1.03em/1.4 Georgia,serif; box-shadow:inset 0 1px #fff8,0 4px 20px #caaa5918; }
.page-home .home-search .primary [data-submit-label] { font:inherit; }
.page-home .home-search .primary:is(:hover,:focus-visible):not(:disabled) { background:linear-gradient(#ffe9b4,#d3a756); }
.page-home .home-search .primary:disabled { cursor:wait; opacity:.72; }
.page-home .home-search .search-hint { grid-column:1/-1; margin:0; color:#a9b9cb; font-size:.76em; line-height:1.45; }
.page-home .home-search .form-status { grid-column:1/-1; margin:0; font-size:.86em; }
.page-home .home-search .form-status:empty { display:none; }
.page-home .home-search .dropdown { z-index:12; background:#152234; font-size:.94em; }
.outland-shortcuts { display:flex; flex-wrap:wrap; gap:5px 28px; padding-block:3px 6px; }
.outland-shortcuts>a { display:inline-flex; align-items:center; gap:9px; min-height:40px; color:#b9d3e2; font-size:.8em; text-decoration:none; }
.outland-shortcuts>a:is(:hover,:focus-visible) { color:var(--gold); text-decoration:underline; text-underline-offset:4px; }
.outland-shortcuts .ui-icon { flex:none; width:15px; height:15px; }
.outland-shortcuts>a>.ui-icon:last-child { width:13px; }

.home-recent { margin-block:5px 18px; }
.home-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 20px; margin-block-end:9px; }
.home-section-heading h2,.home-ranking h2 { margin:0; color:#f3eddf; font:600 1.64em/1.15 Georgia,"Times New Roman",serif; letter-spacing:-.015em; }
.page-home .text-link { display:inline-flex; gap:8px; align-items:center; min-height:40px; color:#b9d4e5; font-size:.84em; font-weight:500; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#b9d4e580; }
.page-home .text-link:is(:hover,:focus-visible) { color:var(--gold); text-decoration-color:currentColor; }
.page-home .text-link .ui-icon { flex:none; width:15px; height:15px; }
.home-profile-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.home-profile,.home-ranking-row { --class-rgb:198,177,129; }
.page-home [data-class="1"] { --class-rgb:199,156,110; }
.page-home [data-class="2"] { --class-rgb:245,140,186; }
.page-home [data-class="3"] { --class-rgb:171,212,115; }
.page-home [data-class="4"] { --class-rgb:255,245,105; }
.page-home [data-class="5"] { --class-rgb:238,241,245; }
.page-home [data-class="7"] { --class-rgb:105,170,255; }
.page-home [data-class="8"] { --class-rgb:105,204,240; }
.page-home [data-class="9"] { --class-rgb:180,151,241; }
.page-home [data-class="11"] { --class-rgb:255,158,94; }
.home-profile { --portrait-size:clamp(96px,7.5vw,144px); position:relative; min-width:0; border:1px solid rgba(var(--class-rgb),.64); border-radius:5px; background:linear-gradient(115deg,rgba(var(--class-rgb),.14),transparent 70%),#0d1823; box-shadow:inset 0 0 0 2px #0004,0 5px 20px #0003; transition:border-color .18s,background-color .18s; }
.home-profile:is(:hover,:focus-within) { border-color:rgb(var(--class-rgb)); background-color:#152433; }
.home-profile-main { display:grid; grid-template-columns:var(--portrait-size) minmax(0,1fr) auto; align-items:start; gap:12px; min-height:126px; height:100%; padding:0 12px 0 0; color:var(--text); text-decoration:none; border-radius:5px; }
[dir=rtl] .home-profile-main { padding:0 0 0 12px; }
.home-profile-main:hover { text-decoration:none; }
.home-portrait { display:grid; position:relative; isolation:isolate; place-items:center; width:48px; height:48px; border:1px solid rgba(var(--class-rgb),.7); border-radius:4px; background:radial-gradient(at 50% 0%,rgba(var(--class-rgb),.28),#101b27); overflow:hidden; flex:none; }
.home-portrait>span { grid-area:1/1; color:rgb(var(--class-rgb)); font:400 1.8em Georgia,serif; }
.home-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.home-profile-main>.home-portrait { width:var(--portrait-size); height:100%; min-height:126px; border:0; border-inline-end:1px solid rgba(var(--class-rgb),.4); border-radius:4px 0 0 4px; }
.home-profile-main>.home-portrait::after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -18px 24px -18px #000b; }
[dir=rtl] .home-profile-main>.home-portrait { border-radius:0 4px 4px 0; }
.home-profile-main>.home-portrait>span { font-size:3em; }
.home-profile-identity { display:flex; flex-direction:column; gap:5px; min-width:0; padding-block:14px 16px; }
.home-profile:has(>.home-profile-guild) .home-profile-identity { padding-block-end:44px; }
.home-profile-identity>strong { font:600 1.16em/1.2 Georgia,serif; overflow-wrap:anywhere; }
.home-profile-class { color:rgb(var(--class-rgb)); font-size:.8em; }
.home-profile-identity>small { color:#b4c1d2; font-size:.76em; overflow-wrap:anywhere; }
.home-profile-score { display:flex; flex-direction:column; align-items:flex-end; gap:4px; padding-block-start:10px; font-variant-numeric:tabular-nums; }
.home-profile-score small { color:#d7c394; font-size:.65em; letter-spacing:.06em; }
.home-profile-score strong { color:#efcd80; font:600 1.35em/1.2 Georgia,serif; white-space:nowrap; }
.home-profile-guild { display:flex; position:absolute; inset-inline:calc(var(--portrait-size) + 12px) 10px; inset-block-end:5px; }
.page-home .home-profile-guild .guild-link { min-width:0; min-height:34px; padding:2px 0; font-size:.74em; color:#bdd0df; max-width:100%; gap:5px; }
.page-home .home-profile-guild .guild-link bdi { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.page-home .home-profile-guild .guild-link>.ui-icon { width:15px; height:15px; }
.page-home .home-profile-guild .guild-link-arrow { display:none; }
.page-home .home-profile-guild .guild-link:is(:hover,:focus-visible) { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }

.home-rankings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-block:0 16px; }
.home-rankings-single { grid-template-columns:minmax(0,1fr); }
.home-ranking { display:flex; flex-direction:column; min-width:0; border:1px solid #a78244; border-radius:5px; background:linear-gradient(130deg,#101f2bed,#09131ef7); box-shadow:inset 0 0 0 2px #dec38906,0 8px 25px #0002; }
.home-ranking-pvp { border-color:#907343; }
.home-ranking-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:76px; padding:13px 21px 10px; border-block-end:1px solid #9bacbd28; }
.home-ranking-heading>div { min-width:0; }
.home-ranking-heading h2 { font-size:1.62em; }
.home-ranking-heading p:last-child { margin:4px 0 0; color:#b7c4d3; font-size:.81em; line-height:1.4; }
.home-ranking-heading>.text-link { flex:none; font-size:.79em; }
.home-arena-formats { display:flex; gap:0; flex:none; }
.home-arena-formats>a { display:grid; place-items:center; min-height:40px; min-width:56px; padding:6px 10px; border:1px solid #526170; border-inline-end-width:0; background:#0b1520; color:#c6d0df; text-decoration:none; font-size:.85em; }
.home-arena-formats>a:first-child { border-radius:4px 0 0 4px; }
.home-arena-formats>a:last-child { border-inline-end-width:1px; border-radius:0 4px 4px 0; }
.home-arena-formats>a:is(:hover,:focus-visible),.home-arena-formats>a.is-highlighted { color:#f4d995; border-color:#ac8b51; background:linear-gradient(#b79a5340,#b4965510); box-shadow:inset 0 1px #fce0a433; }
.home-arena-formats>a:focus-visible { position:relative; z-index:1; }
.home-ranking-list { list-style:none; margin:0; padding:0 19px; }
.home-ranking-row { position:relative; border-block-end:1px solid #9bacbd24; }
.home-ranking-row:last-child { border-block-end:0; }
.home-ranking-profile { display:grid; grid-template-columns:46px 54px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:73px; padding-block:10px; color:var(--text); text-decoration:none; border-radius:4px; }
.home-ranking-profile:is(:hover,:focus-visible) { background:#ffffff07; text-decoration:none; }
.home-ranking-position { display:flex; align-items:center; gap:8px; font:400 1.25em/1 Georgia,serif; color:#d1dae6; }
.home-ranking-position svg { order:1; flex:none; width:18px; }
.home-ranking-first .home-ranking-position { color:#eac576; }
.home-ranking-profile .home-portrait { width:54px; height:54px; }
.home-ranking-profile .home-portrait>span { font-size:1.6em; }
.home-ranking-identity { display:flex; flex-direction:column; gap:4px; min-width:0; }
.home-ranking-identity>strong { font:600 1.04em/1.2 Georgia,serif; overflow-wrap:anywhere; }
.home-ranking-identity>small { font-size:.76em; color:#b6c5d8; overflow-wrap:anywhere; }
.home-ranking-score { display:flex; align-items:baseline; gap:8px; font-variant-numeric:tabular-nums; }
.home-ranking-score strong { font:600 1.5em/1 Georgia,serif; color:#f0cb78; white-space:nowrap; }
.home-ranking-score small { order:-1; font-size:.7em; color:#c6d0da; }
.home-ranking-row:has(>.home-ranking-guild) .home-ranking-identity { padding-block-end:29px; }
.home-ranking-row:has(>.home-ranking-guild) .home-ranking-score { align-self:start; }
.home-ranking-guild { display:flex; position:absolute; inset-inline:124px 16px; inset-block-end:3px; }
.page-home .home-ranking-guild .guild-link { min-width:0; min-height:32px; padding:2px 0; color:#aec2d5; font-size:.72em; }
.page-home .home-ranking-guild .guild-link bdi { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.page-home .home-ranking-guild .guild-link:is(:hover,:focus-visible) { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.home-ranking-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 14px; padding:7px 21px; margin-block-start:auto; border-block-start:1px solid #9bacbd16; }
.home-ranking-footer p { margin:0; color:#afbdce; font-size:.7em; line-height:1.45; }
.home-ranking-footer .text-link { min-height:31px; font-size:.75em; }
.home-ranking-empty { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; min-height:219px; padding:23px; }
.home-ranking-empty>.ui-icon { width:26px; height:26px; color:#d4b579; }
.home-ranking-empty h3 { margin:0; font-size:1em; font-weight:500; }
.home-ranking-empty p { margin:0; color:var(--muted); max-width:65ch; font-size:.85em; }

.home-destinations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-block:0 28px; }
.home-destination { position:relative; isolation:isolate; display:flex; align-items:center; min-width:0; min-height:110px; padding:18px 22px; border:1px solid #aa8243; border-radius:5px; overflow:hidden; text-decoration:none; background:#152330; }
.home-destination img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:right center; transition:transform .3s; }
.home-destination::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#0a1420f2,#0a1420b8 45%,#0a142000 83%); }
.home-destination-copy { min-width:0; max-width:72%; overflow-wrap:anywhere; }
.home-destination h3 { color:#f4eddf; font:600 1.48em/1.15 Georgia,serif; margin:0 0 8px; text-shadow:0 2px 9px #000; }
.home-destination p { margin:0 0 7px; color:#d3dce6; font-size:.76em; line-height:1.4; }
.home-destination-copy>span { display:inline-flex; align-items:center; gap:9px; color:#f3cc74; font:500 .93em/1.3 Georgia,serif; text-decoration:underline; text-underline-offset:4px; }
.home-destination-copy .ui-icon { flex:none; width:17px; height:17px; }
.home-destination:is(:hover,:focus-visible) { border-color:#f5d497; text-decoration:none; }
.home-destination:is(:hover,:focus-visible) img { transform:scale(1.03); }
.page-home .outland-questions { max-width:none; margin:0 0 28px; padding:23px 0 0; border:0; border-block-start:1px solid #a68a5736; border-radius:0; background:none; }
.page-home .outland-questions h2 { margin:0 0 12px; font:500 1.3em/1.3 Georgia,serif; }
.page-home .outland-questions details { background:transparent; border-color:#293545; }
.page-home .outland-questions summary { min-height:50px; padding-block:13px; font-size:.86em; color:#ced6e0; }
.page-home .outland-questions details[open]>summary { color:#f0cf87; }
.page-home .outland-questions details>p { color:#b6c4d7; font-size:.88em; line-height:1.8; max-width:90ch; }
.page-home .footer { background:#060c13; border-color:#39362c; font-size:.85em; }
.page-home :is(a,button,input,select,summary):focus-visible { outline:2px solid #f3dba0; outline-offset:4px; }

@media(min-width:1101px) {
  .outland-intro h1 { font-size:clamp(3.25rem,4.725vw,6.4rem); }
}
@media(min-width:1800px) {
  .page-home .navigation { min-height:86px; }
  .outland-entry { padding-block-start:38px; }
  .outland-intro { padding-block-end:25px; }
  .home-profile-main,.home-profile-main>.home-portrait { min-height:145px; }
  .home-ranking-profile { min-height:84px; }
}
@media(max-width:1180px) {
  .page-home .navigation { gap:18px; }
  .page-home .nav-links { gap:0; margin-inline-start:0; }
  .page-home .nav-links>a { padding-inline:12px; }
  .home-profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-profile { --portrait-size:112px; }
  .home-ranking-heading { flex-wrap:wrap; align-items:flex-start; }
  .home-ranking-heading>.text-link { min-height:30px; }
  .home-ranking-profile { grid-template-columns:40px 48px minmax(0,1fr) auto; gap:10px; }
  .home-ranking-profile .home-portrait { width:48px; height:48px; }
  .home-ranking-guild { inset-inline-start:108px; }
  .home-ranking-score { flex-direction:column; align-items:flex-end; gap:4px; }
  .home-ranking-score small { order:0; }
}
@media(max-width:1100px) {
  .page-home .navigation { flex-wrap:wrap; gap:0 16px; padding-block:12px 0; }
  .page-home .nav-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; order:3; }
  .page-home .nav-links:has(>.nav-guide) { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .page-home .nav-links>a { justify-content:center; padding-block:13px; }
  .outland-entry { padding-block-start:26px; }
  .outland-intro { max-width:70%; }
  .outland-intro h1 { font-size:clamp(3rem,5.7vw,4.1rem); }
  .page-home .home-search .search-panel { gap:9px 14px; padding-inline:18px; }
  .page-home .home-search .regional-fields { grid-template-columns:minmax(125px,.7fr) minmax(0,1fr) minmax(0,1fr); gap:12px; }
  .page-home .home-search .primary { min-width:140px; padding-inline:15px; }
}
@media(max-width:780px) {
  .page-home .wrap { width:calc(100% - 36px); }
  .outland-scene { height:540px; }
  .outland-scene img { object-position:63% top; }
  .outland-scene::after { background:linear-gradient(0deg,#080f17,transparent 85%),linear-gradient(90deg,#080f1788,transparent); }
  .outland-intro { max-width:85%; padding-block-end:18px; }
  .outland-intro h1 { font-size:clamp(2.9rem,7vw,3.9rem); }
  .outland-intro>p:last-child { font-size:1.05em; }
  .page-home .home-search .search-panel { grid-template-columns:minmax(0,1fr); }
  .page-home .home-search .primary { width:100%; margin-block-start:0; }
  .home-section-heading h2 { font-size:1.46em; }
  .home-rankings { grid-template-columns:minmax(0,1fr); }
  .home-ranking-heading { flex-wrap:nowrap; align-items:center; }
  .home-ranking-score { flex-direction:row; align-items:baseline; gap:8px; }
  .home-ranking-score small { order:-1; }
  .home-destinations { gap:14px; }
  .home-destination { min-height:132px; padding:17px; }
  .home-destination-copy { max-width:100%; }
  .home-destination h3 { font-size:1.25em; }
  .home-destination::after { background:linear-gradient(90deg,#101b2aeb,#101b2a80); }
}
@media(max-width:600px) {
  .page-home .brand { font-size:1.38em; }
  .page-home .brand-mark { width:40px; height:40px; }
  .page-home .language-picker>summary { padding-inline:8px; }
  .page-home .nav-links { gap:2px; padding-block-start:8px; }
  .page-home .nav-links>a { flex-direction:column; min-height:62px; padding:7px 2px; gap:5px; font:500 .76em/1.25 system-ui,sans-serif; }
  .page-home .nav-links>a>span { white-space:normal; overflow-wrap:anywhere; }
  .page-home .nav-links>a>.ui-icon { display:block; width:18px; height:18px; }
  .outland-intro { max-width:100%; }
  .outland-intro h1 { font-size:clamp(2.65rem,9vw,3.5rem); }
  .outland-intro .eyebrow { font-size:.67em; letter-spacing:.1em; max-width:34ch; line-height:1.7; }
  .outland-intro>p:last-child { max-width:35ch; font:400 .99em/1.55 system-ui,sans-serif; }
  .home-search-tab { padding-inline:17px; font-size:1em; }
  .page-home .home-search .regional-fields { grid-template-columns:minmax(0,1fr); gap:12px; }
  .page-home .home-search :is(input,select) { font-size:16px; }
  .page-home .home-search .primary { margin-block-start:3px; }
  .outland-shortcuts { gap:0 20px; padding-block-end:10px; }
  .outland-shortcuts>a { min-height:36px; }
  .home-section-heading { gap:0; }
  .home-profile-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .home-profile { --portrait-size:112px; }
  .home-profile-identity>strong { font-size:1.25em; }
  .home-profile-score strong { font-size:1.4em; }
  .home-ranking-heading { flex-wrap:wrap; gap:7px; padding:15px 17px 10px; }
  .home-ranking-heading h2 { font-size:1.5em; }
  .home-ranking-list { padding-inline:14px; }
  .home-ranking-profile { grid-template-columns:35px 44px minmax(0,1fr) auto; gap:9px; }
  .home-ranking-profile .home-portrait { width:44px; height:44px; }
  .home-ranking-position { gap:4px; font-size:1.12em; }
  .home-ranking-position svg { width:14px; }
  .home-ranking-score { flex-direction:column; align-items:flex-end; gap:3px; }
  .home-ranking-score strong { font-size:1.35em; }
  .home-ranking-score small { order:0; }
  .home-ranking-guild { inset-inline-start:97px; }
  .home-ranking-footer { padding-inline:17px; }
  .home-destinations { grid-template-columns:minmax(0,1fr); margin-block-end:24px; }
  .home-destination { min-height:118px; padding:19px; }
  .home-destination-copy { max-width:80%; }
  .home-destination h3 { font-size:1.45em; }
  .page-home .outland-questions h2 { font-size:1.22em; }
}
@media(max-width:380px) {
  .page-home .brand { font-size:1.15em; gap:8px; }
  .page-home .brand-mark { width:35px; height:35px; }
  .page-home .language-picker { font-size:.76em; }
  .home-profile { --portrait-size:92px; }
  .home-profile-main { gap:9px; padding-inline-end:9px; }
  .home-profile-guild { inset-inline-start:calc(var(--portrait-size) + 9px); }
  .home-profile-identity>strong { font-size:1.12em; }
  .home-profile-score strong { font-size:1.19em; }
  .home-ranking-profile { grid-template-columns:26px 40px minmax(0,1fr) auto; gap:7px; }
  .home-ranking-position svg { display:none; }
  .home-ranking-profile .home-portrait { width:40px; height:40px; }
  .home-ranking-guild { inset-inline-start:80px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-profile,.home-destination img { transition:none; }
  .home-destination:is(:hover,:focus-visible) img { transform:none; }
}
@media(forced-colors:active) {
  .outland-scene,.home-destination>img,.home-destination::after { display:none; }
  .home-search,.home-search-tabs::before,.home-profile,.home-ranking,.home-destination { border-color:CanvasText; background:Canvas; box-shadow:none; }
  .home-portrait { border-color:CanvasText; }
  .home-search-tab[aria-selected="true"],.home-arena-formats>a.is-highlighted { border-color:Highlight; }
  .page-home :is(a,button,input,select,summary):focus-visible { outline-color:Highlight; }
}