.home-current { --home-line: #494438; --home-muted: #b8b4a7; --home-gold: #d8bd78; background: #1c1814; color: #ece9df; }
.home-current .container { max-width: 1240px; }
.home-current [hidden] { display: none !important; }
.home-current .btn-primary { background: #d2b574; color: #1c1c16; border-color: #d2b574; }
.home-current .btn-ghost { background: #282420; color: #e9e3d1; border-color: #57513f; }
.home-current a { text-underline-offset: 4px; }
.home-current :is(button,a):focus-visible { outline: 2px solid var(--home-gold); outline-offset: 4px; }
.home-current h1,.home-current h2,.home-current h3 { color: #f0eadd; }
.home-current p { color: var(--home-muted); line-height: 1.65; }
.home-current .eyebrow { color: var(--home-gold); font-size: 11px; letter-spacing: .12em; }
.home-current .home-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; align-items: center; padding-top: 66px; padding-bottom: 56px; }
.home-camp { position:relative; isolation:isolate; overflow:hidden; background:#1b1713; }
.home-camp-scenery { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.home-camp-art { position:absolute; bottom:0; left:50%; width:max(100%,1420px); aspect-ratio:2/1; transform:translateX(-50%); mask-image:linear-gradient(180deg,transparent,#000 12%,#000),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-composite:intersect; }
.home-camp-art > img,.home-camp-art > noscript > img,.home-camp-art > canvas { position:absolute; inset:0; display:block; width:100%; height:100%; }
.home-camp-art > canvas { image-rendering:pixelated; }
.home-camp-scenery::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#1b171370,transparent 22%,transparent 77%,#1c1814 100%),linear-gradient(90deg,#191511db, #1915118f 35%,transparent 63%); }
.home-current .home-camp .home-hero { position:relative; min-height:760px; box-sizing:border-box; grid-template-columns:1.12fr .88fr; gap:80px; align-items:start; padding-top:58px; padding-bottom:clamp(320px,calc(20vw + 34px),374px); }
.home-camp .home-hero-copy { padding-top:32px; text-shadow:0 2px 18px #050b0a; }
.home-current .home-camp .home-hero-copy > p { color:#d1d0c3; }
.home-camp .home-example { position:relative; isolation:isolate; --camp-light-origin:0% 100%; background:linear-gradient(145deg,#292521f5,#211d19f5); border-color:#a695615e; box-shadow:12px -12px 38px #03090830,0 12px 42px #03090840; padding:20px; }
/* Firelight shares the canvas flicker; only these small layers change opacity. */
.home-camp .home-example::before,.home-camp .home-example::after { content:""; position:absolute; border-radius:inherit; pointer-events:none; opacity:var(--camp-reflection,.68); }
.home-camp .home-example::before { inset:-1px; z-index:1; padding:1px; background:radial-gradient(ellipse at var(--camp-light-origin),#ffc575 0%,#e6a451a6 17%,#ad794a38 38%,transparent 65%); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; }
.home-camp .home-example::after { inset:0; z-index:-1; background:radial-gradient(ellipse at var(--camp-light-origin),#e9a25030, #b66d3014 32%,transparent 65%); box-shadow:-12px 15px 34px -20px #f2a54d60,18px -17px 36px -16px #03090da6; }
.home-current .home-camp .home-example h2 { margin:12px 0; }
.home-camp .home-pick { min-height:185px; padding-top:16px; }
.home-camp .home-pace { height:30px; }
.home-camp-toggle { position:absolute; right:max(24px,calc((100% - 1240px)/2)); bottom:26px; display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid #c5b58138; border-radius:5px; background:#1c1814cf; color:#c7c8b9; font:inherit; font-size:10px; cursor:pointer; }
.home-camp-toggle:hover { color:#f2deb0; background:#2a2622; border-color:#d8bd7870; }
@media(min-width:1700px) { .home-current .home-camp .home-hero { min-height:860px; } .home-camp-art { width:1700px; } }
@media(min-width:721px) and (max-width:1100px) { .home-current .home-camp .home-hero { gap:32px; padding-top:35px; padding-bottom:290px; }.home-camp-art { width:1280px; left:calc(50% - 130px); }.home-camp .home-hero-copy { padding-top:18px; }.home-camp .home-example { padding:18px; }.home-camp .home-example-top { font-size:10px; }.home-camp .home-tabs button { padding:8px 10px; } }
@media(max-width:720px) {
  .home-current .home-camp .home-hero { grid-template-columns:1fr; gap:220px; min-height:0; padding-top:34px; padding-bottom:30px; }
  .home-camp .home-hero-copy { padding-top:0; }
  .home-camp-art { top:calc(var(--camp-copy-bottom,440px) - min(220px,46.75vw)); bottom:auto; width:min(800px,170vw); left:calc(50% - min(116px,24.65vw)); }
  .home-camp-scenery::after { background:linear-gradient(180deg,#1c1814 100px,#191511c0 calc(var(--camp-copy-bottom,440px) - 25px),transparent calc(var(--camp-copy-bottom,440px) + 30px),#1c1814 calc(var(--camp-copy-bottom,440px) + 190px)); }
  .home-camp { background:#1c1814; }
  .home-camp .home-example { --camp-light-origin:35% 0%; background:#25211d; }
  .home-camp .home-example::after { box-shadow:-6px -12px 28px -18px #f2a54d50,12px 16px 32px -16px #03090d80; }
  .home-camp-toggle { top:calc(var(--camp-copy-bottom,440px) + 174px); bottom:auto; right:20px; }
}
@media(prefers-reduced-motion:reduce) { .home-camp-art > canvas { display:none; } }
.home-torch-section { position:relative; isolation:isolate; }
.home-section-torch { --torch-light:.8; position:absolute; left:-92px; top:16px; width:80px; height:160px; pointer-events:none; isolation:isolate; }
.home-section-torch::before { content:""; position:absolute; z-index:-1; width:290px; height:230px; left:calc(50% - 145px); top:-34px; background:radial-gradient(ellipse at 53% 44%,#eead4d30,#bc702a16 40%,transparent 72%); opacity:var(--torch-light); }
.home-section-torch > img,.home-section-torch > canvas { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; }
.home-section-torch > img { filter:drop-shadow(var(--torch-shadow-x,5px) 8px 3px #030504b8); }
.home-platforms > .home-section-torch { top:12px; }
.home-access .home-section-torch { top:0; }
@media(max-width:1399px) {
  .home-section-torch { left:0; top:45px; width:40px; height:80px; }
  .home-section-torch::before { width:180px; height:160px; left:calc(50% - 90px); top:-30px; }
  .home-features > .home-section-heading,.home-platforms > .home-section-heading { padding-left:48px; }
  .home-platforms > .home-section-torch { top:41px; }
  .home-access .home-section-torch { left:24px; top:27px; }
  .home-current .home-access > div:first-child { padding-left:48px; }
}
@media(max-width:720px) {
  .home-features > .home-section-torch { top:25px; }
  .home-access .home-section-torch { left:19px; top:22px; }
}
@media(prefers-reduced-motion:reduce) { .home-section-torch > canvas { display:none; } }
.home-current .home-hero h1 { font-size: clamp(32px,3.4vw,49px); line-height: 1.13; margin: 20px 0; letter-spacing: -.03em; }
.home-current .home-hero h1 span { color: var(--home-gold); }
.home-current .home-hero-copy > p { max-width: 48ch; font-size: 16px; }
.home-current .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin:0 0 23px; }
.home-current .hero-actions .btn { font-size: 13px; padding: 9px 15px; min-height:44px; width:auto; }
.home-current .home-hero-copy > .home-hero-pricing { max-width:none; margin:12px 0 0; color:#c4c4b5; font-size:13px; line-height:1.7; }
.home-hero-pricing a { color:#ded8c5; text-decoration-color:#9b906966; text-underline-offset:3px; }
.home-hero-pricing a:hover { color:#f0d68f; text-decoration-color:currentColor; }
.home-hero-pricing strong { color:var(--home-gold); font-weight:600; white-space:nowrap; }
.home-example { border: 1px solid #665b40; border-radius: 12px; background: linear-gradient(145deg,#2b2a23,#24201c); padding: 22px; box-shadow: 0 18px 40px #0003; }
.home-example-top { display:flex; gap: 12px; justify-content: space-between; color: var(--home-muted); font-size: 11px; }
.home-example-top > span:first-child { color: var(--home-gold); }
.home-current .home-example h2 { font-size: 23px; margin: 17px 0; }
.home-tabs { display: flex; gap: 5px; flex-wrap: wrap; }
.home-tabs button { display: inline-flex; align-items: center; gap: 7px; border: 1px solid transparent; border-radius: 5px; padding: 10px 14px; color: #bdb9ae; background: transparent; cursor: pointer; font: inherit; font-size: 13px; }
.home-tabs button:hover { color: #f0eadd; background: #32312a; }
.home-tabs button[aria-selected=true] { border-color: #8f7c4b; background: #3c382a; color: #f5e9c6; }
.home-pick { position: relative; margin-top: 16px; border-top: 1px solid var(--home-line); padding-top: 20px; min-height: 210px; }
.home-pick-rank { position: absolute; top: 24px; right: 0; font-size: 12px; color: #a29162; }
.home-current .home-pick h3 { font-size: 20px; padding-right: 24px; margin: 0 0 8px; }
.home-pick-heading { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin-bottom:8px; }
.home-current .home-pick-heading h3 { flex:1 1 180px; margin:0; padding:0; }
.home-attack { flex:0 0 auto; max-width:100%; }
.home-attack-label { display:block; margin-bottom:4px; font-size:9px; color:var(--home-muted); }
.home-elements { display:flex; flex-wrap:wrap; gap:10px; }
.home-element { display:grid; justify-items:center; gap:3px; min-width:29px; }
.home-element img { width:24px; height:24px; object-fit:contain; }
.home-element strong { font-size:11px; line-height:1.2; font-weight:600; color:#e6d9b9; font-variant-numeric:tabular-nums; }
.home-current .home-pick p { font-size: 12px; margin: 0 0 18px; }
.home-rates { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.home-rates span { display:flex; align-items:center; gap: 6px; font-size: 11px; color: var(--home-muted); }
.home-rates img { width: 16px; height: 16px; }
.home-rates strong { display:block; font-size: 25px; margin-top: 4px; font-variant-numeric: tabular-nums; }
.home-rate-value { display:flex; align-items:center; gap:7px; margin-top:4px; min-width:0; }
.home-rate-value img { width:26px; height:26px; flex-shrink:0; }
.home-rate-value strong { margin-top:0; }
.home-xp { color: #d1a7ff; }.home-profit { color: #f1ca6f; }
.home-pace { display:flex; gap: 8px; height: 39px; margin: 16px 0 0; align-items: end; opacity: .65; }
.home-pace i { flex:1; background: #8d815d; height: 38%; border-radius: 2px 2px 0 0; }
.home-pace i:nth-child(3n) { height:65%; }.home-pace i:nth-child(2n) { height:52%; }.home-pace i:nth-child(n+7) { height:75%; }.home-pace i:nth-child(n+10) { height:90%; }
.home-bestiary { font-size: 10px; margin-top: 15px; color: var(--home-muted); }
.home-bestiary progress { width:100%; height:6px; display:block; appearance:none; margin:7px 0; border:0; }
.home-bestiary progress::-webkit-progress-bar { background:#151614; border-radius:3px; }.home-bestiary progress::-webkit-progress-value { background:var(--home-gold); border-radius:3px; }
.home-bestiary > div { display:flex; justify-content:space-between; gap:10px; }
.home-current .home-example-note { border-top: 1px solid var(--home-line); padding-top:12px; margin:12px 0 0; font-size: 10px; }
.home-community-evidence{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;margin-top:18px;font-size:11px;color:var(--home-muted)}
.home-community-evidence strong{font-weight:500;color:#d9c389;border:1px solid #a88d4e55;border-radius:4px;padding:3px 7px}
.home-current .home-community-comparison{font-size:10px;margin:8px 0 0;color:#aba597}
.home-current .home-community-party{font-size:10px;margin:-5px 0 12px}
.home-current .home-community-kills{margin:12px 0 0;font-size:13px;color:#d9c389}
.home-community-link{display:inline-block;font-size:11px;margin-top:10px}
.home-bestiary-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;color:var(--home-muted)}
.home-bestiary-progress-label span:last-child{font-variant-numeric:tabular-nums;text-align:right}
.home-bestiary-goal progress{display:block;width:100%;height:7px;margin:8px 0 13px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#151614;color:var(--home-gold)}
.home-bestiary-goal progress::-webkit-progress-bar{background:#151614;border-radius:5px}
.home-bestiary-goal progress::-webkit-progress-value{background:#c9ad68;border-radius:5px}
.home-bestiary-goal progress::-moz-progress-bar{background:#c9ad68;border-radius:5px}
.home-bestiary-time strong{color:#f0e4c8}
.home-rates-completion{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;container-type:inline-size}
.home-rates-completion>div{display:grid;grid-template-rows:1fr auto auto;min-width:0}
.home-rates-completion>div>span{align-items:start;line-height:1.35}
.home-rates-completion img{flex-shrink:0}
.home-rates-completion .home-rate-value{gap:4px}
.home-rates-completion .home-rate-value img{width:clamp(16px,5.5cqi,26px);height:clamp(16px,5.5cqi,26px)}
.home-rates-completion strong{font-size:clamp(13px,5cqi,25px);line-height:1.25;white-space:nowrap}
.home-rates small{display:block;font-size:10px;color:var(--home-muted);margin-top:3px}
.home-example-top [data-community-profile]{text-align:right;max-width:65%}
.home-example-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-example-refresh{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid #77674788;border-radius:6px;background:#26221b80;color:var(--home-gold);font:inherit;cursor:pointer}
.home-example-refresh span{font:22px/1 sans-serif}
.home-example-refresh:hover:not(:disabled){background:#42392a;border-color:#c4a66c;color:#f7e7b9}
.home-example-refresh:disabled{opacity:.4;cursor:default}
@media(pointer:coarse){.home-example-refresh{width:44px;height:44px}}
html[data-site-device="mobile"] .home-hero-windows{display:none!important}
@media(max-width:720px){.home-current .home-hero .hero-actions .home-hero-windows{display:none}.home-current .home-hero .hero-actions{margin-bottom:18px}.home-current .home-hero .hero-actions .btn{width:auto;flex:none;min-height:44px;padding:9px 15px}.home-current .home-camp .home-hero{padding-top:22px}}
.home-current .home-loop { display:grid; grid-template-columns:minmax(0,1.85fr) repeat(2,minmax(0,1fr)); align-items:center; gap:25px; border-block:1px solid var(--home-line); padding-block:14px; }
.home-loop article { display:flex; align-items:center; gap:14px; min-width:0; }.home-loop article > span { color:var(--home-gold); font-size:13px; padding-top:3px; }
.home-current .home-loop h2 { font-size:16px; margin:0 0 5px; }.home-current .home-loop p { font-size:12px; margin:0; }
/* The real game menu stays sharp; only its surroundings dissolve into the campsite. */
.home-loop .home-save-step { display:grid; grid-template-columns:40px minmax(130px,1fr) minmax(210px,1.55fr); gap:12px; }
.home-hunt-capture { position:relative; min-width:0; aspect-ratio:819/337; overflow:hidden; pointer-events:none; mask-image:linear-gradient(90deg,transparent,#000 27%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent); mask-composite:intersect; }
.home-hunt-capture img { position:absolute; inset:0; display:block; width:100%; max-width:none; height:auto; }
@media(min-width:721px) and (max-width:1100px) { .home-current .home-loop { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 30px; padding-block:14px 22px; }.home-loop .home-save-step { grid-column:1/-1; grid-template-columns:40px minmax(130px,220px) minmax(210px,310px); }.home-loop .home-save-step .home-hunt-capture { margin-left:8px; } }
.home-current .home-features { padding-top:52px; scroll-margin-top:90px; }
.home-section-heading { margin-bottom:23px; }.home-current .home-section-heading h2 { font-size:30px; margin:0 0 9px; letter-spacing:-.02em; }.home-current .home-section-heading p { font-size:14px; margin:0; }
.home-features > .home-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.home-features > .home-tabs { flex-wrap:nowrap; margin-bottom:14px; padding:7px; gap:5px; border:1px solid #635e4c; border-radius:7px; background:linear-gradient(180deg,#414039 0%,#302c28 45%,#25211d 100%); box-shadow:inset 0 1px 0 #e3d4a51c,0 3px 12px #0002; }
.home-tabs-main { display:flex; flex:1; justify-content:center; align-items:center; gap:5px; }
.home-tabs-account { display:flex; align-items:center; gap:5px; }
.home-tab-platform { display:block; font-size:9px; line-height:1.2; font-weight:400; color:#a29c88; }
.home-features > .home-tabs button { min-height:43px; padding:9px 14px; border-radius:4px; font-size:13px; font-weight:600; }
.home-features > .home-tabs button[data-feature=character] { flex-shrink:0; padding-inline:12px 22px; }
.home-features > .home-tabs button[aria-selected=true] { border-color:#948052; background:linear-gradient(180deg,#4b4533,#302e23); color:#f3e5bc; box-shadow:inset 0 0 0 1px #cfb06b1a,0 1px 4px #0004; }
.home-features > .home-tabs img { width:20px; height:20px; flex-shrink:0; }
@media(max-width:1100px) { .home-features > .home-tabs button { padding-inline:8px; font-size:12px; }.home-features > .home-tabs button[data-feature=character] { padding-inline:8px; } }
@media(max-width:1150px) { .home-features > .home-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.home-tabs-main,.home-tabs-account { display:contents; }.home-features > .home-tabs button { justify-content:center; padding:10px 6px; }.home-features > .home-tabs button[data-feature=character] { padding:10px 6px; } }
@media(max-width:600px) { .home-features > .home-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:440px) { .home-features > .home-tabs button { font-size:11px; gap:5px; }.home-features > .home-tabs img { width:17px; height:17px; } }
.home-feature { display:grid; grid-template-columns:1fr; gap:20px; background:#24201c; border:1px solid var(--home-line); padding:24px; border-radius:10px; }
.home-feature-copy { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.home-feature-copy p { max-width:84ch; }
.home-feature-copy .text-link { flex-shrink:0; }
.home-current .home-feature h3 { font-size:25px; line-height:1.2; margin:0 0 8px; }.home-current .home-feature p { font-size:14px; margin:0; }
.home-current .text-link { color:#e6ca87; font-size:13px; }.home-feature .text-link { display:inline-block; margin-top:14px; }
.home-screen { border:1px solid #514b3b; background:#1b1713; border-radius:6px; padding:0; cursor:zoom-in; width:100%; }
/* Original screenshots remain intact. Clip their shared 68px app navigation. */
[data-home-frame] { --image-width:1412; --image-height:1097; --image-top:68; --image-bottom:1097; }
[data-home-frame=training] { --image-bottom:555; }
[data-home-frame=overview] { --image-bottom:740; }
[data-home-frame=board] { --image-bottom:610; }
[data-home-frame=story] { --image-width:1280; --image-height:720; --image-top:0; --image-bottom:720; }
[data-home-frame=translator] { --image-width:960; --image-height:600; --image-top:0; --image-bottom:600; }
[data-home-frame=overlays] { --image-width:960; --image-height:540; --image-top:0; --image-bottom:540; }
.home-image-crop { display:block; position:relative; overflow:hidden; aspect-ratio:var(--image-width) / calc(var(--image-bottom) - var(--image-top)); }
.home-image-crop img { display:block; position:absolute; top:0; left:0; width:100%; height:auto; max-width:none; max-height:none; transform:translateY(calc(-100% * var(--image-top) / var(--image-height))); }
.home-screen span { position:absolute; right:8px; bottom:8px; border:1px solid #74653f; background:#22221cf2; border-radius:4px; padding:6px 10px; color:#e6d8b5; font-size:11px; }
.home-current .home-platforms { padding-top:48px; }.home-platform-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.home-platform-grid article { padding:22px; border:1px solid var(--home-line); border-radius:8px; background:#24201c; }
.home-current .home-platform-grid h3 { font-size:19px; margin:0; }.home-current .home-platform-grid p { font-size:14px; }.home-current .home-sync { font-size:12px; padding:0 8px; }
.home-tabs img { width:18px; height:18px; object-fit:contain; }
.home-step-icon { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; background:#282820; border:1px solid var(--home-line); border-radius:8px; }
.home-loop article > .home-step-icon { padding:0; }
.home-capabilities { display:grid; gap:13px; padding:7px 0 20px; margin:0; list-style:none; }
.home-capabilities li { display:flex; align-items:center; gap:12px; font-size:14px; }
.home-capabilities img { width:22px; height:22px; object-fit:contain; }
.home-current .home-access { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:35px; padding:28px; border:1px solid #6a5d3d; border-radius:10px; background:#28271f; }
.home-current .home-access h2 { font-size:24px; margin:10px 0; }.home-current .home-access h3 { font-size:19px; margin:0; display:flex; gap:12px; flex-wrap:wrap; justify-content:space-between; }.home-access h3 span { color:var(--home-gold); }
.home-current .home-access p { font-size:13px; }.home-current .home-access .btn { font-size:13px; }
.home-current .home-trust { padding-block:27px; display:flex; justify-content:space-between; gap:20px; align-items:center; }.home-current .home-trust p { font-size:12px; margin:4px 0; }.home-trust a { color:var(--home-gold); font-size:13px; white-space:nowrap; }
.home-preview { padding:38px 12px 12px; background:#181410; border:1px solid #8f7c4b; border-radius:10px; max-width:95vw; max-height:94vh; overflow:auto; }.home-preview::backdrop { background:#000c; }.home-preview img { display:block; max-width:88vw; max-height:83vh; object-fit:contain; }.home-preview button { position:absolute; top:3px; right:8px; font-size:26px; color:#f0eadd; background:none; border:0; cursor:pointer; }
@media(max-width:1000px) { .home-current .home-hero { gap:28px; padding-top:38px; }.home-example { padding:18px; }.home-current .hero-actions { flex-direction:column; align-items:flex-start; }.home-feature { gap:20px; }.home-current .home-feature h3 { font-size:25px; } }
@media(max-width:720px) { .home-current .home-hero { grid-template-columns:1fr; gap:25px; padding-block:32px; }.home-current .home-hero h1 { font-size:38px; }.home-current .hero-actions { flex-direction:row; }.home-current .home-loop { grid-template-columns:1fr; gap:18px; }.home-loop article { gap:17px; }.home-current .home-features { padding-top:32px; }.home-tabs button { padding:9px 10px; font-size:12px; }.home-feature { grid-template-columns:1fr; padding:20px; gap:20px; }.home-feature-copy { display:block; }.home-feature-copy .text-link { margin-top:12px; }.home-platform-grid { grid-template-columns:1fr; gap:12px; }.home-current .home-access { grid-template-columns:1fr; gap:28px; padding:22px; }.home-current .home-access > div + div { border-top:1px solid var(--home-line); padding-top:23px; }.home-current .home-section-heading h2 { font-size:27px; }.home-current .home-trust { flex-wrap:wrap; }.home-example-top { flex-wrap:wrap; }.home-current .home-hero-copy > p { font-size:15px; } }

@media(max-width:720px) { .home-loop .home-save-step { grid-template-columns:40px minmax(0,1fr); gap:8px 17px; }.home-save-step .home-hunt-capture { grid-column:2; width:min(100%,290px); margin-top:-4px; }.home-current .home-loop { padding-block:20px; } }
.home-screen[data-home-video-preview=true] { cursor:pointer; }
.home-screen[data-home-frame=story] img { object-fit:contain; }
.home-screen[data-home-video-preview=true] [data-home-screen-action] { top:50%; left:50%; right:auto; bottom:auto; transform:translate(-50%,-50%); display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:60px; max-width:calc(100% - 32px); box-sizing:border-box; padding:16px 28px; border:1px solid #e7cf92; border-radius:10px; background:#d2b574; color:#1c1c16; font-size:18px; font-weight:700; line-height:1.2; white-space:nowrap; box-shadow:0 8px 30px #0008,0 0 0 5px #18141066; }
.home-screen[data-home-video-preview=true] [data-home-screen-action]::before { content:""; width:0; height:0; border-block:8px solid transparent; border-left:12px solid currentColor; flex-shrink:0; }
.home-screen[data-home-video-preview=true]:is(:hover,:focus-visible) [data-home-screen-action] { background:#e3c88b; border-color:#f0dfb3; box-shadow:0 10px 36px #0009,0 0 0 5px #18141080; }
@media(max-width:720px) { .home-screen[data-home-video-preview=true] [data-home-screen-action] { min-height:48px; padding:12px 20px; gap:10px; font-size:15px; border-radius:8px; }.home-screen[data-home-video-preview=true] [data-home-screen-action]::before { border-block-width:6px; border-left-width:10px; } }
.home-video-duration { color:var(--home-gold); font-size:10px; white-space:nowrap; }
.home-preview video { display:block; width:min(88vw,1200px); height:auto; max-height:83vh; background:#0d0905; }
.home-sample-label { position:absolute; top:10px; right:10px; background:#1b1713e8; border:1px solid #645b43; color:#d2c8ad; padding:5px 8px; border-radius:4px; font-size:10px; }
.home-screen-choices { display:flex; flex-wrap:wrap; gap:10px; }
.home-screen-choices button { position:relative; display:flex; align-items:center; gap:10px; min-height:43px; padding:10px 16px 13px; border:1px solid #514c3d; border-radius:6px; background:linear-gradient(180deg,#2b2723,#231f1b); color:var(--home-muted); cursor:pointer; font:inherit; font-size:12px; font-weight:600; line-height:1.35; }
.home-screen-choices button:hover { color:#f0eadd; border-color:#8c7c55; }
.home-screen-choices button[aria-pressed=true] { border-color:#ac9254; color:#f5e9c6; background:linear-gradient(180deg,#3b3728,#29291f); box-shadow:inset 0 1px 0 #d8bd7817; }
.home-current .home-feature .home-slide-caption { margin-top:12px; padding-left:12px; border-left:2px solid #81714b; color:#c3beaf; font-size:13px; line-height:1.55; max-width:105ch; }
.home-preview-sample { display:block; text-align:right; color:#d2c8ad; font-size:11px; margin-top:8px; }
.home-gallery-visual { min-width:0; }
.home-gallery-visual .home-screen { display:block; }
.home-cycle-track { display:block; overflow:hidden; height:3px; background:#d8bd7824; }
.home-cycle-track i { display:block; width:100%; height:100%; background:var(--home-gold); transform:scaleX(0); transform-origin:left; }
.home-choice-cycle { position:absolute; bottom:3px; left:10px; right:10px; height:2px; border-radius:2px; }
.home-screen-choices button[aria-pressed=false] .home-choice-cycle { background:#d8bd7810; }
.home-features > .home-tabs button { position:relative; }
.home-tab-cycle { position:absolute; bottom:3px; left:10px; right:10px; height:2px; border-radius:2px; }
.home-tabs button[aria-selected=false] .home-tab-cycle { display:none; }
.home-cycle-toggle { display:inline-flex; align-items:center; padding:8px 12px; gap:7px; border:1px solid var(--home-line); border-radius:5px; background:#282420; color:var(--home-muted); font:inherit; font-size:12px; cursor:pointer; }
.home-cycle-toggle [data-cycle-icon] { width:12px; font-size:11px; }
.home-screen-choices .home-cycle-toggle { align-self:center; min-height:36px; margin-inline-start:6px; padding:8px 12px; gap:7px; font-weight:400; }
.home-screen-choices .home-cycle-toggle[aria-pressed] { border-color:#494438; color:var(--home-muted); background:#1f1b17; box-shadow:none; }
.home-screen-choices .home-cycle-toggle:hover { color:#f0eadd; border-color:#8c7c55; }
@media(max-width:720px) { .home-feature { padding:12px; gap:15px; }.home-screen-choices { gap:7px; }.home-screen-choices button { gap:7px; padding-right:10px; }.home-sample-label { top:5px; right:5px; padding:3px 5px; font-size:9px; } }

.home-preview { padding:0 12px 12px; overflow:hidden; }
.home-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:52px; }
.home-preview .home-preview-toolbar button { position:static; min-width:44px; min-height:44px; padding:8px 12px; }
.home-preview [data-home-close] { margin-inline-start:auto; }
.home-preview [data-home-zoom] { font:600 13px/1.3 "Segoe UI",sans-serif; color:#e6ca87; }
.home-preview-canvas { overflow:auto; max-width:88vw; max-height:calc(90dvh - 70px); overscroll-behavior:contain; }
.home-preview-canvas .home-image-crop { width:min(100%,calc((90dvh - 70px) * var(--image-width) / (var(--image-bottom) - var(--image-top)))); margin-inline:auto; }
.home-preview-canvas .home-image-crop img { max-width:none; max-height:none; }
.home-preview.is-zoomed .home-image-crop { width:calc(var(--image-width) * 1px); }
.home-preview:has(.home-preview-canvas:not([hidden])) { width:min(1440px,94vw); }
.home-preview-canvas { width:88vw; margin-inline:auto; }
.home-preview-canvas img { margin-inline:auto; }
@media(max-width:720px) {
  /* Phone crops use original coordinates; expanded previews show all app content. */
  .home-screen:not([data-home-video-preview=true]) { aspect-ratio:var(--crop-w,650)/var(--crop-h,510); }
  .home-screen:not([data-home-video-preview=true]) img { position:absolute; width:calc(1412 / var(--crop-w,650) * 100%); height:auto; max-width:none; transform:none; left:calc(-1 * var(--crop-x,0) / var(--crop-w,650) * 100%); top:calc(-1 * var(--crop-y,0) / var(--crop-h,510) * 100%); }
  .home-screen[data-home-frame=hunts-overview] { --crop-x:355; --crop-y:399; --crop-w:655; --crop-h:385; }
  .home-screen[data-home-frame=hunt-summary] { --crop-x:353; --crop-y:280; --crop-w:1010; --crop-h:490; }
  .home-screen[data-home-frame=guide] { --crop-x:323; --crop-y:552; --crop-w:506; --crop-h:500; }
  .home-screen[data-home-frame=board] { --crop-x:40; --crop-y:106; --crop-w:1330; --crop-h:485; }
  .home-screen[data-home-frame=tasks] { --crop-x:42; --crop-y:306; --crop-w:653; --crop-h:632; }
  .home-screen[data-home-frame=route] { --crop-x:48; --crop-y:300; --crop-w:1300; --crop-h:650; }
  .home-screen[data-home-frame=character] { --crop-x:35; --crop-y:207; --crop-w:740; --crop-h:565; }
  .home-screen[data-home-frame=pets] { --crop-x:445; --crop-y:310; --crop-w:880; --crop-h:650; }
  .home-screen[data-home-frame=dungeons] { --crop-x:40; --crop-y:385; --crop-w:895; --crop-h:680; }
  .home-screen[data-home-frame=battle] { --crop-x:133; --crop-y:248; --crop-w:1128; --crop-h:566; }
  .home-screen[data-home-frame=trials] { --crop-x:40; --crop-y:456; --crop-w:1320; --crop-h:630; }
  .home-screen[data-home-frame=climb] { --crop-x:40; --crop-y:425; --crop-w:1320; --crop-h:650; }
  .home-screen[data-home-frame=shopkeeper] { --crop-x:14; --crop-y:270; --crop-w:1060; --crop-h:785; }
  .home-screen[data-home-frame=backpack] { --crop-x:850; --crop-y:148; --crop-w:540; --crop-h:600; }
  .home-screen[data-home-frame=overview] { --crop-x:29; --crop-y:229; --crop-w:1356; --crop-h:500; }
  .home-screen[data-home-frame=training] { --crop-x:718; --crop-y:205; --crop-w:661; --crop-h:316; }
  .home-screen[data-home-frame=moments] { --crop-x:80; --crop-y:446; --crop-w:840; --crop-h:530; }
  .home-screen span { font-size:12px; padding:8px 12px; }
}