:root{--ink:#14112a;--panel:#1b1735;--card:#251f45;--edge:#403867;--snow:#f7f5ff;--mist:#c9c3e4;--gold:#ffc53a;--gold2:#ffe08f;--teal:#5cc7f5;--violet:#ffc53a} *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:104px} body{margin:0;background:var(--ink);color:var(--snow);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:var(--teal)} h1,h2,h3{line-height:1.2;margin:0;font-weight:800} .fn-top{position:sticky;top:0;z-index:60;background:#0e0b20;border-bottom:1px solid var(--edge)} .fn-top-in{max-width:1080px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px} .fn-logo{flex:none;line-height:0;margin-right:auto}.fn-logo img{width:181px;height:30px} .fn-menu{order:3;flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px} .fn-menu a{color:var(--snow);text-decoration:none;font-size:13px;font-weight:600;padding:2px 2px;white-space:nowrap} .fn-menu a:hover{color:var(--teal)} .fn-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 34px;border-radius:8px;background:var(--gold);color:#1a1433;font-weight:800;font-size:16px;text-decoration:none} .fn-btn:hover{background:#ffd566} .fn-top-btn{flex:none;min-height:38px;padding:6px 18px;font-size:14px} .fn-burger{display:none;flex:none;background:var(--card);color:var(--snow);border:1px solid var(--edge);border-radius:8px;font:700 15px/1 inherit;padding:10px 14px;cursor:pointer} .fn-wrap{max-width:1080px;margin:0 auto;padding:0 16px} .fn-hero{background:linear-gradient(100deg,#1e1840 45%,#3a1c58 100%);padding:30px 0;border-bottom:1px solid var(--edge)} .fn-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:center} .fn-hero h1{font-size:46px;color:var(--snow);margin-bottom:14px} .fn-hero p{margin:0 0 20px;font-size:18px} .fn-hero .fn-go{margin:0;text-align:left} .fn-hero-art{margin:0;line-height:0} .fn-hero-art img{width:100%;border-radius:10px} .fn-sec{padding:36px 0 32px} .fn-alt{background:var(--panel)} .fn-sec h2{font-size:26px;color:var(--snow);margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--edge)} .fn-lead{margin:0 0 12px;font-size:16.5px} .fn-sec p,.fn-sec li{overflow-wrap:break-word} .fn-go{text-align:center;margin:22px 0 0} .fn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:14px 0 18px} .fn-tile{margin:0;background:var(--card);border:1px solid var(--edge);border-radius:10px;overflow:hidden} .fn-tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain} .fn-tile figcaption{padding:7px 8px;font-size:14px;font-weight:600;text-align:center;line-height:1.3} .fn-row{display:grid;gap:16px;margin-top:14px} .fn-w1{grid-template-columns:1fr} .fn-w2{grid-template-columns:repeat(2,minmax(0,1fr))} .fn-last-wide>:last-child{grid-column:1/-1} .fn-first-wide>:first-child{grid-column:1/-1} .fn-lucky>:nth-child(1),.fn-lucky>:nth-child(5){grid-column:1/-1} .fn-tail-wide>:nth-child(n+3){grid-column:1/-1} .fn-pair-coins{grid-template-columns:minmax(0,1fr) 320px} .fn-w3{grid-template-columns:repeat(3,minmax(0,1fr))} .fn-w6{grid-template-columns:repeat(6,minmax(0,1fr))}.fn-w6>*{grid-column:span 2}.fn-w6>:nth-child(n+4){grid-column:span 3} .fn-card{background:var(--card);border:1px solid var(--edge);border-left:3px solid var(--teal);border-radius:8px;padding:15px 18px} .fn-card h3{font-size:18px;margin-bottom:7px;color:var(--snow)} .fn-card p{margin:0 0 9px;color:#e3e6f3} .fn-card p:last-child{margin:0} .fn-card ul,.fn-card ol{margin:0 0 9px;padding-left:20px;color:#e3e6f3} .fn-card ul:last-child,.fn-card ol:last-child{margin-bottom:0} .fn-pair{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:32px;align-items:center;margin-bottom:12px} .fn-pair-t>*:last-child{margin-bottom:0} .fn-art{margin:0;line-height:0} .fn-art img{width:100%;border-radius:10px} .fn-tab{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--edge);margin:6px 0 4px} .fn-tab th{background:#332a5e;color:var(--snow);text-align:left;padding:9px 12px;font-size:14.5px} .fn-tab td{padding:8px 12px;border-top:1px solid var(--edge);overflow-wrap:anywhere} .fn-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px} .fn-faq details{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:13px 18px} .fn-faq details:last-child:nth-child(odd){grid-column:1/-1} .fn-faq summary{font-weight:700;cursor:pointer} .fn-faq p{margin:8px 0 0;color:#e3e6f3} .fn-foot{background:#0e0b20;border-top:1px solid var(--edge);padding:26px 16px 30px;text-align:center} .fn-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:12px} .fn-foot-links a{color:var(--snow);text-decoration:none;font-size:14.5px} .fn-foot-links a:hover{color:var(--teal)} .fn-duty{margin:0;color:var(--mist);font-size:14.5px} .fn-age{display:inline-block;border:1px solid var(--mist);border-radius:50%;padding:3px 6px;margin-right:6px;font-size:12.5px;font-weight:700} .fn-dock{display:none} .fn-doc{max-width:1088px;margin:0 auto;padding:22px 16px 40px;display:block} .fn-trail{font-size:14px;color:var(--mist);margin-bottom:12px} .fn-trail a{color:var(--teal)} .fn-doc h1{font-size:34px;color:var(--snow);margin-bottom:14px} .fn-doc-body{max-width:none;columns:2;column-gap:32px} .fn-doc-body h2{font-size:20px;color:var(--snow);margin:18px 0 6px;break-after:avoid} .fn-doc-body h2:first-child{margin-top:0} .fn-doc-body p{margin:0 0 10px;color:#e3e6f3} .fn-doc-body ul{margin:0 0 12px;padding-left:20px;color:#e3e6f3} .fn-doc-body li{break-inside:avoid} .fn-code{font:700 15px/1 ui-monospace,Menlo,monospace;color:#17200f;background:var(--gold);padding:3px 8px;border-radius:4px} @media (max-width:900px){ html{scroll-padding-top:66px} .fn-top-in{flex-wrap:nowrap;gap:10px} .fn-burger{display:block} .fn-top-btn{display:none} .fn-menu{display:none;flex-wrap:nowrap;position:fixed;top:56px;left:0;right:0;max-height:calc(100vh - 56px);overflow:auto;background:#0e0b20;border-bottom:1px solid var(--edge);flex-direction:column;padding:8px 16px 16px} .fn-open .fn-menu{display:flex} .fn-menu a{font-size:16px;padding:9px 2px;border-bottom:1px solid #2d2750} .fn-hero-in{grid-template-columns:1fr;gap:18px} .fn-hero h1{font-size:36px} .fn-hero .fn-go{text-align:center} .fn-w2,.fn-w3,.fn-w6{grid-template-columns:1fr}.fn-w6>*,.fn-w6>:nth-child(n+4){grid-column:auto} .fn-pair{grid-template-columns:1fr;gap:12px} .fn-faq{grid-template-columns:1fr} .fn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .fn-tab th,.fn-tab td{padding:7px 7px;font-size:14px} .fn-doc-body{columns:1} .fn-dock{display:flex;position:sticky;bottom:0;z-index:50;background:#0e0b20;border-top:1px solid var(--edge);padding:7px 12px} .fn-dock .fn-btn{width:100%;min-height:44px} } .fn-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:14px} .fn-span{grid-column:span var(--s);display:flex} .fn-span>.fn-card{width:100%} .fn-origs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px} .fn-orig{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start;padding:14px} .fn-orig img{width:150px;height:auto;border-radius:8px} .fn-pair{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:6px} .fn-arts{display:flex;gap:14px;align-items:center;justify-content:flex-end} .fn-side{margin:0} .fn-side img{width:420px;height:auto;max-width:100%;border-radius:10px} .fn-pair-t .fn-card{margin:0} .fn-tab{table-layout:auto} .fn-go{margin-top:20px} .fn-stack{grid-column:span var(--s);display:flex;flex-direction:column;gap:16px} .fn-stack>.fn-card{flex:1 1 auto} @media (max-width:900px){ .fn-row{grid-template-columns:1fr}.fn-span,.fn-stack{grid-column:auto} .fn-origs{grid-template-columns:1fr} .fn-orig{grid-template-columns:110px minmax(0,1fr);gap:12px}.fn-orig img{width:110px} .fn-sec h2{font-size:24px} .fn-arts{justify-content:center}.fn-side img{height:120px} .fn-hero-art{max-width:300px;margin:0 auto} } .fn-inner{display:flex;flex-direction:column;min-height:100vh}.fn-inner .fn-doc{flex:1 0 auto;width:100%} .fn-wide{margin:12px 0 6px}.fn-wide img{width:100%;border-radius:10px} @media (max-width:900px){.fn-side img{width:100%;height:auto}.fn-arts{width:100%}.fn-logo img{width:150px;height:25px}} @media (max-width:900px){.fn-span{grid-column:auto}} @media (max-width:900px){.fn-pair{grid-template-columns:minmax(0,1fr);gap:12px}.fn-arts{justify-content:center}}