:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{background:#071725;margin:0;min-height:100%;overflow:hidden}button{font:inherit}.projection-shell{background:#071725;color:#fff;min-height:100svh;overflow:hidden;position:relative}.projection-canvas,.projection-fallback{inset:0;min-height:100svh;position:absolute}.projection-canvas canvas{display:block;height:100%;touch-action:none;width:100%}.projection-fallback{background:#071725;display:grid;place-items:center}.projection-fallback img{height:100%;inset:0;object-fit:cover;opacity:.5;position:absolute;width:100%}.projection-fallback p{background:rgba(2,31,50,.88);border:1px solid rgba(255,255,255,.2);border-radius:8px;max-width:520px;padding:16px 18px;position:relative;text-align:center}.projection-topline{align-items:center;display:flex;gap:14px;left:clamp(16px,3vw,40px);position:absolute;top:clamp(16px,3vw,34px)}.projection-topline span,.projection-topline strong{background:rgba(3,27,44,.82);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:11px;letter-spacing:.08em;padding:8px 11px;text-transform:uppercase}.projection-topline strong{color:#d8c7a7}.projection-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(3,27,44,.86);border:1px solid rgba(255,255,255,.22);border-radius:10px;bottom:clamp(16px,3vw,32px);max-height:calc(100svh - 32px);overflow:auto;padding:clamp(18px,2.8vw,30px);position:absolute;right:clamp(16px,3vw,32px);width:min(340px,calc(100vw - 32px))}.projection-kicker{color:#d8c7a7;font-size:11px;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.projection-panel h1{font-size:clamp(24px,3.4vw,42px);line-height:.98;margin:0}.projection-caption{color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;margin:14px 0}.projection-view-buttons{display:grid;grid-gap:7px;gap:7px}.projection-view-buttons button{background:rgba(5,43,68,.84);border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#fff;cursor:pointer;min-height:42px;padding:9px 11px;text-align:left}.projection-view-buttons button[aria-pressed=true]{background:#fff;color:#003f6f}.projection-view-buttons button:focus-visible{outline:3px solid #d8c7a7;outline-offset:2px}.projection-source{border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.62);font-size:11px;line-height:1.55;margin:14px 0 0;padding-top:12px}@media (max-width:720px){.projection-topline{align-items:flex-start;flex-direction:column;gap:6px}.projection-panel{bottom:10px;left:10px;max-height:48svh;padding:14px;right:10px;width:auto}.projection-panel h1{font-size:26px}.projection-caption{margin:9px 0}.projection-view-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.projection-view-buttons button{font-size:12px;min-height:44px}.projection-source{display:none}}@media (prefers-reduced-motion:reduce){.projection-panel{-webkit-backdrop-filter:none;backdrop-filter:none}}