/* Isolated mascot exploration. Main site styles stay untouched. */
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
.preview-bar { border-bottom: 1px solid var(--line); padding: 9px max(16px, calc((100vw - 1320px)/2)); display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; color:var(--muted); }
.preview-bar>span,.preview-bar>div { display:flex; align-items:center; gap:16px; }
.preview-bar i { width:5px; height:5px; border-radius:50%; background:var(--accent); }
.preview-bar a { text-decoration:none; }
.preview-bar button { background:transparent; border:0; cursor:pointer; padding:4px 0; font-size:11px; }
.preview-bar button:hover,.preview-bar a:hover { color:var(--text); }
.fani-hero { margin-top:12px; min-height:490px; position:relative; isolation:isolate; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:radial-gradient(ellipse at 81% 52%,rgba(224,40,60,.10),transparent 46%),linear-gradient(120deg,var(--surface),var(--bg)); }
.fani-grid { position:absolute; inset:0; z-index:-1; opacity:.17; background-image:radial-gradient(var(--muted) .7px,transparent .7px); background-size:24px 24px; mask-image:linear-gradient(90deg,transparent 30%,#000); }
.fani-copy { padding:46px 48px 40px; position:relative; z-index:2; width:60%; }
.fani-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.18em; color:var(--muted); }
.fani-eyebrow>span { width:18px; height:2px; background:var(--accent); }
.fani-copy h1 { margin:24px 0 20px; font:900 clamp(38px,4.4vw,62px)/1.04 var(--font); letter-spacing:-.055em; }
.fani-copy h1 em { font-style:normal; color:var(--accent); }
.fani-copy p { font-size:15px; line-height:1.7; color:var(--soft); margin:0 0 25px; }
.fani-actions { display:flex; align-items:center; gap:23px; }
.fani-actions .btn { gap:26px; padding:13px 19px; border-radius:9px; font-size:13px; }
.fani-actions .btn span { font-size:20px; font-weight:400; }
.fani-how-link { text-decoration:none; font-size:12px; font-weight:600; color:var(--soft); }
.fani-how-link span { margin-left:10px; color:var(--muted); }
.fani-how-link:hover { color:var(--text); }
.fani-notes { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:10px; margin-top:25px; }
.fani-notes i { width:3px; height:3px; border-radius:50%; background:var(--muted); }
.fani-portrait { position:absolute; right:16px; top:0; width:47%; height:100%; pointer-events:none; }
.fani-portrait img { position:absolute; width:430px; max-width:100%; height:auto; right:0; top:9px; transform-origin:65% 80%; mask-image:linear-gradient(#000 90%,transparent 100%); }
.fani-orbit { width:350px; height:350px; max-width:100%; border-radius:50%; position:absolute; top:70px; right:18px; border:1px solid rgba(224,40,60,.18); box-shadow:0 0 0 35px rgba(224,40,60,.025),0 0 0 70px rgba(224,40,60,.015); }
.fani-spark { position:absolute; color:var(--accent); opacity:.45; font:300 21px var(--font); }
.spark-one { top:40px; right:12px; }.spark-two { top:54%; left:12%; font-size:15px; }
.fani-name { position:absolute; right:29px; bottom:22px; display:flex; align-items:center; gap:11px; z-index:3; padding:10px 14px; border:1px solid var(--line); background:var(--surface); border-radius:10px; box-shadow:0 5px 22px rgba(0,0,0,.08); }
.fani-name-line { width:3px; height:27px; background:var(--accent); border-radius:2px; }
.fani-name b { display:block; font-size:12px; font-weight:800; }.fani-name div>span { display:block; font-size:9px; margin-top:2px; color:var(--muted); }
.fani-intro { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:19px 3px 0; font-size:12px; color:var(--muted); }
.fani-intro b { color:var(--text); font-weight:600; }.fani-intro>span:last-child { font-size:10px; }.fani-intro>span:last-child>span { color:var(--accent); margin-left:12px; }
.fani-site #games>.section-title { margin-top:34px; }
.fani-site .srv-ad { margin-top:48px; }
.fani-site .section-title { scroll-margin-top:24px; }
@keyframes fani-arrive { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
.fani-copy,.fani-portrait img { animation:fani-arrive .7s ease-out both; }
.fani-portrait img { animation-delay:.08s; }
@media(min-width:1450px) { .fani-copy h1 { font-size:64px; } }
@media(max-width:900px) { .fani-copy { padding:38px 28px; width:64%; }.fani-copy h1 { font-size:45px; }.fani-hero { min-height:460px; }.fani-portrait { width:48%; right:-25px; }.fani-portrait img { width:385px; max-width:none; top:23px; }.fani-name { right:15px; bottom:16px; }.fani-actions { gap:15px; }.fani-how-link { font-size:11px; }.fani-notes { font-size:9px; } }
@media(max-width:620px) { .preview-bar { padding:7px 16px; font-size:9px; }.preview-bar>span,.preview-bar>div { gap:8px; }.preview-bar button { font-size:9px; }.preview-bar a { display:none; }.fani-hero { min-height:540px; border-radius:15px; }.fani-copy { padding:27px 22px; width:100%; }.fani-eyebrow { font-size:9px; }.fani-copy h1 { font-size:36px; margin-top:20px; max-width:310px; }.fani-copy p { font-size:12px; margin-bottom:17px; }.fani-actions { align-items:flex-start; flex-direction:column; gap:14px; }.fani-actions .btn { font-size:12px; padding:11px 14px; gap:16px; }.fani-notes { display:none; }.fani-portrait { width:66%; right:-12px; top:185px; height:355px; z-index:1; }.fani-portrait img { width:285px; max-width:none; top:0; right:-6px; }.fani-orbit { width:230px; height:230px; top:15px; right:2px; }.fani-name { right:auto; left:21px; bottom:23px; padding:9px 10px; }.fani-name b { font-size:11px; }.fani-name div>span { max-width:88px; font-size:9px; line-height:1.4; }.spark-one { right:20px; }.spark-two { display:none; }.fani-intro { font-size:11px; padding-top:16px; }.fani-intro>span:last-child { display:none; }.fani-site #games>.section-title { margin-top:28px; } }
@media(max-width:370px) { .fani-copy h1 { font-size:32px; }.fani-portrait { right:-33px; }.fani-copy { padding-left:18px; }.fani-how-link { max-width:110px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.fani-copy,.fani-portrait img { animation:none; } }

.world-nav { display:flex; gap:6px; padding:11px max(16px,calc((100vw - 1320px)/2)); border-bottom:1px solid var(--line); overflow:auto; scrollbar-width:thin; }
.world-nav a { flex-shrink:0; padding:7px 12px; color:var(--muted); text-decoration:none; font-size:11px; font-weight:600; border-radius:6px; white-space:nowrap; }
.world-nav a:hover,.world-nav a[aria-current] { color:var(--text); background:var(--surface-2); }.world-nav a:last-child { color:var(--accent); }
.auth-world { display:grid; grid-template-columns:1fr 1fr; max-width:1040px; gap:55px; padding-top:28px; }.auth-world .auth-card { margin:25px auto; align-self:start; }
.login-fani { position:relative; min-height:650px; padding:30px 25px; overflow:hidden; }.login-fani h2 { font-size:47px; line-height:1.05; letter-spacing:-.04em; margin:20px 0 15px; }.login-fani h2 span { color:var(--accent); }.login-fani p { color:var(--muted); font-size:13px; line-height:1.7; position:relative; z-index:2; }.login-fani img { width:330px; height:auto; position:absolute; right:-10px; top:230px; mask-image:linear-gradient(#000 80%,transparent); }
.fani-helper { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:14px; background:radial-gradient(ellipse at 50% 25%,rgba(224,40,60,.08),transparent 70%),var(--surface); overflow:hidden; }.fani-helper>img { width:230px; height:230px; object-fit:contain; align-self:center; margin:20px 0 0; }.helper-text { padding:23px; }.helper-text .eyebrow { font-size:10px; }.helper-text h2 { font-size:23px; margin:12px 0 10px; line-height:1.18; }.helper-text p { color:var(--muted); line-height:1.7; font-size:13px; margin:0; }
.world-404 { position:relative; width:min(600px,100%); height:340px; display:grid; place-items:center; }.world-404>span { position:absolute; font-size:clamp(130px,28vw,290px); font-weight:900; letter-spacing:-.06em; color:var(--surface-3); opacity:.65; }.world-404 img { width:320px; height:320px; position:relative; object-fit:contain; }.nf .world-404+h1 { font-size:35px; margin-top:10px; text-transform:none; }.preview-notice { color:var(--muted); font-size:12px; line-height:1.6; border-left:2px solid var(--accent); padding-left:12px; margin-top:16px; }
.spy-world #join { padding-top:25px; }.spy-mascot-note { display:flex; align-items:center; gap:14px; max-width:470px; margin:0 auto 15px; }.small-fani { width:74px; height:74px; border-radius:50%; overflow:hidden; background:var(--surface-2); flex-shrink:0; border:1px solid var(--line); }.small-fani img { width:125px; height:125px; max-width:none; margin-left:-25px; object-fit:cover; object-position:top; }.spy-mascot-note p { margin:7px 0 0; font-size:13px; line-height:1.4; color:var(--muted); }.spy-mascot-note b { color:var(--text); }.spy-mascot-note .eyebrow { font-size:10px; }.fani-empty { display:flex; align-items:center; flex-direction:column; padding:14px; }.fani-empty img { width:130px; height:130px; object-fit:contain; margin-bottom:14px; }.fani-empty b { font-size:13px; color:var(--text); }.fani-empty p { font-size:12px; color:var(--muted); max-width:240px; line-height:1.6; }
@media(max-width:700px){.auth-world { grid-template-columns:1fr; gap:0; padding-top:0; }.login-fani { min-height:155px; padding:25px 8px 10px; }.login-fani h2 { font-size:29px; margin:12px 0; }.login-fani .eyebrow { font-size:10px; }.login-fani p { font-size:11px; max-width:200px; }.login-fani img { width:170px; right:-13px; top:10px; }.auth-world .auth-card { margin-top:10px; }.fani-helper { flex-direction:row; align-items:center; }.fani-helper>img { width:110px; height:110px; margin:0 0 0 10px; }.helper-text { padding:17px; }.helper-text h2 { font-size:18px; }.helper-text p { font-size:11px; }.world-404 { height:270px; }.world-404 img { width:260px;height:260px; }.nf .world-404+h1 { font-size:27px; }.world-nav { padding:8px 12px; }.world-nav a { font-size:10px; padding:7px 9px; }}
/* Preview navigation must retain its height on long flex pages. */
.hub { height:auto; min-height:100vh; }
.world-bar,.world-nav,.site-head,.site-foot { flex-shrink:0; }

/* Page-specific illustrations: character art, no sticker artwork. */
.world-nav a:last-child { color:var(--muted); }
.world-nav a[aria-current] { color:var(--text); }
.login-fani { min-height:700px; padding-top:27px; }
.login-fani img { top:195px; width:350px; right:20px; mask-image:linear-gradient(#000 85%,transparent); }
.login-fani h2 { position:relative; z-index:1; }
.character-helper { border:0; background:none; overflow:visible; }
.character-helper>img { width:min(320px,100%); height:380px; object-fit:contain; margin:0; mask-image:linear-gradient(#000 93%,transparent); }
.character-helper .helper-text { padding:12px 28px 25px; text-align:center; }
.character-helper .helper-text h2 { margin-top:13px; }
.fb-grid { grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr); }
.spy-world .join-wrap { padding-top:12px; }
.spy-world .rooms-card { background:transparent; border:1px solid var(--line); }
.spy-character img { width:min(285px,100%); height:355px; margin:0 0 15px; object-fit:contain; mask-image:linear-gradient(#000 94%,transparent); }
.spy-character .eyebrow { font-size:9px; margin-bottom:12px; }
.spy-character b { font-size:23px; line-height:1.15; letter-spacing:-.025em; }
.spy-character p { margin-top:13px; max-width:240px; }
.world-404 { height:405px; width:min(660px,100%); }
.world-404>span { font-size:clamp(160px,29vw,330px); top:80px; }
.world-404 img { width:380px; height:405px; object-fit:contain; mask-image:linear-gradient(#000 92%,transparent); }
.rules-layout { display:grid; grid-template-columns:minmax(0,740px) minmax(260px,370px); justify-content:space-between; gap:65px; padding-top:26px; }
.rules-copy { max-width:none; }
.rules-copy h1 { font-size:clamp(34px,3.8vw,51px); line-height:1.05; }
.rules-copy h2 { font-size:21px; text-transform:none; letter-spacing:-.025em; }
.rules-copy ul { padding-left:20px; }
.rules-copy li { margin-bottom:10px; }
.rules-copy p,.rules-copy li { font-size:14px; line-height:1.8; }
.rules-fani { position:sticky; top:25px; align-self:start; padding-top:84px; }
.rules-figure { position:relative; height:450px; }
.rules-figure::before { content:''; position:absolute; inset:15% 0 0; border-radius:50%; background:radial-gradient(ellipse,rgba(224,40,60,.065),transparent 68%); }
.rules-figure img { display:block; width:100%; height:450px; object-fit:contain; position:relative; mask-image:linear-gradient(#000 92%,transparent); }
.rules-note { border-top:1px solid var(--line); padding:22px 12px 0; }
.rules-note .eyebrow { font-size:9px; }
.rules-note h2 { font-size:22px; line-height:1.2; letter-spacing:-.025em; margin:12px 0; }
.rules-note p { color:var(--muted); font-size:12px; line-height:1.7; }
.rules-note a { display:inline-block; font-size:11px; color:var(--soft); text-decoration:none; border-bottom:1px solid var(--line); padding:4px 0; }
.rules-note a span { color:var(--accent); margin-left:16px; }
@media(max-width:1000px){.rules-layout { gap:28px;grid-template-columns:minmax(0,1fr) 280px; }.rules-fani { padding-top:120px; }.rules-figure,.rules-figure img { height:370px; }.rules-copy h1 { font-size:37px; }.login-fani img { right:-5px;width:320px; }.auth-world { gap:25px; }}
@media(max-width:860px){.fb-grid { grid-template-columns:1fr; }.fb-grid>aside { order:-1; }.character-helper { flex-direction:row; align-items:center; max-width:620px; margin:auto; }.character-helper>img { width:160px;height:200px;margin:0;flex-shrink:0; }.character-helper .helper-text { text-align:left;padding:14px 20px; }.fb-grid>aside>.fb-guest { display:none; }}
@media(max-width:700px){.login-fani { min-height:235px;padding:28px 8px 10px; }.login-fani h2 { max-width:190px;font-size:31px; }.login-fani p { max-width:175px;font-size:11px; }.login-fani img { width:175px;height:225px;object-fit:contain;right:-6px;top:17px; }.world-404 {height:325px;}.world-404 img {width:310px;height:325px;}.world-404>span {top:80px;}.rules-layout { display:flex;flex-direction:column;gap:0;padding-top:16px; }.rules-copy { display:contents; }.rules-copy>.eyebrow { order:0; }.rules-copy h1 { order:1;font-size:34px;max-width:500px;margin:18px 0 5px; }.rules-fani { order:2;position:relative;top:auto;padding-top:0;display:grid;grid-template-columns:1fr 155px;min-height:205px;gap:12px;align-items:center; }.rules-figure { grid-column:2;grid-row:1;height:205px; }.rules-figure img { height:205px; }.rules-note { grid-column:1;grid-row:1;border:0;padding:8px 0; }.rules-note h2 { font-size:19px; }.rules-note p { font-size:11px; }.rules-note a { display:none; }.rules-copy>h2,.rules-copy>ul,.rules-copy>p { order:3; }.rules-copy h2 { margin-top:24px;font-size:21px; }.rules-copy p,.rules-copy li {font-size:13px;}.rules-copy ul {margin-top:5px;}.spy-character img {height:290px;width:230px;}.spy-character b {font-size:22px;}}
@media(max-width:370px){.login-fani h2 {font-size:27px;max-width:155px;}.login-fani p {max-width:155px;font-size:10px;}.login-fani img {width:150px;right:-10px;}.rules-fani {grid-template-columns:1fr 130px;gap:5px;}.rules-note h2 {font-size:17px;}.character-helper>img {width:125px;height:170px;}.character-helper .helper-text {padding:10px 12px;}.character-helper .helper-text h2 {font-size:19px;}.rules-copy h1 {font-size:30px;}}
.spy-world .join-wrap>* { min-width:0; }
.spy-world input,.spy-world select { min-width:0;max-width:100%; }
.spy-world .room-list.fani-empty-state { max-height:none;overflow:visible; }
.spy-world .rooms-head { flex-wrap:wrap; }
@media(max-width:900px){.spy-world .join-wrap{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.rules-copy h1{font-size:clamp(22px,6vw,30px);overflow-wrap:normal;word-break:normal}}
.world-404>span { line-height:1;top:75px; }
.fb-grid .character-helper { display:flex; }
.world-404 img { max-width:100%; }

.catalog-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:35px 0 20px; border-bottom:1px solid var(--line); min-height:140px; overflow:hidden; }
.fani-site #games .catalog-intro .section-title { margin:0 0 12px; }
.catalog-intro p { color:var(--muted); font-size:12px; line-height:1.7; margin:0 0 20px; }
.catalog-fani { align-self:flex-end; width:120px; height:140px; overflow:hidden; margin-right:18px; flex-shrink:0; }
.catalog-fani img { display:block; width:120px; height:180px; object-fit:contain; mask-image:linear-gradient(#000 80%,transparent); }
.how-with-fani { margin-top:50px; border:1px solid var(--line);border-radius:18px; padding:26px; display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); gap:28px; align-items:center; }
.how-guide { display:flex; flex-direction:column;align-items:center; }
.how-guide>img { width:245px;max-width:100%;height:300px;object-fit:contain;mask-image:linear-gradient(#000 92%,transparent); }
.how-guide>div { text-align:center; }.how-guide .eyebrow {font-size:9px;}.how-guide .section-title {font-size:24px;line-height:1.1;margin:13px 0 10px;}.how-guide p {color:var(--muted);font-size:11px;}
.how-steps ol {grid-template-columns:1fr 1fr;}.how-steps li {min-width:0;}.how-steps b {font-size:15px;}.how-steps span {font-size:12px;line-height:1.7;}
.donate-world .dn-hero { min-height:455px;display:flex;align-items:center;border:1px solid var(--line);background:radial-gradient(ellipse at 85% 55%,rgba(224,40,60,.1),transparent 65%),var(--surface); }
.donate-copy { position:relative;z-index:1;width:66%; }
.donate-world .dn-hero h1 {font-size:clamp(42px,6vw,76px);max-width:720px;}
.donate-world .dn-hero p {font-size:15px;max-width:500px;line-height:1.8;color:var(--soft);}
.donate-world .dn-goals {max-width:550px;}.donate-world .dn-goals span {font-size:11px;}
.donate-fani { position:absolute;right:20px;top:17px;width:315px;height:475px;object-fit:contain;mask-image:linear-gradient(#000 90%,transparent); }
:root[data-theme="light"] .donate-world .dn-hero {background:radial-gradient(ellipse at 85% 55%,rgba(224,40,60,.07),transparent 65%),var(--surface);}
@media(max-width:900px){.how-with-fani {grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:18px;padding:20px;}.how-steps ol {grid-template-columns:1fr;gap:10px;}.how-guide .section-title{font-size:22px;}.donate-world .dn-hero {padding:35px 28px;}.donate-copy{width:63%;}.donate-fani{right:0;width:280px;top:40px;}.donate-world .dn-goals {max-width:330px;}}
@media(max-width:620px){.catalog-intro {margin-top:27px;min-height:124px;gap:8px;}.catalog-intro p{font-size:10px;}.catalog-fani{width:92px;height:124px;margin-right:0;}.catalog-fani img{width:100px;height:150px;}.fani-site #games .catalog-intro .section-title{font-size:27px;}.how-with-fani {grid-template-columns:1fr;padding:18px;gap:12px;}.how-guide{flex-direction:row;gap:15px;}.how-guide>img{width:110px;height:165px;flex-shrink:0;}.how-guide>div{text-align:left;}.how-guide .section-title{font-size:20px;}.how-guide p{font-size:10px;line-height:1.5;}.how-steps ol{grid-template-columns:1fr;}.how-steps li {padding:16px;}.donate-world .dn-hero {padding:27px 22px 235px;min-height:0;align-items:flex-start;}.donate-copy{width:100%;}.donate-world .dn-hero h1{font-size:41px;}.donate-world .dn-hero p{font-size:12px;}.donate-world .dn-goals{gap:6px;max-width:100%;margin-top:18px;}.donate-world .dn-goals span{font-size:9px;padding:6px 10px;}.donate-fani{top:auto;bottom:-9px;right:8px;width:190px;height:245px;}.donate-world .donate-thanks{position:absolute;left:22px;bottom:98px;max-width:95px;font-size:17px;font-weight:800;line-height:1.25;color:var(--text);}.donate-world .coin {min-width:0;}.donate-world .addr{overflow-wrap:anywhere;}}
@media(max-width:370px){.how-guide>img{width:90px;}.how-guide .section-title{font-size:18px;}.catalog-intro p br{display:none;}.catalog-intro p{max-width:185px;}.donate-world .dn-hero h1{font-size:35px;}.donate-fani{width:165px;}.donate-world .donate-thanks{font-size:15px;max-width:85px;}}

/* Compact welcome, close to the old server advertisement footprint. */
.fani-hero{min-height:250px;height:250px;margin-top:18px}.fani-copy{padding:22px 28px;width:66%}.fani-copy h1{font-size:36px;line-height:1.04;margin:12px 0}.fani-copy p{font-size:13px;line-height:1.5;margin:0 0 14px}.fani-actions .btn{padding:10px 16px;font-size:12px}.fani-notes,.fani-name{display:none}.fani-portrait{width:36%;right:20px}.fani-portrait img{width:270px;top:0}.fani-orbit{width:210px;height:210px;top:30px}.fani-actions{gap:18px}
.donate-character{position:absolute;right:20px;top:17px;width:315px;height:475px}.donate-character .donate-fani{position:static;display:block;width:100%;height:100%}.fani-heart-target{position:absolute;left:38%;top:27%;width:27%;height:13%;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;touch-action:manipulation}.fani-heart-target:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.fani-heart-target:active{background:rgba(224,40,60,.1)}
.spy-character-art{display:flex;flex-direction:column;align-items:center}.spy-character-art img{display:block;width:min(210px,100%);height:270px;object-fit:contain;mask-image:linear-gradient(#000 94%,transparent)}
@media(max-width:900px){.fani-copy h1{font-size:30px}.fani-copy{padding:20px;width:65%}.fani-portrait{right:0;width:35%}.fani-portrait img{width:235px;max-width:none;right:0}.donate-character{right:0;top:40px;width:280px}}
@media(max-width:620px){.fani-hero{height:240px;min-height:240px}.fani-copy{width:100%;padding:22px 18px}.fani-copy h1{font-size:27px;max-width:95%;margin:12px 0}.fani-copy p{font-size:11px;max-width:65%;line-height:1.5}.fani-copy p br{display:none}.fani-eyebrow{font-size:8px}.fani-actions{gap:10px;flex-direction:row;align-items:center}.fani-how-link{font-size:9px}.fani-portrait{top:auto;bottom:0;right:-5px;width:30%;height:130px;opacity:.9}.fani-portrait img{width:125px;top:0;right:-5px}.fani-orbit,.fani-spark{display:none}.donate-character{top:auto;bottom:-9px;right:8px;width:190px;height:245px}.donate-character .donate-fani{width:100%;height:100%}}
@media(max-width:370px){.fani-copy h1{font-size:25px}.fani-copy p{max-width:70%}.fani-how-link{display:none}.donate-character{width:165px}}

.donate-thanks{display:none}@media(max-width:620px){.donate-thanks{display:block}}
/* Keep the terminal easter egg reachable on phones as well. */
@media(max-width:900px){.fani-site .srv-ad{padding-bottom:55px}.fani-site .srv-ad-art{display:block;position:absolute;right:16px;bottom:12px}.fani-site .srv-ad-art .term{display:none}.fani-site .srv-ad-art .term-chip{position:static;animation:none;font-size:10px;padding:7px 10px}.fani-site .srv-ad-art .term-chip svg{width:13px;height:13px}}
@media(max-width:760px){.site-head:not(:has(.nav-toggle))>.prefs{display:flex;margin-left:auto}.site-head:not(:has(.nav-toggle)){gap:10px}.site-head:not(:has(.nav-toggle)) .pref-tg{display:none}}
@media(max-width:760px){.site-head:not(:has(.nav-toggle))>.prefs a.pref-tg{display:none}}

/* Keep the welcome CTA proportional to the compact hero. */
.fani-hero .fani-actions{gap:16px}
.fani-hero .fani-actions .btn{min-height:40px;padding:0 14px;gap:10px;border-radius:8px;font-size:12px;line-height:1.5;white-space:nowrap}
.fani-hero .fani-actions .btn span{font-size:16px;line-height:1}
.fani-hero .fani-how-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;white-space:nowrap}
.fani-hero .fani-how-link span{margin-left:0;font-size:14px;line-height:1}
@media(max-width:620px){.fani-hero .fani-actions{gap:12px}.fani-hero .fani-actions .btn{min-height:44px;padding:0 12px}.fani-hero .fani-how-link{min-height:44px}}
@media(max-width:370px){.fani-hero .fani-how-link{display:none}}

.fani-hero .fani-portrait{z-index:3}
.fani-secret-trigger{position:absolute;left:20%;right:10%;top:0;height:48%;z-index:4;pointer-events:auto;border:0;background:transparent;border-radius:18px;cursor:pointer}.fani-secret-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}