/*
Theme Name: FantaCasino · Fizz Lab
Theme URI: https://환타카지노.com/
Author: FantaCasino Bureau
Author URI: https://환타카지노.com/meta-about/
Description: 환타카지노 · 카지노 데이터를 증류하는 한국어 실험실. 독립 편찬 매체 · 광고 대행 배제 · 1차 출처 기반 정보 매체 전용 WordPress 테마. 만 19세 이상 성인 대상. FANTA는 The Coca-Cola Company의 등록상표이며 환타카지노는 이 상표와 무관한 독립 편찬 매체입니다.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
License URI: https://환타카지노.com/meta-terms/
Text Domain: fantacasino
Tags: custom-menu, editor-style, featured-images, translation-ready, accessibility-ready, wide-blocks
*/

:root{
  --fn-paper:#EEF5F1;
  --fn-glass:#FFFFFF;
  --fn-glass-2:#F7FBF9;
  --fn-ink:#0F1A14;
  --fn-ink-2:#1C2B24;
  --fn-ink-3:#3A4A42;
  --fn-muted:#5F6E65;
  --fn-muted-2:#8A9690;
  --fn-line:rgba(15,26,20,0.12);
  --fn-line-2:rgba(15,26,20,0.25);
  --fn-line-3:rgba(15,26,20,0.4);

  --fn-citrus-0:#FFF3E5;
  --fn-citrus-1:#FF5A1F;
  --fn-citrus-2:#E04812;
  --fn-citrus-3:#B53B0C;

  --fn-lemon:#F7D83E;
  --fn-lime:#C5D640;
  --fn-leaf:#5FA04A;
  --fn-rise:#2F7D5A;
  --fn-fall:#C74A2E;
  --fn-info:#3B6D8E;

  --fn-sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI","Noto Sans KR",sans-serif;
  --fn-serif:"Fraunces","Noto Serif KR","Nanum Myeongjo",Georgia,serif;
  --fn-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --fn-space-xs:4px;
  --fn-space-sm:8px;
  --fn-space-md:16px;
  --fn-space-lg:24px;
  --fn-space-xl:40px;
  --fn-space-2xl:64px;
  --fn-space-3xl:96px;

  --fn-radius-xs:2px;
  --fn-radius-sm:4px;
  --fn-radius-md:8px;
  --fn-radius-lg:12px;

  --fn-container-narrow:720px;
  --fn-container:1040px;
  --fn-container-wide:1240px;

  --fn-header-h:56px;
  --fn-tap:44px;

  --fn-ease:cubic-bezier(0.4,0,0.2,1);
  --fn-ease-out:cubic-bezier(0.16,1,0.3,1);
  --fn-speed:0.24s;
}

@media (prefers-color-scheme: dark){
  :root{
    --fn-paper:#0F1A14;
    --fn-glass:#162420;
    --fn-glass-2:#1C2B24;
    --fn-ink:#EEF5F1;
    --fn-ink-2:#DDE5E0;
    --fn-ink-3:#B8C4BE;
    --fn-muted:#8A9690;
    --fn-muted-2:#5F6E65;
    --fn-line:rgba(238,245,241,0.12);
    --fn-line-2:rgba(238,245,241,0.2);
    --fn-line-3:rgba(238,245,241,0.3);
    --fn-citrus-0:#3A1808;
  }
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;tab-size:4;overflow-x:hidden}
body{
  background:var(--fn-paper);
  color:var(--fn-ink);
  font-family:var(--fn-sans);
  font-size:16px;
  font-weight:400;
  line-height:1.65;
  word-break:keep-all;
  overflow-wrap:anywhere;
  overflow-x:hidden;
  min-height:100svh;
  min-height:100dvh;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"ss01","cv01","cv02";
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--fn-serif);
  font-weight:500;
  line-height:1.2;
  letter-spacing:-0.015em;
  color:var(--fn-ink);
  text-wrap:balance;
}
h1{font-size:clamp(2rem,6vw,3.75rem);font-weight:500;letter-spacing:-0.025em;margin-bottom:var(--fn-space-md)}
h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:var(--fn-space-md)}
h3{font-size:clamp(1.2rem,3vw,1.375rem);margin:var(--fn-space-lg) 0 var(--fn-space-sm);font-family:var(--fn-sans);font-weight:500;letter-spacing:-0.01em}
h4{font-size:1.075rem;font-family:var(--fn-sans);font-weight:500;margin:var(--fn-space-md) 0 var(--fn-space-sm)}
h5{font-size:0.95rem;font-family:var(--fn-sans);font-weight:500;margin:var(--fn-space-md) 0 var(--fn-space-sm)}
h6{font-size:0.8rem;font-family:var(--fn-mono);font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--fn-muted);margin:var(--fn-space-md) 0 var(--fn-space-xs)}

