#hoops-intro { position:fixed; inset:0; z-index:100; background:#08090b; color:#f6eed6; overflow:hidden; }
#hoops-intro[hidden], #hoops-intro [hidden] { display:none!important; }
#hoops-intro video { width:100%; height:100%; display:block; object-fit:contain; }
.intro-tools { position:absolute; inset:auto max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left)); display:flex; justify-content:space-between; gap:16px; }
#hoops-intro button { width:auto; min-height:44px; padding:10px 17px; border:1px solid #f6eed68c; background:#0b0c0de6; color:#f6eed6; font:16px Anton,Impact,sans-serif; letter-spacing:.04em; cursor:pointer; }
#hoops-intro button:focus-visible { outline:3px solid #f7ee2b; outline-offset:4px; }
#hoops-intro button span { float:none; font:inherit; line-height:1; }
#hoops-intro [data-intro-resume] { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#f7ee2b; color:#10110b; border:0; padding:16px 30px; }
.intro-recovery { position:absolute; bottom:90px; left:50%; transform:translateX(-50%); width:min(80%,380px); text-align:center; font:14px Arial,sans-serif; }
.intro-recovery p:empty { display:none; }
#hoops-intro [data-intro-sound] { display:flex; align-items:center; gap:9px; }
#hoops-intro svg { width:20px; height:20px; }
@media (max-height:360px) { .intro-tools { bottom:max(10px,env(safe-area-inset-bottom)); } }