.out-share-panel{margin:14px 0 6px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(10,19,34,.88),rgba(6,12,23,.94));box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 36px rgba(0,0,0,.25)}
.out-share-panel>p:first-child{margin:0 0 10px;color:#c9d8ea;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.out-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.out-share-actions button{min-height:42px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);color:#eaf4ff;font:800 9px/1.1 system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}
.out-share-actions button:hover{border-color:rgba(105,221,255,.48);background:rgba(105,221,255,.10)}
.out-share-actions .primary{color:#06131d;background:linear-gradient(135deg,#7bf2ff,#8ff4c7);border-color:rgba(255,255,255,.58);box-shadow:0 0 22px rgba(105,221,255,.18)}
.out-share-status{min-height:1.3em;margin:9px 0 0;color:#7fe7bd;font-size:9px;letter-spacing:.04em}
.out-share-status[data-kind="error"]{color:#ff8c9d}

/* RESULT is a dedicated interaction layer. Gameplay HUD must never sit above
   or intercept taps from the share controls. */
body.out-result-active{overflow:hidden!important}
body.out-result-active .overlay{
  display:flex!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
body.out-result-active .overlay-card{position:relative!important;z-index:2!important;pointer-events:auto!important}
body.out-result-active .out-share-panel,
body.out-result-active .out-share-actions,
body.out-result-active .out-share-actions button{position:relative;z-index:3;pointer-events:auto!important}
body.out-result-active .game-header,
body.out-result-active .music-deck,
body.out-result-active .live-stats,
body.out-result-active .message-row,
body.out-result-active .controls,
body.out-result-active footer,
body.out-result-active .beat-meter,
body.out-result-active .judgement,
body.out-result-active .stage-banner{display:none!important;pointer-events:none!important}
body.out-result-active .board,
body.out-result-active .fx{pointer-events:none!important}

@media(max-width:760px){
  .out-share-panel{padding:10px;margin:9px 0 4px;border-radius:14px}.out-share-panel>p:first-child{font-size:8px;margin-bottom:7px}.out-share-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.out-share-actions button{min-height:42px;padding:6px 4px;font-size:8px;border-radius:9px}.out-share-status{font-size:7px;margin-top:6px}
  body.out-result-active .overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom))!important;align-items:flex-start!important}
  body.out-result-active .overlay-card{width:min(100%,430px)!important;max-width:430px!important;margin:auto!important;padding:10px 0 24px!important}
  body.out-result-active .out-share-panel{margin-bottom:10px!important}
}
@media(max-width:390px){.out-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.out-share-actions button{font-size:7.5px}}