p{margin-bottom:var(--fn-space-md);line-height:1.75;color:var(--fn-ink-2)}
p:last-child{margin-bottom:0}
strong,b{font-weight:500;color:var(--fn-ink)}
em,i{font-style:italic}
a{color:var(--fn-citrus-1);text-decoration:none;transition:color var(--fn-speed) var(--fn-ease)}
a:hover{color:var(--fn-citrus-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:0.5px}
a:focus-visible{outline:2px solid var(--fn-citrus-1);outline-offset:3px;border-radius:var(--fn-radius-xs)}
small{font-size:0.85em;color:var(--fn-muted)}
code,kbd,samp{font-family:var(--fn-mono);font-size:0.9em;background:var(--fn-glass-2);padding:2px 6px;border-radius:var(--fn-radius-xs);border:0.5px solid var(--fn-line)}
pre{font-family:var(--fn-mono);font-size:0.875rem;line-height:1.6;background:var(--fn-glass-2);padding:var(--fn-space-md);border-radius:var(--fn-radius-sm);border:0.5px solid var(--fn-line);overflow-x:auto;margin-bottom:var(--fn-space-md)}
pre code{background:none;border:0;padding:0}
blockquote{border-left:2px solid var(--fn-citrus-1);padding:var(--fn-space-sm) var(--fn-space-md);margin:var(--fn-space-md) 0;font-style:italic;color:var(--fn-ink-3);background:var(--fn-glass-2);border-radius:0 var(--fn-radius-sm) var(--fn-radius-sm) 0}
hr{border:0;border-top:0.5px solid var(--fn-line);margin:var(--fn-space-xl) 0}
img,picture,video,svg{max-width:100%;height:auto;display:block}
figure{margin:var(--fn-space-md) 0}
figcaption{font-size:0.875rem;color:var(--fn-muted);margin-top:var(--fn-space-xs);font-family:var(--fn-mono);letter-spacing:0.02em}
ul,ol{padding-left:1.5rem;margin-bottom:var(--fn-space-md);line-height:1.8}
ul li,ol li{margin-bottom:var(--fn-space-xs);color:var(--fn-ink-2)}
dl{margin-bottom:var(--fn-space-md)}
dt{font-weight:500;margin-top:var(--fn-space-sm)}
dd{margin-left:var(--fn-space-md);color:var(--fn-ink-2)}

input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
input,textarea,select{background:var(--fn-glass);border:0.5px solid var(--fn-line-2);border-radius:var(--fn-radius-xs);padding:var(--fn-space-sm) var(--fn-space-md);min-height:var(--fn-tap);width:100%;transition:border-color var(--fn-speed) var(--fn-ease)}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--fn-citrus-1);box-shadow:0 0 0 3px rgba(255,90,31,0.15)}

.fn-wrap{max-width:var(--fn-container);margin:0 auto;padding:0 var(--fn-space-md)}
.fn-wrap-read{max-width:var(--fn-container-narrow);margin:0 auto;padding:0 var(--fn-space-md)}
.fn-wrap-wide{max-width:var(--fn-container-wide);margin:0 auto;padding:0 var(--fn-space-md)}

.fn-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10001}
.fn-skip:focus{position:fixed;left:var(--fn-space-md);top:var(--fn-space-md);width:auto;height:auto;padding:var(--fn-space-sm) var(--fn-space-md);background:var(--fn-ink);color:var(--fn-paper);font-family:var(--fn-mono);font-size:13px;border-radius:var(--fn-radius-sm);text-decoration:none}
.fn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.fn-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--fn-paper) 92%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:0.5px solid var(--fn-line);height:var(--fn-header-h);display:flex;align-items:center}
.fn-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--fn-space-md);width:100%}
.fn-brand{display:inline-flex;align-items:center;gap:10px;color:var(--fn-ink);text-decoration:none;min-height:var(--fn-tap)}
.fn-brand:hover{color:var(--fn-citrus-1);text-decoration:none}
.fn-brand-mark{width:26px;height:26px;flex-shrink:0}
.fn-brand-name{font-family:var(--fn-serif);font-weight:500;font-size:1.05rem;letter-spacing:-0.02em;line-height:1}
.fn-brand-sub{display:none;font-family:var(--fn-mono);font-size:10px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase}
.fn-nav-desktop{display:none}
.fn-nav-desktop a{color:var(--fn-ink-2);font-size:13px;letter-spacing:0.02em;padding:8px 12px;border-radius:var(--fn-radius-xs);transition:background var(--fn-speed) var(--fn-ease)}
.fn-nav-desktop a:hover{background:var(--fn-glass-2);color:var(--fn-citrus-1);text-decoration:none}
.fn-age-badge{display:inline-flex;align-items:center;font-family:var(--fn-mono);font-size:10px;letter-spacing:0.08em;color:var(--fn-muted);padding:4px 8px;border:0.5px solid var(--fn-line-2);border-radius:var(--fn-radius-xs);line-height:1}

.fn-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--fn-tap);height:var(--fn-tap);border-radius:var(--fn-radius-xs);color:var(--fn-ink);flex-shrink:0}
.fn-menu-btn:hover{background:var(--fn-glass-2)}
.fn-menu-btn svg{width:22px;height:22px}

