#webgpu-portal-app{background:#090b18;width:100vw;height:100vh;position:relative;overflow:hidden}#scene-shell,#scene-shell canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.portal-hud{color:#f4f6ff;pointer-events:none;background:linear-gradient(90deg,#090b18fa,#090b18e0 84%,#0000);width:min(34rem,100vw);padding:2rem 1.6rem;position:absolute;inset:0 auto 0 0;overflow:auto}.portal-hud>*{pointer-events:auto}.eyebrow{color:#8fe2ff;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.portal-hud h1{margin:.5rem 0 .65rem;font-size:clamp(2rem,6vw,3.5rem);line-height:.95}.intro,.hint,.card-detail{color:#b4bfd8;line-height:1.5}.status-panel,.control-card,.contract-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1227b8;border:1px solid #8fe2ff33;border-radius:1rem;margin-top:1rem;padding:1rem}.status-line,.card-heading,.button-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.status-pill,.backend-pill,.card-heading span{color:#9fe8ff;background:#57a9d12e;border-radius:999px;padding:.25rem .55rem;font-size:.74rem}.status-pill i{background:#76f0be;border-radius:50%;width:.5rem;height:.5rem;margin-right:.35rem;display:inline-block}.status-detail{color:#dbe4ff;font-size:.86rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;display:grid}.metrics div{background:#ffffff0b;border-radius:.6rem;padding:.5rem}.metrics dt{color:#8290b0;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.metrics dd{color:#f5f6ff;margin:.2rem 0 0;font-size:.88rem;font-weight:650}.button-row{justify-content:flex-start;margin-top:.7rem}button,select,input{font:inherit}button{cursor:pointer;color:#f4f6ff;background:#162b4ad9;border:1px solid #8fe2ff47;border-radius:.6rem;padding:.55rem .7rem}button:hover,button:focus-visible{border-color:#8fe2ff}.field{color:#c9d4ef;gap:.35rem;margin-top:.9rem;font-size:.82rem;display:grid}.field span{justify-content:space-between;display:flex}output{color:#8fe2ff}input[type=range]{accent-color:#8fe2ff;width:100%}.toggle-grid{color:#c9d4ef;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem;font-size:.78rem;display:grid}.contract-row{color:#aebbd6;border-bottom:1px solid #ffffff12;justify-content:space-between;gap:.6rem;padding:.45rem 0;font-size:.78rem;display:flex}.contract-row:last-of-type{border-bottom:0}code{color:#9fe8ff}.error-panel{color:#ffd6e0;background:#64142da6;border:1px solid #ff7899;border-radius:.7rem;gap:.4rem;margin-top:1rem;padding:.8rem;display:grid}.signature{color:#6b7797;letter-spacing:.16em;margin-top:1.4rem;font-size:.7rem}@media (width<=760px){.portal-hud{background:linear-gradient(#090b18f5,#090b18bf 55%,#0000);width:100%;min-height:100%}}