:root{color:#f4f7fb;background:radial-gradient(circle at top,rgba(55,96,160,.28),transparent 35%),linear-gradient(180deg,#04070d,#02040a);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{min-height:100vh;overflow:hidden}button{font:inherit}.app-shell{position:relative;height:100vh;width:100vw;overflow:hidden}.sim-canvas{height:100vh;width:100vw}.control-panel{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.95rem;width:min(72rem,calc(100vw - 2rem));padding:.72rem .9rem;border:1px solid rgba(148,176,220,.22);border-radius:1rem;background:linear-gradient(180deg,#0c121ee6,#050a12c7),radial-gradient(circle at top,rgba(83,130,196,.16),transparent 60%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 54px #00000054,inset 0 1px #ffffff0d}.panel-brand,.panel-group{display:flex;align-items:center;gap:.55rem;min-width:0}.panel-brand{min-width:11rem}.panel-group{padding-left:.95rem;border-left:1px solid rgba(148,176,220,.14)}.panel-group--actions{margin-left:auto}.panel-label{margin:0;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:#8faecc;flex:0 0 auto}.panel-title{margin:0;font-size:.98rem;font-weight:700;line-height:1.1;white-space:nowrap}.button-row{display:flex;flex-wrap:wrap;gap:.38rem;min-width:0}.button-row--tight{gap:.3rem}.button-row button{border:1px solid rgba(137,179,240,.3);border-radius:999px;background:#0b182ae6;color:#edf4fd;padding:.38rem .7rem;font-size:.78rem;line-height:1;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button-row button:hover{transform:translateY(-1px);border-color:#89b3f08c;background:#142a47f0}.button-row button.is-active{background:linear-gradient(135deg,#29548b,#3976b6);border-color:#a8d0ff8c}.panel-action{border:1px solid rgba(137,179,240,.32);border-radius:999px;background:#0b182ae6;color:#edf4fd;padding:.38rem .78rem;font-size:.78rem;line-height:1;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.panel-action:hover{transform:translateY(-1px);border-color:#89b3f08c;background:#142a47f0}.fps-counter{position:absolute;bottom:1rem;left:1rem;display:inline-flex;align-items:baseline;gap:.4rem;padding:.45rem .6rem;border:1px solid rgba(148,176,220,.18);border-radius:.8rem;background:#050a12b8;color:#eef5ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff0a;pointer-events:none}.fps-counter__label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#8faecc}.fps-counter strong{font-size:.92rem;font-weight:700;line-height:1}.craft-callout{position:relative;width:0;height:0;pointer-events:none}.craft-callout__pointer{position:absolute;overflow:visible}.craft-callout__anchor{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:999px;background:var(--label-accent);box-shadow:0 0 0 2px #060a12eb,0 0 14px color-mix(in srgb,var(--label-accent) 45%,transparent)}.craft-callout__anchor--occluded{opacity:.22;box-shadow:0 0 0 2px #060a12b8,0 0 6px color-mix(in srgb,var(--label-accent) 12%,transparent)}.craft-label{position:absolute;width:168px;min-height:92px;padding:.72rem .8rem;border:1px solid color-mix(in srgb,var(--label-accent) 50%,rgba(255,255,255,.12));border-radius:.95rem;background:linear-gradient(180deg,#0a1220f0,#060b14e6),radial-gradient(circle at top left,color-mix(in srgb,var(--label-accent) 24%,transparent),transparent 55%);box-shadow:0 16px 30px #00000047,inset 0 1px #ffffff14;color:#eef5ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.craft-label--occluded{border-color:color-mix(in srgb,var(--label-accent) 28%,rgba(255,255,255,.1));background:linear-gradient(180deg,#090e18e0,#050910d1),radial-gradient(circle at top left,color-mix(in srgb,var(--label-accent) 12%,transparent),transparent 58%)}.craft-label__eyebrow{margin-bottom:.3rem;font-size:.54rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--label-accent) 75%,#dbeafe)}.craft-label__name{margin-bottom:.55rem;font-size:.98rem;font-weight:700}.craft-label__metric{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.7rem;color:#b8c7db}.craft-label__metric+.craft-label__metric{margin-top:.24rem}.craft-label__metric strong{font-size:.78rem;font-weight:700;color:#f8fbff}@media(max-width:720px){.control-panel{left:1rem;right:1rem;transform:none;width:auto;flex-direction:column;align-items:stretch;gap:.68rem}.panel-brand,.panel-group{align-items:flex-start;flex-wrap:wrap}.panel-brand{min-width:0;padding-left:0;border-left:0}.panel-group{padding-left:0;border-left:0}.panel-group--actions{margin-left:0}.craft-label{width:152px;min-height:84px;padding:.6rem .68rem}.fps-counter{bottom:.8rem;left:.8rem}}