.fn-drawer{position:fixed;inset:0;background:var(--fn-paper);z-index:1000;transform:translateX(100%);transition:transform var(--fn-speed) var(--fn-ease-out);visibility:hidden;overflow-y:auto;padding:var(--fn-space-md);padding-top:max(var(--fn-space-md),env(safe-area-inset-top));padding-bottom:max(var(--fn-space-xl),env(safe-area-inset-bottom))}
.fn-drawer[data-open="true"]{transform:translateX(0);visibility:visible}
.fn-drawer-head{display:flex;align-items:center;justify-content:space-between;height:var(--fn-header-h);margin-bottom:var(--fn-space-lg);padding:0 var(--fn-space-sm)}
.fn-drawer-close{width:var(--fn-tap);height:var(--fn-tap);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--fn-radius-xs);color:var(--fn-ink)}
.fn-drawer-close svg{width:22px;height:22px}
.fn-drawer-section{margin-bottom:var(--fn-space-xl);padding:0 var(--fn-space-sm)}
.fn-drawer-title{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:var(--fn-space-sm)}
.fn-drawer-link{display:flex;align-items:center;gap:var(--fn-space-sm);padding:14px var(--fn-space-sm);color:var(--fn-ink);font-size:15px;border-radius:var(--fn-radius-xs);text-decoration:none;min-height:var(--fn-tap);border-bottom:0.5px solid var(--fn-line)}
.fn-drawer-link:hover{background:var(--fn-glass-2);color:var(--fn-citrus-1);text-decoration:none}
.fn-drawer-idx{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);flex-shrink:0;min-width:28px}

body.fn-drawer-open{overflow:hidden;touch-action:none}

.fn-hero{padding:var(--fn-space-xl) 0 var(--fn-space-lg);position:relative;overflow:hidden}
.fn-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--fn-space-sm);margin-bottom:var(--fn-space-md)}
.fn-hero-eyebrow span{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.15em;color:var(--fn-muted);text-transform:uppercase;padding:4px 10px;border:0.5px solid var(--fn-line-2);border-radius:20px}
.fn-hero-lead{font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.7;color:var(--fn-ink-2);max-width:640px;margin-bottom:var(--fn-space-md)}

.fn-hero-grid{display:grid;grid-template-columns:1fr;gap:var(--fn-space-lg);align-items:center}
.fn-hero-copy{order:1;min-width:0}
.fn-hero-art{order:2;display:flex;justify-content:center;align-items:center;padding:var(--fn-space-md) 0}
.fn-hero-art svg{width:100%;max-width:220px;height:auto;display:block}

@media (min-width:768px){
  .fn-hero-grid{grid-template-columns:1.3fr 1fr;gap:var(--fn-space-xl)}
  .fn-hero-copy{order:1}
  .fn-hero-art{order:2;padding:0}
  .fn-hero-art svg{max-width:320px}
}

@media (min-width:1024px){
  .fn-hero-grid{grid-template-columns:1.4fr 1fr;gap:var(--fn-space-2xl)}
  .fn-hero-art svg{max-width:360px}
}

.fn-sec{padding:var(--fn-space-xl) 0;position:relative}
.fn-sec-phase{background:var(--fn-glass-2);border-top:0.5px solid var(--fn-line);border-bottom:0.5px solid var(--fn-line)}
.fn-sec-head{margin-bottom:var(--fn-space-lg)}
.fn-sec-label{display:inline-block;font-family:var(--fn-mono);font-size:10px;letter-spacing:0.15em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:var(--fn-space-sm);padding:3px 8px;border:0.5px solid var(--fn-line-2);border-radius:var(--fn-radius-xs)}
.fn-sec-lead{font-size:clamp(0.95rem,2vw,1.05rem);color:var(--fn-ink-2);margin-top:var(--fn-space-sm);max-width:640px;line-height:1.7}

.fn-lab-table{background:var(--fn-glass);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm);overflow:hidden}
.fn-lab-row{display:grid;grid-template-columns:1fr;gap:2px;padding:16px 18px;border-bottom:0.5px solid var(--fn-line)}
.fn-lab-row:last-child{border-bottom:0}
.fn-lab-row-l{display:flex;flex-direction:column;gap:4px}
.fn-lab-row-l .en{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase}
.fn-lab-row-l .ko{font-size:15px;color:var(--fn-ink);line-height:1.4;font-weight:500}
.fn-lab-row-r{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding-top:4px}
.fn-lab-row-r .num{font-family:var(--fn-mono);font-size:24px;font-weight:500;color:var(--fn-ink);line-height:1;letter-spacing:-0.01em}
.fn-lab-row-r .sub{font-family:var(--fn-mono);font-size:10px;color:var(--fn-muted);letter-spacing:0.02em}

@media (min-width:640px){
  .fn-lab-row{grid-template-columns:1fr auto;gap:var(--fn-space-md);align-items:center}
  .fn-lab-row-r{align-items:flex-end;padding-top:0}
  .fn-lab-row-r .sub{text-align:right}
}

.fn-silo-grid{display:grid;grid-template-columns:1fr;gap:var(--fn-space-sm)}
.fn-silo-card{display:block;padding:18px 20px;background:var(--fn-glass);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm);color:var(--fn-ink);text-decoration:none;transition:all var(--fn-speed) var(--fn-ease);position:relative;overflow:hidden}
.fn-silo-card:hover{background:var(--fn-glass-2);border-color:var(--fn-line-2);transform:translateY(-1px);color:var(--fn-ink);text-decoration:none;box-shadow:0 2px 12px rgba(15,26,20,0.04)}
.fn-silo-idx{display:block;font-family:var(--fn-mono);font-size:10px;letter-spacing:0.12em;color:var(--fn-citrus-1);margin-bottom:6px;text-transform:uppercase}
.fn-silo-en{display:block;font-family:var(--fn-serif);font-size:22px;font-weight:500;line-height:1.2;margin-bottom:2px;letter-spacing:-0.015em}
.fn-silo-ko{display:block;font-family:var(--fn-mono);font-size:11px;color:var(--fn-muted);letter-spacing:0.05em}

