@font-face{font-family:FarflungPixel;src:url('https://img.farflung.cc/site-v3/assets/VT323-Regular-EhPR265H.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--paper:#f4e9cd;--paper-2:#fff9e9;--ink:#2b2118;--muted:#6b5a45;--line:#c9b893;--sea:#c8dfe3;--sea-deep:#567c83;--red:#b53b32;--red-dark:#7f2722;--green:#557a58;--gold:#d7a62e;--blue:#294750;--shadow:0 16px 42px rgba(68,48,28,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:linear-gradient(rgba(91,64,36,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,64,36,.025) 1px,transparent 1px),var(--paper);background-size:23px 23px,23px 23px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:var(--red-dark)}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1674a0;outline-offset:3px}
.skip-link{position:fixed;z-index:999;left:14px;top:10px;padding:9px 13px;border-radius:8px;color:#fff;background:var(--ink);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(43,33,24,.25);background:rgba(244,233,205,.94);backdrop-filter:blur(12px)}
.header-inner{width:min(100% - 28px,1360px);min-height:70px;margin:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:400 clamp(1.8rem,2.4vw,2.3rem)/1 FarflungPixel,monospace;text-decoration:none;white-space:nowrap}.brand img{width:28px;height:28px}.brand b{color:var(--red);font-weight:400}
.site-header nav{display:flex;justify-content:center;gap:clamp(14px,2.2vw,32px)}.site-header nav a{color:#493b2d;font-size:.88rem;font-weight:750;text-decoration:none}.site-header nav a:hover{color:var(--red)}
.header-play{padding:9px 14px;border:1px solid var(--red-dark);border-radius:10px;color:#fff;background:var(--red);font-size:.82rem;font-weight:850;text-decoration:none;white-space:nowrap}.header-play:hover{color:#fff;background:var(--red-dark)}
.page-shell{width:min(100% - 28px,1360px);margin:auto;padding:14px 0 64px}
.topic-strip{display:flex;gap:7px;padding:8px 0;overflow-x:auto;scrollbar-width:none}.topic-strip::-webkit-scrollbar{display:none}.topic-strip a{padding:6px 10px;border:1px solid #bba77c;border-radius:999px;color:#584734;background:rgba(255,249,233,.66);font-size:.73rem;font-weight:750;text-decoration:none;white-space:nowrap}
.breadcrumbs ol{margin:6px 0 10px;padding:0;display:flex;gap:7px;list-style:none;color:var(--muted);font-size:.78rem}.breadcrumbs li+li:before{content:"/";margin-right:7px}.breadcrumbs a{color:inherit}
.play-intro{max-width:900px;margin:5px 0 14px;color:#554533;font-size:.92rem}
.play-layout{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;grid-template-areas:"left stage right";gap:12px;align-items:start}
.game-stage{grid-area:stage;min-width:0;overflow:hidden;border:2px solid var(--ink);border-radius:16px;background:#17282d;box-shadow:0 22px 58px rgba(46,34,23,.25)}
.game-toolbar{min-height:54px;padding:7px 10px 7px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff6df;background:linear-gradient(90deg,#263c44,#172a31)}
.game-toolbar h1{min-width:0;margin:0;overflow:hidden;font:400 1.45rem/1 FarflungPixel,monospace;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}
.frame-actions{display:flex;gap:7px}.frame-actions button{min-height:38px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #91a8a9;border-radius:8px;color:#fff;background:#304f58;font-weight:750;cursor:pointer}.frame-actions button:hover{background:#416873}.frame-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.game-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#c8dfe3}.game-frame-wrap iframe{width:100%;height:100%;display:block;border:0;background:#c8dfe3}
.game-stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.game-stage:fullscreen .game-frame-wrap{height:calc(100vh - 54px);aspect-ratio:auto}
.side-games{min-width:0;display:grid;grid-template-rows:repeat(4,auto);gap:9px}.side-games-left{grid-area:left}.side-games-right{grid-area:right}
.game-card{min-width:0}.game-card a{display:block;color:inherit;text-decoration:none}.game-card figure{margin:0;overflow:hidden;border:1px solid #b9a77e;border-radius:10px;background:var(--paper-2);box-shadow:0 7px 18px rgba(68,48,28,.1);transition:transform .18s ease,box-shadow .18s ease}.card-media{display:block;overflow:hidden;background:var(--sea)}.game-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}.game-card figcaption{padding:6px 7px 7px;display:grid;gap:1px}.game-card strong{overflow:hidden;font-size:.71rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.game-card figcaption span{display:none;color:var(--muted);font-size:.66rem}.game-card a:hover figure{transform:translateY(-2px);box-shadow:0 12px 24px rgba(68,48,28,.18)}.game-card a:hover img{transform:scale(1.045)}
.eyebrow{margin:0 0 5px!important;color:var(--red)!important;font-size:.73rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase}
h2{font-family:Georgia,"Times New Roman",serif;line-height:1.08;letter-spacing:-.025em}
.overview-grid{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:16px;align-items:start}.overview-card,.facts-card{border:1px solid var(--line);border-radius:20px;background:rgba(255,249,233,.88);box-shadow:var(--shadow)}
.overview-card{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);overflow:hidden}.overview-card figure{margin:0;background:var(--sea)}.overview-card figure img{width:100%;height:100%;min-height:390px;object-fit:cover}.overview-card figcaption{padding:8px 11px;color:#e8f4f1;background:var(--blue);font-size:.75rem}.overview-card>div{padding:clamp(22px,3vw,38px)}.overview-card h2,.facts-card h2{margin:0 0 13px;font-size:clamp(1.8rem,3vw,2.8rem)}.overview-card p{color:#534536}
.facts-card{padding:15px;overflow:hidden}.facts-card>img{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:13px}.facts-card h2{margin:18px 5px 10px;font-size:1.65rem}.facts-card dl{margin:0 5px 7px;display:grid;grid-template-columns:1fr 1.35fr}.facts-card dt,.facts-card dd{margin:0;padding:8px 4px;border-bottom:1px dashed #c9b893;font-size:.8rem}.facts-card dt{color:var(--red-dark);font-weight:850}.facts-card dd{color:#534536}
.route-card{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fffaf0;box-shadow:var(--shadow)}.route-card>figure{margin:0;display:grid;grid-template-rows:1fr auto;background:var(--sea)}.route-card>figure img{width:100%;height:100%;min-height:640px;object-fit:cover;object-position:center}.route-card figcaption{padding:10px 14px;color:#e7f2ef;background:var(--blue);font-size:.78rem}.route-card>div{padding:clamp(25px,4vw,50px)}.route-card h2{margin:0 0 20px;font-size:clamp(2rem,3.5vw,3.3rem)}.route-card ol{margin:0;padding:0;display:grid;gap:10px;list-style:none}.route-card li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px;border:1px solid #ddcfaf;border-radius:14px;background:#fff}.route-card li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--red);font:400 1.25rem/1 FarflungPixel,monospace}.route-card h3{margin:0;font-size:.96rem}.route-card li p{margin:3px 0 0;color:var(--muted);font-size:.83rem}.text-link{display:inline-flex;margin-top:20px;color:var(--red-dark);font-weight:850;text-decoration-thickness:2px;text-underline-offset:4px}
.rarity-board{margin-top:18px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px;border:1px solid #805e3a;border-radius:24px;color:#fff7e6;background:linear-gradient(135deg,#263c44,#1b2c31);box-shadow:var(--shadow)}.rarity-board header{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:30px;align-items:end}.rarity-board h2{max-width:760px;margin:0;font-size:clamp(2.1rem,4vw,3.7rem)}.rarity-board header>p{margin:0;color:#d5e4df}.rarity-board figure{margin:0;overflow:hidden;border:1px solid #9db5b3;border-radius:18px;background:#f7ebce}.rarity-board figure img{width:100%;aspect-ratio:1/1;object-fit:cover}.rarity-board figcaption{padding:9px 12px;color:#dcebe7;background:#1a2b30;font-size:.76rem}.tier-track{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:stretch;list-style:none}.tier-track li{min-width:0;padding:15px 10px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:14px;color:#241a12;background:#fff}.tier-track b{font:400 clamp(1.25rem,2vw,1.8rem)/1 FarflungPixel,monospace}.tier-track span{margin-top:6px;font-size:.78rem;font-weight:900}.tier-track small{margin-top:8px;font-size:.68rem;line-height:1.35}.tier-common{border-top:8px solid #718c58}.tier-uncommon{border-top:8px solid #4d8276}.tier-rare{border-top:8px solid #4978a9}.tier-elusive{border-top:8px solid #76578f}.tier-farflung{border-top:8px solid #c23d35}
.five-prompts{margin-top:18px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.46fr);grid-template-areas:"copy phone" "stamps phone";gap:22px 34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#fffaf0,#e4eff0);box-shadow:var(--shadow)}.five-copy{grid-area:copy}.five-copy h2{max-width:760px;margin:0 0 15px;font-size:clamp(2rem,3.5vw,3.4rem)}.five-copy p{color:#4f493e}.five-prompts figure{grid-area:phone;align-self:center;margin:0;overflow:hidden;border:8px solid #2f2922;border-radius:28px;background:#111;box-shadow:0 18px 40px rgba(43,33,24,.22)}.five-prompts figure img{width:100%;aspect-ratio:390/844;object-fit:cover}.five-prompts figcaption{padding:10px 12px;color:#f4e9cd;background:#2f2922;font-size:.72rem}.prompt-stamps{grid-area:stamps;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none}.prompt-stamps li{padding:13px 11px;border:1px solid #c8b88e;border-radius:11px;background:rgba(255,255,255,.75)}.prompt-stamps b{display:block;color:var(--red-dark);font:400 1.13rem/1 FarflungPixel,monospace}.prompt-stamps span{display:block;margin-top:6px;color:#5e5141;font-size:.73rem;line-height:1.35}
.answer-atlas{margin-top:18px;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(25px,4vw,50px);border:1px solid var(--line);border-radius:24px;background:#fffaf0;box-shadow:var(--shadow)}.answer-image{position:relative;max-width:460px;margin:auto;overflow:hidden;border:2px solid var(--ink);border-radius:18px;transform:rotate(-1.5deg);box-shadow:13px 15px 0 #c7dfe2}.answer-image img{width:100%;aspect-ratio:390/704;object-fit:cover}.answer-image span{position:absolute;left:15px;bottom:15px;padding:7px 11px;border:1px solid #fff0d0;border-radius:7px;color:#fff;background:rgba(43,33,24,.88);font:400 1.25rem/1 FarflungPixel,monospace}.answer-atlas h2{margin:0 0 16px;font-size:clamp(2.1rem,4vw,3.8rem)}.answer-atlas p{color:#514536}
.passport-card{margin-top:18px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;align-items:center;padding:clamp(26px,4vw,50px);overflow:hidden;border:1px solid #8f7651;border-radius:24px;color:#f7ecd1;background:radial-gradient(circle at 90% 0,#6b4d32 0,transparent 38%),#3b2b20;box-shadow:var(--shadow)}.passport-card h2{margin:0 0 16px;font-size:clamp(2.1rem,4vw,3.8rem)}.passport-card p{color:#e5d5b6}.passport-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;transform:rotate(1deg)}.passport-stack figure{margin:0;overflow:hidden;border:6px solid #efe2c5;border-radius:20px;background:#efe2c5;box-shadow:0 16px 34px rgba(0,0,0,.25)}.passport-stack figure:first-child{transform:translateY(22px) rotate(-3deg)}.passport-stack figure:last-child{transform:translateY(-12px) rotate(2deg)}.passport-stack img{width:100%;aspect-ratio:390/649;object-fit:cover}.passport-stack figcaption{padding:7px 8px;color:#3b2b20;text-align:center;font-size:.72rem;font-weight:850}
.strategy-grid{margin-top:18px;padding:clamp(24px,4vw,46px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:1px solid var(--line);border-radius:24px;background:#e7f0f0;box-shadow:var(--shadow)}.strategy-grid>header{grid-column:1/-1;max-width:900px}.strategy-grid h2{margin:0;font-size:clamp(2rem,3.5vw,3.3rem)}.strategy-grid>header>p:last-child{color:#4c5c58}.strategy-grid article{overflow:hidden;border:1px solid #a9c0bd;border-radius:16px;background:#fff}.strategy-grid article img{width:100%;aspect-ratio:16/9;object-fit:cover}.strategy-grid article h3{margin:18px 18px 5px;font-size:1.05rem}.strategy-grid article p{margin:0 18px 20px;color:#53605c;font-size:.86rem}
.controls-card{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fffaf0;box-shadow:var(--shadow)}.controls-card figure{margin:0;display:grid;grid-template-rows:1fr auto;background:var(--sea)}.controls-card figure img{width:100%;height:100%;min-height:570px;object-fit:cover}.controls-card figcaption{padding:9px 13px;color:#e6f2ef;background:var(--blue);font-size:.76rem}.controls-card>div{padding:clamp(25px,4vw,48px)}.controls-card h2{margin:0 0 17px;font-size:clamp(2rem,3.5vw,3.3rem)}.controls-card dl{margin:0;display:grid;grid-template-columns:135px minmax(0,1fr)}.controls-card dt,.controls-card dd{margin:0;padding:10px 0;border-bottom:1px dashed #c8b88e}.controls-card dt{color:var(--red-dark);font-weight:850}.controls-card dd{color:#554a3d}.controls-card>div>p:last-child{color:#554a3d}
.faq-section{margin-top:18px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:minmax(230px,.4fr) minmax(0,1.6fr);gap:35px;border:1px solid var(--line);border-radius:24px;background:#fffaf0;box-shadow:var(--shadow)}.faq-section header{display:flex;align-items:flex-start;gap:13px}.faq-section header img{width:48px;height:48px}.faq-section h2{margin:0;font-size:clamp(1.9rem,3.3vw,3rem)}.faq-section details{border-top:1px solid #cdbd9b}.faq-section details:last-child{border-bottom:1px solid #cdbd9b}.faq-section summary{padding:15px 2px;color:#3e3327;font-weight:850;cursor:pointer}.faq-section details p{margin:0;padding:0 2px 18px;color:var(--muted)}
.site-footer{padding:52px max(20px,calc((100% - 1360px)/2)) 22px;color:#d8e7e3;background:#1c3036}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:40px}.footer-grid section p{max-width:520px;color:#bcd0cb}.footer-brand{color:#fff3d5;font:400 2rem/1 FarflungPixel,monospace;text-decoration:none}.site-footer nav{display:grid;align-content:start;gap:6px}.site-footer h2{margin:0 0 6px;color:#fff3d5;font-size:.9rem}.site-footer nav a{color:#d8e7e3;font-size:.85rem;text-decoration:none}.site-footer nav a:hover{color:#fff}.copyright{margin:35px 0 0;padding-top:18px;border-top:1px solid #365159;color:#8fa9a3;font-size:.78rem}
@media(max-width:1180px){.play-layout{grid-template-columns:120px minmax(0,1fr) 120px}.overview-card{grid-template-columns:1fr}.overview-card figure img{min-height:320px}.route-card>figure img{min-height:580px}.tier-track{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto}}
@media(max-width:900px){.site-header nav{display:none}.play-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "left" "right"}.side-games{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}.overview-grid,.route-card,.rarity-board,.five-prompts,.answer-atlas,.passport-card,.controls-card,.faq-section{grid-template-columns:1fr}.overview-card{grid-template-columns:1fr 1fr}.route-card>figure img,.controls-card figure img{min-height:430px}.rarity-board header{grid-template-columns:1fr}.five-prompts{grid-template-areas:"copy" "stamps" "phone"}.five-prompts figure{max-width:400px;margin:auto}.answer-image{max-width:380px}.passport-stack{max-width:620px;margin:auto}.faq-section{gap:20px}}
@media(max-width:620px){.header-inner{min-height:62px;gap:12px}.brand{font-size:1.6rem}.brand img{width:24px;height:24px}.header-play{padding:7px 9px;font-size:.75rem}.page-shell{width:min(100% - 20px,1360px);padding-top:8px}.topic-strip{margin-inline:-2px}.play-intro{font-size:.83rem}.game-toolbar{min-height:50px;padding-left:11px}.game-toolbar h1{font-size:1.2rem}.frame-actions button{min-height:34px;padding:5px 7px;font-size:.72rem}.frame-actions svg{width:15px;height:15px}.game-frame-wrap{aspect-ratio:3/4}.game-stage:fullscreen .game-frame-wrap{height:calc(100vh - 50px);aspect-ratio:auto}.side-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.game-card figcaption{display:none}.game-card img{aspect-ratio:1/1}.overview-grid{margin-top:16px}.overview-card{grid-template-columns:1fr}.overview-card figure img{min-height:0;aspect-ratio:16/10}.facts-card dl{grid-template-columns:105px minmax(0,1fr)}.route-card>figure img,.controls-card figure img{min-height:0;aspect-ratio:16/10}.route-card>div,.rarity-board,.five-prompts,.answer-atlas,.passport-card,.strategy-grid,.controls-card>div,.faq-section{padding:21px 17px}.route-card h2,.rarity-board h2,.five-copy h2,.answer-atlas h2,.passport-card h2,.strategy-grid h2,.controls-card h2{font-size:2rem}.route-card li{grid-template-columns:36px minmax(0,1fr)}.route-card li>span{width:36px;height:36px}.tier-track{grid-template-columns:repeat(5,118px);padding-bottom:7px}.five-prompts figure{max-width:300px}.prompt-stamps{grid-template-columns:1fr}.answer-image{max-width:285px;box-shadow:8px 9px 0 #c7dfe2}.passport-stack{gap:7px}.passport-stack figure{border-width:3px;border-radius:13px}.passport-stack figcaption{font-size:.62rem}.strategy-grid{grid-template-columns:1fr}.strategy-grid>header{grid-column:auto}.controls-card dl{grid-template-columns:1fr}.controls-card dt{padding-bottom:2px;border-bottom:0}.controls-card dd{padding-top:2px}.faq-section header{align-items:center}.footer-grid{grid-template-columns:1fr;gap:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}