@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10120f;--panel:#181b16;--line:#30342a;--lime:#b5ee55;--muted:#858c7d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf0e8;font-family:Manrope,Arial,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:100px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:33px;letter-spacing:-2px;text-decoration:none;color:var(--lime)}.logo span{font-size:13px;vertical-align:top;letter-spacing:0;margin:5px}.edition{font-size:12px;letter-spacing:2px;color:var(--muted)}.edition span{margin:0 20px;color:#424638}.quiet{border:1px solid var(--line);background:transparent;color:#dce1d5;padding:12px 18px;border-radius:6px}.quiet span{margin-left:22px}main{max-width:1512px;margin:auto;padding:44px 5% 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px}h1{font-size:clamp(36px,4.1vw,66px);line-height:1.1;letter-spacing:-3px;margin:16px 0 0;font-weight:600}em{font-style:normal;color:var(--lime)}.heading p{color:#9ba18f;font-size:14px;line-height:1.9;margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(0,1.92fr) minmax(310px,1fr);gap:16px}.room{min-height:587px;border:1px solid #39402c;border-radius:10px;position:relative;overflow:hidden;background:#20271a}#scene{position:absolute;inset:0;touch-action:pan-y}#scene canvas{width:100%;height:100%;display:block}.scene-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-family:'Space Grotesk',monospace;font-size:13px}.pill{border:1px solid #68754a66;background:#182113b8;padding:8px 11px;border-radius:5px;font-size:11px;letter-spacing:1px}#clock{padding:8px;color:#c5cbbd}.room-note{position:absolute;top:77px;left:24px;display:flex;flex-direction:column;gap:7px;color:#a8b197;font-size:11px;letter-spacing:2px}.room-note small{font-size:12px;letter-spacing:0;color:#859079}.speech{position:absolute;top:35%;right:11%;padding:10px 14px;border:1px solid #a4bd6355;background:#202817df;border-radius:8px 8px 8px 0;color:#dce8c5;font-size:12px;pointer-events:none}.scene-bottom{position:absolute;bottom:0;left:0;right:0;padding:21px 24px;display:flex;gap:12px;align-items:center;background:linear-gradient(transparent,#12190fe8)}.avatar{width:40px;height:40px;background:#364528;border:1px solid #657746;border-radius:6px;display:grid;place-items:center;color:var(--lime);font-weight:800}.scene-bottom b{font-size:12px;letter-spacing:1px}.scene-bottom small{display:block;color:#939d84;font-size:12px;margin-top:4px}.icon-button{margin-left:auto;border:1px solid #576044;background:#20291a;color:#dde8ce;border-radius:6px;width:38px;height:38px}.terminal{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:25px}.terminal-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#a1a995}.live{font-size:10px;color:var(--lime)}.balance-label{margin-top:27px;color:#a5ad9c;font-size:13px}#balance{font-family:'Space Grotesk',sans-serif;font-size:43px;letter-spacing:-2px;margin:2px 0 5px}#balance span{color:#6d7563;font-size:29px}.pnl{color:var(--lime);font-size:12px}.goal{display:flex;justify-content:space-between;color:#7e8774;font-size:10px;letter-spacing:.5px;margin-top:23px}.progress,.energy-track{height:4px;background:#323829;border-radius:4px;overflow:hidden;margin-top:8px}.progress div{height:100%;width:1%;background:var(--lime);min-width:4px}.market-head{display:flex;justify-content:space-between;margin-top:27px;font-size:13px}.market-head span{color:#6e7864;font-size:11px}.market-head .market-change{color:var(--lime)}#chart{width:100%;height:110px;margin-top:10px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#2b322380 36px)}.chart-foot{display:flex;justify-content:space-between;color:#707b64;font-size:9px;letter-spacing:1px}.chart-foot span:first-child{font-size:12px;color:#a4af97;letter-spacing:0}.trade-size{margin-top:23px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9da68f}select{background:#242a1e;color:#d7decf;border:1px solid #3b4430;border-radius:4px;padding:5px;font-size:12px}.buy{width:100%;padding:15px 18px;border:0;background:var(--lime);color:#18220d;border-radius:6px;display:flex;justify-content:space-between;font-weight:800;font-size:14px;margin-top:13px}.buy:hover{background:#caf982}.trade-hint{text-align:center;color:#879179;font-size:11px;margin-top:10px;min-height:16px}.energy-row{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;letter-spacing:1px;color:#a1ab95}.energy-track{height:3px}.energy-track div{width:100%;height:100%;background:#b5cb88;transition:width .5s}.drink{display:flex;justify-content:space-between;width:100%;background:transparent;border:1px solid #394330;border-radius:5px;color:#c2cbb6;font-size:12px;padding:11px 12px;margin-top:14px}.drink:hover{background:#2b3422}.drink span:last-child{color:#849475}.under{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;margin-top:14px;min-height:49px;padding:12px 18px;gap:20px}.news-label{font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:1px;white-space:nowrap;color:var(--lime)}.news-label i{margin-left:12px;margin-right:0;width:4px;height:4px}#news{color:#a7af9e;font-size:12px}.news-time{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:1px;color:#67715c}.bottom-grid{display:grid;grid-template-columns:1fr 1.35fr 1.2fr;margin-top:31px;padding-bottom:33px;gap:30px}.stat,.quote{padding:8px 0}.stat>span,.quote>span{font-size:10px;letter-spacing:1.4px;color:#77816c}.stat>b{display:block;font-size:20px;margin-top:15px;font-weight:500}.stat p{line-height:1.8;color:#929c86;font-size:12px}.numbers{display:flex;justify-content:space-between;max-width:350px;margin-top:17px}.numbers b{font-size:30px;font-family:'Space Grotesk';font-weight:400}.numbers small{display:block;font-size:9px;letter-spacing:1px;color:#7c8770;margin-top:7px}.quote{border-left:1px solid var(--line);padding-left:32px}.quote p{font-size:17px;line-height:1.6}.quote button{border:0;background:none;padding:0;color:#7f8a72;font-size:11px}footer{border-top:1px solid var(--line);margin:0 5%;display:flex;justify-content:space-between;padding:25px 0;color:#647058;font-size:9px;letter-spacing:1px}dialog{max-width:510px;background:#1b2116;color:#dce4d4;border:1px solid #52633d;border-radius:12px;padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:32px;letter-spacing:-1px}dialog p{font-size:15px;line-height:1.8;color:#acb7a0}.close{float:right;background:none;border:0;font-size:27px;color:#bdc9b0}button:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1500px){.room{min-height:640px}#chart{height:146px}.terminal{padding:30px}}@media(max-width:850px){header{height:80px}.edition{display:none}.heading{align-items:start;gap:20px}.heading p{font-size:12px;max-width:215px}.workspace{grid-template-columns:1fr}.room{min-height:500px}.terminal{display:block}.terminal #chart{height:130px}.bottom-grid{grid-template-columns:1fr 1fr}.quote{display:none}}@media(max-width:520px){main{padding-top:30px}.heading{display:block}.heading p{margin-top:14px;max-width:none}.heading p br{display:none}h1{letter-spacing:-2px;font-size:40px}.room{min-height:390px}.room-note small{font-size:10px}.speech{right:6%;top:32%;font-size:10px}.scene-bottom{padding:18px 15px}.news-time{display:none}.under{gap:12px;padding:12px}.news-label{font-size:9px}.bottom-grid{grid-template-columns:1fr;gap:5px}.numbers{max-width:none}footer span:nth-child(2){display:none}.terminal{padding:23px}.eyebrow{font-size:10px}.quiet{font-size:12px}}
/* Room exploration */
#scene{touch-action:none;outline-offset:-3px}.room{min-height:650px}.room-note{pointer-events:none}.room-note small{max-width:360px;line-height:1.6}.speech{top:26%;right:6%;max-width:210px}.interaction-hud{position:absolute;bottom:91px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.interaction-hud>span{font-size:12px;color:#d6e5c5;background:#182014dc;padding:7px 12px;border-radius:5px;max-width:100%;text-align:center}.interaction-hud button{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#b5ee55;color:#202915;border:1px solid #d6ff96;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:700}.interaction-hud button:disabled{background:#293423;color:#a2ae98;border-color:#47573a;opacity:.85}kbd{font:12px 'Space Grotesk',monospace;background:#1c291c22;border:1px solid #42563255;padding:3px 6px;border-radius:3px}.action-progress{height:3px;width:170px;background:#27371b;border-radius:2px}.action-progress div{height:100%;background:var(--lime)}.walk-pad{position:absolute;left:18px;bottom:100px;display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px);gap:4px}.walk-pad button{touch-action:none;user-select:none;background:#1b2817cf;border:1px solid #647b4b;color:#d7edbf;border-radius:5px;font-size:20px}.walk-pad button:active{background:#729d39;color:#10170b}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1;grid-row:2}.walk-pad button:nth-child(3){grid-column:2;grid-row:2}.walk-pad button:nth-child(4){grid-column:3;grid-row:2}.room-actions{margin-top:26px}.actions-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.actions-heading h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:8px 0 18px}.vitals{display:flex;align-items:center;gap:22px}.vitals span{color:#869579;font-size:12px;letter-spacing:1px}.vitals b{margin-left:7px;color:#c3e39c;font-family:'Space Grotesk',monospace;font-size:16px}#actions-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.activity-card{position:relative;display:flex;text-align:left;gap:10px;border:1px solid #323d2a;background:#191f15;color:#d9e2cf;border-radius:7px;padding:16px 13px;min-height:125px;transition:background .2s,border-color .2s}.activity-card:hover:not(:disabled){background:#26311c;border-color:#7a9b49}.activity-card.selected{border-color:#9bbd61;background:#27361b}.activity-card:disabled{opacity:.5}.activity-card b{font-size:13px;font-weight:600;line-height:1.4;display:block;padding-right:8px}.activity-card small{font-size:11px;color:#8f9e81;line-height:1.6;display:block;margin-top:7px}.activity-card em{display:block;font-size:9px;letter-spacing:.6px;margin-top:10px;color:#aac283}.activity-icon{font-size:21px;color:#b5ee55;line-height:1}.activity-arrow{position:absolute;right:9px;top:12px;font-size:11px;color:#748762}.actions-help{color:#7e8c71;font-size:12px;line-height:1.7}.terminal{align-self:start}.trade-hint{line-height:1.5}.quote button{font-size:12px}.scene-top,.scene-bottom{pointer-events:none}.scene-bottom button{pointer-events:auto}@media(max-width:1150px){#actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.walk-pad{bottom:177px}.room{min-height:650px}.room-note small{max-width:230px}}@media(max-width:850px){.room{min-height:540px}.walk-pad{bottom:107px}.interaction-hud{left:150px;right:15px}.actions-heading{align-items:start}.vitals{gap:12px;flex-wrap:wrap;justify-content:flex-end}.vitals .quiet{padding:8px 10px}}@media(max-width:520px){.room{min-height:510px}.scene-top{left:15px;right:15px}.room-note{left:16px}.room-note small{font-size:11px;max-width:240px}.speech{top:29%;right:5%;font-size:11px;max-width:160px}.interaction-hud{left:130px;right:12px;bottom:105px}.interaction-hud button{font-size:11px;padding:9px;gap:5px}.interaction-hud>span{font-size:11px;padding:6px}.action-progress{width:100%}.walk-pad{left:12px;bottom:108px;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,34px)}.actions-heading{display:block}.vitals{justify-content:space-between;margin-bottom:15px;gap:8px}#actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card{padding:13px 10px;gap:8px;min-height:144px}.activity-card b{font-size:12px}.activity-card small{font-size:11px}.activity-icon{font-size:18px}.scene-bottom{padding:17px 14px}.heading p{line-height:1.7}.room-note{top:72px}}