:root{font-family:Arial,Helvetica,sans-serif;color:#25271e;background:#f4f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:18px 36px}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}header,footer{display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid #cecec0;padding-bottom:14px}.brand{color:inherit;font-size:28px;font-weight:900;text-decoration:none;letter-spacing:-2px}.brand span{font-size:11px;font-weight:400;letter-spacing:1px;margin-left:14px}button{border:1px solid #c6c8b8;border-radius:4px;background:transparent;padding:10px 15px}button:hover{background:#e5ebc8}button:disabled{cursor:wait;opacity:.6}.title{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 0 20px}.eyebrow{font:11px monospace;letter-spacing:1.4px;color:#686d5a}h1{font-size:clamp(40px,4.2vw,60px);line-height:.95;letter-spacing:-4px;margin:16px 0 0;font-weight:900}em{font-style:normal;color:#768d45}.intro{font-size:14px;line-height:1.65;margin-bottom:0}.stage{height:310px;position:relative;overflow:hidden;background:#dfe7cb;border-radius:7px}#world{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.stage-top,.stage-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.7px;pointer-events:none}.stage-top{top:20px}.stage-top>span{background:#f5f4e8d9;padding:8px 11px;border-radius:3px}.live{color:#4c642a}.stage-bottom{bottom:16px;color:#434e34}.bubble{position:static;font-size:13px;line-height:1.45;background:#ecefdf;border-left:3px solid #768d45;border-radius:0 0 5px 5px;padding:11px 16px;overflow-wrap:anywhere}.desk{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding:20px 0}.situation h2{font-size:28px;letter-spacing:-1px;margin:12px 0}.situation>p:not(.eyebrow){max-width:410px;color:#6b6d61;line-height:1.5;font-size:14px}.stats{display:flex;gap:35px;margin-top:17px}.stats b{display:block;font-size:27px;letter-spacing:-1px}.stats span{font:10px monospace;color:#74796a}.controls label{font-size:14px;font-weight:bold;display:block;margin-bottom:9px}textarea{width:100%;resize:vertical;background:#faf9f2;border:1px solid #b6baa6;border-radius:4px;padding:12px;font:14px Arial;line-height:1.4;color:inherit;min-height:68px}textarea:focus{outline:2px solid #839b50;outline-offset:2px}.primary{background:#292f20;color:#eef6d8;width:100%;font-size:12px;font-weight:bold;letter-spacing:1px;margin-top:8px;padding:14px 18px;text-align:left;display:flex;justify-content:space-between}.primary:hover{background:#4e602e}#suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}#suggestions button{font-size:11px;padding:7px 9px;background:#e8eada;border:0}#result{font-size:12px;line-height:1.5;min-height:18px;margin:12px 0;color:#646c53}details{font:11px monospace;color:#787d6d;margin-top:10px}summary{cursor:pointer}pre{white-space:pre-wrap;max-height:180px;overflow:auto;font-size:10px}footer{border-top:1px solid #cecec0;padding:18px 0;font:10px monospace;color:#7c806e}footer button{font:11px Arial;border:0;padding:8px}[hidden]{display:none!important}@media(max-width:720px){main{padding:20px}.brand span{display:none}.title{display:block}.intro{font-size:12px;margin-top:17px}h1{letter-spacing:-2px}.stage{height:340px}.stage-top,.stage-bottom{left:12px;right:12px;font-size:8px}.bubble{font-size:12px;padding:10px 12px}.desk{grid-template-columns:1fr;gap:25px}.stats{gap:30px}.stage-bottom span:last-child{display:none}footer>span{max-width:135px;line-height:1.4}}