:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#ffffffeb;background:#070a10;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0;overflow:hidden;touch-action:none}*{box-sizing:border-box}.app{--topbar-h: 5vh;height:100%;width:100%;display:grid;grid-template-rows:calc(var(--topbar-h) + env(safe-area-inset-top)) 1fr}.hud{height:calc(var(--topbar-h) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;padding-top:env(safe-area-inset-top);background:linear-gradient(180deg,#000000b3,#0003);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;min-height:40px}.hud strong{font-weight:700;letter-spacing:.3px}.hudMain{display:flex;align-items:center;gap:12px;white-space:nowrap}.hudStatus{flex:1;min-width:0;opacity:.8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hudActions{display:flex;align-items:center;gap:8px}.iconBtn{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffeb;cursor:pointer}.iconBtn:disabled{opacity:.4;cursor:not-allowed}.stage{position:relative;height:100%;width:100vw;display:grid;place-items:center}.canvasWrap{width:90vw;height:100%;max-height:100%;position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 30% 20%,rgba(40,90,255,.12),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,70,120,.1),transparent 55%),#0009}.gameCanvas{display:block;width:100%;height:100%}.previewPopup{position:absolute;top:8px;right:8px;width:min(34vw,240px);aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#00000059;z-index:6;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .14s ease,transform .14s ease}.previewPopup[data-open="1"]{opacity:.65;pointer-events:auto;transform:translateY(0)}.previewPopup video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.previewOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:8px;background:linear-gradient(180deg,#0000001a,#0000008c)}.previewLine{font-size:11px;opacity:.9}.previewLine code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.previewMsg{font-size:12px;line-height:1.2}.previewBtn{width:fit-content}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0009;padding:18px}.overlayCard{width:min(520px,92vw);border-radius:14px;padding:16px 16px 14px;border:1px solid rgba(255,255,255,.12);background:#0a0e16d9}.overlayTitle{margin:0 0 6px;font-size:18px;font-weight:700}.overlayText{margin:0 0 10px;opacity:.9;font-size:14px;line-height:1.35}.overlayRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffeb;padding:10px 12px;border-radius:12px;font-weight:650;cursor:pointer}.btnPrimary{border-color:#5fa0ff8c;background:linear-gradient(180deg,#5fa0ff6b,#5fa0ff2e)}.hint{opacity:.8;font-size:12px}@media(max-width:980px)and (orientation:landscape){.app{--topbar-h: 40px}.stage{place-items:stretch}.canvasWrap{width:100vw;border-radius:0;border-left:none;border-right:none}.previewPopup{top:6px;right:6px;width:min(36vw,220px)}}