@media (min-width:768px){
  .fn-silo-grid{grid-template-columns:repeat(2,1fr);gap:var(--fn-space-md)}
}
@media (min-width:1024px){
  .fn-silo-grid{grid-template-columns:repeat(3,1fr)}
}

.fn-notice{padding:18px 20px;border:0.5px solid var(--fn-line-2);border-left:2px solid var(--fn-citrus-1);background:var(--fn-citrus-0);border-radius:0 var(--fn-radius-sm) var(--fn-radius-sm) 0;margin:var(--fn-space-md) 0}
.fn-notice h3{margin-top:0;font-family:var(--fn-sans);font-size:15px;font-weight:500;color:var(--fn-citrus-3)}
.fn-notice p{font-size:14px;color:var(--fn-ink-2);line-height:1.7}
.fn-notice p:last-child{margin-bottom:0}

@media (prefers-color-scheme: dark){
  .fn-notice{background:rgba(255,90,31,0.08)}
  .fn-notice h3{color:var(--fn-citrus-1)}
}

.fn-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;opacity:0.18}
.fn-bubbles span{position:absolute;bottom:-40px;border-radius:50%;background:var(--fn-citrus-1);animation:fn-rise var(--fn-rise-dur,8s) ease-in infinite}
.fn-bubbles span:nth-child(1){left:10%;width:8px;height:8px;--fn-rise-dur:9s;animation-delay:0s}
.fn-bubbles span:nth-child(2){left:22%;width:12px;height:12px;--fn-rise-dur:7s;animation-delay:1.5s;background:var(--fn-lemon)}
.fn-bubbles span:nth-child(3){left:40%;width:6px;height:6px;--fn-rise-dur:10s;animation-delay:0.8s}
.fn-bubbles span:nth-child(4){left:58%;width:10px;height:10px;--fn-rise-dur:8.5s;animation-delay:2.2s;background:var(--fn-lime)}
.fn-bubbles span:nth-child(5){left:72%;width:14px;height:14px;--fn-rise-dur:9.5s;animation-delay:1s}
.fn-bubbles span:nth-child(6){left:86%;width:7px;height:7px;--fn-rise-dur:7.5s;animation-delay:3s;background:var(--fn-lemon)}
.fn-bubbles span:nth-child(7){left:32%;width:9px;height:9px;--fn-rise-dur:11s;animation-delay:4s}
.fn-bubbles span:nth-child(8){left:65%;width:5px;height:5px;--fn-rise-dur:8s;animation-delay:5s}

@keyframes fn-rise{
  0%{transform:translateY(0) translateX(0) scale(0.6);opacity:0}
  10%{opacity:0.8;transform:scale(1)}
  90%{opacity:0.5}
  100%{transform:translateY(-120vh) translateX(var(--fn-drift,12px)) scale(0.4);opacity:0}
}

.fn-breadcrumb{margin-bottom:var(--fn-space-lg)}
.fn-breadcrumb p{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.1em;color:var(--fn-muted);margin:0}
.fn-breadcrumb a{color:var(--fn-muted);text-decoration:none}
.fn-breadcrumb a:hover{color:var(--fn-citrus-1)}
.fn-breadcrumb .sep{margin:0 var(--fn-space-sm);color:var(--fn-muted-2)}
.fn-breadcrumb .current{color:var(--fn-ink)}

.fn-faq{margin:var(--fn-space-md) 0}
.fn-faq details{border-bottom:0.5px solid var(--fn-line);padding:0}
.fn-faq details:last-child{border-bottom:0}
.fn-faq summary{padding:18px var(--fn-space-sm);cursor:pointer;font-weight:500;color:var(--fn-ink);list-style:none;position:relative;padding-right:40px;min-height:var(--fn-tap);display:flex;align-items:center;line-height:1.5;transition:color var(--fn-speed) var(--fn-ease)}
.fn-faq summary::-webkit-details-marker{display:none}
.fn-faq summary::after{content:"+";position:absolute;right:var(--fn-space-sm);top:50%;transform:translateY(-50%);font-family:var(--fn-mono);font-size:22px;font-weight:400;color:var(--fn-citrus-1);transition:transform var(--fn-speed) var(--fn-ease);line-height:1}
.fn-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.fn-faq summary:hover{color:var(--fn-citrus-1)}
.fn-faq-a{padding:0 var(--fn-space-sm) 18px}
.fn-faq-a p{color:var(--fn-ink-2);line-height:1.8;margin-bottom:0}

.fn-cite{padding:14px 16px;margin-bottom:8px;background:var(--fn-glass);border-left:2px solid var(--fn-citrus-1);border-radius:0 var(--fn-radius-sm) var(--fn-radius-sm) 0;font-size:14px;line-height:1.7;color:var(--fn-ink-2);list-style:none}
.fn-cite cite{font-style:italic;color:var(--fn-ink)}
.fn-cite a{color:var(--fn-citrus-1);word-break:break-all}

