.scale-world-shell{position:relative;min-height:610px;border:1px solid rgba(151,180,214,.22);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#041327,#071d35)}
.scale-world-shell canvas{display:block;width:100%;height:610px;touch-action:none}
.scale-world-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.scale-world-toolbar .grow{flex:1;min-width:180px}
.scale-world-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.scale-world-readout>div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(151,180,214,.14)}
.scale-world-readout small{display:block;color:#91a6bd;margin-bottom:5px}.scale-world-readout strong{font-size:1.05rem}
.compare-lens-shell{min-height:360px}.compare-lens-shell canvas{width:100%;height:360px;display:block}
.magnitude-machine{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px}.digit-tape{min-height:250px;max-height:330px;overflow:auto;padding:16px;border-radius:18px;background:#06182d;border:1px solid rgba(151,180,214,.16);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:2;word-break:break-all}.digit-tape .zero-group{display:inline-block;padding:2px 5px;margin:2px;border-radius:7px;background:rgba(110,224,213,.09);border:1px solid rgba(110,224,213,.16)}
.magnitude-hierarchy{display:grid;gap:8px}.magnitude-hierarchy .level{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.035)}.magnitude-hierarchy .level i{height:10px;border-radius:10px;background:linear-gradient(90deg,#6ee0d5,#b99cff);min-width:8px}
@media(max-width:760px){.scale-world-shell,.scale-world-shell canvas{min-height:520px;height:520px}.scale-world-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.magnitude-machine{grid-template-columns:1fr}.compare-lens-shell canvas{height:330px}}