/* Ranked field guides, tap-only radio, brighter hearth and timber footer. */
.radio-trigger{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;min-height:44px}
.radio-trigger:focus-visible{outline:2px solid #edc780;outline-offset:5px;border-radius:6px}
.radio-trigger .radio-device{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 9px #0009)}
.radio-one-shot .radio-mobile-label{display:none}
.radio-one-shot.radio-is-on .radio-mobile-label i{background:#aada61;box-shadow:0 0 8px #bded7a}
.radio-one-shot.radio-is-on .radio-led{fill:#aeec6e;filter:drop-shadow(0 0 5px #c3fb82)}
.survival-hero{box-shadow:0 18px 35px #0008,0 0 32px #e665314d,0 0 80px #bd492426}
.survival-hero:after{inset:0;border:2px solid #e7a45f8f;box-shadow:inset 0 -8px 42px #f6813444,inset 0 0 26px #f3ab342e;animation:hearth-border 4s ease-in-out infinite alternate}
.hero-energy{z-index:0}
.hero-energy i{height:5px;width:3px;bottom:-5px;background:#ffe7a7;box-shadow:0 0 5px #fff2be,0 0 12px #ffb64f,0 0 22px #ff7839;animation-name:hearth-spark;opacity:0}
.hero-energy i:nth-child(3n){height:11px;width:2px;background:#ffd76b}
.hero-energy i:nth-child(2n){box-shadow:0 0 6px #ffc881,0 0 16px #ff6f26;background:#ffc683}
.hero-fire{position:absolute;inset:auto 0 0;height:120px;pointer-events:none;z-index:0;overflow:hidden;opacity:.8;background:radial-gradient(ellipse at 15% 120%,#ff9f3761,transparent 48%),radial-gradient(ellipse at 88% 120%,#ff652d52,transparent 48%)}
.hero-fire:after{content:"";position:absolute;inset:auto -5% -30px;height:55px;background:linear-gradient(0deg,#ffb456c9,#ee743562,transparent);filter:blur(10px)}
.hero-fire i{position:absolute;left:var(--flame-x);bottom:-34px;width:var(--flame-width,48px);height:var(--flame-height,100px);border-radius:55% 45% 30% 30%;background:radial-gradient(ellipse at 50% 92%,#fff4b9 0,#ffc46d 18%,#ff7f37 42%,#d9511e50 64%,transparent 76%);filter:blur(6px);transform-origin:50% 100%;animation:hearth-flame var(--flame-time,3s) ease-in-out var(--flame-delay,0s) infinite alternate}
.hero-effects-paused .hero-fire i{animation-play-state:paused}
@keyframes hearth-border{from{opacity:.65}to{opacity:1}}
@keyframes hearth-spark{0%{opacity:0;transform:translate(0,0) scale(.5)}12%{opacity:1}55%{opacity:.9}100%{opacity:0;transform:translate(var(--spark-drift,30px),-320px) scale(.5)}}
@keyframes hearth-flame{from{transform:rotate(-12deg) scale(.8,.7);opacity:.65}to{transform:rotate(12deg) scale(1.08,1.15);opacity:1}}
.ranked-intro{display:grid;grid-template-columns:1fr auto;gap:35px;padding:20px 0 22px;align-items:center}
.ranked-intro h2{font-size:clamp(34px,4vw,49px);margin:8px 0 16px;line-height:1.04}
.ranked-intro p{max-width:820px}
.ranked-total{display:grid;place-content:center;text-align:center;width:120px;height:130px;border:1px solid #c5a56d7a;background:linear-gradient(130deg,#3b3328,#142529);box-shadow:5px 5px #0003;transform:rotate(3deg);flex-shrink:0}
.ranked-total b{font:67px/1 var(--display);color:#e5cf9a}
.ranked-total span{font:8px/2 monospace;letter-spacing:.16em;color:#adbeaf}
.ranked-method{border:1px solid #8e7c555e;border-left:3px solid #a1824d;background:#18262a;margin:8px 0 25px;padding:0 21px}
.ranked-method summary{font-size:12px;color:#d6c397;display:flex;align-items:center;min-height:52px;gap:10px;list-style:none}
.ranked-method summary:before{content:"+";font-size:22px;color:#cfb274}.ranked-method[open] summary:before{content:"−"}
.ranked-method p,.ranked-method li{font-size:12px;line-height:1.8;color:#b5c4bd}
.ranked-method .method-source{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.ranked-method a{font-size:11px;color:#d6c397}
.ranked-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:13px;padding:19px;background:#1b2b2e;border:1px solid #52736b78;align-items:end;margin:23px 0 12px}
.ranked-controls label{display:block;min-width:0;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#c2b18e}
.page-film .ranked-controls{grid-template-columns:1.3fr 1fr .85fr 1.1fr auto}
.ranked-controls input,.ranked-controls select{display:block;width:100%;min-width:0;margin-top:9px;border:1px solid #75837c;background:#101e23;color:#e3e4d8;padding:11px 12px;min-height:46px;font-size:13px;text-transform:none;letter-spacing:0;border-radius:0}
.ranked-controls select{padding-right:27px}
.ranked-controls button{min-height:46px;color:#dcc7a0;background:#25352f!important;border-color:#7d815c!important}
.ranked-status{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:12px 0 26px;border-bottom:1px solid #6d7a684d;padding-bottom:13px}
.ranked-status p{margin:0;font-size:11px!important;color:#9fb6aa!important}.ranked-status small{font-size:9px;color:#9d9b83}
.ranked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ranked-card{display:grid;grid-template-columns:145px minmax(0,1fr);min-width:0;position:relative;background:linear-gradient(140deg,#26343a,#142329);border:1px solid #61756c75;scroll-margin-top:25px;overflow:hidden}
.ranked-card[hidden]{display:none!important}
.ranked-card.rank-first{border-color:#bca46f;background:linear-gradient(125deg,#353e34,#15282c)}
.ranked-media{position:relative;min-width:0;background:#0c191e;display:flex;align-items:flex-start;justify-content:center;padding:52px 13px 21px;margin:0}
.ranked-media>img{width:100%;height:220px;object-fit:contain;filter:drop-shadow(4px 5px 6px #0007)}
.rank-number{position:absolute;left:13px;top:12px;display:flex;align-items:baseline;gap:7px;font:30px/1 var(--display);color:#d1ba89}
.rank-number small{font:7px/1.4 monospace;letter-spacing:.04em;color:#b8bda7;max-width:52px}
.ranked-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px 22px}
.ranked-copy>.eyebrow{font-size:8px!important;letter-spacing:.1em;color:#bfa87f!important;margin:0 0 11px;line-height:1.6}
.ranked-copy h2{font:27px/1.12 var(--display);text-transform:none;letter-spacing:.01em;margin:0 0 10px;color:#eee4cf}
.ranked-copy .ranked-byline{font-size:10px!important;color:#cbb88e!important;margin:0 0 13px}
.ranked-description{font-size:13px;line-height:1.8;color:#bacbc5}.ranked-description p,.ranked-copy>p{font-size:13px!important;line-height:1.8!important;color:#bacbc5}
.ranked-rating{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:9px 11px;margin:1px 0 13px;border:1px solid #9d9a6759;background:#0d1d2088;width:100%}
.ranked-rating a{font-size:11px;color:#e1cf9c;text-decoration:none}.ranked-rating b{font-size:14px;color:#ece0b5}.ranked-rating small{font-size:8px;color:#97afa3;line-height:1.6}
.ranked-rating.unrated{font-size:10px;color:#8ea79e}
.ranked-copy>.oz-action{font-size:9px;margin-top:auto;min-height:42px;display:inline-flex;align-items:center}
.ranked-interest{font-size:9px!important;color:#a4b8ac!important;margin:0 0 15px}
.ranked-rationale{padding-left:11px;border-left:2px solid #8d795078;font-size:10px!important;color:#a4b9ae!important;margin-top:6px;line-height:1.7}
.ranked-scope{font-size:10px!important;color:#b8a779!important;border-top:1px solid #9d7c4f44;padding-top:9px}
.ranked-card-film .ranked-media>img{height:auto;max-height:220px}
.ranked-card-game{display:flex;flex-direction:column}
.ranked-card-game .ranked-media{padding:0;display:block}
.ranked-card-game .ranked-media>img{width:100%;height:auto;aspect-ratio:460/215;object-fit:contain;filter:none}
.ranked-card-game .rank-number{background:#0d1c21e8;padding:8px 11px;border:1px solid #c8ab6380}
.ranked-card-game .ranked-copy{flex:1;padding-top:21px}
.ranked-card-game .ranked-rating{width:auto}
.ranked-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ranked-card-location{display:flex;flex-direction:column}
.ranked-card-location .ranked-media{padding:0;display:block;min-height:290px;height:290px;flex-shrink:0}
.ranked-card-location .ranked-media>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:none}
.ranked-card-location .rank-number{background:#0c1b20e8;border:1px solid #ad9b69;z-index:1;padding:10px 13px;top:17px;left:17px}
.ranked-place-credit{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:14px 17px;background:#0a171be8;color:#bac0ac;font-size:8px;line-height:1.8}
.ranked-place-credit a{color:inherit}
.ranked-card-location .ranked-copy{padding:29px 29px;flex:1}
.ranked-card-location h2{font-size:33px}
.place-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:12px 0 18px}
.place-metrics>div{border-top:2px solid #718a6669;padding-top:10px}
.place-metrics dt{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#9cb4a4}
.place-metrics dd{margin:6px 0 0;font:25px/1.1 var(--display);color:#dfd2a9}
.place-metrics dd small{font:10px Arial;color:#93a998}
.place-tradeoff{background:#0a1c2044;border-left:2px solid #ab7e51;padding:10px 13px;font-size:11px!important}
.ranked-archive{margin:36px 0 0;padding:24px;background:#18262a;border:1px solid #68786660}
.ranked-archive h2{font-size:25px}.ranked-archive p{font-size:12px}
.ranked-archive-links{display:flex;gap:10px 20px;flex-wrap:wrap}
.ranked-archive-links a{padding:7px 0;font-size:11px}
.page-film .page-hero h1,.page-games .page-hero h1,.page-books .page-hero h1,.page-locations .page-hero h1{font-size:clamp(39px,4.5vw,61px);line-height:1.02;max-width:740px}
.site-footer{width:100%;max-width:none;margin:20px 0 0;border-top:3px solid #8f7045;padding:0;background:linear-gradient(0deg,#100c09ed,#1a100be3 60%,#29180eb8),url(../images/v13/nav-wood.webp) center/1100px auto;box-shadow:inset 0 2px #c7a16c55,0 -15px 40px #0005;position:relative}
.site-footer:before,.site-footer:after{content:"";position:absolute;top:13px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c6ae7c,#51402a 55%,#0d0b09 75%);box-shadow:0 2px 3px #0009}.site-footer:before{left:17px}.site-footer:after{right:17px}
.footer-inner{padding-top:35px}
.footer-signoff{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:0 0 25px;border-bottom:1px solid #a98d5957}
.footer-signoff p{font:clamp(29px,4vw,47px)/1 var(--display);letter-spacing:.045em;color:#dfca9e;margin:0;text-shadow:1px 2px #000}
.footer-stamp{font:9px/1.9 monospace;color:#b8a781;letter-spacing:.11em;text-align:right}
.site-footer .footer-top{padding:32px 0 24px;gap:38px}
.site-footer .footer-top h2{color:#d4b887;font-size:13px;letter-spacing:.12em}
.site-footer .footer-brand{display:block;width:235px;max-width:100%;margin:-4px 0 10px}
.site-footer .footer-brand img{display:block;width:100%;height:auto}
.site-footer .footer-top p{color:#bda990;font-size:12px;line-height:1.8}
.site-footer .footer-top>div>a:not(.footer-brand){color:#d6c6ae;min-height:36px;display:flex;align-items:center;width:fit-content;font-size:12px;text-decoration:none}
.site-footer .footer-top a:hover{color:#fff0d0;text-decoration:underline}
.site-footer .footer-bottom{border-color:#a98d594d;padding:22px 0 26px;color:#ad9d82;font-size:9px}
.site-footer .footer-bottom>a{color:#d5bd92}
@media(max-width:1050px){.page-film .ranked-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ranked-card{grid-template-columns:115px minmax(0,1fr)}.ranked-media{padding-inline:10px}.ranked-media>img{height:185px}.ranked-copy{padding:22px 18px}.ranked-copy h2{font-size:25px}.ranked-card-location{grid-template-columns:minmax(230px,40%) 1fr}.ranked-controls{grid-template-columns:1fr 1fr}.site-footer .footer-top{gap:25px}}
@media(max-width:800px){.ranked-grid{grid-template-columns:1fr}.ranked-card{grid-template-columns:145px minmax(0,1fr)}.ranked-media>img{height:225px}.ranked-card-location{grid-template-columns:40% 1fr}.ranked-card-location .ranked-copy{padding:25px}.ranked-card-game{display:grid;grid-template-columns:40% 1fr}.ranked-card-game .ranked-media{align-self:start;padding-top:60px}.ranked-card-game .ranked-media>img{height:auto}.ranked-card-game .ranked-copy{padding:24px}.footer-stamp{font-size:8px}.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero-fire i:nth-child(even){display:none}.radio-trigger .radio-device{display:none}.radio-one-shot .radio-mobile-label{display:inline-flex;min-height:36px;align-items:center}.hero-fire{height:100px;opacity:.7}.hero-fire i{filter:blur(6px)}.ranked-intro{gap:16px}.ranked-total{width:67px;height:88px}.ranked-total b{font-size:46px}.ranked-total span{font-size:6px}.ranked-intro h2{font-size:34px}.ranked-intro p{font-size:13px}.ranked-method{padding-inline:16px}.ranked-controls{padding:15px;gap:14px 10px}.ranked-controls label:first-child{grid-column:1/-1}.ranked-controls button{grid-column:1/-1}.ranked-status{display:block}.ranked-status small{display:block;margin-top:8px}.ranked-grid{gap:18px}.ranked-card{grid-template-columns:98px minmax(0,1fr)}.ranked-media{padding:50px 9px 16px}.ranked-media>img{height:155px}.ranked-copy{padding:21px 16px}.ranked-copy h2{font-size:26px}.ranked-copy .ranked-byline{line-height:1.7}.ranked-rating{padding:8px}.ranked-rating a{font-size:10px}.rank-number{font-size:27px;left:11px}.rank-number small{display:none}.ranked-description p{font-size:13px!important}.ranked-card-game,.ranked-card-location{display:flex;flex-direction:column}.ranked-card-game .ranked-media{padding:0}.ranked-card-game .ranked-copy,.ranked-card-location .ranked-copy{padding:24px}.ranked-card-location .ranked-media{min-height:240px;height:240px}.ranked-card-location .ranked-media>img{height:240px}.ranked-card-location h2{font-size:31px}.place-metrics{gap:9px}.place-metrics dt{font-size:7px}.place-metrics dd{font-size:24px}.ranked-place-credit{padding:11px 15px}.footer-inner{padding-top:31px}.footer-signoff{gap:18px;padding-bottom:23px;align-items:flex-end}.footer-signoff p{max-width:200px;font-size:33px;line-height:1.05}.footer-stamp{font-size:7px;letter-spacing:.05em}.site-footer .footer-top{gap:20px;padding-top:27px}.site-footer .footer-top>div:first-child{grid-column:1/-1}.site-footer .footer-brand{width:240px}.site-footer .footer-top>div>a:not(.footer-brand){min-height:44px;font-size:12px}.site-footer .footer-bottom{line-height:1.8}.site-footer .footer-top h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){.survival-hero:after{animation:none;opacity:.85}.hero-fire{display:none}.hero-energy{display:none}.radio-switch-lever{transition:none}}
