:root{color:#241c13;background:#f2e7cf;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #241c13;--ink-soft: #5f503d;--cream: #f2e7cf;--paper: #fff8e9;--paper-strong: #fffdf5;--line: #d7c49e;--line-strong: #bba479;--hud: #211a13;--hud-panel: #17130f;--field: #749244;--field-deep: #526d30;--wood: #74502c;--wood-dark: #4a321d;--mint: #66eadb;--green: #2f684d;--green-soft: #d6edc0;--amber: #d99132;--red: #b84435;--blue: #38758e;--shadow-sm: 0 6px 18px rgba(57, 42, 20, .12);--shadow-lg: 0 22px 48px rgba(57, 42, 20, .18);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html{min-width:320px;background:var(--cream)}body{min-width:320px;min-height:100vh;margin:0;background:var(--cream)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #2d8f83;outline-offset:3px}img{display:block;max-width:100%}h1,h2,p{margin:0}.app-shell{width:min(100%,1540px);min-height:100vh;margin:0 auto;padding:14px}.hud{position:relative;z-index:10;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(580px,2fr) auto;align-items:center;gap:14px;min-height:78px;padding:12px 14px;color:#fffaf0;background:var(--hud);border:1px solid #392d22;border-radius:14px 14px 8px 8px;box-shadow:var(--shadow-sm)}.brand-cluster{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:50px;height:50px;object-fit:contain}.brand-cluster>div{display:grid;min-width:0;gap:2px}.brand-cluster span,.brand-cluster strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-cluster span{color:#fffdf5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.98rem;font-weight:800;letter-spacing:-.02em}.brand-cluster strong{color:#c9baa2;font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.11em}.hud-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hud-card{display:grid;grid-template-columns:28px minmax(0,auto) minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:49px;padding:8px 10px;background:var(--hud-panel);border:1px solid #3a3027;border-radius:9px}.hud-card img{width:28px;height:28px;object-fit:contain}.hud-card strong{min-width:0;overflow:hidden;color:#fff8e9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hud-card span{min-width:0;overflow:hidden;color:#aa9b86;font-size:.67rem;font-weight:700;line-height:1.12;text-overflow:ellipsis}.language-switch{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;background:var(--hud-panel);border:1px solid #3a3027;border-radius:9px}.language-switch button{min-height:34px;padding:0 9px;color:#a99a87;background:transparent;border:0;border-radius:6px;cursor:pointer;font-size:.72rem;font-weight:750;transition:color .14s var(--ease-out),background-color .14s var(--ease-out),transform .12s var(--ease-out)}.language-switch button[aria-pressed=true]{color:var(--ink);background:var(--mint)}.language-switch button:active{transform:scale(.97)}.error{margin:10px 0;padding:12px 14px;color:#fff;background:var(--red);border:1px solid #7b2b20;border-radius:9px;box-shadow:var(--shadow-sm);font-size:.84rem;font-weight:700;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}@starting-style{.error{opacity:0;transform:translateY(-5px)}}.farm-home{display:grid;grid-template-columns:196px minmax(560px,1fr) 342px;gap:12px;margin-top:12px}.farm-overview{display:grid;align-content:start;gap:20px;padding:10px 8px 10px 2px}.farm-heading{display:grid;gap:7px}.farm-heading h1{color:var(--ink);font-size:clamp(1.45rem,2.1vw,2.35rem);font-weight:830;line-height:.98;letter-spacing:-.055em}.farm-heading p{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700}.ready-pill{justify-self:start;padding:6px 8px;color:#173c2e;background:var(--green-soft);border:1px solid #9fbd82;border-radius:999px;font-size:.67rem;font-weight:800}.today-board{display:grid;gap:0;border-top:1px solid var(--line-strong)}.today-board article{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:2px 8px;padding:12px 0;border-bottom:1px solid var(--line)}.today-board article img{grid-row:1 / span 2;width:24px;height:24px;object-fit:contain}.today-board article span{color:#7a6a55;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.today-board article strong{min-width:0;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.25}.today-board meter{width:100%;height:7px;margin:3px 0 10px;background:#d8c9ab;border:0;border-radius:999px}.today-board meter::-webkit-meter-bar{background:#d8c9ab;border:0;border-radius:999px}.today-board meter::-webkit-meter-optimum-value{background:var(--green);border-radius:999px}.today-board meter::-moz-meter-bar{background:var(--green);border-radius:999px}.diorama-stage{position:relative;min-height:650px;overflow:hidden;background-color:var(--field);background-image:url(/assets/game/scenes/living-diorama-board.webp);background-repeat:no-repeat;background-position:center;background-size:cover;border:5px solid var(--wood);border-bottom-color:var(--wood-dark);border-radius:15px;box-shadow:inset 0 0 0 2px #fff9de33,var(--shadow-lg)}.diorama-top{position:relative;height:210px}.farm-mascot{position:absolute;bottom:-16px;left:50%;width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(39,48,23,.24));transform:translate(-50%)}.plot-layer{position:absolute;inset:206px 34px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:stretch}.plot-tile{position:relative;display:grid;min-width:0;min-height:0;place-items:center;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.plot-tile:nth-child(2){transition-delay:45ms}.plot-tile:nth-child(3){transition-delay:90ms}.plot-tile:nth-child(4){transition-delay:135ms}.plot-tile:nth-child(5){transition-delay:.18s}.plot-tile:nth-child(6){transition-delay:225ms}@starting-style{.plot-tile{opacity:0;transform:translateY(7px) scale(.985)}}.plot-art{position:relative;display:grid;width:100%;place-items:center}.plot-ground{width:min(100%,188px);max-height:138px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(37,50,21,.22))}.crop-art{position:absolute;bottom:20%;left:50%;width:min(44%,72px);max-height:92px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(30,42,17,.26));transform:translate(-50%)}.plot-badge{position:absolute;right:4px;bottom:4px;left:4px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:8px 9px;color:#fffaf0;background:#1f1b13e6;border:1px solid rgba(255,251,229,.16);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plot-badge span{color:#c7bca9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.plot-badge strong{color:#ecdf8c;font-size:.66rem;font-weight:800}.plot-badge small{grid-column:1 / -1;overflow:hidden;color:#fffdf5;font-size:.62rem;font-weight:640;text-overflow:ellipsis;white-space:nowrap}.plot-tile.is-ready .plot-badge{border-color:#6feaca9e}.plot-tile.is-bugged .plot-badge,.plot-tile.is-expired .plot-badge{border-color:#f5775ba6}.guard-chip{position:absolute;top:8px;right:8px;padding:4px 6px;color:#173c2e;background:#d8efc4;border:1px solid #9abd7d;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:850}.rivals-rail{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0}.rivals-panel,.terminal-card,.detail-panel{background:var(--paper);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-sm)}.rivals-panel{min-height:0;padding:16px}.rail-title,.terminal-head,.detail-heading,.title-with-icon{display:flex;align-items:center}.rail-title,.terminal-head{justify-content:space-between;gap:10px}.rail-title h2,.terminal-head h2,.detail-panel h2{color:var(--ink);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.rail-title>span{display:grid;width:25px;height:25px;color:#fff;background:var(--green);border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:800}.rival-list{display:grid;gap:8px;margin-top:14px}.rival-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:9px;background:var(--paper-strong);border:1px solid #e3d6bb;border-radius:9px}.rival-row>img{width:44px;height:44px;object-fit:contain}.rival-row>div{display:grid;min-width:0;gap:3px}.rival-row strong,.rival-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rival-row strong{font-size:.78rem}.rival-row span{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem}.rival-status{padding:5px 7px;border:1px solid currentColor;border-radius:999px;font-size:.58rem;font-weight:800;white-space:nowrap}.rival-status.is-hot,.rival-status.is-risk{color:#98362d;background:#f6d8cf}.rival-status.is-safe{color:#286046;background:#d8edc8}.rival-status.is-calm{color:#31677b;background:#d7e9ec}.terminal-card{padding:14px;color:#e9f8f4;background:#171b18;border-color:#2d3a34}.title-with-icon{gap:7px}.title-with-icon img,.detail-heading>img,.detail-heading>div+img{width:27px;height:27px;object-fit:contain}.terminal-head h2{color:#e9f8f4}.copy-button{display:grid;min-width:84px;min-height:31px;padding:0 10px;color:#102b24;background:var(--mint);border:1px solid #8ff2e7;border-radius:7px;cursor:pointer;place-items:center;font-size:.65rem;font-weight:850;transition:background-color .14s var(--ease-out),transform .12s var(--ease-out)}.copy-button span{grid-area:1 / 1;transition:opacity .14s var(--ease-out),transform .16s var(--ease-out)}.copy-button span[data-visible=false]{opacity:0;transform:translateY(3px) scale(.98)}.copy-button span[data-visible=true]{opacity:1;transform:translateY(0) scale(1)}.copy-button:active,.prompt-toggle:active,.action-dock button:active,.skill-link:active{transform:scale(.97)}.terminal-lines{display:grid;gap:5px;margin-top:12px;padding:10px;color:#83d4c3;background:#101310;border:1px solid #27342e;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;line-height:1.45}.skill-link,.prompt-toggle{display:flex;align-items:center;gap:7px;width:100%;min-height:35px;margin-top:8px;padding:0 9px;color:#dce9e5;background:#202722;border:1px solid #35443d;border-radius:7px;cursor:pointer;font-size:.68rem;font-weight:750;text-align:left;text-decoration:none;transition:color .14s var(--ease-out),background-color .14s var(--ease-out),border-color .14s var(--ease-out),transform .12s var(--ease-out)}.skill-link img,.prompt-toggle img{width:21px;height:21px;object-fit:contain}.prompt-panel{display:grid;margin-top:8px;overflow:hidden;opacity:1;transform:translateY(0) scale(1);transform-origin:top left;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),display .2s allow-discrete}.prompt-panel[data-open=false]{display:none;opacity:0;transform:translateY(-4px) scale(.97)}@starting-style{.prompt-panel[data-open=true]{opacity:0;transform:translateY(-4px) scale(.97)}}.prompt-panel pre{max-height:190px;margin:0;overflow:auto;padding:10px;color:#d8efe8;background:#0d100e;border:1px solid #2d3d35;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.61rem;line-height:1.5;white-space:pre-wrap}.action-dock{display:grid;grid-template-columns:minmax(170px,1.55fr) repeat(8,minmax(74px,1fr));gap:7px;margin-top:12px;padding:10px;color:#f8f2e8;background:var(--hud);border:1px solid #3a2e24;border-radius:10px;box-shadow:var(--shadow-sm)}.dock-intro{display:grid;align-content:center;gap:3px;padding:0 8px}.dock-intro strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.dock-intro span{color:#a99b88;font-size:.62rem;line-height:1.25}.action-dock button{display:grid;min-width:0;min-height:62px;padding:6px;color:#bcae9b;background:#17130f;border:1px solid #3b3027;border-radius:8px;cursor:pointer;place-items:center;font-size:.65rem;font-weight:750;transition:color .14s var(--ease-out),background-color .14s var(--ease-out),border-color .14s var(--ease-out),transform .12s var(--ease-out)}.action-dock button img{width:31px;height:31px;object-fit:contain}.action-dock button span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.action-dock button.is-active{color:#0f2d26;background:var(--mint);border-color:#99f5e9}.status-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.detail-panel{min-width:0;padding:14px}.detail-heading{gap:9px;min-height:32px}.detail-heading>div{display:grid;gap:2px}.detail-heading strong{font-size:.92rem}.tool-copy{display:grid;gap:6px;margin-top:12px;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}@starting-style{.tool-copy{opacity:0;transform:translateY(4px)}}.tool-copy p{color:var(--ink);font-size:.77rem;font-weight:750;line-height:1.4}.tool-copy small{color:var(--ink-soft);font-size:.66rem;line-height:1.4}.tool-copy small:last-child{padding-top:7px;color:#276049;border-top:1px solid var(--line);font-weight:800}.stat-row,.event-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:.71rem}.stat-row span,.event-row span{color:var(--ink-soft)}.stat-row strong,.event-row strong{min-width:0;text-align:right}.event-row strong{overflow:hidden;max-width:70%;text-overflow:ellipsis;white-space:nowrap}.muted{margin-top:12px;color:#7c6e5b;font-size:.7rem;line-height:1.45}@media(hover:hover)and (pointer:fine){.language-switch button:hover:not([aria-pressed=true]),.action-dock button:hover:not(.is-active){color:#fff8e9;background:#2b241d}.copy-button:hover{background:#8df6e9}.skill-link:hover,.prompt-toggle:hover{color:#fff;background:#29342e;border-color:#52665d}}@media(max-width:1280px){.hud{grid-template-columns:210px minmax(0,1fr) auto}.hud-card{grid-template-columns:25px 1fr}.hud-card span{grid-column:2}.farm-home{grid-template-columns:188px minmax(0,1fr)}.rivals-rail{grid-column:1 / -1;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);grid-template-rows:auto}.rivals-panel{min-height:290px}.rival-list{grid-template-columns:repeat(2,minmax(0,1fr))}.action-dock{grid-template-columns:repeat(8,minmax(74px,1fr))}.dock-intro{grid-column:1 / -1;display:flex;justify-content:space-between;padding:3px 2px 7px}}@media(max-width:920px){.app-shell{padding:10px}.hud{grid-template-columns:1fr auto}.hud-metrics{grid-column:1 / -1;grid-row:2}.farm-home{grid-template-columns:1fr}.farm-overview{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:24px;padding:14px 4px}.today-board{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:9px;border-top:0}.today-board article{align-self:stretch;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.today-board meter{grid-column:1 / -1;grid-row:2;margin:0}.diorama-stage{min-height:630px}.rivals-rail{grid-column:auto}.status-deck{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.hud-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.farm-overview{grid-template-columns:1fr}.today-board{grid-template-columns:repeat(2,minmax(0,1fr))}.today-board meter{grid-row:auto}.diorama-stage{min-height:auto;padding:10px;background-image:url(/assets/game/scenes/living-diorama-board-mobile.webp);background-position:center;background-size:cover}.diorama-top{height:150px}.farm-mascot{width:155px;height:155px}.plot-layer{position:relative;inset:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px;margin-top:10px}.plot-tile{min-height:190px}.rivals-rail,.rival-list{grid-template-columns:1fr}.action-dock{grid-template-columns:repeat(4,minmax(0,1fr))}.dock-intro{display:grid}}@media(max-width:480px){.app-shell{padding:7px}.hud{gap:9px;padding:10px}.brand-mark{width:42px;height:42px}.language-switch button{padding:0 7px;font-size:.66rem}.hud-card{padding:7px}.hud-card strong{font-size:.88rem}.farm-heading h1{font-size:1.75rem}.plot-layer{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-tile{min-height:160px}.plot-ground{width:150px;max-height:118px}.action-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.status-deck{grid-template-columns:1fr}}@media(prefers-reduced-transparency:reduce){.plot-badge{background:#211c14;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.plot-tile,.tool-copy,.prompt-panel,.copy-button span,.error{transform:none!important;transition-property:opacity!important;transition-duration:.12s!important;transition-delay:0ms!important}.language-switch button,.copy-button,.skill-link,.prompt-toggle,.action-dock button{transition-duration:.1s}.language-switch button:active,.copy-button:active,.prompt-toggle:active,.action-dock button:active,.skill-link:active{transform:none}}