@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#ecebe5;--ink:#202329;--muted:#777975;--line:#d2d2c9;--orange:#ee5e37;--mint:#bbdacf;--lavender:#cfccd9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}.masthead{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.wordmark svg{width:25px;height:25px;fill:var(--ink)}.edition{font:500 9px 'DM Sans',sans-serif;letter-spacing:1.4px;color:var(--muted);margin-left:20px}.quiet{font-size:12px;padding:8px 0}.quiet span{margin-left:22px}main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;padding:38px 4.1% 0;max-width:1700px;margin:auto}.intro{position:relative;padding:24px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#51866e}.intro h1{font:500 clamp(58px,5.25vw,83px)/.98 'Space Grotesk',Arial,sans-serif;letter-spacing:-5px;margin:28px 0 22px}.intro em{font-style:normal;color:var(--orange)}.dek{font-size:17px;line-height:1.5;color:#65675f;margin:0 0 30px}.primary{background:var(--ink);color:white;padding:16px 19px;border-radius:4px;font-size:13px;display:flex;gap:37px;align-items:center}.primary:hover{background:var(--orange)}.micro{font-size:11px;line-height:1.6;color:var(--muted)}.side-bottom{display:flex;flex-direction:column;gap:8px;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:auto;padding-top:50px}.world-panel{border:1px solid #c5c5be;border-radius:7px;overflow:hidden;background:#f4f3ed;min-width:0}.world-top{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.8px}.world-top .live-dot{margin-right:8px}.world-top small{color:#8b8b82;margin-left:12px;font:400 9px 'DM Sans',sans-serif;letter-spacing:1px}.stage{height:clamp(390px,44vw,590px);position:relative;background:#cfccd9;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;cursor:none;touch-action:none}.stage-label{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#565368;pointer-events:none}.stage-label span:first-child{background:#e8e5eeae;backdrop-filter:blur(8px);padding:7px 10px;border-radius:3px}.stage-label span:last-child{padding:7px 0;font-variant-numeric:tabular-nums}.first-tip{pointer-events:none;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #ffffffb0;background:#efedf3d9;box-shadow:0 6px 30px #48405715;border-radius:5px;font-size:12px;transition:opacity .4s;white-space:nowrap}.first-tip svg{width:22px;height:22px;fill:var(--orange)}.stats{position:absolute;bottom:19px;left:20px;right:20px;display:flex;gap:36px;pointer-events:none}.stats>div{display:flex;flex-direction:column;gap:5px}.stats strong{font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-1px}.stats span{font-size:7px;letter-spacing:1.4px;color:#676373}.stats>div:last-child{margin-left:auto;text-align:right}.stats>div:last-child strong{font-size:20px}.controls{padding:18px 18px 10px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tool{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 11px;border:1px solid #d8d8ce;border-radius:4px;transition:background .15s,border-color .15s;min-width:0;font-size:12px}.tool.active{background:#e9cfc3;border-color:#d7987c}.tool:hover{border-color:var(--ink)}.tool-icon{font:400 24px 'Space Grotesk',sans-serif;width:25px;text-align:center}.tool small{display:block;font-size:6px;letter-spacing:.9px;margin-top:5px;color:var(--muted);white-space:nowrap}.tool kbd{margin-left:auto;color:#97988e;font:400 9px 'DM Sans',sans-serif}.rewind.held{background:var(--mint);border-color:#659e88}.rewind:disabled{opacity:.45;cursor:default}.under-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:9px;color:var(--muted)}.under-controls button{font-size:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 4.1% 25px;max-width:1700px;margin:auto;font-size:9px;color:var(--muted)}footer>div{display:flex;gap:25px}footer .quiet{font-size:10px}.rewind-badge{display:none;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);font-size:10px;letter-spacing:2px;background:#d9f2e5dc;border:1px solid #fff;padding:14px 20px;border-radius:4px;pointer-events:none}.rewinding .rewind-badge{display:block}.rewinding .stage{box-shadow:inset 0 0 0 2px #78b89d}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:white;padding:13px 20px;border-radius:4px;font-size:12px;opacity:0;transition:all .2s;z-index:50;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%)}dialog{max-width:470px;border:1px solid #c8c7bd;border-radius:8px;background:var(--paper);padding:36px;color:var(--ink)}dialog::backdrop{background:#191c2470;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:22px;top:12px;font-size:25px}dialog h2{font:500 39px/1 'Space Grotesk',sans-serif;letter-spacing:-2px}dialog p{font-size:13px;line-height:1.7;color:#66685f}.focus .intro{display:none}.focus main{display:block;max-width:1200px;padding-top:20px}.focus .stage{height:min(69vh,780px)}.focus .edition{display:none}@media(min-width:1600px){main{grid-template-columns:360px minmax(0,1fr);gap:55px}}@media(max-width:1100px){main{grid-template-columns:250px minmax(0,1fr);gap:20px}.intro h1{font-size:65px}.edition{display:none}.tool{padding:10px 7px;gap:6px}.tool kbd{display:none}.tool-icon{font-size:21px;width:20px}.stage{height:490px}}@media(max-width:800px){.masthead{height:66px;padding:0 20px}.wordmark{font-size:17px}main{display:flex;flex-direction:column;gap:22px;padding:22px 18px 0}.intro{padding:0}.intro h1{font-size:52px;letter-spacing:-3px;margin:18px 0 15px;line-height:1;max-width:430px}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro h1{word-spacing:3px}.intro h1 em{display:inline-block;margin-left:7px}.dek{font-size:13px;line-height:1.6;margin:0}.dek br{display:none}.dek br:after{content:' '}.primary{margin-top:17px;padding:12px 15px;font-size:11px;gap:24px}.intro .micro{position:absolute;bottom:0;right:0;max-width:130px;text-align:right;margin:0}.side-bottom{display:none}.world-top{padding:0 12px;font-size:10px;height:42px}.world-top small{font-size:7px;margin-left:6px}.world-top .quiet{font-size:10px}.stage{height:430px}.stage-label{left:12px;right:12px;top:12px;font-size:9px}.stats{left:14px;right:14px;bottom:17px;gap:23px}.stats strong{font-size:23px}.stats span{font-size:6px}.stats>div:last-child strong{font-size:17px}.controls{padding:11px 10px 6px}.tool{justify-content:center;gap:5px;padding:10px 5px;font-size:10px}.tool small{font-size:5px;letter-spacing:.4px}.tool-icon{font-size:20px;width:18px}.under-controls{font-size:8px}.under-controls button{font-size:9px}footer{padding:17px 20px;gap:15px;align-items:flex-start;font-size:8px}footer>div{gap:15px;flex-shrink:0}footer .quiet{font-size:9px;padding:0}.focus .stage{height:70vh}.focus main{padding:15px 10px 0}}
@media(min-width:801px){.masthead{height:80px}main{padding-top:28px}.stage{height:clamp(350px,calc(100dvh - 302px),590px)}footer{padding-top:18px;padding-bottom:18px}}
@media(max-width:800px){.stage{height:clamp(310px,calc((100vw - 36px)*.75 + 70px),430px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.live-dot{animation:none}}