.fn-footer{background:var(--fn-glass-2);border-top:0.5px solid var(--fn-line);padding:var(--fn-space-2xl) 0 var(--fn-space-xl);margin-top:var(--fn-space-2xl)}
.fn-footer h4{margin-top:0;font-family:var(--fn-mono);font-size:11px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase;font-weight:500;margin-bottom:var(--fn-space-md)}
.fn-footer-grid{display:grid;grid-template-columns:1fr;gap:var(--fn-space-lg);margin-bottom:var(--fn-space-xl)}
.fn-footer-col ul{list-style:none;padding:0;margin:0}
.fn-footer-col li{margin-bottom:8px}
.fn-footer-col a{color:var(--fn-ink-2);font-size:14px;text-decoration:none;transition:color var(--fn-speed) var(--fn-ease)}
.fn-footer-col a:hover{color:var(--fn-citrus-1);text-decoration:none}
.fn-footer-brand{display:flex;flex-direction:column;gap:var(--fn-space-sm);margin-bottom:var(--fn-space-xl)}
.fn-footer-mark{font-family:var(--fn-serif);font-size:28px;letter-spacing:-0.02em;color:var(--fn-ink);line-height:1}
.fn-footer-lab{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase}
.fn-footer-decl{font-size:14px;color:var(--fn-ink-2);line-height:1.7;max-width:560px}
.fn-footer-helpline{display:inline-flex;align-items:center;gap:var(--fn-space-sm);padding:10px 16px;background:var(--fn-citrus-1);color:var(--fn-paper);border-radius:var(--fn-radius-xs);font-family:var(--fn-mono);font-size:12px;letter-spacing:0.08em;text-decoration:none;transition:background var(--fn-speed) var(--fn-ease);margin-top:var(--fn-space-sm);align-self:flex-start}
.fn-footer-helpline:hover{background:var(--fn-citrus-2);color:var(--fn-paper);text-decoration:none}
.fn-footer-legal{padding-top:var(--fn-space-lg);border-top:0.5px solid var(--fn-line);font-family:var(--fn-mono);font-size:11px;letter-spacing:0.04em;color:var(--fn-muted);line-height:1.8}
.fn-footer-legal p{margin:0 0 6px;color:var(--fn-muted);font-size:11px}

@media (min-width:768px){
  .fn-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--fn-space-xl)}
  .fn-footer-brand{margin-bottom:0}
}

.fn-404{text-align:center;padding:var(--fn-space-3xl) var(--fn-space-md);min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.fn-404-code{font-family:var(--fn-mono);font-size:clamp(3rem,12vw,6rem);font-weight:500;color:var(--fn-citrus-1);line-height:1;margin-bottom:var(--fn-space-md);letter-spacing:-0.03em}
.fn-404-title{font-family:var(--fn-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;margin-bottom:var(--fn-space-md);letter-spacing:-0.02em}
.fn-404-desc{font-size:16px;color:var(--fn-ink-2);margin-bottom:var(--fn-space-xl);max-width:440px;line-height:1.7}
.fn-404-back{display:inline-flex;align-items:center;gap:var(--fn-space-sm);padding:12px 20px;background:var(--fn-citrus-1);color:var(--fn-paper);border-radius:var(--fn-radius-xs);font-family:var(--fn-mono);font-size:13px;letter-spacing:0.08em;text-decoration:none;transition:background var(--fn-speed) var(--fn-ease);min-height:var(--fn-tap)}
.fn-404-back:hover{background:var(--fn-citrus-2);color:var(--fn-paper);text-decoration:none}

.fn-specimen{display:grid;grid-template-columns:1fr;gap:var(--fn-space-md);margin:var(--fn-space-md) 0}
.fn-specimen .fn-spec{padding:18px 20px;background:var(--fn-glass);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm);text-decoration:none;color:var(--fn-ink);transition:all var(--fn-speed) var(--fn-ease);display:block}
.fn-specimen .fn-spec:hover{border-color:var(--fn-citrus-1);transform:translateY(-1px);text-decoration:none;color:var(--fn-ink)}
.fn-sp-id{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.12em;color:var(--fn-muted);margin-bottom:6px;text-transform:uppercase}
.fn-sp-title{font-size:16px;font-weight:500;color:var(--fn-ink);margin-bottom:8px;line-height:1.4}
.fn-sp-val{font-family:var(--fn-mono);font-size:20px;color:var(--fn-ink);letter-spacing:-0.01em;font-weight:500}
.fn-sp-label{font-family:var(--fn-mono);font-size:10px;color:var(--fn-muted);letter-spacing:0.05em;margin-top:2px}

@media (min-width:640px){
  .fn-specimen{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px){
  .fn-specimen{grid-template-columns:repeat(3,1fr)}
}

.fn-live{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:var(--fn-space-md) 0;padding:var(--fn-space-md);background:var(--fn-glass);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm)}
.fn-live-cell{padding:10px}
.fn-live-cell .label{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:4px}
.fn-live-cell .val{font-family:var(--fn-mono);font-size:18px;color:var(--fn-ink);font-weight:500;letter-spacing:-0.01em}

@media (min-width:640px){
  .fn-live{grid-template-columns:repeat(4,1fr)}
}

table{width:100%;border-collapse:collapse;margin:var(--fn-space-md) 0;font-size:14px}
thead th{text-align:left;padding:12px 16px;background:var(--fn-glass-2);border-bottom:0.5px solid var(--fn-line-2);font-family:var(--fn-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--fn-muted);font-weight:500}
tbody td{padding:12px 16px;border-bottom:0.5px solid var(--fn-line);vertical-align:top}
tbody tr:hover td{background:var(--fn-glass-2)}

@media (max-width:639px){
  .fn-table-stack table,
  .fn-table-stack thead,
  .fn-table-stack tbody,
  .fn-table-stack th,
  .fn-table-stack td,
  .fn-table-stack tr{display:block}
  .fn-table-stack thead{position:absolute;top:-9999px;left:-9999px}
  .fn-table-stack tr{border-bottom:0.5px solid var(--fn-line-2);padding:var(--fn-space-sm) 0;margin-bottom:var(--fn-space-sm)}
  .fn-table-stack td{border:0;padding:6px 0;padding-left:45%;position:relative}
  .fn-table-stack td::before{content:attr(data-label);position:absolute;left:0;width:42%;font-family:var(--fn-mono);font-size:10px;letter-spacing:0.08em;color:var(--fn-muted);text-transform:uppercase;font-weight:500}
}

.fn-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--fn-space-md) 0;border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm)}
.fn-table-scroll table{margin:0;min-width:600px}

