:root{--marble-1: #ece2c4;--marble-2: #d8c79a;--marble-3: #c2ac7c;--marble-vein: #8a7550;--stone-shadow: #6b5936;--ink: #3a2c18;--ink-soft: #5a4a2c;--gold: #e7c366;--gold-bright: #f7e2a4;--bronze-1: #c9944f;--bronze-2: #8a5a26;--bronze-3: #5e3c18;--parchment-1: #ecdfb8;--parchment-2: #d9c497;--meander: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16'%3E%3Cpath d='M0 14V2h8v4H4v4h8V2h8v12' fill='none' stroke='%235e3c18' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");--meander-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M14 0H2v8h4v4H2v8h12V2h-8' fill='none' stroke='%235e3c18' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");font-family:Cormorant Garamond,Iowan Old Style,Georgia,serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#10120f;color:var(--ink)}canvas{display:block;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;font-size:15px}.hud button{pointer-events:auto;font:inherit;cursor:pointer}kbd{font-family:Cinzel,Georgia,serif;font-size:10px;font-weight:600}.topbar{position:absolute;top:0;left:0;right:276px;display:flex;align-items:center;gap:14px;padding:10px 18px 26px;pointer-events:auto;background:repeating-linear-gradient(100deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 5px),radial-gradient(ellipse at 15% 20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(0,0,0,.12),transparent 60%),linear-gradient(180deg,var(--marble-1),var(--marble-2) 60%,var(--marble-3));box-shadow:0 6px 14px #00000073}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background-image:var(--meander);background-repeat:repeat-x;background-size:24px 16px;background-position:center;box-shadow:inset 0 2px 3px #00000047,inset 0 -1px #ffffff4d,0 1px 2px #00000059}.brand{font-family:Cinzel,Georgia,serif;font-weight:900;font-size:22px;letter-spacing:.22em;color:var(--bronze-3);text-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.3);padding-right:6px;border-right:2px solid var(--stone-shadow);margin-right:4px}.cartouche{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--ink);background:linear-gradient(180deg,#00000014,#ffffff40);border:1px solid var(--stone-shadow);border-radius:999px;padding:4px 14px;box-shadow:inset 0 1px 2px #00000059,inset 0 -1px #fff6}.cartouche.treasury{color:var(--bronze-3);font-weight:700}.spacer{flex:1}.speeds{display:flex;gap:6px}.medallion{width:34px;height:34px;border-radius:50%;border:2px solid var(--bronze-3);background:radial-gradient(circle at 35% 30%,var(--bronze-1),var(--bronze-2) 60%,var(--bronze-3) 100%);color:var(--gold-bright);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px #fff6,inset 0 -2px 3px #00000080,0 1px 2px #0006}.pause-icon{display:flex;align-items:center;gap:3px}.pause-icon span{width:4px;height:13px;background:currentColor;border-radius:1px}.medallion:hover{filter:brightness(1.1)}.medallion.active{background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold) 55%,var(--bronze-3) 100%);color:var(--ink);box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -2px 4px #0006,0 0 6px #e7c366b3}.overlay-toggle{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,var(--bronze-1),var(--bronze-2));border:1px solid var(--bronze-3);border-radius:6px;color:var(--gold-bright);padding:6px 12px;font-weight:600;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 3px #0006}.overlay-toggle kbd{border:1px solid var(--gold-bright);border-radius:3px;padding:0 4px;color:var(--gold-bright)}.overlay-toggle:hover{filter:brightness(1.08)}.panel{position:absolute;top:0;right:0;bottom:0;width:260px;pointer-events:auto;background:repeating-linear-gradient(70deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(160deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 9px),radial-gradient(ellipse at 20% 8%,rgba(255,255,255,.2),transparent 45%),radial-gradient(ellipse at 85% 40%,rgba(0,0,0,.14),transparent 55%),radial-gradient(ellipse at 30% 85%,rgba(0,0,0,.1),transparent 60%),linear-gradient(200deg,var(--marble-1) 0%,var(--marble-2) 45%,var(--marble-3) 100%);box-shadow:-6px 0 16px #00000080}.panel:before{content:"";position:absolute;top:0;bottom:0;left:-16px;width:16px;background-image:var(--meander-v);background-repeat:repeat-y;background-size:16px 24px;background-position:center;box-shadow:inset 2px 0 3px #00000047,inset -1px 0 #ffffff4d,-1px 0 2px #00000059}.panel-inner{height:100%;overflow-y:auto;padding:16px 12px 12px;display:flex;flex-direction:column;gap:14px}.panel-inner::-webkit-scrollbar{width:6px}.panel-inner::-webkit-scrollbar-thumb{background:var(--bronze-2);border-radius:3px}.tool-group h3{margin:0 0 8px;font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--bronze-3);text-shadow:0 1px 0 rgba(255,255,255,.5);border-top:1px solid rgba(94,60,24,.35);border-bottom:1px solid rgba(94,60,24,.35);padding:4px 0}.tool-group-buttons{display:flex;flex-direction:column;gap:6px}.divider{height:1px;margin:2px 4px;background:linear-gradient(90deg,transparent,rgba(94,60,24,.5) 20%,rgba(94,60,24,.5) 80%,transparent)}.tool{transition:filter .12s ease,transform 60ms ease;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:8px 12px;border-radius:7px;border:1px solid var(--bronze-3);color:var(--gold-bright);font-weight:600;font-size:14px;background:linear-gradient(180deg,var(--bronze-1),var(--bronze-2) 55%,var(--bronze-3));box-shadow:inset 0 1px #ffffff59,inset 0 -3px 4px #0006,0 1px 2px #00000059}.tool:hover{filter:brightness(1.1)}.tool:active,.medallion:active,.overlay-toggle:active{transform:translateY(1px)}.tool-label{display:flex;flex-direction:column;line-height:1.1}.tool-label small{font-size:11px;font-weight:400;letter-spacing:.04em;opacity:.8}.tool.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,var(--bronze-2));color:var(--ink);box-shadow:inset 0 2px 3px #00000059,inset 0 -1px #ffffff80,0 0 8px #e7c36699}.tool kbd{color:inherit;background:#00000040;border:1px solid rgba(0,0,0,.4);border-radius:3px;padding:1px 5px;box-shadow:inset 0 1px 2px #00000080}.tool.active kbd{background:#ffffff59;border-color:#00000040}.scroll{position:absolute;bottom:0;left:0;right:276px;display:flex;gap:24px;align-items:center;padding:24px 18px 8px;pointer-events:auto;min-height:20px;background:linear-gradient(180deg,var(--parchment-2),var(--parchment-1));box-shadow:0 -4px 10px #00000059;font-size:15px;color:var(--ink-soft)}.scroll:before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background-image:var(--meander);background-repeat:repeat-x;background-size:24px 16px;background-position:center;box-shadow:inset 0 2px 3px #00000038,inset 0 -1px #ffffff4d,0 -1px 2px #0000004d}.scroll [data-field=messages]{color:var(--bronze-3);font-weight:600}