:root{--accent:#167953;--accent-strong:#0f6848;--focus:#99f6e4;--grid-line:#cbd5e1;--grid-line-soft:#dbe3ec;--header-bg:#eef2f7;--panel:#fff;--page-bg:#f5f7fa;--sheet-bg:#fbfdf9;--text-muted:#64748b;--text-strong:#0f172a;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--text-strong);background:var(--page-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:var(--page-bg);width:100%;min-height:100vh;overflow:hidden}.spreadsheet-app{background:var(--sheet-bg);min-height:100vh;color:var(--text-strong);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;display:grid}.titlebar,.menubar,.toolbar,.formula-bar,.sheet-tabs{border-bottom:1px solid var(--grid-line)}.titlebar{color:#fff;background:#0f6b3d;justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:3px 10px 3px 8px;display:flex}.titlebar__identity{align-items:center;gap:8px;min-width:0;display:flex}.brand-mark{color:#fff;background:#ffffff29;border-radius:3px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:800;display:grid}h1,h2,p{margin:0}h1{font-size:clamp(.86rem,1.5vw,1rem);line-height:1.2}.titlebar p{color:#ffffffc7;font-size:.68rem}.titlebar__actions{color:#ffffffd1;white-space:nowrap;align-items:center;gap:8px;font-size:.72rem;display:flex}.titlebar__actions button,.menubar button,.toolbar button,.sheet-tabs button,.start-screen button,.result-panel button,.modal-card button{color:inherit;background:0 0;border:1px solid #0000;border-radius:8px}.titlebar__actions button{color:#fff;background:#ffffff24;border-color:#ffffff52;min-height:22px;padding:2px 9px;font-weight:700}.window-controls{letter-spacing:.25em}.menubar{background:#f8f8f8;align-items:center;gap:1px;min-height:30px;padding:0 8px;display:flex;overflow-x:auto}.menubar button{color:#323130;white-space:nowrap;border-radius:0;min-height:30px;padding:0 10px;font-size:.8rem}.menubar button:first-child{color:#fff;background:#107c41}.menubar button:nth-child(2){color:#107c41;background:#fff;font-weight:800;box-shadow:inset 0 -2px #107c41}.menubar button:hover,.toolbar button:hover,.sheet-tabs button:hover{background:#e6f4ea;border-color:#9fd5b6}.toolbar{background:#fff;align-items:stretch;gap:0;min-height:104px;padding:5px 8px 4px;display:flex;overflow-x:auto}.toolbar button{color:#323130;white-space:nowrap;background:#fff;border-color:#0000000a;border-radius:2px;min-width:30px;min-height:22px;padding:2px 6px;font-size:.72rem;font-weight:650}.ribbon-group{border-right:1px solid #edebe9;grid-template-rows:1fr auto;align-items:stretch;min-width:max-content;padding:0 8px;display:grid}.ribbon-group__tools{grid-template-rows:repeat(3,minmax(22px,auto));grid-auto-flow:column;place-content:center;gap:2px;display:grid}.ribbon-group:first-child .ribbon-group__tools{grid-template-columns:max-content}.ribbon-group:first-child .ribbon-group__tools button:first-child{background:#f3f2f1;grid-row:span 3;min-height:70px;padding:4px 12px;font-weight:800}.ribbon-group__label{color:#605e5c;text-align:center;padding-top:3px;font-size:.66rem;font-weight:700;display:block}.formula-bar{background:#f3f2f1;grid-template-columns:78px 32px minmax(220px,1fr) auto;align-items:center;gap:5px;min-height:32px;padding:3px 8px;display:grid}.name-box,.fx-label,.formula-input,.formula-state{border:1px solid var(--grid-line);color:#334155;background:#fff;align-items:center;min-height:24px;font-size:.8rem;display:flex}.name-box{font-family:var(--font-mono);border-radius:4px;justify-content:center;font-weight:700}.fx-label{color:var(--accent);border-color:#0000;justify-content:center;font-family:Georgia,serif;font-style:italic;font-weight:700}.formula-input{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:0 10px;overflow:hidden}.formula-state{color:#047857;white-space:nowrap;background:#ecfdf5;border-radius:999px;justify-content:center;padding:0 10px;font-weight:700}.sheet-area{background:linear-gradient(var(--grid-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-soft) 1px, transparent 1px), var(--sheet-bg);background-size:72px 34px;grid-template-rows:28px minmax(0,1fr);grid-template-columns:42px minmax(720px,1fr);min-height:0;display:grid;overflow:auto}.sheet-corner{z-index:3;background:var(--header-bg);border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);position:sticky;top:0;left:0}.column-headers{z-index:2;background:var(--header-bg);border-bottom:1px solid var(--grid-line);grid-template-columns:repeat(10,72px);display:grid;position:sticky;top:0}.column-headers span,.row-headers span{color:#475569;font-family:var(--font-mono);place-items:center;font-size:.78rem;font-weight:700;display:grid}.column-headers span{border-right:1px solid var(--grid-line)}.row-headers{z-index:2;background:var(--header-bg);border-right:1px solid var(--grid-line);grid-template-rows:repeat(18,34px);display:grid;position:sticky;left:0}.row-headers span{border-bottom:1px solid var(--grid-line)}.sheet-cells{place-items:start;min-width:720px;min-height:612px;padding:0;display:grid;position:relative}.start-screen{grid-template-columns:minmax(280px,1fr) minmax(280px,420px);align-items:stretch;gap:22px;width:min(100%,920px);margin:24px auto;display:grid}.start-screen__copy,.start-screen__preview,.result-panel,.modal-card{border:1px solid var(--grid-line);background:#fffffff5;border-radius:0;box-shadow:0 18px 36px #0f172a14}.start-screen__copy{padding:clamp(22px,4vw,38px)}.eyebrow{color:var(--accent);letter-spacing:.03em;margin-bottom:14px;font-size:.82rem;font-weight:800;display:inline-flex}.start-screen h2{letter-spacing:-.08em;margin-bottom:12px;font-size:clamp(2rem,6vw,4.5rem);line-height:.96}.start-screen__description{color:#475569;max-width:42rem;font-size:clamp(1rem,2.3vw,1.18rem)}.start-screen__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.start-screen__primary,.start-screen__secondary,.result-panel button,.modal-card button{min-height:42px;padding:0 16px;font-weight:800}.start-screen__primary{background:var(--accent);color:#fff}.start-screen__secondary,.result-panel button,.modal-card button{border-color:var(--grid-line);color:#0f172a;background:#fff}.start-screen__preview{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--grid-line);color:var(--text-muted);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.84rem;font-weight:700;display:flex}.preview-grid{grid-template-rows:28px repeat(4,54px);grid-template-columns:38px repeat(3,1fr);display:grid}.preview-grid span{border-right:1px solid var(--grid-line-soft);border-bottom:1px solid var(--grid-line-soft);color:#334155;background:#fff;place-items:center;font-size:clamp(.78rem,2vw,.92rem);font-weight:750;display:grid}.preview-grid .header{background:var(--header-bg);color:#64748b;font-family:var(--font-mono)}.preview-grid .selected{z-index:1;outline:3px solid var(--accent);outline-offset:-3px;color:#047857;background:#ecfdf5;position:relative}.game-screen{grid-template-rows:34px 408px;align-items:start;width:720px;min-height:442px;display:grid;position:relative}.active-range{border:3px solid var(--accent);background:#ffffffe6;min-width:0;padding:18px 12px 12px;position:relative;box-shadow:0 0 0 1px #1679532e}.active-range__label{background:var(--accent);color:#fff;border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:800;position:absolute;top:-14px;left:12px}.game-hud{grid-template-columns:repeat(4,144px) 1fr;min-height:34px;margin:0;display:grid}.hud-cell{border-right:1px solid var(--grid-line-soft);border-bottom:1px solid var(--grid-line-soft);background:#fffffff5;grid-template-columns:1fr;align-content:center;min-width:0;min-height:34px;padding:2px 8px;display:grid}.hud-cell span{color:#64748b;font-size:.66rem;font-weight:650;line-height:1.1;display:block}.hud-cell strong{color:#334155;font-size:.78rem;line-height:1.15;display:block}.game-canvas-frame{background:0 0;border:0;padding:0}.game-canvas-host{background:#fff;border:0;width:720px;height:408px;margin:0;overflow:hidden}.game-canvas-host canvas{width:100%;height:100%;display:block}.result-panel{padding:14px}.result-panel h2{margin-bottom:8px;font-size:1.25rem}.result-panel p{color:#475569}.result-panel dl{grid-template-columns:1fr auto;gap:8px 14px;margin:18px 0;display:grid}.result-panel dt{color:var(--text-muted);font-size:.82rem}.result-panel dd{margin:0;font-weight:800}.result-panel button{width:100%}.result-overlay{z-index:6;border:1px solid var(--grid-line);background:#fffffff5;width:360px;position:absolute;top:58px;left:144px;box-shadow:0 12px 24px #0f172a1f}.sheet-tabs{min-height:36px;color:var(--text-muted);background:#f8fafc;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;display:flex}.sheet-tabs__tab,.sheet-tabs__add{min-height:26px;padding:0 12px}.sheet-tabs__tab--active{color:var(--accent);border-color:var(--accent);background:#fff;font-weight:800}.sheet-tabs__add{border-color:var(--grid-line);background:#fff;min-width:28px;padding:0;font-weight:900}.modal-backdrop{z-index:10;background:#0f172a5c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,420px);padding:18px}.modal-card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-card__header button{min-width:32px;min-height:32px;padding:0}.modal-card ol{color:#475569;padding-left:20px}.modal-card li+li{margin-top:8px}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (width<=820px){.titlebar{gap:8px;min-height:30px}.menubar{min-height:28px}.menubar button{min-height:28px;padding:0 9px}.toolbar{min-height:66px;padding:4px 8px}.ribbon-group{padding:0 7px}.ribbon-group__tools{grid-template-rows:repeat(2,minmax(22px,auto));grid-auto-flow:column;gap:2px;display:grid}.ribbon-group__tools button:nth-child(n+5){display:none}.ribbon-group:first-child .ribbon-group__tools button:first-child{grid-row:span 2;min-height:46px;padding:3px 8px}.ribbon-group__label{padding-top:2px}.formula-bar{grid-template-columns:78px 28px minmax(180px,1fr)}.formula-state{display:none}.sheet-area{grid-template-columns:38px minmax(720px,1fr)}.sheet-cells{min-width:720px;padding:0}.start-screen{grid-template-columns:1fr}.game-hud{grid-template-columns:repeat(4,144px) 1fr}.result-panel{max-width:100%}}@media (width<=420px){.titlebar{padding:3px 8px}.titlebar p{display:none}.titlebar__actions{gap:5px}.titlebar__actions span:not(.window-controls),.titlebar__actions button{display:none}.toolbar{min-height:58px}.toolbar button{min-width:30px;min-height:22px;padding:2px 6px}.ribbon-group:nth-of-type(n+6){display:none}.ribbon-group__label{font-size:.68rem}.sheet-cells{padding:0}.start-screen__copy{padding:22px}.preview-grid{grid-template-rows:28px repeat(4,48px)}}