@media (min-width:768px){
  :root{--fn-header-h:64px}
  .fn-nav-desktop{display:inline-flex;gap:var(--fn-space-xs)}
  .fn-menu-btn{display:none}
  .fn-brand-sub{display:inline-block}
  .fn-wrap,.fn-wrap-read,.fn-wrap-wide{padding:0 var(--fn-space-lg)}
  .fn-sec{padding:var(--fn-space-2xl) 0}
  .fn-hero{padding:var(--fn-space-2xl) 0 var(--fn-space-xl)}
}

@media (min-width:1024px){
  .fn-wrap,.fn-wrap-wide{padding:0 var(--fn-space-xl)}
  .fn-sec{padding:var(--fn-space-3xl) 0}
  .fn-hero{padding:var(--fn-space-3xl) 0 var(--fn-space-2xl)}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
  .fn-bubbles{display:none}
}

@media print{
  .fn-header,.fn-footer,.fn-drawer,.fn-bubbles,.fn-skip,.fn-menu-btn{display:none !important}
  body{background:white;color:black}
  a{color:black;text-decoration:underline}
  a::after{content:" (" attr(href) ")";font-size:0.85em;color:#666}
  .fn-hero,.fn-sec{padding:var(--fn-space-md) 0;page-break-inside:avoid}
  h1,h2,h3{page-break-after:avoid}
  .fn-lab-row{page-break-inside:avoid}
}

@media (forced-colors: active){
  .fn-silo-card,.fn-lab-table,.fn-notice,.fn-faq details{border:1px solid CanvasText}
  .fn-footer-helpline,.fn-404-back{border:1px solid CanvasText}
}

@supports (padding:max(0px)){
  .fn-header,.fn-drawer{padding-left:max(var(--fn-space-md),env(safe-area-inset-left));padding-right:max(var(--fn-space-md),env(safe-area-inset-right))}
  .fn-footer{padding-bottom:max(var(--fn-space-xl),env(safe-area-inset-bottom))}
}

.fn-mono{font-family:var(--fn-mono)}
.fn-serif{font-family:var(--fn-serif)}
.fn-mute{color:var(--fn-muted)}
.fn-right{text-align:right}
.fn-center{text-align:center}
.fn-hide-sm{display:none}
@media (min-width:640px){.fn-hide-sm{display:initial}}
.fn-hide-lg{display:initial}
@media (min-width:1024px){.fn-hide-lg{display:none}}

/* === APPARATUS · Simulator Widgets === */
.fn-mc-card{background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm);padding:var(--fn-space-xl);margin:var(--fn-space-xl) 0}
.fn-mc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--fn-space-md);margin-bottom:var(--fn-space-lg);padding-bottom:var(--fn-space-md);border-bottom:0.5px solid var(--fn-line);flex-wrap:wrap}
.fn-mc-kicker{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.15em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:4px}
.fn-mc-title{font-family:var(--fn-serif);font-size:22px;font-weight:500;letter-spacing:-0.01em;color:var(--fn-ink)}
.fn-mc-privacy{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.08em;color:var(--fn-muted);padding:4px 10px;border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);white-space:nowrap}
.fn-mc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--fn-space-md);margin-bottom:var(--fn-space-md)}
.fn-mc-field{display:flex;flex-direction:column;gap:6px}
.fn-mc-field label{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase}
.fn-mc-field select,.fn-mc-field input{font-family:var(--fn-mono);font-size:13px;color:var(--fn-ink);background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);padding:8px 10px;min-height:40px;width:100%}
.fn-mc-field select:focus,.fn-mc-field input:focus{outline:2px solid var(--fn-citrus-1);outline-offset:-1px;border-color:transparent}
.fn-mc-total{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.08em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:var(--fn-space-md);padding:10px 12px;background:var(--fn-glass-2);border-radius:var(--fn-radius-xs)}
.fn-mc-total strong{font-size:14px;color:var(--fn-ink);font-weight:500}
.fn-mc-actions{display:flex;gap:var(--fn-space-sm);flex-wrap:wrap;margin-bottom:var(--fn-space-md)}
.fn-mc-btn{font-family:var(--fn-mono);font-size:12px;letter-spacing:0.08em;padding:12px 20px;border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);background:var(--fn-paper);color:var(--fn-ink);cursor:pointer;min-height:44px;transition:background 0.15s,color 0.15s}
.fn-mc-btn-run{background:var(--fn-citrus-1);color:var(--fn-paper);border-color:var(--fn-citrus-1)}
.fn-mc-btn-run:hover{background:var(--fn-citrus-2)}
.fn-mc-btn-run:disabled{opacity:0.6;cursor:not-allowed}
.fn-mc-btn-alt:hover{background:var(--fn-glass-2)}
.fn-mc-btn-alt:disabled{opacity:0.4;cursor:not-allowed}
.fn-mc-progress{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.06em;color:var(--fn-muted);min-height:18px;margin-bottom:var(--fn-space-md)}
.fn-mc-result{margin-top:var(--fn-space-lg);padding-top:var(--fn-space-lg);border-top:0.5px solid var(--fn-line)}
.fn-mc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--fn-space-sm);margin-bottom:var(--fn-space-lg)}
.fn-mc-stat{padding:var(--fn-space-sm);background:var(--fn-glass-2);border-radius:var(--fn-radius-xs)}
.fn-mc-stat-label{font-family:var(--fn-mono);font-size:9px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:4px}
.fn-mc-stat-val{font-family:var(--fn-mono);font-size:16px;font-weight:500;color:var(--fn-ink);letter-spacing:-0.01em}
.fn-mc-chart-wrap{margin-bottom:var(--fn-space-lg)}
.fn-mc-chart-title{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:8px}
.fn-mc-chart-wrap canvas{width:100%;height:auto;max-width:100%;display:block;background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs)}
.fn-mc-quantiles{margin-bottom:var(--fn-space-lg);padding:var(--fn-space-md);background:var(--fn-glass-2);border-radius:var(--fn-radius-xs)}
.fn-mc-quantiles-head{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:10px}
.fn-mc-quantiles-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:var(--fn-space-sm);margin-bottom:var(--fn-space-sm)}
.fn-mc-quantiles-row:last-child{margin-bottom:0}
.fn-mc-quantiles-row > div{font-family:var(--fn-mono);font-size:12px}
.fn-mc-quantiles-row span{display:block;font-size:9px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:2px}
.fn-mc-quantiles-row strong{font-weight:500;color:var(--fn-ink)}
.fn-mc-caveat{font-family:var(--fn-sans);font-size:13px;line-height:1.7;color:var(--fn-ink-2);padding:var(--fn-space-md);border-left:2px solid var(--fn-citrus-1);background:var(--fn-glass-1)}
.fn-mc-caveat strong{color:var(--fn-ink);font-weight:500}

