@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex-serif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex-serif-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex-serif-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/ibm-plex-serif-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--font-display: "IBM Plex Serif", Georgia, "Times New Roman", serif;--font-thai: "Sarabun", "IBM Plex Serif", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:#1a1512;color:#f0e8dc;font-family:var(--font-thai);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{max-width:1024px;margin:0 auto;padding:1rem 1.5rem;position:relative}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay;z-index:9999}@media(min-width:641px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4a88233;border-radius:10px;border:2px solid #1A1512}::-webkit-scrollbar-thumb:hover{background:#c4a88259}*{scrollbar-width:thin;scrollbar-color:rgba(196,168,130,.2) transparent}}::selection{background:#d4537e59;color:#f0e8dc}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:0 0 0 2px #d4537e80;border-radius:6px}@media(max-width:640px){#root{padding:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px;overflow:hidden}}@keyframes lotusBreathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.reveal.visible{opacity:1;transform:translateY(0)}.card-expand{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.card-expand.open{max-height:900px;opacity:1}@keyframes dropdownIn{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.status-dropdown{animation:dropdownIn .15s ease;transform-origin:top right;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heartFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}50%{opacity:.8;transform:translateY(-40px) scale(1.1) rotate(15deg)}to{opacity:0;transform:translateY(-90px) scale(.6) rotate(-10deg)}}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:1.25rem}.tab-bar{display:flex;gap:2px;margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}@media(max-width:768px){#root{padding:.75rem 1rem}}@media(max-width:480px){#root{padding:.5rem .75rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.series-card{padding:.75rem .875rem!important}.series-card h3{font-size:15px!important}}.love-design-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,transparent,transparent 18px,rgba(232,168,56,.035) 18px,rgba(232,168,56,.035) 19px);border-radius:12px;pointer-events:none;z-index:0}.love-design-card:after{content:"";position:absolute;top:8px;right:8px;width:14px;height:14px;border-top:1.5px solid rgba(232,168,56,.12);border-right:1.5px solid rgba(232,168,56,.12);border-radius:0 4px 0 0;pointer-events:none;z-index:0}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes bingoBounce{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.35) rotate(4deg);opacity:1}80%{transform:scale(.92) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.15}}
