.fcf-game{color:#33231c;min-height:100vh;font-family:var(--font-noto-sans-tc),sans-serif;background:#f3ead7}.fcf-top{color:#f9e8bd;letter-spacing:.16em;background:#173f3d;justify-content:space-between;align-items:center;height:58px;padding:0 max(22px,50vw - 660px);font-size:12px;display:flex}.fcf-top a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.fcf-top svg{width:17px}.fcf-top small{color:#efb84e}.fcf-shell{max-width:1320px;margin:auto;padding:28px 22px 46px}.fcf-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.fcf-heading p{color:#a53c2e;letter-spacing:.16em;font-size:12px;font-weight:900}.fcf-heading h1{margin-top:8px;font-family:serif;font-size:clamp(30px,5vw,54px);line-height:1}.fcf-heading>button{color:#173f3d;background:#fff9eb;border:1px solid #bea884;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.fcf-heading>button:disabled{opacity:.35}.fcf-layout{grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:18px;display:grid}.fcf-board,.fcf-side{background:#fffaf0;border:1px solid #d8c5a5;box-shadow:0 14px 40px #735b4020}.fcf-hud{background:#d8c5a5;grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.fcf-hud>div{background:#fffaf0;min-width:0;padding:12px 11px}.fcf-hud small{color:#826c59;letter-spacing:.1em;font-size:9px;display:block}.fcf-hud strong{white-space:nowrap;margin-top:4px;font-size:18px;display:block}.fcf-hud em{color:#a58b73;font-size:11px;font-style:normal}.fcf-progress{background:#e8dac3;height:5px;overflow:hidden}.fcf-progress i{background:linear-gradient(90deg,#a83e30,#e3ad35);height:100%;transition:width .25s;display:block}.fcf-yard{isolation:isolate;background:radial-gradient(circle at 50% 48%,#f6ce7d 0 2%,#0000 3%),linear-gradient(155deg,#efd894,#dca45b 45%,#a75635 100%);min-height:566px;padding:20px;position:relative;overflow:hidden}.fcf-yard:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#0000 0 54px,#673d2730 55px 58px),linear-gradient(#0000 76%,#355e4a 76%);position:absolute;inset:0}.fcf-order{color:#fff4d1;text-align:center;background:#9d392e;border:3px solid #f8e4ad;width:min(330px,90%);margin:0 auto 16px;padding:10px 15px;transition:background .2s;box-shadow:0 8px #642c27}.fcf-order.teal{background:#236f6b;box-shadow:0 8px #164a48}.fcf-order.gold{color:#2f2417;background:#b37a21;box-shadow:0 8px #765119}.fcf-order small,.fcf-order span{letter-spacing:.12em;font-size:9px;display:block}.fcf-order b{justify-content:center;align-items:center;gap:7px;margin:2px;font:900 24px serif;display:flex}.fcf-order svg{width:21px}.fcf-grid{background:#6e3929;border:7px solid #44261e;grid-template-columns:repeat(4,1fr);gap:10px;width:min(480px,100%);margin:auto;padding:14px;display:grid;box-shadow:0 14px #4c2d2366}.fcf-slot{aspect-ratio:1;color:#f3d596;touch-action:manipulation;background:#88513a;border:0;border-radius:8px;place-items:center;font-family:inherit;display:grid;position:relative;overflow:hidden}.fcf-slot.is-empty{opacity:.52;background:radial-gradient(circle,#5f3b2c 0 22%,#946448 24% 27%,#6f4434 29%)}.fcf-slot.is-burning{cursor:pointer;background:conic-gradient(#ffdf72 var(--burn),#efe1bb var(--burn));padding:7px;box-shadow:inset 0 0 0 3px #fff2c5}.fcf-slot.is-burning:before{content:"";background:#a64031;border-radius:5px;position:absolute;inset:9px}.fcf-slot.teal:before{background:#287973}.fcf-slot.gold:before{background:#c68d29}.fcf-slot.is-burning i{z-index:2;background:#fff3a4;border-radius:50% 50% 45% 45%;width:12px;height:18px;animation:.35s infinite alternate fcf-flame;position:absolute;top:3px;box-shadow:0 0 12px 5px #ff6f28}.fcf-slot.is-burning span{z-index:2;color:#fff3d2;font:900 clamp(18px,3vw,28px) serif}.fcf-slot.is-burning b{z-index:2;color:#fff5db;font-size:9px;position:absolute;bottom:5px;right:7px}.fcf-slot:focus-visible{outline-offset:3px;outline:4px solid #173f3d}.fcf-knot{opacity:.65;font-size:10px}.fcf-crackers{justify-content:center;gap:8px;width:240px;height:54px;margin:18px auto 0;display:flex;position:relative}.fcf-crackers i{background:#a43b31;border:4px solid #efbd54;border-radius:5px;width:31px;height:46px;box-shadow:inset 0 -8px #743027}.fcf-crackers b{color:#f8e7b7;letter-spacing:.2em;background:#173f3d;padding:3px 14px;font-size:10px;position:absolute;bottom:-8px}.fcf-notice{color:#f7e7bd;background:#173f3d;min-height:46px;padding:13px 18px;font-size:13px}.fcf-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#183c3baa;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.fcf-overlay>div{text-align:center;background:#fff6df;border:1px solid #e0bd70;width:min(590px,100%);padding:27px;box-shadow:0 18px 50px #1b2a2766}.fcf-overlay>div>span,.fcf-side>span{letter-spacing:.18em;color:#a13e31;font-size:10px;font-weight:900}.fcf-overlay h2{margin:8px 0;font-family:serif;font-size:clamp(25px,4vw,40px)}.fcf-overlay p{color:#705a48;max-width:500px;margin:0 auto 16px;font-size:13px;line-height:1.7}.fcf-overlay>div>button{color:#fff6dd;touch-action:manipulation;background:#a33e31;border:0;align-items:center;gap:8px;min-height:52px;padding:0 24px;font:800 14px inherit;display:inline-flex}.fcf-overlay>div>small{color:#8c765f;margin-top:14px;font-size:10px;display:block}.fcf-upgrades{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.fcf-upgrades button{color:#493529;touch-action:manipulation;background:#fffaf0;border:1px solid #d5bd93;flex-direction:column;align-items:center;gap:6px;min-height:118px;padding:12px;font-family:inherit;display:flex}.fcf-upgrades button:hover{background:#fbe8d0;border-color:#a33e31}.fcf-upgrades b{font-size:13px}.fcf-upgrades small{font-size:10px;line-height:1.4}.fcf-side{padding:25px}.fcf-side h2{margin:10px 0;font-family:serif;font-size:25px;line-height:1.25}.fcf-side>p{color:#735e4e;font-size:13px;line-height:1.75}.fcf-side>div{border-top:1px solid #e4d7c0;gap:11px;margin-top:20px;padding-top:16px;display:flex}.fcf-side>div svg{color:#a33e31;flex:none}.fcf-side>div p{margin:0}.fcf-side>div b{font-size:13px;display:block}.fcf-side>div small{color:#7a6655;margin-top:3px;line-height:1.5;display:block}.fcf-side details{background:#f3e8d3;margin-top:21px;padding:15px}.fcf-side summary{font-size:12px;font-weight:900}.fcf-side details p{color:#695444;font-size:12px;line-height:1.7}.fcf-batch{display:none}@keyframes fcf-flame{to{transform:translateY(-3px)scale(.83)}}@media (max-width:850px){.fcf-layout{grid-template-columns:1fr}.fcf-side{order:2}.fcf-shell{padding:20px 14px 36px}.fcf-top{padding:0 15px}.fcf-yard{min-height:540px}}@media (max-width:520px){.fcf-heading{align-items:center}.fcf-heading h1{font-size:36px}.fcf-hud{grid-template-columns:repeat(3,1fr)}.fcf-hud>div{text-align:center;padding:8px 7px}.fcf-hud strong{font-size:15px}.fcf-yard{min-height:492px;padding:14px 10px}.fcf-grid{border-width:5px;gap:7px;padding:10px}.fcf-order{margin-bottom:13px}.fcf-slot.is-burning:before{inset:7px}.fcf-overlay{padding:12px}.fcf-overlay>div{padding:20px 13px}.fcf-upgrades{grid-template-columns:1fr}.fcf-upgrades button{text-align:left;grid-template-columns:30px 1fr;min-height:72px;display:grid}.fcf-upgrades small{grid-column:2}.fcf-side{padding:20px}.fcf-top span{letter-spacing:.08em;font-size:9px}}@media (max-width:360px){.fcf-shell{padding-inline:8px}.fcf-heading h1{font-size:31px}.fcf-heading>button{width:42px;height:42px}.fcf-yard{min-height:450px;padding-inline:7px}.fcf-grid{gap:5px;padding:7px}.fcf-order b{font-size:20px}.fcf-crackers{margin-top:13px}.fcf-side{padding:16px}}@media (prefers-reduced-motion:reduce){.fcf-slot.is-burning i{animation:none}.fcf-progress i{transition:none}}