@media (prefers-color-scheme:dark){
  .fn-mc-card{background:var(--fn-paper)}
  .fn-mc-field select,.fn-mc-field input{background:var(--fn-paper)}
}

/* === APPARATUS · Calculator Widgets === */
.fn-calc-card{background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-sm);padding:var(--fn-space-xl);margin:var(--fn-space-xl) 0}
.fn-calc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--fn-space-md);margin-bottom:var(--fn-space-lg);padding-bottom:var(--fn-space-md);border-bottom:0.5px solid var(--fn-line);flex-wrap:wrap}
.fn-calc-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:var(--fn-space-lg);padding-bottom:var(--fn-space-md);border-bottom:0.5px solid var(--fn-line)}
.fn-calc-tab{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.08em;padding:8px 14px;border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);background:var(--fn-paper);color:var(--fn-muted);cursor:pointer;min-height:36px;transition:background 0.15s,color 0.15s,border-color 0.15s}
.fn-calc-tab:hover{color:var(--fn-ink);background:var(--fn-glass-2)}
.fn-calc-tab.fn-active{background:var(--fn-citrus-1);color:var(--fn-paper);border-color:var(--fn-citrus-1)}
.fn-calc-output{margin-top:var(--fn-space-md)}
.fn-calc-result{padding:var(--fn-space-lg);background:var(--fn-glass-2);border-radius:var(--fn-radius-xs);margin-bottom:var(--fn-space-md)}
.fn-calc-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--fn-space-md);margin-bottom:var(--fn-space-lg)}
.fn-calc-big-kpi{text-align:center}
.fn-calc-big-val{font-family:var(--fn-mono);font-size:24px;font-weight:500;color:var(--fn-ink);letter-spacing:-0.01em;margin-top:4px;line-height:1.2}
.fn-calc-break-title{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin:var(--fn-space-md) 0 var(--fn-space-sm) 0}
.fn-calc-table{width:100%;border-collapse:collapse;font-family:var(--fn-mono);font-size:12px}
.fn-calc-table thead th{text-align:left;padding:6px 8px;color:var(--fn-muted);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;border-bottom:0.5px solid var(--fn-line);font-weight:500}
.fn-calc-table tbody td{padding:6px 8px;border-bottom:0.5px solid var(--fn-line);color:var(--fn-ink)}
.fn-calc-table tbody tr:last-child td{border-bottom:none}
.fn-calc-note{color:var(--fn-muted);font-size:10px}
.fn-calc-nothing{opacity:0.5}

