.tfd-game{color:#213c2d;min-height:100vh;font-family:var(--font-sans),sans-serif;background:#e5dfbd}.tfd-top{color:#fff;background:#173b35;justify-content:space-between;align-items:center;height:58px;padding:0 max(20px,50vw - 590px);display:flex}.tfd-top a{color:inherit;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.tfd-top svg{width:18px}.tfd-top span{font:800 12px/1 var(--font-mono),monospace;letter-spacing:.16em}.tfd-top small{color:#e8c76a}.tfd-shell{max-width:1180px;margin:auto;padding:24px 22px 44px}.tfd-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.tfd-heading p{color:#8d5e35;letter-spacing:.14em;margin:0;font-weight:900}.tfd-heading h1{letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(34px,6vw,62px);font-weight:950;line-height:.95}.tfd-heading>button{color:#1f614c;background:#fff8d6;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 5px #b8aa76}.tfd-heading>button:disabled{opacity:.35}.tfd-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:20px;display:grid}.tfd-board-wrap,.tfd-side{background:#fff7d9;border:1px solid #c7b87a;border-radius:24px;box-shadow:0 18px 40px #5c4b2520}.tfd-board-wrap{padding:16px}.tfd-hud{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px;display:grid}.tfd-hud div{background:#f3ebca;border-radius:12px;padding:8px 10px}.tfd-hud small{color:#7b6b48;font-size:10px;font-weight:800;display:block}.tfd-hud strong{font-size:20px}.tfd-hud em{color:#8f7c55;font-size:11px;font-style:normal}.tfd-progress{background:#d9cfaa;border-radius:5px;height:5px;margin-bottom:12px;overflow:hidden}.tfd-progress i{background:linear-gradient(90deg,#5c9b62,#e7b84d);height:100%;transition:width .3s;display:block}.tfd-field{aspect-ratio:1.22;touch-action:none;isolation:isolate;background:linear-gradient(135deg,#9cbd69,#6f9a54);border:12px solid #7a5635;border-radius:22px;width:100%;max-width:640px;margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #d6b263,0 12px 26px #59401f35}.tfd-cell{z-index:1;background:linear-gradient(145deg,#ffffff08,#193f1910);border-bottom:1px solid #e8dfb84d;border-right:1px solid #e8dfb84d}.tfd-field:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(120deg,#0000 0 19px,#3e72351a 20px 22px);position:absolute;inset:0}.tfd-plot,.tfd-preview,.tfd-guide,.tfd-cursor{pointer-events:none;z-index:2;border-radius:10px;margin:3px}.tfd-plot{background:#f2cf6d55;border:3px solid #f8ebbb;justify-content:end;align-items:end;animation:.3s tfd-grow;display:flex;box-shadow:inset 0 0 22px #406a3044}.tfd-plot.last{background:#f3d35a88;border-color:#fff7c7}.tfd-plot b{color:#fff;background:#315b37;border-radius:8px 0 6px;padding:3px 7px;font-size:10px}.tfd-preview{z-index:4;background:#fff7b635;border:3px dashed #fff8d1;place-items:center;display:grid}.tfd-preview b{color:#fff;background:#244a3cdd;border-radius:20px;padding:4px 8px}.tfd-guide{background:#ffe67a24;border:3px dashed #ffe67a;animation:1.2s infinite tfd-pulse}.tfd-cursor{z-index:5;border:2px solid #ffd24e;box-shadow:0 0 0 2px #31543e}.tfd-well{aspect-ratio:1;color:#fff;z-index:6;pointer-events:none;background:#2b766f;border:5px solid #d9c27a;border-radius:50%;place-self:center;place-items:center;width:min(56%,48px);font-size:18px;font-weight:950;display:grid;box-shadow:0 5px #194d49}.tfd-well i{background:#69c4ce;border-radius:50%;width:42%;height:42%;position:absolute}.tfd-well b{z-index:1;text-shadow:0 1px 2px #123}.tfd-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;background:#17362edc;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.tfd-overlay>div{max-width:520px}.tfd-overlay>div>span,.tfd-side>span{font:900 10px/1 var(--font-mono),monospace;letter-spacing:.17em;color:#f3cf65}.tfd-overlay h2{margin:10px 0;font-size:clamp(28px,5vw,50px);line-height:1}.tfd-overlay p{color:#edf4df;line-height:1.6}.tfd-overlay>div>button{color:#183a31;background:#f0cb62;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-weight:950;display:inline-flex}.tfd-overlay>div>small{color:#d9e3cc;margin-top:12px;display:block}.tfd-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tfd-upgrades button{color:#264437;background:#fff9d8;border:1px solid #fff4;border-radius:14px;justify-items:center;gap:4px;padding:13px 8px;display:grid}.tfd-upgrades button:hover{transform:translateY(-2px)}.tfd-upgrades svg{color:#8d6833}.tfd-upgrades small{font-size:10px}.tfd-notice{color:#6e593a;min-height:24px;margin:12px 4px 0;font-weight:800}.tfd-side{padding:24px}.tfd-side>span{color:#9b6b31}.tfd-side h2{margin:12px 0;font-size:28px;line-height:1.08}.tfd-side>p{color:#6d6048;line-height:1.6}.tfd-side>div{border-top:1px solid #dcd0a5;gap:12px;margin-top:18px;padding-top:16px;display:flex}.tfd-side>div>svg{color:#4b8a63;flex:0 0 28px}.tfd-side>div p{margin:0}.tfd-side>div b,.tfd-side>div small{display:block}.tfd-side>div small{color:#766a50;margin-top:4px;line-height:1.45}.tfd-side details{background:#ece2bd;border-radius:14px;margin-top:18px;padding:12px 14px}.tfd-side summary{font-weight:900}.tfd-side details p{font-size:13px;line-height:1.55}.tfd-batch{height:0;margin:0;overflow:hidden}@keyframes tfd-grow{0%{opacity:.2;transform:scale(.7)}}@keyframes tfd-pulse{50%{opacity:.35}}@media (max-width:860px){.tfd-layout{grid-template-columns:1fr}.tfd-side{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tfd-side>span,.tfd-side>h2,.tfd-side>p,.tfd-side>details{grid-column:1/-1}.tfd-side>div{background:#efe5c3;border:0;border-radius:12px;margin:0;padding:12px}}@media (max-width:540px){.tfd-top{height:52px;padding:0 14px}.tfd-top span{font-size:9px}.tfd-shell{padding:16px 10px 30px}.tfd-heading{margin-bottom:12px}.tfd-heading h1{font-size:42px}.tfd-board-wrap{border-radius:18px;padding:9px}.tfd-hud{grid-template-columns:repeat(3,1fr)}.tfd-hud div{padding:6px 8px}.tfd-hud strong{font-size:17px}.tfd-field{aspect-ratio:1;border-width:8px;border-radius:16px}.tfd-well{border-width:3px;font-size:15px}.tfd-side{padding:20px;display:block}.tfd-side>div{margin-top:9px}.tfd-upgrades{grid-template-columns:1fr}.tfd-overlay h2{font-size:31px}}@media (max-width:360px){.tfd-heading h1{font-size:36px}.tfd-hud small{font-size:9px}.tfd-field{aspect-ratio:.9}.tfd-overlay{padding:10px}.tfd-side h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.tfd-plot,.tfd-guide{animation:none}.tfd-progress i{transition:none}}