/* === EV Calculator === */
.fn-calc-bands{margin:var(--fn-space-lg) 0}
.fn-calc-band-title{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:10px}
.fn-calc-band{padding:var(--fn-space-sm) 0}
.fn-calc-band-scale{display:flex;justify-content:space-between;font-family:var(--fn-mono);font-size:10px;color:var(--fn-muted);margin-bottom:6px;letter-spacing:0.04em}
.fn-calc-band-mid{color:var(--fn-ink);text-transform:uppercase;letter-spacing:0.1em}
.fn-calc-band-bar{position:relative;height:28px;background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);overflow:hidden;margin-bottom:10px}
.fn-calc-band-95{position:absolute;inset:0;background:var(--fn-glass-2)}
.fn-calc-band-68{position:absolute;top:0;bottom:0;background:rgba(255,90,31,0.18)}
.fn-calc-band-zero{position:absolute;top:0;bottom:0;width:1px;background:var(--fn-muted);opacity:0.6}
.fn-calc-band-zero::before{content:'0';position:absolute;top:-14px;left:-3px;font-size:9px;font-family:var(--fn-mono);color:var(--fn-muted)}
.fn-calc-band-mu{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--fn-citrus-1)}
.fn-calc-band-legend{display:flex;gap:var(--fn-space-md);flex-wrap:wrap;font-family:var(--fn-mono);font-size:10px;color:var(--fn-muted);letter-spacing:0.04em}
.fn-calc-band-legend i{display:inline-block;width:14px;height:10px;margin-right:5px;vertical-align:middle;border:0.5px solid var(--fn-line)}
.fn-calc-legend-95{background:var(--fn-glass-2)}
.fn-calc-legend-68{background:rgba(255,90,31,0.18)}
.fn-calc-legend-mu{width:2px !important;background:var(--fn-citrus-1) !important;border:none !important}
.fn-calc-legend-zero{width:1px !important;background:var(--fn-muted) !important;border:none !important}
.fn-calc-sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--fn-space-sm);margin:var(--fn-space-lg) 0}
.fn-calc-sub-item{padding:var(--fn-space-sm);background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs)}
.fn-calc-sub-val{font-family:var(--fn-mono);font-size:17px;font-weight:500;color:var(--fn-ink);margin:4px 0}
.fn-calc-sub-note{font-size:11px;color:var(--fn-muted);line-height:1.5}
.fn-calc-interpret{margin-top:var(--fn-space-lg);padding:var(--fn-space-md);border-left:2px solid var(--fn-citrus-1);background:var(--fn-glass-1)}
.fn-calc-interpret h4{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.12em;color:var(--fn-muted);text-transform:uppercase;margin:0 0 var(--fn-space-sm) 0;font-weight:500}
.fn-calc-interpret p{font-size:13px;line-height:1.7;color:var(--fn-ink-2);margin-bottom:10px}
.fn-calc-interpret p:last-child{margin-bottom:0}
.fn-calc-interpret strong{color:var(--fn-ink);font-weight:500}

/* === Kelly Calculator === */
.fn-kelly-warn{background:var(--fn-glass-2);border:0.5px solid var(--fn-line);border-left:3px solid var(--fn-citrus-1)}
.fn-kelly-warn-title{font-family:var(--fn-serif);font-size:20px;font-weight:500;letter-spacing:-0.01em;color:var(--fn-ink);margin-bottom:var(--fn-space-md)}
.fn-kelly-warn-body p{font-size:14px;line-height:1.75;color:var(--fn-ink-2);margin-bottom:10px}
.fn-kelly-warn-body p:last-child{margin-bottom:0}
.fn-kelly-warn-body strong{color:var(--fn-ink);font-weight:500}

/* === Variance Visualizer === */
.fn-var-desc{padding:var(--fn-space-md);background:var(--fn-glass-2);border-radius:var(--fn-radius-xs);margin-bottom:var(--fn-space-md)}
.fn-var-desc-title{font-family:var(--fn-mono);font-size:11px;letter-spacing:0.1em;color:var(--fn-ink);text-transform:uppercase;margin-bottom:6px;font-weight:500}
.fn-var-desc p{font-size:13px;line-height:1.7;color:var(--fn-ink-2);margin:0}
.fn-var-panels{display:flex;flex-direction:column;gap:var(--fn-space-md);margin-top:var(--fn-space-md)}
.fn-var-panel{background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);padding:var(--fn-space-md)}
.fn-var-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--fn-space-sm);margin-bottom:var(--fn-space-sm);flex-wrap:wrap}
.fn-var-panel-title{font-family:var(--fn-serif);font-size:16px;font-weight:500;color:var(--fn-ink);letter-spacing:-0.01em}
.fn-var-panel-sub{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.08em;color:var(--fn-muted);margin-top:2px}
.fn-var-panel-kpi{display:flex;gap:var(--fn-space-sm);font-family:var(--fn-mono);font-size:11px;letter-spacing:0.04em;color:var(--fn-ink);flex-wrap:wrap}
.fn-var-panel-kpi span{padding:4px 8px;background:var(--fn-glass-2);border-radius:var(--fn-radius-xs)}
.fn-var-panel canvas{width:100%;height:auto;max-width:100%;display:block;background:var(--fn-paper);border:0.5px solid var(--fn-line);border-radius:var(--fn-radius-xs);margin:var(--fn-space-sm) 0}
.fn-var-panel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--fn-space-xs);font-family:var(--fn-mono);font-size:11px;margin-top:var(--fn-space-sm)}
.fn-var-panel-stats > div{padding:6px 8px;background:var(--fn-glass-2);border-radius:var(--fn-radius-xs)}
.fn-var-panel-stats span{display:block;font-size:9px;letter-spacing:0.1em;color:var(--fn-muted);text-transform:uppercase;margin-bottom:2px}
.fn-var-panel-stats strong{font-weight:500;color:var(--fn-ink)}
.fn-var-panel-note{font-family:var(--fn-mono);font-size:10px;letter-spacing:0.04em;color:var(--fn-muted)}